As designers who’d like to turn our creations into works of art, we want to design towards our heart’s content — letting our eyes be the final judge of our masterpieces. But as we all know, creating a web page is different from creating a painting — with a painting, we can freely express ourselves on the canvas. However, with a web page, we need to effectively pass on information, first and foremost.
In this Photoshop tutorial, you will learn how to make a beautiful web page design PSD that is dark-themed and perfect for a web portfolio that is centered around photographs. It’s a pretty simple tutorial that aims to illustrate some great techniques to adapt into your current web design workflow.
In this web design tutorial, we’re going to learn how to create a clean-looking and modern website layout. We will take advantage of some fundamental techniques and tools — such as custom shape tools, selection tools, and clipping masks — and end up with a nice and professional web design. Ready? Let’s get started!
I’ll be walking you through the creation of a contemporary web page layout that’s perfect for a personal or agency portfolio site. We’ll use simple Photoshop tools such as layer styles, selection tools, and custom shape tools to create a professional-level web design. The color scheme can easily be adjusted depending to your tastes. This layout is heavily inspired by MetaLab’s web design.
I will be showing you a quick and easy way to develop a simple dark-themed blog layout with the use of Photoshop. When I say “quick and easy”, I mean it. We will only rely on basic Photoshop tools such as the marquee selection tools and layer styles. The outcome will be a professional-level website design mockup that can be converted to a blog theme or HTML web page.
In this web design tutorial we will create a clean, professional, and modern web layout in Photoshop using the 960 Grid System as our layout guide. We will use light and bright colors, subtle gradients, thin lines. Additionally, you will see a way to recreate a popular web design technique: 3D ribbons. Let’s get started!
In this web design tutorial, we will create a beautiful and colorful portfolio layout using Photoshop. I’ll show you many techniques for creating different things like bended paper corners, dashed lines, image carousels, 3D bars, and more! I’ll walk you through each step in exact detail so you won’t be left guessing how to do a certain technique. We will use the 960 Grid System to create this layout (which I’ll cover at the start).