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.
Add your icons or text. I found the social icons online. Easy to find with a quick google search.
Just to personalize it a bit, add your logo. (Of course this page can be anything you like.).
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.
Press Cmd/Ctrl+A to Select all.
Press Cmd/Ctrl+C to Copy to clipboard.
Choose the channels panel
Create a new alpha channel by clicking the new channel button
Paste into the channel. Ctrl/Cmd+V
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.)
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.
You will now have a gray filled layer on top.
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).
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)
You can drag in the little wheel in the center to change the brightness, reducing it makes the color more even.
Increasing the height makes the effect more pronounced.
If you move the slider to a negative number the emboss will become an inset. Interesting huh?
You can change the color by clicking on the rectangle by color.
The color picker will allow you to choose a different color.
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?
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.
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.
Choose Filter>Blur>Gaussian Blur
A radius of 7.8 works here.
Click on RGB to turn the RGB channels back on.
Create a new layer and fill with gray, just like we did in step 9.
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 ;))
If we reduce the Height, you can get an even softer effect.