how to create a gorgeous glassy text effect

Upload: melinda-labiano

Post on 07-Apr-2018

228 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    1/26

    How to Create a Gorgeous Glassy Text

    Effect

    Final Image Preview

    Take a look at the image well be creating. Want access to the full PSD files anddownloadable copies of every tutorial, including this one? JoinPsd Plus for just$9/month. You can view the final image preview below or view a larger version here.

    Step 1

    First of all open up a new document and fill it in with black. Then add your text using afont you like and the color #00e5ff.

    http://tutsplus.com/premium-program/psd-premium/http://tutsplus.com/premium-program/psd-premium/http://d2f8dzk2mhcqts.cloudfront.net/258_Glassy_Text/final_large.jpghttp://d2f8dzk2mhcqts.cloudfront.net/258_Glassy_Text/final_large.jpghttp://d2f8dzk2mhcqts.cloudfront.net/258_Glassy_Text/final_large.jpghttp://tutsplus.com/premium-program/psd-premium/http://d2f8dzk2mhcqts.cloudfront.net/258_Glassy_Text/final_large.jpg
  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    2/26

    Step 2

    Next duplicate the layer by pressing (Command + J), set the layer Opacity to 65% andmove it down and left 1 px each.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    3/26

    Step 3

    Next duplicate the text layer in Step 2 four more times. Then move each 1 px down andleft as you did before.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    4/26

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    5/26

    Step 4

    Next you need to select all the layers except for the background and the first text youcreated. Now right-click and chose Rasterize Type, then Merge the layers and set the newlayer to 47% Opacity.

    Step 5

    Use the Polygonal Lasso Tool (L) and make a selection, as shown below. Next, use theSmudge Tool (R) set to a Master Diameter of 19 px, Hardness of 100%, Strength of 30%,and smudge the right part of the layer so you can cover up that empty part.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    6/26

    Step 6

    Repeat the same process with the other letters.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    7/26

    Step 7

    For the lower part of the S letter, make a selection as shown, but this time simply erasethe unwanted part of the letter by pressing Backspace.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    8/26

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    9/26

    Step 8

    Erase the upper part of the letters: d, t, u, and t, then erase the lower part of thes.

    Step 9

    Next use the Smudge Tool (R) as you did in Step 5. Use the Smudge Tool for the letters

    t, t and s.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    10/26

    Step 10

    Next move the original text layer above the duplicate. Also, set the Opacity of theduplicated layer to 35%. Select the original text layer and double-click on it to enter theBlending Options and then add a stroke.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    11/26

    Step 11

    Next select the text layer below and duplicate it. Use the Pen Tool (P) and create a strokelike below and transform it into a selection. Now simply erase over the selection usingthe Eraser Tool (E) set to 24% Opacity.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    12/26

    Step 12

    Next create a new layer above the duplicated text layers. In this layer add some color tothe text. To do this you first need to make a selection of the entire text by holding downthe Command key and pressing once on the duplicated text layer thumbnail. Now fill theselection with #ff009c. Dont mind the blue clouds behind the text.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    13/26

    Step 13

    Set the layer to Hue and Opacity to 35%.

    Step 14

    Make a selection of the first text layer and then go into each of the below layers and pressbackspace to clear the selected areas. As you can see below, the text effect will still bevisible, but we need to erase some areas for future adjustments.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    14/26

    Step 15

    Create a new layer below the pink layer and make a selection as shown below, then fillthe selection with white. Also, set the layer to 38% Opacity and the original text layerto 68% Opacity.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    15/26

    Step 16

    Make a selection of the original text layer. Now use a soft brush for the Eraser Tool (E)to clear the corners of the white layer that dont look good.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    16/26

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    17/26

    Step 17

    Make another selection of the original text layer and create a new layer above it. Thenselect the Lasso Tool (L) and right-click on the screen and choose stroke. Set the stroketo 2 px and color to #00fcff.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    18/26

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    19/26

    Step 18

    Duplicate the stroke from Step 17 and move it like below. Now make a selection asshown, and use the Eraser Tool (E) set to 40% Opacity to erase the stroke that is insidethe selection. In the end, set the layer to 10% Opacity.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    20/26

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    21/26

    Step 19

    Make another selection on the original text and then subtract like below. Create a newlayer above the original text layer, and apply the same color as you used for the strokeadd a simple gradient. Then add another stroke using #c2feff.

    Step 20

    Duplicate the white text layer and brush over it with the color #f1ff12. Then set thelayer Opacity to 23% and move it as shown.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    22/26

    Step 21

    Make a selection like below by Command-clicking on the original text thumbnail andinverse the selection. Then using the Eraser Tool (E) you need to erase the edges like inStep 16.

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    23/26

    Step 22

    Now it is time to get back to the pink layer. Activate it and set the Opacity back to100%. Make a selection like below, invert it and erase the excess using the Eraser Tool(E).

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    24/26

  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    25/26

    Step 23

    Move the pink layer you just created above the original text layer and set it to Overlay.

    Conclusion

    You are finished with the text effect but to make this a bit more interesting I will createanother element and that is the plus using the same techniques. Also, add the finalelement, which is an interesting background that I purchased from Graphic River. Youcan view the final image below or view a larger version here.

    http://www.graphicriver.net/item/colourful-abstract-circles-v2/35765http://www.graphicriver.net/item/colourful-abstract-circles-v2/35765http://d2f8dzk2mhcqts.cloudfront.net/258_Glassy_Text/final_large.jpghttp://www.graphicriver.net/item/colourful-abstract-circles-v2/35765http://d2f8dzk2mhcqts.cloudfront.net/258_Glassy_Text/final_large.jpg
  • 8/6/2019 How to Create a Gorgeous Glassy Text Effect

    26/26

    Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the

    http://feeds.feedburner.com/Psdtuts+http://d2f8dzk2mhcqts.cloudfront.net/258_Glassy_Text/final_large.jpghttp://feeds.feedburner.com/Psdtuts+