The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Search Button

Search Button


1. Draw a rounded rectangle. Use a shape layer and a radius of 20px. Hold shift while making the rectangle to keep the sides equal length.

image 1

2. Apply the following layer styles:

image 2

image 3

image 4

3. Duplicate your rounded rectangle layer, select the new layer and hit 'ctrl+t' to free transform. Now hold 'alt+shift' and drag a corner handle in to make a smaller rectangle with the same proportions.

image 5

Change the smaller rectangle's stroke size to 3px and stroke color to white (double click the layer in the Layer window to change layer styles).

image 6

4. Draw three shapes as shown. First make a rounded rectangle, duplicate and shrink it to make a smaller round rectangle, then create a circle (hold 'shift' while using the ellipse tool to create a perfect circle).

image 7

5. Arrange your shapes to form a magnifying glass.

image 8

Select your 3 shape layers that make up the magnifying glass ('ctrl+click' each layer in the Layers window).

image 9

Hit 'ctrl+t' to free transform all 3 shapes. Enter the following setting to rotate your shapes -45 degrees...

image 10

to get this:

image 11

6. Duplicate and shrink your circle to create the lens. Give it the same color as the stroke around the button: #00ccff. Add some text and you're done (my font is Futura Lt BT at 30pt).

Search Button



About the Author:

SlickTutorials offers clear and detailed tutorials for Photoshop and Illustrator.

Author's URL: SlickTutorials
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Search Button"

Captcha