photoshop tutorial 3d letters

7/27/2019 PHOTOSHOP Tutorial 3d Letters

1/12


2/12

Character Palette, though don't worry about the font size too much because we'll be pasting it as SmartObjects in Photoshop so we can adjust the size at any given time. The color I used for the letter is#8CC63F.

Step 2

Now go to Effect>3D>Extrude & Bevel, make sure that Previewis on. Use the settings shown below,apart from specifying rotations for x, y & z axis, I chose Tall-Round from the Bevel drop down list. Thesettings will more or less depend on the font, so if you have used a different font play a bit, though I willadvise to stay away from the fancier Bevel settings, mostly None setting works best. You can alsomake it more thick by increasing the Extrude Depth.


3/12

Step 3

After youre happy with your 3D effect, it will be time to move on over to Photoshop. Open a newdocument in Photoshop. Now, copy your 3D text/letter from Illustrator & paste it as Smart Object in

Photoshop, press Enter key or checkmark to commit. You can now resize your text to whatever sizeyou want, in fact, bigger the better, but for the purposes of this tutorial, I will stick to a small canvas.

Power Tip: If for any reason, you want to edit the pasted 3D Smart Object, just double click on theVector Smart Object thumbnail in the Layer Palette, press OK on the resulting window, the SmartObject will automatically open up in Illustrator, do the changes or editing you want, then go toFile>Save & close the file & tadaa the changes will reflect in your Photoshop file.


4/12

Step 4

Now, lets begin with the Photoshop magic, we will be adding various texture on thedifferent layers & will spice them up with the variety of blending modes, the key is to experiment &

choose the settings that will best suit your purpose.

Open the texture image that you would like to use, for the first layer I used a texture, lets call it Texture1 from atexture pack on deviantArt. Go to Select>All & then Edit>Copy to copy the entire textureimage, Now we are going to paste this image into our letter, but you have to tell Photoshop where topaste it. So return to your 3D text document & pressing down Ctrl/Cmd Click on Vector Smart Objectthumbnail, this will select the entire text/letter, in our case, the letter C, now go to Edit>Paste Into(Shift+Ctrl/Cmd+V) to paste the texture image on C. Change the blending mode of the texture layer toOverlay.

Now, your image & layer palette should look like so:

Look at your layers palette now. You see your texture image there and a mask has been made thatallows only the letter part of the image to show.

If youre using different images, play around a bit with blending modes, mostly Overlay, Soft Light, Hardlight, Multiply will give the desired results.
http://farawlat-dxb.deviantart.com/art/8-quot-LARGE-74295288http://farawlat-dxb.deviantart.com/art/8-quot-LARGE-74295288http://farawlat-dxb.deviantart.com/art/8-quot-LARGE-74295288


5/12

Step 5

Repeat the procedure prescribed in Step 4, but with a different texture. I used one of the texture fromthispack.

In brief, open the texture image, Select All (Ctrl/Cmd+A), Copy it (Ctrl/Cmd+C) & return to your originaldocument, pressing down Ctrl/Cmd Click on Vector Smart Object thumbnail to select the letter/text & goto Edit>Paste Into (Shift+Ctrl/Cmd+V) to paste the texture in the letter C. And, change the blendingmode to Multiply.

Step 6

Now, its again time to do the same thing as mentioned in Step 4 & 5, but with the different textureimage. This time I used a more colorful texture from a another texture packover at deviantArt. And, thistime I choose the blending mode to Soft Light.

This is how my image & Layer Palette looks like after step 6.
http://sanami276.deviantart.com/art/textures-82-69176308http://sanami276.deviantart.com/art/textures-82-69176308http://sancsky.deviantart.com/art/leftover-vol-1-73351293http://sancsky.deviantart.com/art/leftover-vol-1-73351293http://sanami276.deviantart.com/art/textures-82-69176308http://sancsky.deviantart.com/art/leftover-vol-1-73351293


6/12

Power Tip: If you need to edit the filler texture image or if you don't like how it looks within the letter,you can still change it! Just choose the Move Tool (V) & drag over with your texture layer selected.Also, if you need to resize the texture image select Edit>Transform to resize it.

Step 7

Now, select the Background layer & fill with a Gradient Tool (G). I used Linear Gradient & the colors forthe two stops are as prescribed in the screenshot. Drag the gradient tool diagonally from bottom to top.

Step 8

Pressing down Shift key select all the layers in the Layer Palette except the background layer & Link allof them. Also make sure to link the Layer Mask thumbnails with their corresponding layer thumbnails byclicking once between them.

Step 9


7/12

Now, we will do the reflection of our letter C. For that, select all the linked layers & duplicate them.

Step10

Merge all the duplicated layers & name it Reflection.

Step 11

On the Reflection layer, go to Edit>Transform>Flip Vertical & place it beneath the letter C. Adjust itsperspective if the need be.


8/12

Step 12

The next step is to add a layer mask to the duplicate layer. To do this simply click on the add layermask button in the layers palette.

Now pick the Gradient Tool (G) and draw a gradient (black to white) in the direction from bottom to midtop.

Finally just reduce the opacity of the duplicate layer and you are all done. I reduced the opacity to 20% ,

there is no golden rule about the opacity % , just play with the opacity setting & choose the one thatsuits your image.


9/12

Step 13

Finally, with the Type Tool, I wrote the words for creativity with the settings as shown in the Character

Palette.

The font used is Larissa & can be downloaded from here. I also rotated the words a bit viaEdit>Transform.

Then I applied the layer style, as shown in the screenshots below.
http://www.fonts101.com/xt_fontdetails_az_FID!20012~Larissa~font.htmlhttp://www.fonts101.com/xt_fontdetails_az_FID!20012~Larissa~font.htmlhttp://www.fonts101.com/xt_fontdetails_az_FID!20012~Larissa~font.html


10/12

Step 14

To add a bit of finishing touch, I added Outer Glow to the Vector Smart Object layer, as shown.

And, thats how my Layers palette in end & final image looks like.


11/12


12/12

To take it further, play & experiment with various textures, the blending modes, also changing thevarious Adjustments options like Invert, Posterize, Hue/Saturations settings etc. gives the differentresults. You can also make the text look grungy or rusty using grunge textures, its just the matter ofexploring the powers of Photoshop & tapping your creativity!

photoshop tutorial 3d letters

Documents