[Tutorial] 3D Layer

[FCV2005]

well , let's talk little about that , i know a lot webdesigners, i know are a lot methods to make but nobody share / make tutorial because .... really dont know !

then that tutorial have MY CREDITS 100%

so , we need photoshop (i use CS3) , so open it and press CTRL+N and use 500x500 px (default for tuts) and i use color #222a36

Step 1
Press M (Select Elliptical Marquee Tool)
--------------------------------------------

--------------------------------------------

after you selected Elliptical Marquee Tool make New Layer and make a Cirle

--------------------------------------------

after you did that circle Press G and select #ffffff (white color) , now it must be a white circle
--------------------------------------------

if it looks like that you complete Step 1 (Yupiii)
--------------------------------------------

Step 2
Press M (Select Elliptical Marquee Tool) (like in step 1)
but now we just CUT no need to make new layer ....

--------------------------------------------

--------------------------------------------
i know , omg what is that !! you can make a lot models , depends where you wanna use it !
ok , after we did the model we need to duplicate it ALT+ UP ARROW ! and hide original layer !
--------------------------------------------
for that bg i will use deafult color of layer with #222c3c , i want to match with bg !
so it must show like that !

--------------------------------------------

i understand is sooo ugly but you will be happy what will be the final product ... (depends of model) !!!
--------------------------------------------

Step 3 (Design Layer)
--------------------------------------------
Now we need to duplicate layer again ... that one not original !
so Right Click on layer and Duplicate Layer... with Opacity 0 and go to Blending Options and do exacly what you see (you can use others colors , but i preffer that !)

Inner Shadow
--------------------------------------------

Bevel and Emboss
--------------------------------------------

Patterns
--------------------------------------------

ok , we finished to design first layer ! now we need to make a line ... how we can make it? easy & fast ?
Duplicate First Layer and Press V
after that press CTRL + Left Click you will see layer is selected with some lines ! now press M (rectangular marquee) and up 1 px and press delete , and now move it up (up on all layers + up 1px) ... after that we need to design it , we will use just Gardient
with 3 colors
Location 0% #344053 Location 50% #ffffff Location 100% #485975
--------------------------------------------

how it must look ?
--------------------------------------------

ok, now we need to do same thing like up , but we need to cut from UP-LEFT-RIGHT !

Step 4
--------------------------------------------
Move First Layer down 5-10px

Step 5
we need to duplicate first layer and go Blending Options and Drop Shadow #ffffff
after that move it up 2/4 px
--------------------------------------------

--------------------------------------------




after that we need to duplicate

Duplicate First Layer and [COLOR=#008000][B]Press V[/B][/COLOR]
after that press [COLOR=#008000][B]CTRL + Left Click[/B][/COLOR] you will see layer is selected with some lines ! now press [B]M (rectangular marquee)[/B] and up 1 px and press [COLOR=#ff0000]delete[/COLOR] , and now move it up (up on all layers + up 1px) ... after that we need to design it , we will use just [B]Gardient[/B]
with 3 colors 
[B]Location 0% #[COLOR=#ff0000]344053 [/COLOR]Location 50% #[COLOR=#ff0000]ffffff [/COLOR]Location 100% #[COLOR=#ff0000]485975[/COLOR][/B]

and move it down 4-5-6 px, idk exacly ...

Step 6
--------------------------------------------
so we have 8 Layers , 3 lines , 5 normal . now we need to design first / original one ... what we need? Blending Options - Gardient Olverlay

and DONE we finished , YaHoO

FINAL

Download PSD :

You must be registered to see links

@i wanna see your result :d !

​

 

[Z1ls]

Nice tutorial as always, good that you started to release things like this, thanks

 

[Viserion]

Magnific!

Thanks FCV2005! *o*

Please, next tutorial, make how you create yours Navigation/menu? *o*

 

[FlashyX]

i think thats a bit over board bro @above

 

[FCV2005]

What you mean
?

@tommorow will be next tutorial

 

[Razer]

Nice tutorial, good use of screenshots and the outcome was better than I expected, great job.

 

[Shoelace]

Wow looks really nice and good be used well, love your tutorials and i can't wait for the menu one as i struggle on menus and navigation bars.

 

[Razer]

Tried to follow the tutorial, and I'm not being disrespectful but I can't understand you man.
Some stuff doesn't make sense, such as this:

Right Click on layer and​

Duplicate Layer...​

with​

Opacity 0​

and go to​

Blending Options​

and do exacly what you see (you can use others colors , but i preffer that !)

Why are we making this layer with tons of effects etc, when it has an opacity level of 0 anyway?​

​

 

[Entourage]

This is awesome, would've never thought of it this way! Thanks!