Step 1
Taking 3D objects into Photoshop is going to get more popular thanks to the latest release of Photoshop Extended. But you dont need Adobes latest high-end version of Photoshop to create some unique 3D effects this masterclass works for Photoshop CS and above. In it, type-effects guru Nik Ainley shows how to create the above image.
The key is to create the letters in a 3D package first as individual characters, then bring them into Photoshop for further post work. Through clever use of Photoshops masking tools and layers, Nik has created type with characters that weave in and
out of each other. The characters faces also provide a handy canvas for further effects, such as patterns, gradients and lines.
Software
Photoshop
Time to Complete
2 hours
Step 2
Start by producing each letter separately in a 3D program, which Nik did here in Xara 3D, and import them into a Photoshop document. Keep each letter in its own layer, and then arrange them around each other, in whatever way looks good to you. It might seem odd to create 3D text in this way, but Photoshop offers a lot more control than a 3D program and you will be able to produce a larger than life effect.
Step 3
One advantage of working in Photoshop is that letters can appear to be both behind other letters while having parts in front of them at the same time. To achieve this effect, you need to mask parts of individual letters to make it appear that theyre behind others. To mask part of a letter, start by adding a layer mask to the appropriate letter. The next step is to select which letter you want to appear in front in the screen above, were making the E appear as though its partly in front of the H. Select its outline by Ctrl+clicking on its layer thumbnail. Using the brush tool, brush black onto the Hs layer mask. It should now appear that the bottom tip of the E is in front of the H. Repeat this for as many letters as you like.
Step 4
Next, youll start working on the lighting and shadows, starting with adding shadows onto the F. Create a new layer above letter F. To make sure the shadows fall only on the letter, give it a mask. The shape of the mask must correspond to the shape of the F, minus parts masked off in the previous step. To do this, Ctrl+click on the F layers thumbnail, then Ctrl+Alt+Shift click on the layer masks thumbnail to get the intersection of the two. Now select your new layer and add a layer mask. It should be the same shape as your selection.
Step 5
Using a large soft brush say 70px brush black onto this layer around the parts of the letter that should be in shadow. In this case, the top bit that falls behind the R and the bottom that falls behind the S. Repeat this process for each layer and you should end up with a lot more depth.
Step 6
With the shadows on the letters done, now we need shadow on the background. Create a new layer below all of the letters. Select the outline of all your letters, and fill it with black. Run a Gaussian blur on this layer. Now, use a Warp Transform to pull it downwards slightly so it seems that the letters are floating above the background. Blur again, and drop the layers opacity if the shadows seem too harsh.
Step 7
Next, add some more-controlled shadows beneath the layers to give greater depth. Create a new layer above your first shadow layer and, using a soft 50px brush, add black into this layer. Where you add it is down to what looks good. Add more underneath the base of the letters to give the impression that theyre standing up vertically. This actually contradicts your first shadow layer, but is all part of the exaggerated effect.
Step 8
Now start working on the actual letters. The first step is to isolate the front face of each letter, using either the magic wand or pen tool. When you have a face selected, create a new layer above your letter but below the letters shadow. Fill it with whatever colour you want, but make it slightly darker and duller. If you have masked off part of the letter in step 2, you will need to duplicate the letters mask to your face layer.
Step 9
To style each letter face we are going to use layer styles. The exact settings are really down to personal taste, but the basics are something like this:
Inner Shadow: Color dodge, white, opacity 15 per cent, distance: 0px, size: 45px
Inner Glow: Screen, white, opacity 75 per cent, size 2px
Gradient Overlay: Soft light, black to white, opacity 100 per cent, angled to make the letter lighter at the top, darker at the bottom.
Satin: Color dodge, dark grey, opacity 50 per cent, distance: 20px, size: 40px
Step 10
Once you have got something you are happy with we are going to start working on the sides of each letter.
Step 11
Next, you need to change the colours and lighting of the sides, as well as get them to look more consistent with each other.
To do this, you need to use Photoshops adjustment layers. Start by selecting the outline of the F shadows layer mask and creating a new gradient map adjustment layer just below the face layer.
Step 12
Now its possible to stack additional adjustment layers above and below the layer created in step 10 to change the lightness, contrast and colours as much as you like. Next, copy the adjustment layers onto each other letter and go through making small adjustments to get a more consistent colouring.
Step 13
To give a little extra gloss, run Filter > Artistic > Plastic wrap on the body of each letter with the settings Highlight strength 14, Detail 1, and Smoothness 14. After each filter is applied, fade it to a soft light blending mode (Edit > Face).
Step 14
Now to bring all the colours together to give a more harmonious feel, add some adjustment layers right at the top of the image. Start by applying the same gradient map as before using a soft light blending mode at 50 per cent opacity.
Step 15
Try different adjustment layers to get the right colours and balance. Add curves layer to lighten it, a photo filter layer to add more red, and a colour balance layer to add more orange. Add as many or as few as you like to get the effect you want. As
a final tweak, mask all these adjustment layers so that they didnt have so much of an effect on the background colour.
Step 16
From here you can do as much or as little as you want. Add more details to each letter, add more highlights and shadows, change the colours, whatever you can think of. This example has a few more details, but you can take it much further.
Photoshop tutorial: Master 3D type effects - Digital Arts
Photoshop tutorial: Master 3D type effects Founded in 1997 Digital Arts is part of IDG, the world's leading technology media, events and research company.
Classic Photoshop Tutorial: Master 3D type effects
Classic Photoshop Tutorial: Master 3D type effects. Tips: Take control with colour in digital art & illustration; Tips: Master masks and selections in Photoshop;
Photoshop tutorial: Master 3D type effects - Digital Arts ...
Step 1. Taking 3D objects into Photoshop is going to get more popular thanks to the latest release of Photoshop Extended. But you dont need Adobes latest high-end
Photoshop tutorial: Master Photoshop layer effects ...
Photoshop tutorial: Master Photoshop layer effects 3D printing Adobe Creative Cloud Founded in 1997 Digital Arts is part of IDG,
3D Text Effects | Graphic Design Tutorials | Pinterest
This Pin was discovered by Dan Neal. Discover (and save!) your own Pins on Pinterest. | See more about tutorials, digital art and texts.
Master 3d Type Effects Classic Photoshop Tutorial Digital Arts
Related Pictures master 3d type effects classic photoshop tutorial digital arts
Photoshop tutorial: Spice up 3D type - Digital Arts #type ...
emily CLASSIC PHOTOSHOP TUTORIAL: MASTER 3D TYPE EFFECTS photoshot. Collect Collect this now for later
55 Cool Photoshop Text Effect Tutorials for Designers in 2014
helping them to create beautifully complex word art and 3D special effects. Text Effect. 51. Photoshop Tutorial: Master 3D 3D Type Using Photoshop
Photoshop Tutorial: Create 3D type art using Photoshop CS5
Create 3D type art using Photoshop CS5. here are those of the writers and do not reflect those of Digital Arts. After Effects Tutorial: Animate a
3d Effects | Best Top Buy Electronic
Photoshop tutorial: master 3d type effects - digital arts, Photoshop is an astounding post-production tool and here nik ainley of shiny binary shows you how to
Travelling is my life
ConversionConversion EmoticonEmoticon