Photoshop Maya 3DS Max Blender Bryce Corel DRAW Cult3D Flash Bodypaint 3D Cinema 4D LightWave 3D ZBrush Rhinoceros SoftImage XSI Vue d'Esprit x

Adobe Photoshop Web Design tutorials

Showing tutorials 420 to 440 out of 1340 Web Design tutorials.

ADVERTISMENT

ADVERTISMENT

In this tutorial  I  m going to show you how to create 3 different types of cool badges  I  m going to use Photoshop CS4 and hopefully will make this very easy for you

How to Make Cool Badges in Photoshop

In this tutorial, I'm going to show you how to create 3 different types of cool badges. I'm going to use Photoshop CS4 and hopefully will make this very easy for you.

Not yet rated with 709 hits  Added on: Jul 13, 2009

Many of us are now using twitter  so in this tutorial  I m going to show you how to create a professional twitter background  I ve included a blank template for you to use if you want as well

Create a Pro Twitter Background

Many of us are now using twitter, so in this tutorial, I’m going to show you how to create a professional twitter background! I’ve included a blank template for you to use if you want as well.

Not yet rated with 736 hits  Added on: Jul 12, 2009

Learn how to create a stylish business layout or a clean corporate layout in Photoshop

Create a stylish business layout in Photoshop

Learn how to create a stylish business layout or a clean corporate layout in Photoshop.

Not yet rated with 667 hits  Added on: Jul 10, 2009

Step1  First we will start by creating new file  so go to file menu and choose new  for purposes of this tutorial I chose size 300   100 pixels  with transparent background   72dpi     Step2  Rename the only layer you have in Background  And fill it with any color     Step3  Now pick your Rounded rectangle tool and draw rectangle about 130   30 pixels with any color     Step4  Now right click on the layer and go Rasterize layer  rename this layer in to Main    Step5  It s time to add some color and layer styles to our shape  So go to Layers menu and choose Layer styles  gradient overlay  or double click on layer   Apply these settings     You should have something like this  Now we just need to add some text and a bit of shine and we are done     Step6  Create new layer on top of the Main layer  ctrl shift n  and call it Shine  Now pick Rectangular marquee tool   from the tool box  draw square like one in the picture and fill it with white  Go to select menu and choose deselect  ctrl d     Step7  Now hold ctrl and press on the Main layer  This way you will select our main shape of the button  Now go to Select menu and choose inverse  ctrl shift i  and press delete  layer Shine is still selected      Step8  Set the layer opacity at 20      Step9  Pick Type tool   from the tool box  Color  6c4b08 and type some text  I used font ItcEras size 14 italic  sharp  And we are done  Here is the outcome

Golden Web Button

Step1. First we will start by creating new file, so go to file menu and choose new, for purposes of this tutorial I chose size 300 * 100 pixels, with transparent background @ 72dpi. Step2. Rename the only layer you have in Background. And fill it with any color. Step3. Now pick your Rounded rectangle tool and draw rectangle about 130 * 30 pixels with any color. Step4. Now right click on the layer and go Rasterize layer, rename this layer in to Main Step5. It’s time to add some color and layer styles to our shape. So go to Layers menu and choose Layer styles/ gradient overlay (or double click on layer). Apply these settings. You should have something like this. Now we just need to add some text and a bit of shine and we are done. Step6. Create new layer on top of the Main layer (ctrl+shift+n) and call it Shine. Now pick Rectangular marquee tool from the tool box, draw square like one in the picture and fill it with white. Go to select menu and choose deselect (ctrl+d) Step7. Now hold ctrl and press on the Main layer. This way you will select our main shape of the button. Now go to Select menu and choose inverse (ctrl+shift+i) and press delete (layer Shine is still selected). Step8. Set the layer opacity at 20%. Step9. Pick Type tool from the tool box. Color #6c4b08 and type some text. I used font ItcEras size 14 italic, sharp. And we are done. Here is the outcome.

Not yet rated with 544 hits  Added on: Jul 07, 2009

Icons are very small but important part for our web design  Today I am going to show you how to create an Email Icon in few steps  This is quick and fast move to create an email icon  Using pen tool  blending option  blur effect etc   We can get an awesome email icon

Awesome Looking Email Icon

Icons are very small but important part for our web design. Today I am going to show you how to create an Email Icon in few steps. This is quick and fast move to create an email icon. Using pen tool, blending option, blur effect etc.. We can get an awesome email icon.

Not yet rated with 594 hits  Added on: Jul 06, 2009

In this tutorial we re going to look at the   warp option   in Adobe Photoshop and see how you can add a realistic page curl  also called   dog ear    to an image for website designing

Creating a page curl effect in Photoshop: Dog ear tutorial

In this tutorial we’re going to look at the "warp option" in Adobe Photoshop and see how you can add a realistic page curl (also called "dog ear") to an image for website designing.

Not yet rated with 799 hits  Added on: Jul 06, 2009

If you want to create your own custom blog design follow this easy tutorial to learn how to design a wordpress theme in Photoshop

Design a wordpress theme with Photoshop

If you want to create your own custom blog design follow this easy tutorial to learn how to design a wordpress theme in Photoshop

Not yet rated with 600 hits  Added on: Jul 03, 2009

In this tutorial we are going to demonstrate how easy you can design in just a couple of steps a Advertisement Banner using some basic photoshop tools  As usual loads of great tips and techniques so let s get started  Also the PSD file is available for download

How To Create A Advertisement Banner In Photoshop

In this tutorial we are going to demonstrate how easy you can design in just a couple of steps a Advertisement Banner using some basic photoshop tools, As usual,loads of great tips and techniques so let’s get started! Also the PSD file is available for download.

Not yet rated with 717 hits  Added on: Jun 29, 2009

Whether you are a single entrepreneur or a member of school of business  you will definitely love this layout

Design an elegant business finance layout in photoshop

Whether you are a single entrepreneur or a member of school of business, you will definitely love this layout.

Not yet rated with 727 hits  Added on: Jun 25, 2009

By no doubt  one of the most important factors of a website is the navigation and ease of  This is normally made of groups made with links and buttons  which you generally want to be seen quite easily  So we will be learning how to create a clean and attractable web button that will stand out and make your navigation much more interesting

Design a clean web button

By no doubt, one of the most important factors of a website is the navigation and ease of. This is normally made of groups made with links and buttons, which you generally want to be seen quite easily. So we will be learning how to create a clean and attractable web button that will stand out and make your navigation much more interesting.

Not yet rated with 656 hits  Added on: Jun 24, 2009

Graphical user interfaces  GUI  are a work of art when done correctly although very time consuming  The most widely created GUI is of a metallic style with glows and colours  so today I would like to show you how to create a metallic style interface button

Design an interface style button

Graphical user interfaces (GUI) are a work of art when done correctly although very time consuming. The most widely created GUI is of a metallic style with glows and colours, so today I would like to show you how to create a metallic style interface button.

Not yet rated with 827 hits  Added on: Jun 19, 2009

In this tutorial  I will show you how to create a nice looking web 2 0 button  This kind of buttons you can use in simple web designs  This simple looking button gives high quality looks to websites

Simply Nice web 2 button

In this tutorial, I will show you how to create a nice looking web 2.0 button. This kind of buttons you can use in simple web designs. This simple looking button gives high quality looks to websites.

Not yet rated with 1096 hits  Added on: Jun 16, 2009

In this tutorial you will learn how to create a clean website layout using only a few colors

Create a two color website layout in photoshop

In this tutorial you will learn how to create a clean website layout using only a few colors

Not yet rated with 740 hits  Added on: Jun 15, 2009

Looking to add a dark navigation to your website  This tutorial will teach you how to make a quick and efficient navigation bar that can be added into your current web design

Make a dark styled navigation bar

Looking to add a dark navigation to your website? This tutorial will teach you how to make a quick and efficient navigation bar that can be added into your current web design.

Not yet rated with 834 hits  Added on: Jun 14, 2009

We are going to learn how to create a unique website template from scratch that can be edited to suit your needs  The design itself is soft and attractive and works well for any type of website

Create a unique web design

We are going to learn how to create a unique website template from scratch that can be edited to suit your needs. The design itself is soft and attractive and works well for any type of website.

Not yet rated with 913 hits  Added on: Jun 14, 2009

In this tutorial you will learn how to create a colorful web 2 0 layout with a transparent menu

Learn how to create an awesome colorful layout

In this tutorial you will learn how to create a colorful web 2.0 layout with a transparent menu.

Not yet rated with 1756 hits  Added on: May 25, 2009

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     We ll use a set of nice icons which it will give color to the layout

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. We`ll use a set of nice icons which it will give color to the layout.

Rated:*** with 1837 hits  Added on: May 24, 2009

Design cool glossy website navigation bar with this tutorial

Cool glossy website navigation bar

Design cool glossy website navigation bar with this tutorial

Rated:*** with 1836 hits  Added on: May 24, 2009

Learn how to design an awesome PSD layout with following one of the latest typography trends

Design an awesome web layout based on typography

Learn how to design an awesome PSD layout with following one of the latest typography trends.

Not yet rated with 1121 hits  Added on: May 23, 2009

Learn how to create an awesome realistic PSD layout with this easy to follow photoshop tutorial

Design a realistic website layout in photoshop

Learn how to create an awesome realistic PSD layout with this easy to follow photoshop tutorial.

Not yet rated with 1337 hits  Added on: May 21, 2009

Go to Top

Highest Rated

This tutorial shows you how to create 3D flash photo gallery using 3rd flash tool called Wondershare Flash Gallery Factory  Easy to make 3D flash gallery with pre designed free templates and no flash or XML skills needed

How to create 3D flash photo gallery - This tutorial shows you how to create 3D flash photo gallery using 3rd flas...

Rated:**** with 65971 hits

Remove Glasses Digitally in Photoshop Retouching Tutorial

Remove Glasses Digitally in Photoshop Retouching Tutorial - Remove Glasses Digitally in Photoshop Retouching Tutorial...

Rated:**** with 49405 hits

Advanced masking in photoshop video tutorial

Advanced masking and selections with photoshop - Advanced masking in photoshop video tutorial ...

Rated:**** with 34684 hits

Create Water Droplets for your products with photoshop

Create Water Droplets for your products with photoshop - Create Water Droplets for your products with photoshop...

Rated:**** with 34822 hits

Most Popular

In this tutorial  we present ten favorite creative and useful techniques

Ten Photoshop Tips and Tricks - In this tutorial, we present ten favorite creative and useful techniques....

Rated:*** with 704512 hits

How to draw custom arrows in photoshop with the pen tool with a final 3 D embossing effect

How to draw custom arrows in photoshop with the pen tool with a final 3-D embossing effect. - How to draw custom arrows in photoshop with the pen tool with a final 3-D e...

Rated:*** with 608724 hits

In this Photoshop Tutorial we will show you give your type a nice feeling of speed

Speed Type Text - In this Photoshop Tutorial we will show you give your type a nice feeling o...

Rated:*** with 587032 hits

In this tutorial  we are going to show you how to change any person s eyes color

Eyes Color Retouch - In this tutorial, we are going to show you how to change any person's eyes ...

Rated:** with 584923 hits