January’s Fresh Photoshop Web Layout Tutorials

Photoshop Layout Tutorials January 2011

Every designer needs to constantly improve and update his skills. It’s a good practice I think to invest time and try out new Photoshop tutorials every week, to keep up to date with the latest trends in web design, to brush up on your skills or learn something new.

Because we care about the new trends in web design, we work hard to provide each month the latest tutorials, the best that the design community has to offer.

A big thank you to all our sponsors who make running this blog possible: theDesignerHost.com , 1ADTrend magazine and DisciPlanner.

Enjoy this list of 21 fresh photoshop layout tutorials and don’t forget to check out the photoshop layout tutorials posts for the previous months.


1. Sleek Portfolio Layout

In this tutorial we’ll be walking through the process of creating a sleek portfolio layout.

Sleek Portfolio Layout

2. Design a Textured “Coming Soon” Web Page in Photoshop

This web design tutorial will show you how to make a simple “coming soon” web page that has a nice background texture and a slick web form that you can easily adapt into contact forms, newsletter signup pages, and more.

Design a Textured “Coming Soon” Web Page in Photoshop

3. Design a Office Desk Themed Layout

Learn how to create a sleek & professional Office Desk style layout in Photoshop.

Design a Office Desk Themed Layout

4. Design a Fresh Web Service / SaaS Website Interface

In this tutorial we’ll be using Adobe Photoshop to design a clean and fresh interface that can be used for any web service or SaaS-based web app.

Design a Fresh Web Service / SaaS Website Interface (Plus a Free PSD!)

5. How to create a Portfolio Website Design in Adobe Photoshop

In this tutorial we’ll be covering a complete website design creation in Adobe Photoshop.

How to create a Portfolio Website Design in Adobe Photoshop

6. Create a gritty portfolio layout – moleskine layout

In this tutorial we’ll be covering a complete website design creation in Adobe Photoshop.

Create a gritty portfolio layout – moleskine layout

7. How to Design a Video Game Interface Window in Photoshop

In this tutorial we’ll be covering a complete website design creation in Adobe Photoshop.

How to Design a Video Game Interface Window in Photoshop

8. Rounded: Create A Detailed Solid Dark Layout In Photoshop

In this tutorial you will learn how to create a Solid Dark Layout in Photoshop. A few techniques discussed in this tutorial include the use of proper spacing, typography, and colors.

Rounded: Create A Detailed Solid Dark Layout In Photoshop

9. Design a Dark & Professional Business Layout

Learn how to design a eye-catching business layout in Photoshop!

Design a Dark & Professional Business Layout

10. How to create an elegant wordpress PSD theme

In this tutorial you will learn how to create an elegant WordPress PSD theme. You can use this web template also for consulting agency templates, services websites, marketing website templates, business website templates, finance website templates.

How to create an elegant wordpress PSD theme

11. Fresh corporative web template with Photoshop and Illustrator

Today we will guide you across the making of a beautiful and elegant template, ideal for all your business and company applications; we will take a look over every single element that is part of this template and will fully explain it, from gradient properties to the effects …

Fresh corporative web template with Photoshop and Illustrator

12. Designing a Church Homepage Without the Clutter

Today we’ll learn how to design a dramatically simple and attractive church homepage that still has plenty of room for various messages, announcements and more.

Designing a Church Homepage Without the Clutter

13. Business Website Design in Photoshop: Tutorial

Learn how to design a clean and solid fictional business layout. Following the steps in this tutorial you will be able to learn how to use guides, how to create a detailed background, how to create professional buttons and also some typography techniques.

Business Website Design in Photoshop: Tutorial

14. Create a Clean, Minimal Website Design in Photoshop

In this web layout tutorial we’ll be creating a clean, minimal website design. This design would be perfect for a photography website or similar creative professional.

Create a Clean, Minimal Website Design in Photoshop

15. How to create a recipe template in Photoshop

Learn how to create a nice recipe psd template using some warm colors.

How to create a recipe template in Photoshop

16. Create A Dark Blog Layout In Photoshop

This design tutorial will show you how to create a clean, professional, dark blog layout using Photoshop. This tutorial uses the 960 Grid System, which keeps the layout looking semantic and organised.

Create A Dark Blog Layout In Photoshop

17. 1stDelicious: Create A Simple Clean Portfolio Layout In Photoshop

In this tutorial you will learn how to create a Simple Clean Portfolio layout in Photoshop. A few techniques discussed in this tutorial will include the use of proper spacing, typography and colors.

1stDelicious: Create A Simple Clean Portfolio Layout In Photoshop

18. Create Sleek and elegant portfolio website

In this tutorial we are going to create an elegant and clean portfolio layout. This portfolio is suitable for photographers and other artists who want to showcase their work, and for that there will be sections for images and latest work.

Create Sleek and elegant portfolio website

19. Minimalist Layout Tutorial

In this tutorial we will go through the through the simple process of creating a minimalistic profile design in Photoshop.

Minimalist Layout Tutorial

20. Learn How To Create A Detailed Portfolio Layout In Photoshop

Today we will create a Detailed Portfolio Layout. A few techniques discussed in this tutorial include the use of proper spacing, patterns, typography, and colors.

Learn How To Create A Detailed Portfolio Layout In Photoshop

21. Create a Professional App Store Web Layout

Learn how to create a professional app store, using largely non-destructive means. You will work with blending options, adjustment layers and typographic methods.

Create a Professional App Store Web Layout


Related Posts:





freepsdtemplate.com - daily updated PSD resources for webdesigners