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:

Similar posts...

 

How to Create a Clean Web 2.0 Style Web Design

How to Create a Clean Web 2.0 Style Web Design Icon
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.
 

How to create a distinguishable textured web layout

How to create a distinguishable textured web layout Icon
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.
 

Setting Up/Using 960gs

Setting Up/Using 960gs Icon
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

How to Make a Vibrant Portfolio Web Design Icon
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).
 

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

Make Layout for a Simple, Light, Sleek and Fresh Website Icon
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

Bootstrap Portfolio – Create an awesome portfolio layout in CS6 Icon
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.
 

Design a 3D image slider

Design a 3D image slider Icon
In this tutorial you will learn how to design a 3D image slider using 960 grid system in adobe Photoshop.
 

Coding the Bootstrap Portfolio using Twitter Bootstrap, HTML5 and CSS3

Coding the Bootstrap Portfolio using Twitter Bootstrap, HTML5 and CSS3 Icon
In this tutorial I will show you how to slice images for the web in Photoshop, how use the Bootstrap 960 grid to structure the layout and how to set up Bootstrap Togglable Tabs to make the portfolio area functional. We will also cover some new CSS3 properties, such as transition and rotate.
 

How To Setup A Layout Grid In Photoshop

How To Setup A Layout Grid In Photoshop Icon
The Grid feature in Photoshop is a great tool to assist you with your layout designs, whether its design for the web or print. Adding a “Snap” lets you align objects very precisely along the lines of the grid. And rather than make a new grid each time you’re designing, you can set up grid preference that can be reused.
 

Design a website layout

Design a website layout Icon
In this photoshop tutorial we will learn to design a clean website layout. 960 grid system is what we are going to use in this tutorial and lots of photoshop techniques will be dealt as we go through.
 
Sponsored Links: