Web Graphics Tutorials Services Contact Us
Concept Visionz
3D Effect
-sponsor- -sponsor-

With this adobe photoshop tutorial you can ultilize the 3D Render filter in adobe photoshop to create nice looking 3-D effects for use in your web graphics. I used adobe photoshop 7. you can probably use older versions as well.


1- create a new layer [file > new]. choose any size you want, i just choose a simple 350x350.

2- go into FILTERS > RENDER > 3D-Transform. choose the shapes you would like to make 3d. u can choose either Cylinder, Sphere, Cube, or all of them together. its your choice.

3- after selecting the shapes u like, start filling in the box to the rite with the shapes, do as much as you like.

4- after that choose the button that shows a lil sphere with an arrow goign aroudn it. that will let u rotate and turn thsoe shapes into 3D! now go to that space where you put those shapes in, now you can rotate the shapes making them 3D. after you got a position you like, choose ok.

5- now that you got a lil 3D backgroudn going on, you can either add images or text or color to it to make it better. imma add color and text.

6- to add color, go into IMAGE > ADJUSTMENT > HUE/SATURATION. a dialog will appear, select "colorize" and "preview." so it will show you have teh colors will look. then just play with that a lil and pick a color you like, and choose ok.

7- ok, now you have a colorize, trendy 3D effect goin on in your background. from here you can do many things, resize add more stuff, etc. imma "crop" this image to about 350x90 and make a "demo" sig out of it.

8- finally, imma finish this off by adding some text, and effects to it. keeping it REAL REAL simple.

GOOD LUCK AND I WANNA SEE HOW YOURS CAME OUT TO. It should look something like this:


*Return to Tutorial(s)*

All rights reserved. © 2002-2017
Concept Visionz