PS and Illustrator create a 3D text scene text scene – 3D three-dimensional characters-1024programmer

Author Vitality Box Translation Source: webdesignerdepot
The Illustrator part is mainly about making 3D text. If you don’t have it, you can directly use PS
Take a look at the final renderings first:

Step 1

In a blank document in Illustrator. I used a visually striking font (choose a thicker font is better) and this foreground color: #CCCCCC. Then go to Effects 3D Extrude and Bevel and set the values as shown below. Then copy ((Ctrl or Command + C)) the 3D text.

Step 2

Let’s open photoshop, create a new document (1280 x 1024 px) and open this image as a background. Then paste the 3D text (created in step 1) as a Smart Object on the canvas.

Step 3

Next, go to Filter Rendering Lighting Effects and set the values as shown below. This way the lighting of the text matches the scene.

,
Step 4

Select the smart object layer, right-click the layer, and select Copy Layer. Destination: New Document; Name: Map. Then go to the Rasterize Smart Object layer. Save the file to your desktop in Map.psd format.

Step 5

Now, let’s save the previous document with “Replace Texture”, delete the raster 3D text, and paste this on a new layer. This will be our first texture.

Go to Filter > Distort > Replace, look for “map.psd” and set the horizontal and vertical values to 50. Then select all (press Ctrl + A or Command + A), and then copy the selection.

Step 6

Paste the “rock texture” on a new layer above the 3D smart object. Change the blending mode to Overlay.

Select the text shape by pressing Ctrl(Command)+click on the smart object’s thumbnail, then invert the selection by pressing Ctrl(Command)+Shift+I, then click DEL (delete) the extra texture (on the “Rock Texture”).

Then use the Magic Wand Tool to select the front side of the 3D text on the smart object layer and delete the “Rock Texture” layer selection.

Step 7

Using the Burn Tool, darken some of the shadows on the “Rock Texture” layer.

,
Step 8

Select the “Dune” layer, then select the Clone Stamp Tool, hold down the selection key (Alt), and click somewhere in the sand. Then create a new layer above the “rock texture”, name it “More Sand”, and copy the sand to this layer.

Step 9

To improve the effect of the texture, delete local areas of the “Rock Texture” layer.

Step 10

Now we’re going to add some “dirt”. Open the “Replace Texture” file again. Paste this into a new layer. Go to Filter > Distort > Replace, look for “map.psd” and set the horizontal and vertical values to 50. Then select all (Ctrl + A or Command +A) and copy the selection. (This step looks familiar~ Refer to step 5, the next few steps are the same~)

Step 11

Paste the “earth texture” into a new layer. Select the text shape by pressing Ctrl(Command)+click on the smart object’s thumbnail, then invert the selection by pressing Ctrl(Command)+Shift+I, then click DEL (delete) the extra texture (on the “Dirt Texture”).

Use a soft eraser to erase the bottom of the “dirt” layer, then use an irregular eraser to refine the image.

,
Step 12

Change the blending mode of the “Earth Texture” to Multiply and add a small drop shadow effect.

Step 13

To add some grass, go to the “Replace Texture” document and paste this image. Apply the displacement map, implement it as you would any other material (see steps 5 and 10), and finally duplicate the grass.

Step 14

Paste the grass in the main document, delete the bottom part of the grass and use an irregular eraser to remove some of the edges.

Step 15

Darken the shadow on the “Grass Texture” layer.

,
Step 16

Add a small amount of shadow on the “Grass Texture” layer. Use the sponge tool to desaturate some areas of the grass.

Step 17

Paste the grass texture onto a new layer and apply Vanishing Point in the Filter window (Go to Filter Vanishing Point) to match the visibility of the landscape.

Step 18

Randomly erase some areas of the “grass” layer. This can be done with an irregular brush.

Step 19

Select part of the grass, feather the selection, and adjust the Hue value to -30.

,Step 20

Finally add a soft shadow to the “Grass” layer.

Step 21

Let’s add more details. Paste this image into a new layer and adjust the Hue/Saturation values to match the existing colors. You could name this layer “hanging plants” or something similar.

Step 22

Use the Scratchy Eraser to erase all parts except the hanging plants and place them next to the corners of the 3D text (see image).

Step 23

Duplicate the “hanging plant” layer, go to Edit Transform and Flip Horizontal. Then distort the copy slightly. Use the Burn tool to make the copy darker.

Step 24

Add some more details as you wish. I added more hanging plants and shrubs.

Step 25

To create a more eye-catching effect (making the image more realistic), apply these two adjustment layers throughout the design: Photo Filter and Gradient Map (35% transparency).

OK done! The final effect will not be shown here. You can go back to the top to see the title picture (SORRY to save space).