Jump to content


Photo
* * * * * 1 votes

REALLY NICE BUTTON


  • Please log in to reply
7 replies to this topic

#1 simon777

simon777

    Young Padawan

  • Members
  • Pip
  • 12 posts

Posted 14 August 2007 - 07:49 AM

HI
today i want to show u that how v can make a pretty button like Posted Image in different colors.
let's begin

1. create a rounded rectangle* Posted Image
2. add a new layer, select brush tool then click once Posted Image
3. Posted Image (image is obvious)
4. select a triangle of previous step's layer 'n erase it (use laso tool)Posted Image
5. now make two black pieces for button's sides. set alpha : 8%Posted Image
6. select brush 'n set alpha
(i suggest 25%), click once on the left side to make a beautiful brightnessPosted Image
7. let's make lighlights. create a white rectangle like the first. select it by magic wand. shift selected area 8pixels downward.
press delete keyPosted Image. select leftover and shift it 2pixels downward.
8. do the same for the lower highlight.Posted Image
9. select them 'n set alpha.Posted Image
10. use some black diagonal lines like this Posted Image
11. add texts 'n a handsome arrow
Posted Image
12. enjoy!


rate this tutorial
best regards, neorang :)

---------------------------------------
* u can easily change button's color by changing rounded rectangle's color
Posted Image

Edited by neorang, 14 August 2007 - 07:54 AM.


#2 Archangel

Archangel

    P2L Jedi

  • Members
  • PipPipPip
  • 988 posts
  • Gender:Male
  • Location:Indiana
  • Interests:Reading (mainly fantasy books), Gaming (Xbox 360, Wii & PS3), Sports, Outdoor Recreation, Watching/Collecting Movies

Posted 14 August 2007 - 10:00 AM

Great tutorial! I've been playing with making buttons like this but they never quite turned out right.

I JUST tried this tutorial (minus the bidiagonal lines due to my preferences) and received much better results than I had on my own.

Thanks for posting this!

#3 Lastcrime

Lastcrime

    Impatient Jedi that likes to eat cereal

  • Members
  • PipPipPip
  • 649 posts
  • Gender:Male
  • Location:Toronto, Ontario, Canada
  • Interests:Soccer, Snowboarding, Hockey, B-ball, Skateboarding, Computers!

Posted 14 August 2007 - 10:35 AM

i really like the button, it fits great as a download now button nice job.

#4 simon777

simon777

    Young Padawan

  • Members
  • Pip
  • 12 posts

Posted 15 August 2007 - 08:36 AM

tnx guys
ur welcome

#5 DeathWish^!

DeathWish^!

    P2L Jedi

  • Members
  • PipPipPip
  • 501 posts
  • Gender:Male
  • Location:England
  • Interests:Photoshop :)

Posted 20 August 2007 - 10:30 AM

I like very much im going to try it now :)








..::DeathWish^!::..

Edited by DeathWish^!, 20 August 2007 - 10:50 AM.


#6 Dilfill

Dilfill

    Jedi In Training

  • Members
  • PipPip
  • 380 posts
  • Gender:Male
  • Interests:PHOTOSHOP!

Posted 27 August 2007 - 03:47 AM

wow nice tut I have seen this before of course but you explained it well. :)

#7 rose and me

rose and me

    Young Padawan

  • Members
  • Pip
  • 6 posts
  • Gender:Female
  • Location:Florida, US

Posted 27 August 2007 - 08:47 AM

That's cool. Thanks!!

#8 Scythar

Scythar

    Honored X Staff

  • Members
  • PipPipPipPip
  • 1,888 posts
  • Gender:Male
  • Location:Antwerp (Belgium)

Posted 29 August 2007 - 04:18 AM

yep nice one.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users