How to Make a Debossed Leather Effect in Photoshop
Photoshop Effects
Making a debossed effect in Photoshop is very easy and can be made using a single layer with a few layer styles applied. But when it comes to make a debossed effect over different surfaces (cardboard, fabric, metal, etc) you may need a few extra layers with different layer styles on them. In Photoshop there are many diferent ways to achieve these effects, but today we will focus on a leather surface to make a realistic debossed efect that is perfect for a logo, but that can also be used to show any other type of design that you want.
But before we begin, and if you want to follow this tutorial exactly as described, please download the following free image from Pexels: Download.
Step 1
Open the leather background image in Photoshop.
Step 2
Go to File > Place Embedded. Locate your design file on your computer and click Place.
Step 3
With the design layer selected go to Filter > Distort > Ripple. Set the Amount to 50%, the size to Small and click OK.
Step 4
Go to Filter > Blur > Gaussian Blur. Set the Radius to 1 and click OK.
Step 5
Set the layer Fill to 0%.
Step 6
Press Ctrl+J on your keyboard 3 times to make 3 copies of your design and rename the layers to 1, 2, 3 and 4.
Step 7
Select the Layer 4, go to Layer > Layer Style > Inner Glow and apply the following settings.
Step 8
Check the Color Overlay option and apply the following settings.
Step 9
Check the Drop Shadow option, apply the following settings and click OK.
Step 10
Select the Layer 3, go to Layer > Layer Style > Bevel & Emboss and apply the following settings.
Note: In the Gloss Contour be sure to select the "Cone" shape from the dropdown thumbnails menu.
Step 11
Check the Contour and apply the following settings.
Note: In the Contour be sure to select the "Half Round" shape from the dropdown thumbnails menu.
Step 12
Check the Inner Shadow option, apply the following settings and click OK.
Step 13
Select the Layer 2, go to Layer > Layer Style > Bevel & Emboss and apply the following settings.
Note: In the Gloss Contour be sure to select the "Linear" shape from the dropdown thumbnails menu.
Step 14
Check the Drop Shadow option, apply the following settings and click OK.
Note: Under Contour be sure to select the "Rounded Steps" shape from the dropdown thumbnails menu.
Step 15
Select the Layer 1, go to Layer > Layer Style > Drop Shadow. Apply the following settings and click OK.
Step 16
With the Layer 1 selected, go to Layer > Layer Mask > Reveal All.
Step 17
Select the Gradient Tool (G) and be sure to have your Foreground color set to White and the Background color to Black.
Step 18
Lastly, select the Foreground to Background gradient in the top toolbar. Click and drag over the canvas following the light direction (which in this case is near 145 degrees).
More from Tutorials
Three Ways to Create a Handmade Look in Illustrator
Tutorialsby Diego Sanchez
Creating a handmade aesthetic from an existing design can add a sense of charm and individuality to your works, making them ideal for use in logos, emblems, product packaging, and illustrations. This style helps convey a more personal and crafted feel, which is perfect for projects that need to stand out. In Illustrator, you can easily replicate this effect in many different ways, but today I will show you three simple yet effective methods to achieve a hand-drawn look using the Brush Tool, Wrinkle Tool, and Blur Effects and these simple techniques will help you add organic textures, uneven edges, and a natural flow to your creations.
Read more
Easily Create Text Blocks in Illustrator
Tutorialsby Diego Sanchez
When you need to make text blocks in Illustrator, there are many ways to do it, from selecting each line of text individually and setting the proper font size, to using paragraph text and adjusting sizes and spacing. However, if you want to create a text block in less than a minute—which is especially useful for quote posters—you can use an automated method to do it quickly and effortlessly. Today, I’ll show you how to make a text block in Illustrator in a matter of seconds by using a single script, saving you time and enhancing your creative workflow. This method is perfect for experimenting with different typefaces and achieving unique results.
Read more
How to Easily Turn any Font into a Sketch Font in Illustrator
Tutorialsby Diego Sanchez
If you want to add a hand-drawn, artistic touch to your typography, turning your chosen font into a sketch-style font is a fantastic way to create eye-catching designs for posters, logos, or custom illustrations. Whether you're aiming for a rough pencil sketch look or a more refined line drawing, this effect adds creative flair to your text. Today, I’ll show you how to create this effect quickly and easily with any font using Illustrator's Appearance Panel. In just a few simple steps, you can completely transform your font style while keeping the text fully editable—making future tweaks a breeze!
Read more
How to Make a Heavy Grain Copy Effect in Photoshop
Tutorialsby Diego Sanchez
Photocopied effects are very popular these days, mostly used to give a design a grungy and weathered look. You may have seen this effect on flyers, posters, and even social media posts to promote different events. There are many different ways to create this effect, but today I will show you one of the simplest methods to make a heavy grain copy effect in Photoshop using the Filter Gallery, a Blur effect, and just one simple texture to make this effect look complete.
Read more