• The Facebook Platform

Results 1 to 1 of 1
  1. #1
    Join Date
    Jan 2010
    Location
    Lahore, Pakistan
    Age
    25
    Posts
    3,818
    Points
    6,772.51
    Rep Power
    10000

    Default Elegant 3D Text Effect in Photoshop

    Step 1: Setting Size

    1 - Elegant 3D Text Effect in Photoshop
    Make a new document. I’m choosing a standard desktop resolution of 1280×1024 so this can be used as a wallpaper.
    Step 2:

    2 - Elegant 3D Text Effect in Photoshop
    Now press "U" and select the rectangle tool. Create a rectangle that is the size of the document. Name this rectangle layer "Gradient". Now apply a layer style with a gradient overlay using these colors #af1854, #f0d6c0 and #ffffff. Be sure the gradient is set to Radial.
    Important

    Make sure to turn on the "Shape Layer" instead of the default path layer when using the Rectangle Shape Tool.

    Step 3:







    3 - Elegant 3D Text Effect in Photoshop
    Now transform the rectangle named "gradient" and increase it’s size from all sides. The gradient will stretch along with rectangle and the background will look like this:
    4 - Elegant 3D Text Effect in Photoshop

    Step 4:

    5 - Elegant 3D Text Effect in Photoshop
    Now click on type tool and write "Think" on a new layer. Name this layer "Think". I used Helvetica Neue 75 bold. Apply an inner glow with these settings:
    Blend Mode: Multiply
    Color
    – black
    Opacity
    – 8%
    Size
    – 13 px
    Note:
    These values may change depending on the size of your font. Use the image below for reference.
    The text will look like this:
    6 - Elegant 3D Text Effect in Photoshop
    Step 5: Creating 3D Text

    7 - Elegant 3D Text Effect in Photoshop
    Duplicate the text layer and position it behind "Think" layer. Name this layer "3D". To give it a 3D look, we need to extract all the highlighted 3D faces of text . Let’s start with letter "T".
    Press "U" and create a rectangle of equal width above the letter "T". Don’t forget to turn on "shape layer". Fill this rectangle with any color and give opacity 20%.
    8 - Elegant 3D Text Effect in Photoshop
    Press "A" and select the direct selection tool. Select the upper two anchor points and align them by pressing the right arrow to give the top of your "T" a 3D look. Name this shape "T1".
    9 - Elegant 3D Text Effect in Photoshop
    Create other faces shown below using the same process. Name these T2 and T3.
    10 - Elegant 3D Text Effect in Photoshop
    Step 6: Giving Shadows

    Select the face T1 and change it’s color to white. Hold Ctrl and click on layer T1 to get selection of layer. Create a new layer and name it "T1shadow". Select a brush, and using the color black, hardness 0% and size 50 px. Drag from left to right to give it depth.
    11 - Elegant 3D Text Effect in Photoshop
    Step 7:

    Repeat step 5 & 6 to the rest of the characters. Give shadows to other letters carefully. If everything is done correctly, the result will look like this.
    12 - Elegant 3D Text Effect in Photoshop
    You may decide to apply your shadows differently. I’ve applied shadows that gives the text a bit of a soft glossy feel.
    Step 8:

    Select all layers except the background layer, group them and name the group "Think". Copy the group and merge all the layers of this group copy. This layer will be automatically named as "Think". Duplicate the Think layer and change the blending mode to multiply with 50% opacity.
    13 - Elegant 3D Text Effect in Photoshop
    Step 9:

    To create a perfect shadow we need to establish a perspective viewport. Create a new document of size 900 x 600 px. Press ctrl + " to show the grid. Press print screen to copy the entire desktop. Open new document, paste the image and remove the area without the grid.
    14 - Elegant 3D Text Effect in Photoshop
    Copy this grid and paste it in our work document. Change it’s blending mode to multiply to see through it. Transform it to create a plane on which the shadow will fall.
    15 - Elegant 3D Text Effect in Photoshop
    Step 10: Shadowing

    Duplicate the Think layer and fill it with black. Transform it to make it fall onto our grid.
    16 - Elegant 3D Text Effect in Photoshop
    Fill in empty spaces where we added extra faces on our characters with black and merge them with the think shadow layer. Now our shadow will look like this:
    18 - Elegant 3D Text Effect in Photoshop
    Step 11:

    Apply a Gaussain Blur to our shadow layer "think shadow" and change it’s blending mode to multiply. Now add a layer mask to the “think shadow” layer to fade out the shadow using a gradient (or use a soft eraser).
    19 - Elegant 3D Text Effect in Photoshop
    20 - Elegant 3D Text Effect in Photoshop
    Step 12:

    Looking pretty good! Now let’s add some lighting effects. Press P to select the pen tool and create a Path like this.
    21 - Elegant 3D Text Effect in Photoshop
    Now select a brush of size of 5px with 100% hardness. Select White as your foreground color. Select the pen tool again—the path you drew before should still be there. Right click and select "stroke path" tool. Select Brush from drop down menu and turn on "stimulate pressure". You will get stroke like this:
    22 - Elegant 3D Text Effect in Photoshop
    23 - Elegant 3D Text Effect in Photoshop
    Step 13:

    Name the this stroke layer as "Wave 1" and duplicate the layer. Go to filter > Distort > Wave and apply filter with these settings:
    24 - Elegant 3D Text Effect in Photoshop
    25 - Elegant 3D Text Effect in Photoshop
    This will give an extra wavy look to the stroke.
    Step 14:

    Create some more waves by following the steps 12 & 13 and arrange them around the text. Apply a light gussian blur to some waves to give them a sense of depth. If everything is done correctly then it will look like this:
    26 - Elegant 3D Text Effect in Photoshop
    Step 15:

    As an optional step, we can add some stars to our text. Press "U" to select the custom shape tool and select 5 point star.
    27 - Elegant 3D Text Effect in Photoshop
    Make a new document of size 100 x 100 px and make a star with the 5 point star shape. Fill it with black and then ctrl + click the same layer to get selection of star. Go to Edit > Define Brush Preset, create the brush and name it star brush.
    28 - Elegant 3D Text Effect in Photoshop
    Step 16:

    Press F5 to access the brush panel and apply these settings:
    Brush tip shape – spacing 30%
    Shape Dynemics
    – size jitter & angle jitter 100%
    Scattering
    – 578% on both axis
    Other Dynemics
    – opacity 100%.
    29 - Elegant 3D Text Effect in Photoshop
    30 - Elegant 3D Text Effect in Photoshop
    31 - Elegant 3D Text Effect in Photoshop
    32 - Elegant 3D Text Effect in Photoshop
    Step 17:

    Select this star brush and keep its size to 15 px. Set foreground color to "#ff62ad". Create another path with the pen tool, right click to select "stroke path". Turn on stimulate pressure and create a wave of stars. Name this new layer something like “Star Wave”.
    33 - Elegant 3D Text Effect in Photoshop
    Step 18:

    Now we just need to hide this star wave layer from some places to make it seem as if it is passing through layers. I prefer to use a mask, and manually filling in the areas I want to hide.
    34 - Elegant 3D Text Effect in Photoshop
    Download the PSD (or source files)

    Download the PSD
    Find Me On Social Networks

    Facebook | Twitter | Google+



 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •