When I first discovered this technique over 20 years ago, I decided to see how far I could push it. That experimentation led to me creating a series of Photorealistic illustrations entirely made in Photoshop .Click here to see more of my Photoshop Illustration work
This is what you will create from a simple flat image, itâ€™s quite amazing really.
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.
And the result.
Donâ€™t forget to watch the video as it also shows how to hyper realistic rock effects and more.
This is part 3 of a series Iâ€™m making on Lighting effects.
If you enjoyed this please share it on social media
Great to see you here at the CAFE
Part 2 is lighting a portrait
Browse our hundreds of other free tutorials here, or search for what you are looking for in the search at the top of the page.
You can also browse by topics in the free tutorials menu.
If you are ready to get serious about Photoshop, see our full length courses here
PS Donâ€™t forget to join our mailing list and follow me on Social Media>
(Ive been posting some fun Instagram and Facebook Stories lately)
Great to see you here at the CAFE,
If you like these techniques and you would like to dive deeper into Photoshop, I have just launched an in-depth Photoshop Course. Its called Photoshop Secrets: Photoshop 2020 for Digital Photographers, Check it out here