1. Home
  2. Design School
  3. Embossed Logo / Text in Photoshop

Embossed Logo / Text in Photoshop

Posted on 8th November 2018
For this tutorial, we will use the image of Paper or a Business Card, etc. and the Logo to Text you want to add. We used one from (

1 - In Photoshop, open your “Background” image.

2 - Open the file with the Logo or type the text you want to emboss.

3 - Right-click on top of the Logo’s Thumbnail and choose “Convert to Smart Object”.

4 - Use “Free Transform” (Command/Control + T) to resize and/or rotate the logo.

5 - Then, without exiting “Free Transform”, go to Edit > Transform > Distort… and align the logo to your Paper or Business Card making it fit as realistically as possible. Click on the small “Check Mark” on the Top Menu or hit “Enter” to commit.

6 - Double-click on top of your “Smart Object’s” Thumbnail to apply the following “Layer Styles”:

Bevel & Emboss: (Gloss Contour: Gaussian)

Inner Shadow: (Contour: Rounded Steps)

Gradient Overlay: (Color #000000, Location 0%, Opacity 20% - Color #000000, Location 50%, Opacity 10% - Color #000000, Location 100%, Opacity 20%)

Pattern Overlay: (Watercolor (150 by 150 pixels, RGB Mode))

Drop Shadow: (Contour: Gaussian)

7 - Go to the “Adjustments Panel” and add a “New Gradient Map Adjustment Layer” on top, clip it to your “Smart Object” by clicking on the small button at the bottom of the Panel and choose “Foreground to Background” to turn the image colors into a Grayscale.

8 - You can apply different “Gradient Maps” to achieve a variety of color combinations.

9 - Or Turn Off the “Adjustment Layer” by clicking on the small eye icon on the left side of its Thumbnail to use your original Logo.

by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image