Welcome!

Join our community of MMO enthusiasts and game developers! By registering, you'll gain access to discussions on the latest developments in MMO server files and collaborate with like-minded individuals. Join us today and unlock the potential of MMO server development!

Join Today!

[Tutorial] Modern Button in 1 minute

Joined
Mar 17, 2007
Messages
736
Reaction score
266
First of all we need photoshop (i use CS3) ,

Press Ctrl+N to create new file , Width/Height 500x500 with background black (we change it later ...)

Create New Layer

hJhNu - [Tutorial] Modern Button in 1 minute - RaGEZONE Forums

---------------------------------------------------------
Press M and make a rectangle , i use ?x? .
Now go to Inner Shadow and use color #151328

AAATj - [Tutorial] Modern Button in 1 minute - RaGEZONE Forums

---------------------------------------------------------
Is is same let go to next level - Bevel and Emboss

ZY3Z5 - [Tutorial] Modern Button in 1 minute - RaGEZONE Forums

you must use Vivid Light 100% and Shadow Mode 0
---------------------------------------------------------
now let's make Gardient Overlay with 4 colors :

#202039 Location 0% | #1e1c36 Location Left 50% | #21203b Location Right 50% | #201e35 Location 100%

Q93UZ - [Tutorial] Modern Button in 1 minute - RaGEZONE Forums


---------------------------------------------------------
what we need now is Stroke
1px outside #3e3e69
---------------------------------------------------------

NOW Duplicate This Layer and remove Style Fill 0%
Blending Options - Pattern

hylnC - [Tutorial] Modern Button in 1 minute - RaGEZONE Forums

---------------------------------------------------------
and final step is Create New Layer with dimensions 1x21 exacly like here but fill 0%
and go to Gardient Overlay !
Use Linear and colors #3e3e69 & #ffffff

---------------------------------------------------------
FINAL PRODUCT

qOSBc - [Tutorial] Modern Button in 1 minute - RaGEZONE Forums





Download PSD :


@let's see yours








 

Attachments

You must be registered for see attachments list
Last edited:
Mythic Archon
Joined
Oct 15, 2012
Messages
700
Reaction score
503
Simple to do but the outcome was splendid. This can help people who are unsure how to create a nice sleek button like this one, well done on this.
 
Mythic Archon
Joined
Oct 15, 2012
Messages
700
Reaction score
503
Got bored and looks like you want to see people's outcomes so here's mine.

FCV2005 - [Tutorial] Modern Button in 1 minute - RaGEZONE Forums
 
Joined
Mar 17, 2007
Messages
736
Reaction score
266
and final step is Create New Layer with dimensions 1x21 exacly like here but fill 0%
and go to Gardient Overlay !
Use Linear and colors #3e3e69 & #ffffff
 
Mythic Archon
Joined
Oct 15, 2012
Messages
700
Reaction score
503
and final step is Create New Layer with dimensions 1x21 exacly like here but fill 0%
and go to Gardient Overlay !
Use Linear and colors #3e3e69 & #ffffff

Yeah but I like mine how it is. ;)
 
Initiate Mage
Joined
Sep 8, 2011
Messages
67
Reaction score
252
Nice tutorial. Thanks. I'll post my outcome when I get home.
 
Back
Top