November’s Fresh Photoshop Web Layout Tutorials

Photoshop Layout Tutorials November 2010

We wish all our readers a very Merry Christmas & Happy Holidays!

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 our sponsor who makes running this blog possible: DisciPlanner.

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


1. Create an Effective Coming Soon Page

Learn how to create a simple but effective coming soon page, utilizing lighting effects, typography and visual hierarchy.

Create an Effective Coming Soon Page in Photoshop

2. Create an Elegant Portfolio Web Design in Photoshop

Learn how create a clean and elegant portfolio web layout that has numerous areas for common content types such as an area that displays a blog post excerpt, a nice image slider for featured works, social media information, and a thumbnail gallery.

Create an Elegant Portfolio Web Design in Photoshop

3. Portfolio Layout Design Tutorial with 3D Look

In this tutorial i will learn you how to create a portfolio website design with a 3D look. For this layout we will use the PSD framework from our Ultimate CSS Framework.

Portfolio Layout Design Tutorial with 3D Look

4. Professional Portfolio Web Design Layout Tutorial

In this tutorial i will learn you how to create professional and great looking portfolio template.

Professional Portfolio Web Design Layout Tutorial

5. Ultimate software layout tutorial

In this tutorial you will learn how to create a clean a sleek software layout. This layout can be used also as a business layout where you can show case your projects or present your business ideas.

Ultimate software layout tutorial

6. Design a dark portfolio layout

In this tutorial you will learn how to create a clean a sleek software layout. This layout can be used also as a business layout where you can show case your projects or present your business ideas.

Design a dark portfolio layout

7. Magazine Styled Blog Layout

Walk through the process of creating a sleek magazine style wordpress blog in photoshop CS5 in this tutorial.

Magazine Styled Blog Layout

8. How to design an elegant website in Photoshop

Learn how to design an elegant website layout in Photoshop.You can use this template to showcase your portfolio for a personal website, for a business one etc.

How to design an elegant website in Photoshop

9. Create a Recipe Web Layout

Learn how to design an recipe web layout in Photoshop, a design which is ment to complement the recipes and let them shine through in all their glory.

Create a Recipe Web Layout

10. Prime quality software manufacturer tutorial

This tutorial will show you how to design a web layout where you can sell your software. If you have a downloadable item on your website ready for sale, then you will also need some tools to create 3D software boxes.

Prime quality software manufacturer tutorial

11. Design a Boutique Fashion Blog Layout in Photoshop

This tutorial will guide you through the steps of creating a boutique fashion blog layout in Photoshop.

Design a Boutique Fashion Blog Layout in Photoshop

12. Create Clean Business Web Layout in Adobe Photoshop

Learn how to design a smart, clean professional business web layout in Adobe Photoshop. You can use this layout for your personal website or for the business sites.

Create Clean Business Web Layout in Adobe Photoshop

13. How to design a coming soon page in Photoshop

Learn how to how to create a coming soon page in photoshop. To design a coming soon page is really important if you are about to lunch a new website, and is a pretty good marketing tool.

How to design a coming soon page in Photoshop

14. Photoshop Tutorial: Creative WordPress Blog Layout

Learn how to a design a Creative WordPress Blog Layout in Photoshop. This tutorial is a moderate difficulty tutorial but the instructions provided should allow anyone to follow and come up with great results.

Photoshop Tutorial: Creative WordPress Blog Layout

15. Create a sleek textured layout with a distinguishable look

In this tutorial you will learn how to create a textured website layout. We will use two different seamless pixel patterns, and you will see how some simple patterns can create a great website layout.

Create a sleek textured layout with a distinguishable look

16. How to design a law/justice website in Photoshop

Learn how I have created a law/website layout in Photoshop. This template it is suitable for a lawyer website or anything which have to do with the justice department.

How to design a law/justice website in Photoshop

17. Design a Textured Outdoors Website in Photoshop

In part one of this website build project we’ll go through the process of creating a detailed concept for an outdoors site. The design is based on a range of textures and a mix of blue and greys to create a stylish and sophisticated website for ‘Pinewood Forest’

Design a Textured Outdoors Website in Photoshop

18. Design a Super Sleek Hosting Layout

In part one of this website build project we’ll go through the process of creating a detailed concept for an outdoors site. The design is based on a range of textures and a mix of blue and greys to create a stylish and sophisticated website for ‘Pinewood Forest’

Design a Super Sleek Hosting Layout

19. Learn How To Create A Web Gallery Style Layout

In this tutorial you will how to create a gallery/showcase style web layout.

Learn How To Create A Web Gallery Style Layout

20. Create an Illustrative Single Page Web Design With Photoshop

This is a very detailed tutorial about creating a single page illustrative webdesign from scratch with Photoshop. You will learn how to build a layout for a single page webdesign, create illustrative backgrounds with a particular style, design a floating navigation bar, working with text having CSS3 in mind, and more…

Create an Illustrative Single Page Web Design With Photoshop

21. Design a Portfolio Site in Photoshop

In this tutorial we’ll be going through the process of creating a homepage layout of a portfolio site in Photoshop.

Design a Portfolio Site in Photoshop

22. Create a business layout

In this tutorial we’ll be going through the process of creating a business web layout in Photoshop.

Create a business layout

23. How to create a clean web layout featuring apple iPad’s

In this tutorial you will learn how to create a web layout inspired by apple.com website. You can use this layout also for your portfolio or for featuring your products.

How to create a clean web layout featuring apple iPad’s

24. Create a Web Application Website Design in Photoshop

Learn how to create a layout for a web app’s website using Photoshop. We will create all the popular components of a web application website, like a “featured” area for a short description of the app, call-to-action buttons, screenshots/videos …

Create a Web Application Website Design in Photoshops

25. The Making of CoffeeAddict: An Illustrative Wood Design

Rich & creamy textures give this design a unique theme. Learn how to make a illustrative wood design.

The Making of CoffeeAddict: An Illustrative Wood Design

26. Photoshop Gallery Website Layout Tutorial (CS5)

In this tutorial we will be creating a simple product sales page with gallery addition.
This tutorial is going to be classified as an Intermediate Photoshop tutorial as we will be using styles, custom shaping and images.

Photoshop Gallery Website Layout Tutorial (CS5)

27. Create a Clean and Simple Résumé Website Design

In this design tutorial, we’re going to create beautiful simple and elegant interface for a Résumé Website in Adobe Photoshop that works great for mobile phones and iPads.

Create a Clean and Simple Résumé Website Design

28. Design a Tutorial Sharing Layout in Photoshop

Learn how to design a sleek Tutorial Sharing Layout in Photoshop.

Design a Tutorial Sharing Layout in Photoshop

29. Create an Elegant Patterned Web Design in Photoshop

In this Photoshop web design tutorial, we will create a simple and elegant web layout of a portfolio site. We will create and use patterns throughout the design to give it that extra bit of class.

Create an Elegant Patterned Web Design in Photoshop

Did you know you can register your domain name, get web hosting, and even find ecommerce software at Network Solutions? Go with a name you can trust when you’re ready to start your online presence


Related Posts:





freepsdtemplate.com - daily updated PSD resources for webdesigners