Posted in Photoshop

How to Create a Realistic Emboss/Deboss Effect in Photoshop

Creating an embossed effect

1. Open up your background texture image (in this case, a piece of textured paper) in Photoshop and create a new layer. Paste the logo, text or artwork that you want to emboss into the document using the “paste as pixels” option.

Creating an Embossed Effect in Photoshop - Step 1

Pro tip: Use the CTRL+V shortcut to automatically paste as pixels.

2. Ensure that your logo/text/etc. is in the correct position and is the right size for the design.

Creating an Embossed Effect in Photoshop - Step 2

3. Select the pixels on this layer by right-clicking the layer’s thumbnail and clicking Select Pixels. Alternatively, you can hold the Ctrl button and left-click the layer thumbnail.

Creating an Embossed Effect in Photoshop - Step 3

4. Click the Background layer and then Copy by pressing Ctrl+C. Create a new layer (Ctrl+Shift+Alt+N) and then paste the selection you copied into this new layer by hitting Ctrl+V. This will give you a copy of your logo that appears to be composed of the same material as your background.

Creating an Embossed Effect in Photoshop - Step 4

5. Double-click this new layer to bring up the “Layer Style” window. From here, select the “Bevel & Emboss” option to begin creating the beveled effect. Change the “Bevel & Emboss” settings so that they match the picture below.

Creating an Embossed Effect in Photoshop - Step 5

6. Without closing the “Layer Style” window, select the “Inner Shadow” option and change the settings

Creating an Embossed Effect in Photoshop - Step 6

7. Navigate to the “Gradient Overlay” tab and once again change the settings so that they match the diagram below. You will be using a black and white gradient, so remember to open up the gradient editor and set the colors to absolute black (R:0, G: 0, B:0) and white (R:255, G:255, B:255) for the best results.

Creating an Embossed Effect in Photoshop - Step 7

8. Navigate to the “Drop Shadow” tab in the “Layer Style” window and change the settings to match below. Then you can click OK to finalize the changes you’ve made to the layer.

Creating an Embossed Effect in Photoshop - Step 8

9. Create a new layer for the light source. Select this layer, hold down the CTRL key, and click on the thumbnail of one of the layers with with your logo on it. This will allow you to create a selection on the light layer that is the same shape as the logo layer.

Creating an Embossed Effect in Photoshop - Step 9

10. Select the “Paint Bucket” tool and fill in the selected area on the light layer with white.

Creating an Embossed Effect in Photoshop - Step 10

Pro tip: Hit the “G” key to quickly bring up the “Paint Bucket” tool.

11. Using the arrow keys on your keyboard, carefully move the selection four pixels to the right and two pixels down. One hit of the key will move the selection by one pixel.

Creating an Embossed Effect in Photoshop - Step 11

12. Click Select > Modify > Feather to bring up the feathering tool. Set the “Feather Radius” to two pixels. Press OK to feather the selection.

Creating an Embossed Effect in Photoshop - Step 12

13. Once the selection has been feathered, hit the “Delete” key on your keyboard to clear away all but a few pixels of the white fill.

Creating an Embossed Effect in Photoshop - Step 13

14. Set the opacity of the light layer to 20%.

Creating an Embossed Effect in Photoshop - Step 14

15. Save your image using CTRL+S. You should now have a realistic looking embossed effect, as shown in the image below.

Creating an Embossed Effect in Photoshop - Step 15

Creating a debossed effect

1. Just as in the embossed effect tutorial, you’ll want to paste the object you intend to deboss into a new layer using the “Paste as Pixels” option.

Creating a Debossed Effect in Photoshop - Step 1

2. Set the correct size and position of the object.

Creating a Debossed Effect in Photoshop - Step 2

3. Select the pixels on this layer by right-clicking the layer’s thumbnail and clicking Select Pixels. Alternatively, you can hold the Ctrl button and left-click the layer thumbnail.

Creating a Debossed Effect in Photoshop - Step 3

4. Click the Background layer and then Copy by pressing Ctrl+C. Create a new layer (Ctrl+Shift+Alt+N) and then paste the selection you copied into this new layer by hitting Ctrl+V. This will give you a copy of your logo that appears to be composed of the same material as your background.

Creating a Debossed Effect in Photoshop - Step 4

5. Double-click on this new layer and open the “Bevel & Emboss” tab. Change the settings so that they match the diagram below.

Creating a Debossed Effect in Photoshop - Step 5

6. Select the “Inner Shadow” tab in the “Layer Style” window and change the settings to match the diagram below. Click “OK” when you’re done to finalize the changes you’ve made to the layer.

Creating a Debossed Effect in Photoshop - Step 6

7. Your deboss text effect should now look like the example image below. You can now save your completed image using CTRL+S.

Creating a Debossed Effect in Photoshop - Step 7

– See more at: http://www.companyfolders.com/blog/tutorial-create-a-realistic-emboss-deboss-effect-in-photoshop#sthash.4499hoxl.dpuf

Advertisements