SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Jul 2009
    Posts
    220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to create the shadows and highlights?

    This is a simple but nice button, and I'm just using it as a learning material.
    How do I create the shadows at the top and the highlights at the bottom, in photoshop or pixelmator?

  2. #2
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,805
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    Anarchy?

    Anyway, its a matter of matching colors and tones to get the desired "feel" mostly.
    Aside from that, in PS what you have to use is layer effects.


    1) Drop shadow
    2) Inner Shadow
    3) Gradient overlay
    4) Stroke

    Remember that Stroke allows you to use gradients (not just a solid color) and that you can adjust the color, opacity, blending mode and spread of "shaddow modes" ( they don't always have to be dark)


    I roughed up a button in 3 mins... so you can see how I applied those techniques. I will keep it on my site for a few days so you can download it.

    http://raym31.home.comcast.net/~raym31/button.tif

  3. #3
    SitePoint Addict
    Join Date
    Jul 2009
    Posts
    220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by dresden_phoenix View Post
    Anarchy?

    Anyway, its a matter of matching colors and tones to get the desired "feel" mostly.
    Aside from that, in PS what you have to use is layer effects.


    1) Drop shadow
    2) Inner Shadow
    3) Gradient overlay
    4) Stroke

    Remember that Stroke allows you to use gradients (not just a solid color) and that you can adjust the color, opacity, blending mode and spread of "shaddow modes" ( they don't always have to be dark)


    I roughed up a button in 3 mins... so you can see how I applied those techniques. I will keep it on my site for a few days so you can download it.

    http://raym31.home.comcast.net/~raym31/button.tif
    thanks. i got the file. alright, shall play around with the settings and stuffs.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •