In this tutorial, you will learn how to create glossy 3D text in Photoshop.
Step 1. Create a document of 800×1000 pixels with a resolution of 300 dpi. There are three reasons why we chose such a large document size.
First, when you create something in Photoshop and then import it into a project, you may need to adjust the size of the image, and if the source material is small, then with an increase it can lose much in quality.
Secondly, when working with large images, we can pay more attention to small details.
Thirdly, we have more free space for work.
Step 2. The first thing we need to do is create a letter. I decided to use the Defeqto font from www.dafont.com.
I will work with the letter B, but you can use any other. It seems to me that the glossy effect will look better on this particular font.
Click the right mouse button on the letter and select Rasterize type (Rasterize the text). This will give us the opportunity to edit it.
Step 3. (in this step we will put the letter in order, if necessary, of course. You can skip this part and go directly to Step 6)
The edges of the font are a little rough, let’s fix this. Activate Elliptical Marquee Tool (Oval selection) (M). Holding SHIFT, create a selection so that it repeats the shape of the upper part of the letter. As can be seen in the figure below, the position of the selection is not quite correct, so we right-click on the selection and select Transform selection (Transform selection). Adjust the position as shown in the screenshot. Then just click DELETE, to remove the highlighted part. Because of this, the outline of the letter became smooth, as we wanted.
Step 4. We also need to correct the outer edges, for this we create a selection like in the previous step and invert it SHIFT + CTRL + I. Then take Eraser tool (Eraser) (E) with Opacity and Flow by 100%. We erase the extra edges.
Step 5. Activate the tool Pen tool (Pen) (P) and create a smooth curve on the corner of the letter, as shown in figure 1. Click the right mouse button and select Make selection (Create selection). Make sure the Feather parameter is set to 0.2 pixels. Do not leave corners too hard and do not make them too curved. We apply these actions to other parts of the letter that need correction. The figure 3 shows what happened in the end.
Step 6. We come to the part of the lesson in which we will create a 3D effect with a neon glow. Move on Edit – Transform – Free Transform (Editing – Transformation – Free Transformation) (CTRL + T). Holding SHIFT + ALT + CTRL, pull the right corner down to deform the letter in perspective (figure 1). Then pull one of the side nodules toward the center, as in Figure 2.
Step 7. Now we will give the text volume. Take the tool Move Tool (Move) (V), activate the letter layer, hold down the keys CTRL + ALT and, using the double arrow, move the letter to the right 18 times to create 18 copies. After that, we hold down the CTRL and select copies 8, 9 and 10, then combine them with a combination CTRL + E. Name this layer “Glow”. Next, apply to it Image – Adjustments – Hue / Saturation (Image – Correction – Hue / Saturation) (CTRL + U). Set the Lightness parameter to maximum.
Step 8. Then select the copies 11-17 and merge them (CTRL + E), call the layer “FRONT PART”. Now select copies 1-7 together with the original and also combine them. Name the layer “BACK”. Then select the copy 18 and rename it to “CLEARANCE”.
Step 9. Create a new layer “RADIANCE” above the layer “REGISTRATION”. Then, hold down the ALT key and click between these two layers. As a result, a small downward arrow should appear near the “LIGHT” layer, which means that a clipping mask is used for this. Activate Rectangular marquee tool (Rectangular selection) (M), create a selection of ALL the letter and fill it with white color Edit – Fill (Editing – Fill). Next, take Elliptical Marquee Tool (Oval selection) (M) and select the lower part of the letter, as shown in figure 2. Press the key DELETE, to remove the selected part, as shown in figure 3. Now create a layer mask. You can do this by clicking on a small rectangle with a circle inside the bottom of the layers panel Add layer mask (Add layer mask). Activate the mask by clicking on the second white rectangle on the layer “RADIANCE”.
Take Gradient tool (Gradient) (G) black to white, linear, deactivate the Reverse option if it is active. We draw a gradient from the top to the bottom of the document and reduce the Opacity (Opacity) of the “SHINE” layer by about 50-60%. Make sure your letter looks like mine.
Step 11. We need a white line in the center to glow, but before that we’ll get rid of that part of the layer that we don’t see. Holding CTRL, Click on the thumbnail of the “FRONT” layer. You have to click on the thumbnail, since we need to load the selection layer. After that, go to the layer “Glow” (just click on it) and click DELETE. Hide the layers “FRONT PART” and “REGISTRATION” and you will see the result of these manipulations. Remove selection CTRL + D. Now move the “Glow” layer to the top of the layers panel. After that, select the “FRONT” and “BACK” layers and merge them together (CTRL + E). Call the new layer “BODY”.
Step 12. Activate the “Glow” layer and click on the “fx” button at the bottom of the layers panel and select Outer Glow. I want the glow to be turquoise. Set the size of the glow to 6 and the color 00E1F5.
Step 13. Now let’s make the corners of the letter smoother. To do this, load the selection layer “REGISTRATION”. Move on Select – Modify – Contract (Selection – Modification – Compress). Enter 2 pixels, then invert the selection SHIFT + CTRL + I. Before we continue, make sure the “LIGHT” layer is active. Now press DELETE to remove the extra part.
Step 14. Next, we need to round off the edges of the reflection. Take Pen tool (Pen) (P) and create a contour, as in figure 1. When you apply these actions to all corners, you will get what is shown in figure 2.
Step 15. Activate the layer “REGISTRATION” and click on the button “fx” at the bottom of the layers panel. In the menu, select Inner glow (Internal glow).
Step 16. Click on the “fx” button again and select Create layers (Create layers), in the pop-up window click Ok. Now the layer style with internal glow is on a separate layer. Rename it to “EDGE GRINDING”. Make sure your layers look the same as mine.
Step 17. Create a layer mask for the EDGE EDGE layer and click CTRL + I, to change its color to black. Make sure your layer panel looks the same.
Step 18. Take brush (B) medium white hardness of about 100 pixels in size Opacity (Opacity) at 100% and Flow (Pressure) at 15%. Make sure that the foreground and background colors are set to black and white respectively, if this is not the case, then press D. To quickly change the color from black to white, press X. Click on the brush in places where the white border should be visible. You can also experiment with brush options. Do this only in places where there are rounded edges, and quite a bit on hard, as shown in the figure below. Remember that the shine should have a light source, and since I made the letter a little unfolded, the light will fall from the left side. Do not make all corners glowing, as this will look unrealistic.
Step 19. Now we have to add some reflections. Activate the layer “REGISTRATION”, go File – Place (File – Place) and select any image, preferably high resolution. I used a photo with flowers. Then put the new layer as shown in figure 2.
Step 20. If the image has been converted to a smart object, right-click on it and select Rasterize Layer (Rasterize layer). Now we can edit this layer. Next we need to open the window Hue / Saturation (Hue / Saturation). Image – Adjustments – Hue / Saturation (Image – Correction – Hue / Saturation) or CTRL + U. Reduce Saturation to about -95% or -90% and click OK. Now reduce the Opacity to 20-25%.
Step 21 Create a layer mask for the image that you decided to use as a reflection. After that we use Gradient tool (Gradient) (G) is the same as we did in Step 10, but this time drag the gradient at the top of the letter so that the mask is not completely removed.
Step 22 This can be done, but you can continue to add more details.
Now we add a nice little effect. I used handwriting from the book I scanned. We import it to the working paper through File – Place (File – Post). If the image has become smart object, Raster it. Arrange the image as shown in figure 1. Fully bleach the image with the text SHIFT + CTRL + U. Now you need to apply Levels (Levels) (CTRL + L) so that only black and white colors remain. We do not need shades of gray, so open levels Image – Adjustments – Levels (Image – Correction – Levels) and move the Highlights slider to the right and the Shadows slider to the left until the image remains only black and white, as shown in figure 3. Set the layer blending mode to Screen (Lightening). Then decrease Opacity (Opacity) up to 70%.
Step 23 We continue to work on the layer with the text. Load the selection of the layer “REGISTRATION” and compress it by 2 pixels, as we did before in Select – Modify – Contract (Selection – Modification – Compress). Then Select – Modify – Feather (Selection – Modification – Feather), enter 1 pixel. Invert selection Select – Inverse (Select – Invert) (SHIFT + CTRL + I) and double-click DELETE. The selection is still active, select the layer with the image that we used to reflect (the one with the colors) and again press DELETE twice. Compare figure 1 and figure 2.
Step 24 The rest is yours! On a black background, the letter looks good! If you select a dark background, then you will need to add a glow to the black areas, as I did. Repeat Steps 15-17, but this time we apply everything to the “BODY” layer.