How to create abstract new year illustration with 3D typography using Photoshop CS5

December 22nd, 2010 by ART-D Posted in Adobe Photoshop, Text Effects

   

Make visible now the layer with the Year word on it:

How to create abstract new year illustration with 3D typography using Adobe 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.

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

In the Render Settings dialog box select Object Rotate Tool (K). Use 3D Axis to rotate our object as shown.

How to create abstract new year illustration with 3D typography using Adobe 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.

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

Settings for Front Bevel Material:

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

In the Extrusion Material change the color to #336f1c for Diffuse option.

How to create abstract new year illustration with 3D typography using Adobe 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.

How to create abstract new year illustration with 3D typography using Adobe 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.

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

Select now the Ellipse Tool (U) and draw a ellipse with #F7189B color.

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

Set Fill to 18% for this layer.

How to create abstract new year illustration with 3D typography using Adobe 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.

How to create abstract new year illustration with 3D typography using Adobe 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:

How to create abstract new year illustration with 3D typography using Adobe 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).

How to create abstract new year illustration with 3D typography using Adobe 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.

How to create abstract new year illustration with 3D typography using Adobe 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.

How to create abstract new year illustration with 3D typography using Adobe 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.

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

Let’s create a new layer again and use here the Elliptical Marquee Tool (M) to make the next selection.

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

Use the Paint Bucket Tool (G) to fill the selection with #153208 color.

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

Using the Free Transform (Ctrl+T) command, let’s resize the ellipse verticaly and place the layer under the text’s layers.

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

Use the Blur Tool along the line.

How to create abstract new year illustration with 3D typography using Adobe 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).

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

Paint in the mask using this brush to hide the edges of horizontal line.

How to create abstract new year illustration with 3D typography using Adobe 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.

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

We’ve got the next result:

How to create abstract new year illustration with 3D typography using Adobe Photoshop CS5

Happy New Year and Merry Christmas!

View full size here.

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , , , , , , , , , , , , , , , , ,

  • Mike

    23/12/2010

    A nice quick tutorial, thanks!

  • SuLLy

    25/12/2010

    very nice tut but

    can u plz put the psd file ??!

  • Logomondo

    28/12/2010

    Very nice. Keep up the good work

  • Ali

    29/12/2010

    Very nice i likes to convert 3d

  • KRis

    31/12/2010

    I like this, thanks for share

  • Goa

    31/12/2010

    Again one of the best tutorials, showing at the top what we are going to get from the tutorial is really the best

  • Jay

    24/01/2011

    why do not you guys provide a download link to that adobe file? i guess it would add value to the article, yes of course the presentation style is really the best, however a simple download link addition of the file created will add spark to the tutorial.

  • Teun

    30/01/2011

    Is there maybe a dutch version of this information? I don’t understand everything in English.

  • John

    25/05/2011

    Hi, Very nice tutorial but.. where is the continue of tutorial ? you write ‘HAPPY’ and ‘NEW’ ..where is the Year ? and reflection ?

  • admin

    26/05/2011

    @John,
    above the Users Comments you can find Post Pages, go to Page 2

  • emjay

    08/06/2011

    its aweeeesomeeeeeeeeeee!!!
    sir, can i have a PSD document for this tutorial?
    please? :D

    thanks in advance
    more power
    Godbless

  • NATALIEJW

    14/06/2011

    what about the reflection and the coloured dots in the background? disappointing unfinished tutorial :(

  • Edward Steve

    18/07/2011

    Great tutorial. Thanks a lot. It’d be great if you’d start with the very basic step step by step tutorial. I’m newbie here. That’s why troubled much to get on track.

  • lydia

    17/08/2011

    awesome! really! but we’ve got so many more possibilities with photoshop cs5 <3

  • Jeam

    20/10/2011

    gorgeous tutorial! thank you very much

  • Paul

    20/12/2011

    thanks alot for this, looks fantastic

  • Divya Dupati

    04/07/2012

    Thank You very much!!…It helped me in my current task:-)

  • Md.Mahede Hasan

    23/07/2012

    Its very nice.Its help me the design, Thank you very much.Hope you upload new some thing.

  • deniel

    14/09/2012

    Hey it’s very beautiful and nice. I like it very much.

  • Mel

    27/11/2013

    Can you update this tutorial for Adobe Photoshop CC. This tutorial is really cool, but I can’t figure out the menu options in Adobe Photoshop 6/CC.