layout Archive

Design an awesome colorful layout

In this tutorial i will show you how to create another web 2.0 layout for your creative portfolio. You can easily transform this PSD layout into a wordpress portfolio theme because it use one of the latest web design trends

How to Create a Professional Magazine Layout

A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Otto Coster was first published on August 4th 2010. Have you ever wondered how professional designers strike the perfect balance between text and image? Using InDesign’s powerful type tools, you will learn

Read More…

Create a Clean Twitter App Interface in Photoshop

In this tutorial we will create a clean Twitter app interface in Photoshop using layer styles and basic vector shapes. Let’s get started!

JEDI – Audio Player Interface

In this tutorial you’ll learn how to construct a very fine peace of a interface with no effort at all. In addition of that you’ll also face a lots of new and extremely useful styles, discover a loads of innovative and helpful techniques, all just to improve your skills in Photoshop

Windows 8 Inspired Portfolio Layout

Windows 8 will be pushed upon us soon with its brand new looking desktop user interface. So in this tutorial I’ve tried to incorporated some of its features into a stylish web layout

Design a Diary/Journal Web Layout in Photoshop

Learn how to create a fancy looking diary/journal website layout in Photoshop!

How to design a trendy wordpress theme

In this tutorial i will show you how to create a trendy wordpress theme. The design is very simple, and in this tutorial you will have presented only the first page. As you know already wordpress allows you to create also CMS websites. In this tutorial you will learn how to create the first page

Read More…

How to Make a Menu Interface for a Fantasy Themed iPhone Game

In this tutorial, we’ll create a main menu interface for a fictional iPhone game. We’ll go through setting up Photoshop to accurately display target screen size, setting up a wire frame for the project, creating a background, making a logo, creating rock texture for the sidebar, and wood texture for the saved games-box and buttons.

Read More…

How to create a grunge portfolio layout

Sometimes you will need a simple website where you can showcase your portfolio. This is the most important thing when you work as a designer. In this tutorial i will show you a very simple way to create your own grunge portfolio layout

Design a Sleek Portfolio Layout in Photoshop

Learn how to design a sleek portfolio website layout in Photoshop!