VIP Membership 486px * 60px

22 Fresh Web Design Tutorials using Photoshop for 2010

Believe it or not Devise Function isn’t the only site out there providing quality web design tutorials for Photoshop. I have compiled a list of 22 of the latest web design tutorials released in 2010.

Portfolio Layout #12

Hello everybody, hope you all had a nice christmas and new year. The tutorial to start 2010 is a portfolio layout with a green theme, the layout features some nice styling and 3D elements.

Creative 3D Layout

Good evening ladies, gents, boys and girls. Welcome to another tutorial from hv-designs, today il be showing you how to make a creative 3D layout. The layout features a sleek navigation inspired by the mac and has a nice subtle look with subtle grey colors.

Create A Clean Cobalt Blue WordPress Layout

In this tutorial we will Create A Clean Cobalt Blue WordPress Layout, this layout teaches you how to create clean looking effects in the easiest way possible

Create a Fantastic Gallery Theme

In this tutorial we will be creating a Fantastic Gallery Layout using Adobe Photoshop. This tutorial uses lots of blending options to create effects, as well as the  marquee and shapes tool.

Create a Gnarly Snowboarding Themed Web Design

Get your Photoshop shred on and follow this step by step overview of building a snowboarding themed website layout. The design we’ll be creating takes inspiration from the typical style of the snowboarding culture, with grungy textures and distressed brush marks adding detail to the design. We’ll start by producing a core grid to base the design elements on, then use a mix of photography and Photoshop manipulation to create a concept web design for a fictional brand named ‘Snow Candy’.

Create a Grungy, Translucent Web Portfolio Design

Not only have watercolor brush strokes become a popular trend in modern web design, but so have advanced layers of transparency (or what I call, translucence). The new Envato design has received a lot of kudos for using this effect, and this tutorial will show you how to create a similar effect, while combining it with other popular web trends.

Create a Hosting Layout In Adobe Photoshop

If you want to earn some money online a hosting business is always a good choice. If you have a good design , and some money to promote your products you can earn some good money with such a business. This layout can be used for any internet business you have: an ISP provider, a domain registrar, or even a intranet website.

Today I will show you one more time how to design a layout for a hosting company.

Create A Killer Chrome Weblayout

In this tutorial I will guide you through the process of creating a real chrome effect which will be used throughout this template

Create a Professional Web 2.0 Layout

In this Photoshop tutorial we’re going to learn how to create a web 2.0 layout, As we go through the tutorial we’ll deal with so many Photoshop techniques. Seems kind of long? that’s because it’s very detailed. I assure you’ll find easy to follow and to get done, just give it a try!

Create a simple layout for architecture or real estate

Today I will show you how to create a simple layout for architecture business.

Create a simple yet attractive web layout

Hello my friends. In this tutorial I will show you how easy is to create a dark  layout for your business in just a few steps.

Create a Sleek Portfolio Layout

For our first Tutorial here at we will create a sleek stunning portfolio layout using Photoshop. I’ll show you the techniques used to create each effect throughout this layout

Create a Slick and Minimalist Web Layout in Photoshop

In this Photoshop web design tutorial, we’re going to learn how to create a slick and minimal-looking website layout. We will use the 960 Grid System as a template to make it easy to align the design elements on the layout.

Create An Amazing Vibrant Layout

In this tutorial we will create a amazing vibrant layout. we will use Filters, layer styles and more to create each effect to achieve the stunning end result

Design a Bold and Vibrant Portfolio

Learn how to design a bold and vibrant portfolio website, using a combination of lighting techniques and blending options.

Design a light wordpress theme in photoshop

In this tutorial I will create a new wordpress theme with a web 2.0 look.

Design a Sleek Textured Blue Portfolio

Learn how to design a sleek and textured portfolio web design from scratch, including guide techniques, sketching/drawing tips and content placement.

Design an elegant rustic layout for hotels or restaurants

Today I will create a layout for a hotel.
This layout will work also if you have site related to the hotel industry: bed and breakfast, motels, and it will work very good for restaurants, cafes, pizzerias , bars, wineries layouts, etc.

Designing Cool Interface for Magazine Portal

We shall go through some basic considerations and plans to take before we do the actual designing for a Magazine portal. You may find this tutorial useful for your upcoming projects.

How to create a software web layout

Today I will create a new dark website layout, where you can sell your software.

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

Portfolio layout created with jeans texture

If you want to create an eye catching portfolio , then you need to use a different style. If your portfolio will be unique, then you might be hired more than other designers. In this tutorial I will show you how to create a portfolio layout based on a jeans seamless texture.

If you have any other quality web design tutorials created this year that I have not mentioned, please share them with us in the comments.

Our online design resources.



This was written by Matthew Heidenreich

Leave a Reply

Your email address will not be published. Required fields are marked *