60 Super Layout Design Tutorials – Part 2 (45 Tutorials)

11. Nov, 2009 1 Comment

This is the Second Part of 60 Super Layout Design Tutorials, you can View the First Part here. This Second Part contains 45 Tutorials enjoy!

1. Create A Clean And Modern Portfolio Layout

A good design is key to attracting visitors to your website. However, tons of flashy graphics can be a deterrent for some visitors who have slower connections. We’ve created a simple, yet clean and modern portfolio layout and we’ll show you how we did it.

2. Design a creative unusual layout

unusual-layoutIn this tutorial I will show you how to manipulate some simple shapes, to obtain a wonderful layout. As you have seen I am trying to create unusual layouts. I want to show you that it is possible to create also another type of layouts (not usual ones).

3. Designing a Simple Portfolio Layout

Hey everyone, I apologize for how long it has been since the last tutorial, and I thank all those who signed up for the 2Photoshop feed and stayed patient! I am currently finished with school for the year and am planning to post more tutorials and articles in the next couple months!

With that being said, today we will be making a simple portfolio layout:
Hey everyone, I apologize for how long it has been since the last tutorial, and I thank all those who signed up for the 2Photoshop feed and stayed patient! I am currently finished with school for the year and am planning to post more tutorials and articles in the next couple months!

4. Design a clear website layout in Photoshop

In this tutorial we`re gonna create a PSD layout which can be used for a portfolio site and as well for a business one.

5. Your PROject Pt.1

Hello welcome to another tutorial series. In this series we’ll be creating a website in photoshop then later on code it into a 5 page template. We’ll also be adding a nice jquery slide effect for our featured content section using JFlow.

6. Design Studio Layout #2

In this tutorial you will learn how to make a clean layout for your design company. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

7. How to Elevate Your Website Design Process and Results

This tutorial will guide you through the process and ideas behind the designing a professional website with a funky flair in Photoshop. The tutorial will read much like a “choose your own adventure” novel in the hopes it will encourage creativity and uniqueness in your design with a little advice and instruction along the way. Adventure time!

8. Web 2.0 photoshop layout tutorial

This tutorial will guide you through the process and ideas behind the designing a professional web 2.0 website. The layout can be used as a wordpress portfolio layout, or for a corporate layout. With a few changes you can use it also for a clean hosting layout.

9. Car Layout #5

Good evening everybody, today i’ll be showing you how to create a car club style layout. We’ll be using two stock images and combining the two to make a cool composition.

10. How to Create a “Worn Paper” Web Layout Using Photoshop

In this tutorial, you’ll learn how to create a textured “worn paper” web design theme using some basic Photoshop techniques. The design incorporates some free stock images to let you create a beautiful layout in a jiffy.

11. Create a Clean Modern Website Design in Photoshop

Build a complete website design mockup for a fictional design studio, starting with the creation of the initial layout then moving on to designing the individual page elements. The result is a modern, crisp and clean webpage layout ready for coding.

12. Clean Photo Gallery Website Layout

In this tutorial you will learn how to make a clean photo gallery website layout. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

13. BLOOpress WordPress Theme

Good evening everybody, its that time again…… time to enduldge into some wordpress. In this tutorial we’ll be creating a wordpress theme called “BLOOpress”.

14. How to Create a Sleek and Textured Web Layout in Photoshop

In this Photoshop web design tutorial, you’ll learn how to create a full web page layout that combines the sleek and textured look-and-feel using a combination of beginning to intermediate Adobe Photoshop techniques.

15. Company/Business/Software Web layout (PSD Template)

Design a super duper Company/Business/Software Web layout

16. Sleek and modern portfolio layout

If you are looking for a sleek and modern portfolio layout this is the right place to learn how to create one. This clean layout has a nice area for a sideshow, where you can feature your best artwork.

17. Business Layout #5 Tutorial

Hello welcome to another tutorial by hv-designs, today we’ll be making a sleek business layout.

18. Watercolored Design Studio Blog Layout

n this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

19. Simplistic Video Blog Layout

Good evening everybody, sorry for the delay its been a busy run up too easter. Today were going to be making a very simplistic video blog.

20. Create an ecommerce web layout

In this tutorial i will create a spare parts ecommerce layout. It can be used for magento, oscommerce, or any e-commerce cms you want.

21. Quickie: Gaming Layout #5

Good evening, in this tutorial we’ll be making a quick, small, unique looking gaming layout, right lets get started.

22. WordPress portfolio layout

In this tutorial we’re going to put together a quick, simple but effective layout. This is a portfolio design, but the techniques and strategies used in this design could be applied elsewhere across the Web as well.

23. Car Layout #4

Good morning everyone, in todays tutorial were going to be making a stylish car layout, although the layout isnt particularly car “related” it does featured some awsome content box styling.

24. Corporate Business Layout

In this tutorial you will learn how to make a clean corporate style layout for your business. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

25. GreenPress WordPress Theme Design

In this tutorial you will learn how to make a simple and clean wordpress style theme I call GreenPress (i know, not creative). If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

26. Create a Business PSD Layout in less than 10 minutes

Learn how to Create a Business PSD Layout in less than 10 minutes.

27. Portfolio Layout #10

Hello, welcome to my next tutorial on hv-designs sorry for the slight delay its been abit hectic. In this tutorial were going to be creating a simple straight to the point portfolio. Ive had tons of emails requesting for a portfolio layout. So here it is.

28. Website Gallery Layout Design

In this tutorial you will learn how to make a layout for a css website gallery using Photoshop. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

29. Create a Professional Portfolio Design in 17 Easy Steps

This tutorial teaches you how to create a professional looking portfolio design using very basic techniques. The majority of online portfolio’s appear amateur, yet it really isn’t very difficult to produce a simple design, very quickly that can portray a professional image online.

30. Tutorial Site Blog Design

In this tutorial you will learn how to make a sleek, and professional tutorial blog. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

31. Create a Magic Night Themed Web Design from Scratch in Photoshop

The past days I was looking for inspiration in famous old paintings, and got interested on “Starry Night” of Van Gogh and thought: Can I apply this to web design? And the answer is Yes! Then after several hours of work, here’s my tutorial for you, an artistic web design depicting a “Magic Night” concept.

32. Business Layout #4

Good afternoon, welcome to another tutorial by the hv-designs team in this tutorial il show you how to create a sleek professional looking business layout, currently the 4th business layout in our tutorial library.

33. Simple 2 Column Blog Layout

In this tutorial you will learn how to create a simple 2 column blog layout using Photoshop similar to the one used for PSDVIBE. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

34. Making the ‘Clean Grunge’ Blog Design

This tutorial will cover the steps of designing the Clean Grunge blog design from scratch. It also discusses the techniques and styles of this kind of web design.

35. Corporate WordPress Style Layout

In this tutorial you will learn how to create a corporate wordpress styled layout. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

36. Modern Web 2.0 Web Layout

In this tutorial I am going to teach you how to create a modern web 2.0 styled web layout from scratch.

37. Business Layout #3

In this tutorial il show you how to make a really simple clean business layout.

38. Clean Rounded Content Box

In this tutorial you will learn how to create a clean rounded content box for your website. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

39. Five Looks, One Layout: How to Develop a Library of Web Design Styles at Your Fingertips

We’ll begin with the Grungy Paper Texture Site we created in a past tutorial, then we’ll change the design to look minimal, metallic, abstract, and web2! And after that we’ll talk about the process of learning a library of web design styles. So let’s get started…

40. Portfolio Layout #9

Welcome to another portfolio layout tutorial, in this tutrial il show you how to create a cool blue portfolio layout.

41. Full Photoshop Web Design – Journal

In this tutorial we will be going through a full photoshop design of journal/personal type website.

42. Design Studio Layout #2

In this tutorial il show you how to create a sleek looking design studio layout.

43. Eco Theme Template

Here is our first Photoshop tutorial. We will design nice looking green web layout. Here is the preview:

44. Create a Vibrant Modern Blog Design in Photoshop

Taking a closer look into the world of web design this tutorial will cover the process of designing a vibrant and colourful modern blog layout in Adobe Photoshop. Beginning with a blank canvas we’ll go through the process of creating the entire structure and effects from scratch.