Adobe Photoshop Web Layouts
Colorful Web Layout
In this tutorial I am going to show you how to create a clean corporate layout in Photoshop.
Creating a complete website design mockup
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.
Design a forum layout
In this tutorial I am going to show you how to design a forum layout in Photoshop. The color scheme is black, orange and light blue which work very well together, but of course you can change the colors. There are 38 steps in total and will probably take around an hour to create. You don’t have to be a Photoshop whizz, just follow the simple steps below. If you have any problems then feel free to drop us a comment, or maybe even with links to what you have created using this tutorial.
Photographer portfolio design
Awesome portfolio design with a lot of content boxes and an attractive look in adobe photoshop.
Squared Website Header
In this tutorial we'll see how to create a squared website header in few easy steps.
Professional looking webdesign
Professional layout for a website with some great brushes and wonderfull colors. Create a professional layout for a website with some great brushes and wonderfull colors using just photoshop.
Design a Dark & Minimal WordPress Theme
In this tutorial we'll be learning how to design a dark & minimalist WordPress Theme using Adobe Photoshop. We'll be using many tools & methods including shapes, blending options and text tools.
Create a Premium Theme for Business / Corporate
We are going to make a tutorial about making themes that can be used for business or corporate, or as portfolio. We will share several techniques in this tutorial, including noise, shadow, pattern and lighting, and will be many pictures (few words) in explaining this tutorial step by step so that this tutorial can be easily understood by everyone.
Design a Single Page Design with Sliding Navigation
With tutorial, you will learn to create a Template dedicated to a portfolio. All will be applied on one unique page using a vertical navigation system built using jQuery.
How To Design A Dating Website Layout
With this Photoshop tutorial, you will learn to create a template for a dating website. This template is dedicated to single people, it wears the colours of love and Saint Valentine: pink, red.
Design A Layout For A Phone Webshop
In this Photoshop tutorial, you are going to learn how to create a template especially for the Prestashop CMS. After the creation, you will integrate it in a file type compatible with Prestashop.
Clean Mobile Login Screen
Mobile design is getting bigger and bigger as the weeks go by, its only a matter of time before mobile design tutorials start popping up in every tutorial website. So to kick it off I'll be showing you how to create a simple mobile login screen.
Create an uniquely styled web template + free psd
One more Photoshop tutorial in which we are going to see how design an uniquely styled web template.
Create an attractive web template
We are going to see is how to design one such unique, attractive and creative web template in Photoshop.
Create a cafe and bar web template / layout
Though people are technically good still they lack somewhere in the designing part. They mainly lack in the layout and in content placement. That’s why we put more emphasize in web template designing. Today’s post we are going to see how to create a cafe & bar web template in Photoshop.
Designing a corporate style yellow web template
In today’s post we are going to see how to create a corporate style yellow web template in Photoshop.
Create a dark portfolio web template
In this tutorial what we are going to see is how to create a dark portfolio web template in Photoshop. The reason why i mostly post tutorials related to because i myself is a graphic and web designer and i love to design web templates.
Create an elegant minimal web template
There are different types of web templates among which minimal style templates are the ones which gives more of a professional look than a funky one. So here we are going to see how to create one such minimal web template using Photoshop. This template will be more suitable for web designing companies.
How to design the FT Black & Blue Weblayout
You are going to learn how to create a website about artwork (like a portfolio or a artwork agency). To make work easy, I have used a kit of web-items, available on Grafpedia.