Working with Bevel and Emboss on Text as well as Shapes

Difficulty: Easy

Requirements: Photoshop CS6 Extended (NO PRO of course).

Step 1: Making the background

 Make a New file, "Ctrl+N" on Windows, "Cmd+N" on Mac. Dimensions, 1920x720 and a resolution of 72.

Set foreground and background colors to 10% gray and 85% gray respectively.



Go to Filter>Render>Difference Clouds.

Your screen should look like this. Lets make it more cloudy.

Render the Difference Clouds a few more times until the screen looks like the one below.

Step 2: Making a Rectangular shape and adding Bevel to it.

Go to the Shape tool, and select the Rectangle Tool. 

Select a Fill color, here I have chosen Sky Blue. Draw a Rectangle. Something like this.

Select the Shape and right click on it in the "Blending Options".

Select the Bevel and Emboss as well as Contour. In the Technique list, Select "Chisel hard". Increase the Depth to it's highest. Increase size until it looks something like below. Use a "Global Light".

Set the Highlight and Shadow color.

Select the Drop Shadow option and Un-check Global Light.

Set the angle to around 90, keep a Distance of 5 and Size to 15.

While you are doing this, your shape should look something like this.

Step 3: Adding text and effects to it.

Add text to the shape by using the Horizontal Text Tool, and select a 10% Gray color and a really Square Font style.

Select the Text layer and go to it's Blending Options.

 Select the Bevel and Emboss option.

Open the Gloss Contour list. Select the "Double ring" contour. Keep the Depth to the fullest and toggle the size until it looks like this....

Tick the "Anti aliased" option.

Select the Drop Shadow option now.

Set the same settings as you did with the Blue Rectangle shape.

Go to the Blend Panel and Duplicate the Text layer you have just created and edited now. Make sure you are doing this after adding all the blending options to the text and NOT before.

Rasterize this new duplicated Text layer. Rasterize the Layer style as well.

Step 4: Adding Chrome to the Text

Select the Duplicated Text layer, lets call this, "Text Copy" and go to Filter>Filter Gallery.

Select the "Chrome" filter from the "Sketch" group.

 Increase the detail and Max the Smoothness till it looks something like below.

 As you can notice this has completed covered the previous Text layer.

Go the Blend Panel and select the Text Copy layer. As you can see it's on "Normal".

Change this to Overlay.

You will end up with something like this...

As you can notice I changed the foreground and background color somewhere between so that the "Chrome" effect looked more detailed. 

Here I have changed the background to BLACK. Giving the chrome more depth.

You can always change it to a lighter gray or a darker gray depending on how detailed and realistic you want this effect to look.

--

I hope you found this helpful.

I am somehow STILL overwhelmed with requests and will post as soon as I am done that I will be taking more.

For more info or queries, contact me via the Contact page.

No email ya'll.. Please.