HOW TO EMBOSS A LOGO OR ICON IN PHOTOSHOP

STEP 1.

Start with a new document. I chose 1920 x 1080 as its HD screen size and it will work perfectly for Youtube end screens or other video projects.

Optionally, you can add a gradient to part of the image. I added a small white to black linear gradient by dragging with the gradient tool.

STEP 2.

Add your icons or text. I found the social icons online. Easy to find with a quick google search.

STEP 3.

Just to personalize it a bit, add your logo. (Of course this page can be anything you like.).

STEP 4.

We need to put everything into a single layer.

You could flatten the document. But it’s better to keep the layers in case you want to change something later. Press Ctrl+Alt+Shift+E (windows) / Cmd+AOption+Shift+E (Mac)

This creates a flattened layer on top.

STEP 5.

Press Cmd/Ctrl+A to Select all.

Press Cmd/Ctrl+C to Copy to clipboard.

STEP 6.

Choose the channels panel

Create a new alpha channel by clicking the new channel button

STEP 7

Paste into the channel. Ctrl/Cmd+V

STEP 8.

Click on the words RGB.

Red Green and Blue channels should be back on and Alpha 1 not showing. If you see a reddish color its because the Alpha channel is still on (click its eyeball to turn it off.)

STEP 9.

In the Layers Panel, create a new layer

Press Shift+Delete on Mac (Shift+Backspace on Windows).

When the fill dialog opens, choose 50% gray for contents.

Click ok.

You will now have a gray filled layer on top.

STEP 10.

Choose Filter>Render>Lighting effects

(If it’s grayed out, make sure your image is RGB and 8-Bit under the Image>mode menu. Also go to Preferences>Performance and make sure Use Graphics Processor is on. If that still doesn’t work, try restarting.) 

In the lighting effects, choose Blue Omni from the presets.

We are wanting the Omni light as it works best for this effect. Watch the video though above for some interesting variations.

(Press Ctrl/Cmd+H if you don’t see the tool overlay).

STEP 11.

You will see a field called Texture in the properties on the right.

Choose Alpha 1 from the list.

and BOOM! you will see your channel embossed. (The height slider changes it)

STEP 12.

You can drag in the little wheel in the center to change the brightness, reducing it makes the color more even.

STEP 13

Increasing the height makes the effect more pronounced.

STEP 14.

If you move the slider to a negative number the emboss will become an inset. Interesting huh?

STEP 15.

You can change the color by clicking on the rectangle by color.

The color picker will allow you to choose a different color.

STEP 16

You can also get a different result by dragging the light source to a different area.

Click on to apply. I think thats so real you can almost touch it. But wait, theres more, keep reading.

Everything is nicely chiseled, but what if you want a rounded edge?

STEP 17.

Go to the channel panel and click onAlpha 1, let’s change the image in the channel.

Using the rectangular marquee tool, make a selection around the logo.

STEP 18.

We only want the edges of the box, not the writing selected.

Hold down the Alt/Option key and select around the type, this takes away from the selection.

STEP 19.

Choose Filter>Blur>Gaussian Blur

A radius of 7.8 works here.

Click OK

STEP 20.

Click on RGB to turn the RGB channels back on.

STEP 21.

Create a new layer and fill with gray, just like we did in step 9.

STEP 22.

Choose Filter>Render>Lighting Effects

You will notice the blur creates a rounded edge. (This is actually how we made bevels before Layer styles, but don’t tell anyone I’ve been using Photoshop that long, oh wait, I started when I was 5 ;))

STEP 23

If we reduce the Height, you can get an even softer effect.

And the result.