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

   

In today’s tutorial, I’m going to show you how to create abstract new year illustration with 3D typography using new 3D tools that Adobe has included in Photoshop CS5 Extended. Let’s get started!

Final Image Preview

How

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.

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 , press CTRL+I to Inverse the color and choose the Soft Round brush of black color.

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

Use this brush to add some brushstrokes in mask on the central part of the canvas.

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

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

Settings for New word:

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

Settings for Year word:

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

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:

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

Select Yes to Rasterize the text.

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

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

We’ve got the next result:

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).

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

Choose View > Show > 3D Axis.

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

Use 3D Axis to rotate our object as shown.

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

Next we’ll 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 #9f2d05 for Diffuse option.

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

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

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

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

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

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 #a78125 for Diffuse option.

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

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

  •  

  •    
  •  

 

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.