Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I found this image on google and was fascinated by the realism of the bevel effect and wanted to learn how to do it myself.

I tried some stuffs but they were not close enough. I want to replicate the exact same effect. image

Here's what I tried: img

Bevel & Emboss: structure: inner bevel/smooth/225%/up/4px/0px shading: 120rad/no global light/65rad/custom/screen white 75%/multiply black 75%

Contour: default 50%

Inner Shadow: structure: normal white/75%/-65rad/no global light/6px/0%/2px

Satin: structure: multiply black/20%/19rad/14px/21px

Gradient Overlay: gradient: normal/100%/#c4c4c4-#ffffff/linear/align with layer/132rad

Drop Shadow: structure: multiply black/85%/120rad/no global light/6px/0%/2px

How can I create a sharp and realistic bevel on text in Photoshop?

share|improve this question

2 Answers 2

up vote 5 down vote accepted

Here is my shot

enter image description here

I have used Drop Shadow, Inner Shadow, Bevel and Emboss, Gradient Overlay and Satin


Screenshots of used effects

Drop Shadow :

  • [ Blend_Mode:multiply,100%,#000000 ]
  • [ Angle:120, Global_Light:No ]
  • [ 4px:0%:1px ]
  • [ Contour:Defaults/CoveDeep ]
  • [Noise: 0% ]

enter image description here

Inner Shadow :

  • [ Blend_Mode:overlay,100%,#ffffff ]
  • [ Angle:120, Global_Light:No ]
  • [ 6px:20%:4px ]
  • [ Contour:Defaults/Linear, Anti-aliased:no]
  • [Noise: 0% ]

enter image description here

Bevel and Emboss :

  • [ Inner Bevel:ChiselHard,Depth:300%,Up, 1px,0px ]
  • [ Angle:120, Global_Light:No ]
  • [ Altitude:58 ]
  • [ Contour:Defaults/Linear; AntiAliased:Yes ]
  • [ Highlight:normal-10%-#ffffff ]
  • [ Shadow:multiply-100%-#000000 ]
  • [Opacity: 100% ]

enter image description here

Contour :

  • [ Cone-Inverted ]
  • [ Range:90% ]

enter image description here

Satin :

  • [ Blend_Mode:overlay, 90%, #ffffff ]
  • [ Angle:50, Global_Light:No ]
  • [ 4px,0px ]
  • [ Contour:Defaults/Linear; AntiAliased:No; Invert:No ]

enter image description here

Gradient Overlay :

  • [ Blend_Mode:normal, 100% ]
  • [ #b5b5b5-#ffffff, Reverse:No ]
  • [ STyle:Linear, Align_with_layer:Yes ]
  • [ Angle:120; scale:100% ]

enter image description here

share|improve this answer
    
yes! that's much closer! can you please add details? –  Jake Jul 24 at 12:53
    
Sure, Just let me save screenshots. :) –  S.M. Jul 24 at 12:58
    
I added screenshots of layer styles, hope this will help. :) –  S.M. Jul 24 at 13:11
    
Thank you! answer accepted. –  Jake Jul 24 at 13:11
1  
I'd upvote if you wrote out the instructions. Search engines can't pickup text in screenshots. –  Mr E. Upvoter Jul 24 at 19:25

Well, you're on the right track. The key is to use layer styles.

Here's my shot:

enter image description here

Settings:

  1. Add Bevel & Emboss. Choose "Chisel Hard" under technique, play around with the settings and use the "Cove - Deep" preset under Contour.

enter image description here

enter image description here

  1. Add a dark grey to bright white linear Gradient Overlay. Angle it and limit it so that it begins with the white in the top left corner and ends with the dark grey.

enter image description here

  1. Add a rather harsh and strong but only slightly distant drop shadow.

enter image description here

The difference is in the details though and getting that perfect emboss/glow is the tricky part. You might try dragging it through After Effects and using glow or perhaps simply pushing the contrast with curves in Photoshop.

Oh, and don't forget the noise (Filter > Noise).

EDIT: combining some of my settings with those of S.M. will yield even better results. Take a look especially at his/her "Satin" and "Inner Shadow" settings.

share|improve this answer
1  
I'd upvote if you wrote out the instructions. Search engines can't pickup text in screenshots. –  Mr E. Upvoter Jul 24 at 19:26

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.