Pin Me

Create Crystal Embossed Text Effects in Photoshop

written by: Dianna Monda Dill•edited by: Daniel P. McGoldrick•updated: 1/28/2010

This Adobe Photoshop tutorial will show you how to create crystal embossed text effects for your blog or website.

  • slide 1 of 9

    Simple to Follow Steps

    Follow the steps outlined below to create this stylized text effect for your company logo or website using Adobe Photoshop. Simply select different fonts and color schemes to create your own customized crystal embossed text.Photoshop Tutorial - Embossed Text Effects 

  • slide 2 of 9

    Selecting Background and Font

    Photoshop Tutorial - Embossed Text Effects 1. Open a new canvas (Ctrl+N) in Photoshop. Set your background color as black.

    2. Create a second layer (Ctrl+N). Select a font and font color, preferably one that will contrast with the black background. In our example, we have selected Pink. Type in the text that you want to have stylized.

  • slide 3 of 9

    Rasterize and Create a New Layer

    Photoshop Tutorial - Embossed Text Effects 3. Rasterize your text. To do this, right click on the layer and then select Rasterize from the menu that opens. Select the text color using the marquee tool.

    4. Without canceling the selection, create a new layer. Place the new layer below the text layer. Expand the selection by 6px (Select > Modify > Expand). Fill the selection with black color (Shift + F5 > Black).

  • slide 4 of 9

    Bevel and Emboss Options

    Photoshop Tutorial - Embossed Text Effects 5. Open layer styles and then check the 'Bevel and Emboss' option. Adjust the values as desired (See the Image below).

  • slide 5 of 9

    Gradient Overlay

    Photoshop Tutorial - Embossed Text Effects 6. Check Gradient Overlay in the left-hand column, and then adjust the gradient values as desired. (See the Image below).

  • slide 6 of 9

    Adjust Inner Glow

    Photoshop Tutorial - Embossed Text Effects 7. Check Inner Glow in the left-hand column, and then adjust the Inner Glow values as desired. (See the Screen shot below). Click OK once you are done.

  • slide 7 of 9

    Photoshop Tutorial - Embossed Text Effects After completing these steps, your image will now look like the image below. (To better demonstrate these effects the top layer has been disabled).

  • slide 8 of 9

    Bevel and Emboss Settings on the Final Layer

    Photoshop Tutorial - Embossed Text Effects 8. Select the text layer, and then open the Layer Style dialog box. Check Bevel and Emboss in the left hand column. Set the values as desired. (See the Screen shot on the left).

  • slide 9 of 9

    Crystal Embossed Final Image

    Photoshop Tutorial - Embossed Text Effects Once you are done with these steps, your final image will display chrystal text as shown below. Create your own customized chrystal embossed text simply by selecting different fonts and color schemes.