Selasa, 20 April 2010

How to Create Plastic Buttons in Photoshop for Beginners

Creating Plastic Buttons can be done fairly easy in Photoshop. In a few easy steps you can create some nice looking Plastic Buttons. These buttons are used a lot on websites. If you are a beginner, don't worry. I will write the first part of this tutorial for beginners and the second part for the Advance users. In this tutorial I will show you how to create the Plastic Buttons in Photoshop. So let's begin.
-How to Create Plastic Buttons in Photoshop for Beginners-
Open your Photoshop program and let it load. Now you will need to create a new canvas. Go to the top of your Photoshop window and click File > New to create a new canvas. Create your canvas about 300 pixels by 300 pixels. You can crop your button when you are finished. Set your background to white and then click OK.
Now you will need to draw your button. Select the Rounded Rectangle Tool from your toolbar and draw a rectangle on the canvas. You can make what ever size button you want.
Next you will need to Rasterize your layer. Right click on the Shape Layer in the Layers Panel and click Rasterize Layer from the pop up menu. If you do not see your Layers Panel then press F7 on your keyboard.
Right click again on that same layer and select Blending Options from the pop up menu. The Blending Options dialog box will pop up. You will see many options on the left hand side of that box. Below I will tell you which ones to click on and what Values to enter in the fields. Make sure that you click on the word and not just check the box. If you just check the box then you won't see the options for that effect.
Drop Shadow
  • Blend Mode – Multiply
  • Color – # 8d8d8d
  • Opacity – 50%
  • Angle – 120
  • Distance – 5
  • Spread – 0
  • Size – 5
  • Contour – Linear
  • Anti-aliased – Unchecked
  • Noise – 0
Inner Shadow
  • Blend Mode – Multiply
  • Color – # cbcbc9
  • Opacity – 65%
  • Angle – 150
  • Distance – 1
  • Choke – 0
  • Size – 5
  • Contour – Linear
  • Anti-aliased – Uncheck
  • Noise – 0
Inner Glow
  • Blend Mode – Screen
  • Opacity – 100%
  • Noise – 0
  • Color – Black
  • Technique – Softer
  • Source – Edge
  • Choke – 0
  • Size – 100
  • Contour – Linear
  • Anti-aliased – Unchecked
  • Range -50%
  • Jitter -0
Bevel and Emboss
  • Style – Inner Bevel
  • Technique – Smooth
  • Depth – 100%
  • Direction – Up
  • Size – 6
  • Soften – 16
  • Angle – 164
  • Use Global Light – Checked
  • Attitude – 58
  • Gloss Contour – Half Round
  • Anti-aliased – Unchecked
  • Highlight Mode – Screen
  • Color – White
  • Opacity – 81%
  • Shadow Mode – Multiply
  • Color – Black
  • Opacity – 55%
Gradient Overlay
  • Blend Mode – Normal
  • Opacity – 100%
  • Gradient – # 98def5 > # d9f0f8 > # 9adff0 ( Please see image two if you do not understand this part.)
  • Reverse – Unchecked
  • Style – Linear
  • Align with Layer – Checked
  • Angle – 90
  • Scale – 93
Stroke
  • Size – 1
  • Position – Outside
  • Blend Mode – Normal
  • Opacity – 100%
  • Fill Type – Color
  • Color – # d0d3d4
Now click OK on the Blending Options Panel. Now your button should look like mine. You can add text to your button by selecting the type tool and typing on your button.

Tidak ada komentar:

Posting Komentar