Button Web « Web « Photoshop Tutorials

Home
Photoshop Tutorials
1.3D
2.Animal Creature
3.Animation
4.Background Cover
5.Color
6.Design
7.Effect
8.Hardware
9.Holiday Event
10.Human
11.Image Format
12.Logo
13.Nature
14.Object
15.photography
16.Shapes
17.Text
18.Textures
19.Tools
20.UI Controls
21.Web
Maya Tutorials
3ds-Max Tutorials
Illustrator Tutorials
GIMP Tutorials
Photoshop Tutorials » Web » Button Web 

In this tutorial we illustrate how to build a very cool button ideal for your web 2.0 website or blog. The steps are very simple and in less the 10 minutes you can obtain the graphics in the above images.

[1]-Open the adobe photoshop software and create new document of Custom size with  Height & Width 400�400 pixels and Resolution 72 , Mode RGB Color.

1. Make a rectangle with the Rounded Rectangle Tool with 5px for Radius and #01a7ea as color.

[6]- Now double click on this layer1 and select the Gradient Overlay from the Layer style and now use the settings below do not click ok

40 Cool Abstract and Background Photoshop Tutorials

Start out by creating a blank document. Select the [ Rounded Rectangle Tool (U) ] Draw a rounded rectangle like what is shown in the image. Right Click on its layer and click on [ Resterize Layer ].

In this article I'll show you how to create a long button.

1. Make a rectangle using the Rounded Rectangle Tool.

[1]-First of all open new document of custom size y

Then go to the Rounded Rectangular Tool.

40 Cool Abstract and Background Photoshop Tutorials

[6]- Now select the Drop Shadow from the layer style and use the settings below

Next we need to remove outer side spots . For that select rectangle selection tool (marquee tool), select the area which we need to delete .And press del button on keyboard .

Set the Foreground color to black.

Click the image to view it full size.

Copyright DesignTutorials.info 2005 | Contact | Privacy Policy

Set the background to black. Create this shape with rounded rectangle tool.

2. User the �rounded Rectangle Tool� on the tool box.

Mail (will not be published) (required)

2. Next in the new 'alpha 1' channel, select the elliptical marquee tool, and make a circle with 70 x 70 pixel dimensions. This will be the rounded edges of your button. Next select the rectangular marquee tool. You will want to start the selection right near the top middle part of the circle, and then drag it out to the right until the height is 70 pixels as well. If it's not completely aligned with the circle after your done selecting, then use the arrow keys to adjust then fill, the selection with white. See image to the right.

1. Create a rectangle with the Rounded Rectangle Tool using 12px as Radius then click over the layer and Raterize it.

1. Start by creating a new shape with the Rounded Rectangle Tool using 2px as Radius.

Double click the layer to open layer style window. Apply settings as shown.

In this tutorial, I will teach you how to create the header above.

Step 1: Create and prepare

How to make a web-button-stars-graphics in photoshop.

w__w___w___.j___a___v_a_2__s__.__c__o___m___ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.