Welcome to WebDesignForums.net!
You're currently viewing WDF as a guest. By registering for a free account, you'll be able to participate with other members in our friendly community. Being a member allows you to ask questions and get answers for those troublesome web development tasks!

In addition, as a member you'll be able to post your websites up for review. Using our unique website review system you can gain some amazing feedback from some of the best web developers around. This is a completely free service to all registered members.

Ready to register yet? Registration is 100% free. Click Here To Join Now!

[PS CS2] Star Sticker 2.0 style

Discussion in 'Graphics Articles & Tutorials' started by karinne, Sep 13, 2006.

  1. Offline

    karinne \m/ \m/

    Message Count:
    1,607
    Likes Received:
    3
    Trophy Points:
    0
    Location:
    Aylmer QC Canada
    Unless you've been living under a rock for the past 6 month to a year, it's hard to go through a day of surfing the net without encountering one of these star sticker on a site (see attachement star-14.jpg).

    So ... this tutorial will show you how you can make your site a bit more 2.0 style with one of these and trust me when I say this ... it's the easiest thing in the world :p

    Our canvas

    Let's start off by opening a new window of 300x300 (in pixels)

    View attachment 3422

    View attachment 3423

    Choose your tool

    Next, let's change our color to something different than black. I chose #cc0000. You can pick a nice bright orange or green too.

    And create a new layer while you're at it:
    View attachment 3424

    OK, now choose the polygon tool View attachment 3425 and click on the star checkbox in the option at the top View attachment 3426 . Now put something like 20 for the sides View attachment 3427 .

    Let's start drawing

    Simple enough ... create your star the same way you would a circle or rectangle View attachment 3428 .

    That's it!

    View attachment 3429

    Style it!

    Let's style that star a bit.

    Go to Layer > Layer Style > Gradient Overlay and put in the values as in View attachment 3430 . For the gradient, choose the color #990000 for the second maker of the gradient View attachment 3431 .

    Result: View attachment 3432

    Go to Layer > Layer Style > Drop Shadow and put in the values as in View attachment 3433 .

    Result: View attachment 3434

    Next, add some text, angle it and add an outer glow to it and you've got your Web 2.0 Star Sticker.

    Final results: View attachment 3435

    Attached Files:



    karinne, Sep 13, 2006
    #1

  2. WDF Go Premium, Drop Ads

  3. Offline

    kirby145 New Member

    Message Count:
    22
    Likes Received:
    0
    Trophy Points:
    0
    Cool ideas i like it.


    kirby145, Dec 5, 2006
    #2
  4. Offline

    tayzor17 New Member

    Message Count:
    34
    Likes Received:
    0
    Trophy Points:
    0
    Same :) could come in handy


    tayzor17, Jun 18, 2010
    #3
  5. Offline

    SueinSpain New Member

    Message Count:
    8
    Likes Received:
    0
    Trophy Points:
    1
    How cool is this? Have bookmarked it to try it out later. Thank you :)


    SueinSpain, Jul 1, 2010
    #4
  6. Offline

    daniel_moore Member

    Message Count:
    35
    Likes Received:
    0
    Trophy Points:
    6
    Gender:
    Male
    Location:
    United Kingdom
    Good tutorial that can be customised to suit any website colour scheme thanks!!


    daniel_moore, Feb 7, 2011
    #5
  7. Offline

    helenth01 New Member

    Message Count:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Gender:
    Female
    The above statement is seen to be contradictory. The situation is very critical and need an experience complainer to resolve it.
    ======================
    PLR Articles


    helenth01, Feb 15, 2011
    #6
  8. Offline

    AlphaMare WDF Moderator

    Message Count:
    3,965
    Likes Received:
    714
    Trophy Points:
    113
    Gender:
    Female
    Location:
    Montreal, Canada
    Not sure what they mean by this, but I think TheGame should be replying... LOL


    AlphaMare, Feb 15, 2011
    #7
  9. Offline

    LeenkzMike Active Member

    Message Count:
    608
    Likes Received:
    79
    Trophy Points:
    28
    Gender:
    Male
    Location:
    Toe-Peek-ah, Kansas
    Yeah,

    Where is GAME when you need him!:stomp:LOL


    LeenkzMike, Feb 15, 2011
    #8
  10. Offline

    AlphaMare WDF Moderator

    Message Count:
    3,965
    Likes Received:
    714
    Trophy Points:
    113
    Gender:
    Female
    Location:
    Montreal, Canada
    C'mon Mike - do your worst best....


    AlphaMare, Feb 15, 2011
    #9
  11. Offline

    LeenkzMike Active Member

    Message Count:
    608
    Likes Received:
    79
    Trophy Points:
    28
    Gender:
    Male
    Location:
    Toe-Peek-ah, Kansas
    I will keep it short and sweet!

    How dare you waste our time, and, How come this post has not been vanished?

    I am sure Rick will get on it as soon as he can! LOL


    LeenkzMike, Feb 15, 2011
    #10
(You have insufficient privileges to reply here.)

Share This Page