How to create 3d effects in Photoshop CS3

700X100-down-free-green

When you saw the title, you probably said “Impossible!” Not entirely true. We can create extrusions even if the command isn’t available, adjust the depth and direction of the extrusion path or use shading and all we need is a different point of view on things. Sounds pretty good so far, huh?

Difficulty: beginner
Completion time: 3-5 min
Tools: Photoshop CS3
Resources: Showcard Gothic font

Final Image Preview

final pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 1

Create a document of 2000 x 2000 px in RGB color mode (File > New…) or a similar file size.

1 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 2

Grab the Horizontal Type Tool (T), draw a type box with the about the same width as the canvas. Type in your desired text and hit the “OK” button in the top side.

2 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 3

Duplicate this layer (CTRL+J). Select the original layer, make the text another color, go to the Layers palette and right-click near the layer thumb. Select “Rasterize Type”.

3 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 4

Hit CTRL+T to enter Free Transform Mode, click the chain between the percentile values and change the value to “99.5%”. Hit Enter.

4 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 5

Duplicate this layer (CTRL+J). Select its original and repeat STEP 4.

5 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 6

Repeat this step until you get a decent “extrusion” height.

6 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

6.1 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 7

Select all layers except the top-most one and “background” and hit CTRL+E to merge them. Click the “fx” in the Layers palette and select “Blending Options”. Use the settings below.

7 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

7.1 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

STEP 8

Select the top-most layer and add a similar blending setting, like below.

8 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

Done!

You can explore different extrusion paths if you change the reference point for the Free Transform mode.

9 pixel 77 3d effect tutorial in cs3 How to create 3d effects in Photoshop CS3

final pixel 77 3d effect tutorial in cs31 How to create 3d effects in Photoshop CS3

Pixel77 BONUS DOWNLOAD: 100 Premium Vector Illustrations

Comments

  1. Ruben Nunez says

    This is interesting. I followed the tutorial and like the effect.

    I wonder if there is a way to do this so that you don’t have to rasterize it, and therefore can apply the effect and still edit the text.

    Now that would be cool!

    Thanks for sharing.

  2. https://www.youtube.com/watch?v=6_IXNbjHphM says

    It’s a shame you don’t have a donate button!
    I’d certainly donate to this outstanding blog! I suppose for now i’ll settle for bookmarking and adding your RSS feed to
    my Google account. I look forward to new updates and will share this site with my Facebook group.
    Talk soon!

Trackbacks

  1. [...] Cómo crear efectos 3D en Photoshop CS3 Por admin 1 julio, 2013   Cuando viste el título, probablemente te dijiste “¡Imposible!”. Pues te diré que no es del todo cierto. Podemos crear extrusiones incluso si el comando no está disponible, ajustar la profundidad y la dirección de la trayectoria de extrusión o usar sombras y todo lo que necesitamos es un punto de vista diferente sobre las cosas. En el tutorial que se te recomienda al final de este post, podrás encontrar un tutorial (en inglés) que puedes seguir paso a paso para lograr un bonito efecto en 3d usando Photoshop CS3 como el que aprecias en la siguiente imagen. Para ello necesitarás descargar la letra fuente desde el link que te anexo abajo. Recursos: Showcard Gothic font Visitar Tutorial | How to create 3d effects in Photoshop CS3 [...]

  2. [...]   Cuando viste el título, probablemente te dijiste “¡Imposible!”. Pues te diré que no es del todo cierto. Podemos crear extrusiones incluso si el comando no está disponible, ajustar la profundidad y la dirección de la trayectoria de extrusión o usar sombras y todo lo que necesitamos es un punto de vista diferente sobre las cosas. En el tutorial que se te recomienda al final de este post, podrás encontrar un tutorial (en inglés) que puedes seguir paso a paso para lograr un bonito efecto en 3d usando Photoshop CS3 como el que aprecias en la siguiente imagen. Para ello necesitarás descargar la letra fuente desde el link que te anexo abajo. Recursos: Showcard Gothic font Visitar Tutorial | How to create 3d effects in Photoshop CS3 [...]

  3. […] When you saw the title, you probably said “Impossible!” Not entirely true. We can create extrusions even if the command isn’t available, adjust the depth and direction of the extrusion path or use shading and all we need is a different point of view on things. Sounds pretty good so far, huh? How to create 3d effects in Photoshop CS3 […]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>