Topics Search

Create a Web Template using the 960 Grid System

Create a Web Template using the 960 Grid System
Views: 43
Learn how to use the 960 Grid System to design a website template in Photoshop. You will be practicing layer styles to for effects and positioning elements based on the 960 Grid System.
Sponsored Links:

More topics

 

Creating template for a coffee bar or restaurant

Preview
I'm going to show You how to create a nice and easy to do template great for coffee bar or other restaurant. Template, as always, is based on 960 grid system.
 

Create a Portfolio Web Layout in Photoshop

Preview
In this tutorial we will create a portfolio web layout using Adobe Photoshop. I will show you how to create patterns and textures for your web designs and how to use the 960 Grid System to help you align the elements of your web layouts. I will also provide the patterns that I used in the resources section below so you can install and use them straight away.
 

How to Create a Clean Web 2.0 Style Web Design

Preview
In this Photoshop web design tutorial, you’ll learn, step-by-step, how to create a stunning and clean web layout. You’ll be using some basic to intermediate-level techniques to build your very own sleek "Web 2.0" style web design that uses the 960 Grid System.
 

Creating nice, blue template

Preview
I'm going to show You how to create a nice, blue, water related template in photoshop. I'm also using a 960 grid for this.
 

Setting Up/Using 960gs

Preview
This is quick tutorial on how to set up, and use, the 960 grid system in Photoshop.
 

How to Make a Vibrant Portfolio Web Design

Preview
In this web design tutorial, we will create a beautiful and colorful portfolio layout using Photoshop. I’ll show you many techniques for creating different things like bended paper corners, dashed lines, image carousels, 3D bars, and more! I’ll walk you through each step in exact detail so you won’t be left guessing how to do a certain technique. We will use the 960 Grid System to create this layout (which I’ll cover at the start).
 

How to create a distinguishable textured web layout

Preview
In this tutorial I’ll show you how to create a textured web layout, starting from the concept on paper to Photoshop design. We will discuss about site structure and will use the 960 grid to organize our contents. Also you will learn how to use layer styles to create an engraved text effect.
 

Make Layout for a Simple, Light, Sleek and Fresh Website

Preview
In this web design tutorial, we’ll create a light and sleek layout in Photoshop. We will use the 960 Grid System, and if you haven’t used it before, no problem, I will show you how it works and how it can help you design better layouts.
 

Bootstrap Portfolio – Create an awesome portfolio layout in CS6

Preview
In this tutorial I will show you how to create a portfolio web design using Photoshop CS6 and the 960 Grid System. During the process I will explain some of the new features in Photoshop CS6 and how to use them. In the second part of this tutorial we will learn how to code the design using Twitter Bootstrap. For now let’s get started with the design.
 

Create A Design Business Layout

Preview
In this tutorial I will be showing you how to create a design business layout in Adobe Photoshop, which you will be able to use in your own design projects. This layout uses the 960 Grid system in order to keep everything aligned and clean.