Home

Free Online Training | Download Trial | Advertise with Us | Links | Add a Link | Feedback | Contact Us | About Us
Photoshop
Learning Tools
Image Effects
Artistic Effects
Photo Retouching
Black & White
Focus Effects
Text Effects
Frames & Borders
Using Filters
Web Buttons
Textures & Patterns
Image Ready
Using with Corel
Articles
Interviews
Designing
Visiting Cards
Web Designing
Corel DRAW
Corel Basics
Learning Tools
Corel Techniques
Basic Effects
Patterns & Symbols
Artistic Effects
Text Effects
Flash
Learning Tools
Special Effects
Masking
Text Effects
Interviews
Downloads
High Resolution Paper Backgrounds
Create Filters with FIlter Forge
Inside Photography
Interviews
Photo Retouching Plugins
FREE Online Training
Learn Adobe Photoshop for FREE
Learn CorelDRAW for FREE
Learn Adobe Flash for FREE
Learn Digital Retouching for FREE
Learn, DIscuss & Exchange Ideas
Site Links
Download Trial
Free Online Training
Bookshelf
Advertise with us
Add a link
Feedback
Home : Photoshop Web Buttons : Simple Button
  .
 
 

Simple Button
Software : Photoshop 6.0
Level : Beginner

  .
 

Concept: Making buttons in Adobe Photoshop is a regular artwork used for mainly web and presentations. It has a great potential and the scope for creativity is unlimited. You need to be aware with layer style command if you wish to move fast. Otherwise there are many subtle procedures like feather, modify, contract, by which you can try smooth looking buttons. Try to experiment with different combinations of the tools.

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

 
back to previous page


back to home Back to Top
© 2010 Inside Graphics. All Rights Reserved Feedback | Disclaimer | Privacy Policy