Proper Standards-Compliant Color Use in Web Design

Proper Standards-Compliant Color Use in Web Design

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.

Continue Reading

Create an Elegant Photography Web Layout in Photoshop

Create an Elegant Photography Web Layout in Photoshop

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.

Continue Reading

Create a Clean and Modern Web Design in Photoshop

Create a Clean and Modern Web Design in Photoshop

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!

Continue Reading

Design a Modern Portfolio Web Layout in Photoshop

Design a Modern Portfolio Web Layout in Photoshop

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.

Continue Reading

Make a Dark Blog Web Design Layout with Photoshop

Make a Dark Blog Web Design Layout with Photoshop

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.

Continue Reading

Create a Bright and Sleek Web Design in Photoshop

Create a Bright and Sleek Web Design in Photoshop

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!

Continue Reading

Create a Clean and Classy Web Design in Photoshop

Create a Clean and Classy Web Design in Photoshop

In this web design tutorial, you will learn how to create an elegant and professional web layout that can be used as a web portfolio site. We will use various Photoshop techniques, relying on basic tools such as shape tools and layer styles that will result in a usable web design. As a bonus, we have included a working HTML/CSS/JavaScript web template that you can download and use in any way that you like, free of charge!

Continue Reading

How to Make a Vibrant Portfolio Web Design in Photoshop

How to Make a Vibrant Portfolio Web Design in Photoshop

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).

Continue Reading