Home

Free Online Training | Resources | Support | 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
Photoshop Blog
Designing
Visiting Cards
Web Designing
Corel DRAW
Corel Basics
Learning Tools
Corel Techniques
Basic Effects
Patterns & Symbols
Artistic Effects
Text Effects
Corel DRAW Blog
Flash
Learning Tools
Special Effects
Masking
Text Effects
Interviews
Flash Blog
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
InsideGraphics BLOGS
Newsletters
InsideGraphics Forum
Add a link
Feedback
 
Home : Photoshop Web Buttons : Simple Button
  graphic links
    Photoshop Magic Newsletter
   

*

Powered by Dada Mail 4.1.0 Stable 06/09/10 Mailing List Manager

  InsideGraphics Blogs
 
Photoshop Blog
Corel DRAW Blog
Flash Blog
InsideGraphics Forums
Photoshop Forum
Corel DRAW Forum
Flash Forum
Business Card Forum
Web Designing Forum
 

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