Reply to thread

Message: <blockquote data-quote="creativeN" data-source="post: 8537774" data-attributes="member: 224119">Create An Elegant 3D Text Effect in Photoshop                                       <a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/3dtext.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/3dtext.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> In this tutorial you’ll learn how to create an elegant 3D Text effect using simple the shape tool, layer styles and paths. Step 1: Setting Size<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/115.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/115.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> Make a new document. I’m choosing a standard desktop resolution of 1280×1024 so this can be used as a wallpaper.Step 2: <a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/26.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/26.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> 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. Step 3:<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/33.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/33.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> 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: <a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/43.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/43.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>Step 4:<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/54.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/54.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>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: MultiplyColor – blackOpacity – 8%Size – 13 pxNote: These values may change depending on the size of your font. Use the image below for reference. The text will look like this:<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/63.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/63.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>Step 5: Creating 3D Text<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/72.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/72.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>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%.<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/83.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/83.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> 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″. <a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/93.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/93.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> Create other faces shown below using the same process. Name these T2 and T3. <a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/104.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/104.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>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.<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/116.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/116.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>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.<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/123.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/123.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> 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.<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/133.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/133.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>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.<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/143.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/143.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> 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. <a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/152.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/152.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>Step 10: Shadowing Duplicate the Think layer and fill it with black. Transform it to make it fall onto our grid.<a href="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/162.jpg" target="_blank"><img src="http://www.squadrosolutions.com/blog/wp-content/uploads/2010/07/162.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> 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:</blockquote>

Verification: Dawasata paya keeyak thibeda?

Top Bottom