Top Inside graphics free tutorials adobe photoshop button tutorials & free tips
Home | About Us | Contact Us | FREE Training | Newsletter | Get our Android App
Adobe Photoshop : Tools | Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW : Tools | Basic Effects | Artistic Effects
Adobe Animate : Tools | Text Effects | Special Effects
Miscellaneous : Layout Designing | Web Designing | Articles | Interviews

Home : Photoshop Web Buttons : Simple Button

Simple Button

1. Create new file with 72 PPI and white background.

2. Select Elliptical Marquee tool. Place the cursor in the center of the image approximately.

3. Press Shift+Alt and draw perfect circle.



4. Select foreground and background color.

5. Select Gradient tool.

6. Drag from top left to bottom right.

basic photoshop web buttons

7. With the image selected,

Select > Modify > Contract

8. Input the value 7.

photoshop web buttons with selection

9. Click the Gradient tool again and drag over the image from bottom right to top left.

10. Press Ctrl +D to deselect.

photoshop web buttons with gradient tool

 
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy