Follow us on Twitter!
Few are those who can see with their own eyes and hear with their own hearts. - Albert Einstein
Thursday, April 17, 2014
Navigation
Home
HellBoundHackers Main:
HellBoundHackers Find:
HellBoundHackers Information:
Learn
Communicate
Submit
Shop
Challenges
HellBoundHackers Exploit:
HellBoundHackers Programming:
HellBoundHackers Think:
HellBoundHackers Track:
HellBoundHackers Patch:
HellBoundHackers Other:
HellBoundHackers Need Help?
Other
Members Online
Total Online: 19
Guests Online: 16
Members Online: 3

Registered Members: 82822
Newest Member: TheBunter
Latest Articles

How To Create A Blue And Yellow Button

Arrow Image This tutorial will teach you how to create a nice loking yellow-blue button enjoy!



Today We Will create a yellow-blue button like the following

outlaw-web.net/images/yellow%20and%20blue.gif


start out photoshop with the following image properties

outlaw-web.net/images/tut2/1.jpg

now select the Rounded Rectangle tool outlaw-web.net/images/tut2/2.jpg and use the following preferences

outlaw-web.net/images/tut2/3.jpg
then make a button-like selection like the following

outlaw-web.net/images/tut2/4.jpg

Then Right Click on that layer in the layers panel and click on blending options

outlaw-web.net/images/tut2/5.jpg

Use the following values instead of the default ones

outlaw-web.net/images/tut2/6.jpg

outlaw-web.net/images/tut2/7.jpg

outlaw-web.net/images/tut2/8.jpg

outlaw-web.net/images/tut2/9.jpg

now you should have something similar to this

outlaw-web.net/images/tut2/10.jpg

Now Right Click on that layer and click Duplicate layer
outlaw-web.net/images/tut2/11.jpg

Your Layers Panel Should now look like this

outlaw-web.net/images/tut2/13.jpg

Now Right Click on that latest Layer (the duplicate) and do Rasterize Layer

outlaw-web.net/images/tut2/15.jpg

Now Select The Rectangular Marquee Tool outlaw-web.net/images/tut2/14.jpg And make a selection like mine

outlaw-web.net/images/tut2/16.jpg

You Should end up with something like this

outlaw-web.net/images/tut2/17.jpg

Now Right Click on the Duplicated Layer and do Blending Options

outlaw-web.net/images/tut2/18.jpg

Use the following settings

outlaw-web.net/images/tut2/19.jpg

outlaw-web.net/images/tut2/20.jpg

outlaw-web.net/images/tut2/21.jpg

outlaw-web.net/images/tut2/22.jpg

now you should have something similar to this

outlaw-web.net/images/tut2/23.jpg

Then Select the text tool outlaw-web.net/images/tut2/24.jpg and add a yellow + sign

There you go a beautiful button

outlaw-web.net/images/yellow%20and%20blue.gif

hit me up with a pm for the psd

Comments

Ayr4on June 13 2007 - 06:52:58
Why do you need a button?:right:
turbocharged_06on June 13 2007 - 22:11:47
website graphics? :angry:
ranmaon June 17 2007 - 20:10:59
Nice looking button, sort of, but how does that... nevermind. Just a random article idea.
regreton July 06 2007 - 18:30:16
I really like the way you put this article together, I wish more would take the time to produce a quality article like this.
Post Comment

Sorry.

You must have completed the challenge Basic 1 and have 100 points or more, to be able to post.