Tuesday, February 8, 2011

How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5


Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 Extended with the size 1280px by 1024px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with #E0F8FF color the new background layer.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
1dld How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel , press CTRL+I to Inverse the color and choose the Soft Round brush of black color.
2ooo How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Use this brush to add some brushstrokes in mask on the central part of the canvas.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
3zrz How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Click the Horizontal Type tool (T). Select a font, size and color in the Character panel (I have used Rockwell Extra Bold font or if you prefer, you can substitute similar font of your own). Click in the canvas and type Happy New Year. Press Enter to apply the text.
Settings for Happy word:
4pzp How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
This image has been resized. Click this bar to view the full image. The original image is sized 600x483px.
4a How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Settings for New word:
5tqt How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
This image has been resized. Click this bar to view the full image. The original image is sized 600x479px.
5a How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Settings for Year word:
6bqb How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
We’ve got the next result:
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
7iti How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Make active the layer with the Happy word on it and select Windows > 3D to open the 3D panel (it’s necessary to have Adobe Photoshop CS5 Extended). Hide for a while the layers with the other words and select from Create New 3D Object dialog box the next 3D Repousse Object option:
8xzx How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Select Yes to Rasterize the text.
9pip How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
In the Repousse dialog box go to Repousse Shape Presets, select Extrude option and click OK.
This image has been resized. Click this bar to view the full image. The original image is sized 531x599px.
10fif How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
We’ve got the next result:
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
11idi How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
In the Render Settings dialog box select Object Rotate Tool (K).
12ouo How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Choose View > Show > 3D Axis.
13jvj How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Use 3D Axis to rotate our object as shown.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
14dld How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Next we’ll select from Scene options the Front Inflation Material, change the color to white for Illumination option.
15ene How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Settings for Front Bevel Material:
16eje How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
In the Extrusion Material change the color to #9f2d05 for Diffuse option.
17juj How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
In Back Bevel Material and Back Inflation Material leave the default presets. Select Light Rotate Tool and rotate the light source as shown.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
18aca How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Make visible now the layer with the New word on it:
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
19mgm How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Do the same operations as for the Happy word. Firstly select from Create New 3D Object dialog box the 3D Repousse Object. Click Yes to Rasterize the text. Open Repousse dialog box go to Repousse Shape Presets, select Extrude option and click OK.
In the Render Settings dialog box select Object Rotate Tool (K). Use 3D Axis to rotate our object as shown.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
20ivi How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Select from Scene options the Front Inflation Material, change the color to white for Illumination option.
21dzd How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Settings for Front Bevel Material:
22vev How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
In the Extrusion Material change the color to #a78125 for Diffuse option.
23qwq How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5




n Back Bevel Material and Back Inflation Material leave the default presets. Select Light Rotate Tool and rotate the light source as shown.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
24mzm How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Make visible now the layer with the Year word on it:
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
25xzx How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Select from Create New 3D Object dialog box the 3D Repousse Object option. Select Yes to Rasterize the text. In the Repousse dialog box go to Repousse Shape Presets, select Extrude option and click OK.
This image has been resized. Click this bar to view the full image. The original image is sized 531x599px.
26did How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
In the Render Settings dialog box select Object Rotate Tool (K). Use 3D Axis to rotate our object as shown.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
27sjs How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Settings for materials: as we did before. Select from Scene options the Front Inflation Material, change the color to white for Illumination option.
28hvh How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Settings for Front Bevel Material:
29sls How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
In the Extrusion Material change the color to #336f1c for Diffuse option.
30knk How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
As we did before Back Bevel Material and Back Inflation Material with default presets. Select Light Rotate Tool and rotate the light source as shown.
This image has been resized. Click this bar to view the full image. The original image is sized 600x481px.
31ili How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Then for each layer containing the 3D object, at the top of the 3D panel, click the Scene button, and then click the Scene entry in the list below. From the Quality menu in the lower half of the panel, select Ray Traced Final.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
32tht How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Select now the Ellipse Tool (U) and draw a ellipse with #F7189B color.
33vdv How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
34mxm How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Set Fill to 18% for this layer.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
35ere How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Using the same tool, try to make many other ellipses of different colors with different Opacity value. The colors are: #FF9B43, #FF0000, #FF4C29, #488F28, #FFFDE0, #F7F4AB, #F7E3AB, #FFFFFF. Place the layers with the ellipses under the layers containing the 3D objects.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
36ltl How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Now let’s make a copy of the Year word and select Free Transform (Ctrl+T) command to turn over the copy’s layer and place it as it is indicated below:
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
37krk How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color (set Opacity to 20% in Options bar).
38zyz How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Use this brush to paint in the mask to hide the content of the layer as shown. Set Fill to 60% for this layer.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
39mdm How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Combine in a group all the layers containing the made ellipses (press CTRL button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel). Make a copy of the copied group and choose the Free Transform (Ctrl+T) command to turn around the copy’s layer as it is demonstrated on the next picture.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
40ndn How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
As we did with the previous example, we have to insert the mask on the group’s copy and apply the same Soft Round brush of black color to hide the ellipses, creating the reflection effect.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
41hvh How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Let’s create a new layer again and use here the Elliptical Marquee Tool (M) to make the next selection.
This image has been resized. Click this bar to view the full image. The original image is sized 600x478px.
42pgp How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Use the Paint Bucket Tool (G) to fill the selection with #153208 color.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
43srs How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Using the Free Transform (Ctrl+T) command, let’s resize the ellipse verticaly and place the layer under the text’s layers.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
44xlx How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Use the Blur Tool along the line.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
45awa How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color (set Opacity to 20% in Options bar).
46uiu How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Paint in the mask using this brush to hide the edges of horizontal line.
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.
47bjb How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.
48pzp How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
We’ve got the next result:
49gqg How to Create Abstract New Year illustration with 3D Typography Using Photoshop CS5
This image has been resized. Click this bar to view the full image. The original image is sized 600x480px.


No comments:

Post a Comment