Google+

Shiny Reflective 3D Text Effect in Photoshop CC 2014

2015 is almost here, so it’s time for the annual New Year’s 3D text effect tutorial 😉 This one will show you how to combine some shape attributes with various 3D settings to create a shiny, reflective, and elegant 3D text effect in Photoshop CC 2014.

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CC 2014
  • Time : 1:30 – 2:45

Resources

Happy New Year!

To all textuts‘ readers, followers, subscribers, and fans. Thank you for making 2014 such a wonderful year with all your amazing support 🙂

Wishing you all a great and marvelous 2015! 😀

Rose

Step 1

Create a new 1000 x 750 px document and fill the Background with Black.

Create the text in two spearate layers. For the year, the font used is Titania Regular, and the Size is 250 pt. For the text below it, the font used is Patua One Regular, the Size is 80 pt, and it is created in All Caps.

Depending on the text you’re creating, you’ll need to adjust the values so that the length of both lines of text is as close as possible.

Shiny Reflective 3D Text Effect step 1

Right click the year’s text layer thumbnail and choose Convert to Shape.

Shiny Reflective 3D Text Effect step 1

Duplicate the shape layer, then pick the Direct Selection Tool. You’ll notice some shape attributes appear in the Options bar at the top.

Change the Fill to None, the Stoke Width to 3, the Stroke Color to a light gray color, then click the Set shape stroke type icon and choose the Outside option for the Align.

Shiny Reflective 3D Text Effect step 1

You might see some sharp points sticking out. To get rid of those, pick the Delete Anchor Point Tool, zoom in so that you can see the anchor points causing the problem, then click one of them to delete it. You can undo this step if you didn’t get a result you like an try deleting another point until the problem is solved.

Make sure to delete the same points from the original shape layer as well.

Shiny Reflective 3D Text Effect step 1

Once you’re done with the stroke, move the text layer so it’s as close as possible to the year’s text, and try to avoid any overlapping.

Shiny Reflective 3D Text Effect step 1

Create a new layer on top of all layers, call it Ground, and fill it with another light gray color. Duplicate that layer and rename the copy to Wall.

Shiny Reflective 3D Text Effect step 1

Step 2

Next, we’re going to create 3D meshes from the layers we have.

So for the Ground and Wall layers, select each one, then go to 3D > New Mesh from Layer > Postcard.
For the shape layers, select each one and go to 3D > New 3D Extrusion from Selected Path.
And for the text layer, select it then go to 3D > New 3D Extrusion from Selected Layer.

Shiny Reflective 3D Text Effect step 2

Select all the 3D layers you have then go to 3D > Merge 3D Layers. This will place all the 3D meshes in one scene. Rename the merged layer to Final.

Shiny Reflective 3D Text Effect step 2

To access the 3D mesh Settings and properties, you’ll need to open two panels: The 3D panel, and the Properties panel (both found under the Window menu).

The 3D panel has all the components of the 3D scene, and when you click the name of any of those, you’ll be able to access its Settings in the Properties panel. So make sure to always select the name of the element you want to modify in the 3D panel before you change its Settings in the Properties panel.

Shiny Reflective 3D Text Effect step 2

Select the Move Tool and check its Options bar. You’ll find a set of 3D Modes for the tool to the right of the bar. When you choose one of those, you can then click and drag to perform any changes (on the selected element in the 3D panel).

You can change the camera view by clicking the Current View tab in the 3D panel, then you can use the 3D Modes to click and drag in the document to move the camera around.

Shiny Reflective 3D Text Effect step 2

Step 3

Select the Ground Mesh tab in the 3D panel, then un-check the Cast Shadows box in the Properties panel. Do the same for the Wall Mesh.

Shiny Reflective 3D Text Effect step 3

Select the Ground Mesh again, then click the Coordinates icon at the top of the Properties panel and change the X Rotation Angle to 90.

Shiny Reflective 3D Text Effect step 3

With the Ground Mesh still selected, go to 3D > Move Object to Ground Plane. This will snap it to the ground plane.

You can then use the 3D Axis (with the Move Tool selected) to move, rotate, and scale the meshes in the 3D scene. The arrows at the ends of the 3D Axis move the mesh, the part below them is used for rotation, and the cubes are used for scaling. The cube in the center is used to scale the object uniformly. All you need to do is click and drag the part you need to perform the changes.

Shiny Reflective 3D Text Effect step 3

Scale the two planes uniformly to fill the scene. You can come back to this before rendering and after you choose the final camera angle.

Shiny Reflective 3D Text Effect step 3

Step 4

Select the lower text mesh tab, then change its Extrusion Depth to 200.

Shiny Reflective 3D Text Effect step 4

Select the original shape mesh tab, then change its Extrusion Depth to 250.

Shiny Reflective 3D Text Effect step 4

Select the copy shape mesh tab, then change its Extrusion Depth to 200.

Shiny Reflective 3D Text Effect step 4

Use the Move Tool and the 3D Axis to place the text and shape meshes you have as shown below.

Shiny Reflective 3D Text Effect step 4

Select the text and shape meshes’ tabs (Cmd/Ctrl + click them), then scale them down uniformly. This is a better way to make them much smaller than the plane meshes, which will make sure that no reflections of the planes’ edges appear in the text and shape meshes.

After you scale those meshes down, go to 3D > Move Object to Ground Plane to make sure they’re not floating around in the scene, and zoom the camera view in to the scaled down meshes so that they fill up the scene again.

Shiny Reflective 3D Text Effect step 4

Step 5

Select the lower text mesh tab again, then click the Cap icon at the top of the Properties panel. Change the Sides option to Front and Back, the Bevel Width to 1, and the Contour to Half Round.

Shiny Reflective 3D Text Effect step 5

Select the original shape mesh tab, click the Cap icon, change the Sides option to Front and Back, the Bevel Width to 10, and the Contour to Cone – Inverted.

Shiny Reflective 3D Text Effect step 5

Select the copy shape mesh tab, click the Cap icon, change the Sides option to Front and Back, the Bevel Width to 2, and the Contour to Half Round.

Shiny Reflective 3D Text Effect step 5

Step 6

Expand the text mesh tab to see the Material tabs. Select all of the expanded Material tabs then change their settings’ values in the Properties panel as shown below. The color values used in RGB are:

  • Diffuse : 119,70,18
  • Specular : 207,178,75
  • Illumination : 0,0,0
  • Ambient : 0,0,0
Shiny Reflective 3D Text Effect step 6

To make the effect a bit more dynamic, select the Front Inflation Material tab, then click the Reflection folder icon and choose Load Texture, then choose the worn down metal image. What this will do is make parts of the front material reflective and others less or not reflective at all, based on the light and dark areas of the texture image used.

Shiny Reflective 3D Text Effect step 6

Select all the original shape mesh Material tabs, then click the Diffuse texture icon and choose Remove Texture.

Shiny Reflective 3D Text Effect step 6

Select the Front Bevel, Extrusion, and Back Bevel Material tabs and apply the same material you applied to the lower text.

Shiny Reflective 3D Text Effect step 6

Select the Front and Back Inflation Material tabs then modify their settings as shown below:

  • Diffuse : 112,109,99
  • Specular : 207,178,75
  • Illumination : 0,0,0
  • Ambient : 0,0,0
Shiny Reflective 3D Text Effect step 6

Select all the copy shape mesh Material tabs, then click the Diffuse texture icon and choose Remove Texture.

Shiny Reflective 3D Text Effect step 6

Deselect the Extrusion Material tab, then use the values below for the settings:

  • Diffuse : 143,140,128
  • Specular : 218,218,183
  • Illumination : 191,191,191
  • Ambient : 0,0,0
Shiny Reflective 3D Text Effect step 6

Step 7

For the copy shape mesh Extrusion Material, the values are:

  • Diffuse : 143,140,128
  • Specular : 218,218,183
  • Illumination : 191,191,191
  • Ambient : 0,0,0
Shiny Reflective 3D Text Effect step 7

Click the Bump folder icon and choose New Texture.

Shiny Reflective 3D Text Effect step 7

Set the Width and Height values to 600.

Shiny Reflective 3D Text Effect step 7

Click the Bump texture icon and choose Edit Texture.

Shiny Reflective 3D Text Effect step 7

This will open the texture’s document. Duplicate the Background layer.

Shiny Reflective 3D Text Effect step 7

Double click the Background copy layer to apply a Pattern Overlay effect using the Pattern 3 pattern, then change the Scale to 50%.

Shiny Reflective 3D Text Effect step 7

Save the file (File > Save), then close it (File > Close), to go back to the original document.

Shiny Reflective 3D Text Effect step 7

Increase the Bump value to 80.

Shiny Reflective 3D Text Effect step 7

Click the Bump texture icon again and choose Edit UV Properties.

Shiny Reflective 3D Text Effect step 7

Change the Scale U/X value to 2 and the V/Y value to 400.

Shiny Reflective 3D Text Effect step 7

Step 8

You can always tweak the values to your own liking. Next, we’re going to modify the planes’ materials.

Shiny Reflective 3D Text Effect step 8

Select the Ground material tab, remove the Diffuse and Opacity textures, and change the settings as shown below:

  • Diffuse : 200,194,177
  • Specular : 0,0,0
  • Illumination : 0,0,0
  • Ambient : 0,0,0
Shiny Reflective 3D Text Effect step 8

Select the Wall material tab, remove the Diffuse and Opacity textures, and change the settings as shown below:

  • Diffuse : 61,59,52
  • Specular : 0,0,0
  • Illumination : 0,0,0
  • Ambient : 0,0,0
Shiny Reflective 3D Text Effect step 8

Step 9

Click the Environment tab, click the IBL texture icon and choose Replace Texture, then choose the Celestial Background 47 image.

Shiny Reflective 3D Text Effect step 9

Increase the Intensity to 129.

Shiny Reflective 3D Text Effect step 9

Click the Infinite Light 1 tab, and change its Shadow Softness to 20.

Shiny Reflective 3D Text Effect step 9

Click the Add new Light to Scene icon at the bottom of the 3D panel and choose New Point Light.

Shiny Reflective 3D Text Effect step 9

Change the Color to (253, 251, 246), the Intensity to 50% and the Shadow Softness to 20%. Then, check the Light Falloff box, change the Inner value to 100 and the Outer value to 750. This will make the light fade out gradually.

Shiny Reflective 3D Text Effect step 9

Click the Ground Mesh tab, click the Coordinates icon, and increase the Y Position to 0.1. This is a little something you need to do in order to avoid getting random scratches on the ground when you render the scene.

Shiny Reflective 3D Text Effect step 9

Step 10

Change the Current View to an angle you like for the final render, scale the planes and the text meshes so that there are no empty areas, zoom in if needed, and find an angle you like.

You can save the view you create by choosing the Save option from the View drop down menu in the Properties panel.

Shiny Reflective 3D Text Effect step 10

Type in a name for the view and click OK.

Shiny Reflective 3D Text Effect step 10

This will add the view to both the 3D panel and the View menu in the Properties panel. So whenever you change the view for any reason, you can get back to the one you saved by clicking its tab or choosing it from the menu.

Shiny Reflective 3D Text Effect step 10

What you need to do next is move the lights around until you like how the scene looks.

You can run quick renders to see the result of what you’re doing by going to 3D > Render, then pressing the Esc key to stop the rendering and make any changes.

This is how the lights are placed in this tutorial.

Shiny Reflective 3D Text Effect step 10

Once you like how everything looks, render the scene.

Shiny Reflective 3D Text Effect step 10

This is totally optional, but you can place the Texture 42 image on top of the 3D layer, resize it as needed, change its Blend Mode to Soft Light, and its Opacity to 10%. Make sure not to duplicate the texture’s layer – you need to either place it (File > Place…) or copy and paste it.

Shiny Reflective 3D Text Effect step 10

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Levels.

Shiny Reflective 3D Text Effect step 10

Change the Highlights value to 250 to brighten up the final result a little bit.

Shiny Reflective 3D Text Effect step 10

And you’re done!

Hope you enjoyed the tutorial and found it helpful 🙂

Happy New Year! Have a splendid one 😉


Latest Comments
  1. Gabby Jaime
    • Rose
    • Joanne
      • Rose
  2. Nafertiti Harty
    • Rose
  3. Romon
    • Rose

Leave a Comment

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