Mastering “Bevel and Emboss” – From Beginner to Pro
Those of you that’s been following my tutorials here on Minervity.com know that I like to make things look real when using Photoshop to create visuals for either user interfaces, web graphics or just plain design or icons. I have received a ton of questions regarding my technique to make things shine with that extra realism to the design. The secret can’t be described in just a sentence or a tool but rather a link of design processes that will give your design that little extra edge to it.
In this micro tutorial I will teach you how to get the very best out of the “Bevel and Emboss” tool that Photoshop has to offer to make your designs look ultra realistic. Before we get going there are some pointers that need to be expressed. A design can be ultra correct and still not have that realistic look to it. This is usually due to three different factors.
1. Detail – Everything we see around us is not flawless. Everything has its scratches, dirt and distortions. It’s the small bits of imperfect details that makes it real to us.
2. Time – It’s important to spend a lot of time on your realistic designs. Time is what will teach you what will look real and what will not. Just slabbing something together to be time efficient will always set you back when it comes to realism.
3. Creativity – It’s an obvious one but oh so important. Nothing makes up the quality of your designs as much as creativity. Try thinking out of the box. Try using the tools in a non conventional way and you’ll see you will take a huge leap forward raising the quality bar quite a lot.
Alright, let’s get to business. Time to take a look at how we can raise the realism in our designs with a few short tips and tricks. So, in Photoshop we have the option of adding some beveling to any created object in Photoshop. We can do so by right clicking the layer in which the object is located that we want to create a bevel to. Right click the layer and choose “Blending Options…”
A whole bunch of different choices come up in a new window. In the list you can find “Bevel and Emboss“. Click it and you will be taken to it’s settings which we will be playing with.
The trick is really just to try and capture the realism and true angle of things when adding the bevel. It’s really important to study and do some research on how things truly are and how they look. Just adding a bevel to an edge won’t make it look raised or lowered just like that. It is equally important to look at the shadowing of the bevel itself and the angle the light is projected at the bevel.
The object in itself always has a source of light being pointed at it from a direction. It’s important to remember to make the light source come from the same direction consistently. However, not using the exact same settings as light also illuminates itself off of other things around it. This making it even more complex. But, we’ll be talking a little about it in a short bit.
First, let’s take a look at the usual way a novice would add “Bevel” to an object and how we, with just a few carefully set settings, can add much more realism to the object. In this case we’ve just created a rectangle measuring Width: 150 and Height: 150.
Novice Settings and Beveling
As you can see we are here using the very basic settings to create a bevel. This is usually the way a beginner setup their beveling. However, ultimately incorrect if we are trying recreate some kind of realism in the design itself. A cleaner and much more efficient way to put the tool to its ultimate use is to first try and create a realistic surface to the object and then add beveling and shadowing to is. This will enable the viewer to look at the object in a whole different way.
Let us setup the “pro” way of beveling and surfacing the object. As you will see there is a few more steps to the process. However, not too many and not to complicated.
Pro Settings and Beveling
Now we have created the surface for our object and it now incorporates a clear light source from the top left corner. Time to add some beveling to it before we add some shadowing to it.
We need to “Fixate” the layer to be able to add new layer blending on the layer. Create a new layer underneath the object layer and (still having the object layer selected) choose “Layer” -> “Merge Down“. We have now fixated out layer and the surface effects.
We have now created the beveling itself and we only have two more step to make it look quite realistically believable. We need to add some shadowing to the object to give it more “time and room“. Realism is all about capturing the imperfect noise around any real objects. With shadowing we can achieve a lot of this noise in a simple yet effective way.
As you can see the shadowing adds quite a lot of realism to the object and it makes it easier to create details that match the reality. Lastly we will add some noise to the object to incorporate the imperfect surface that creates the realism in the object itself.
To add noise to it choose “Filter” -> “Noise” -> “Add Noise…” and add the following settings.
There! The object now visions a more realistic illusion and is more likely to catch the viewers attention in a more positive way. Playing around with the settings will quickly make you a pro at incorporating the realistic light sources and noise. This process you can add to just about any surface or object you want in order to make it look more realistic. Just be creative and play around with it.
That’s how you add beveling to an object. But, there is a few other things you can create with the “Bevel and Emboss” tool. One of those are to create perfect orbs that looks stunningly real and you can create great icons with these.
I will take you through the simple steps of how to create an orb and during the process also show you some great tricks to create realistic reflection and gloss.
I just created a new work document and made it Width:250 and Height: 250. Also added a circle with the measures: Width: 120 and Height: 120 in the middle of the work area.
Novice Orb Settings and Beveling
As you can see it is not quite there and this is the mistake that beginners usually do when trying to create an orb using the “Bevel and Emboss” tool in Photoshop. There is a more efficient way to create an orb and far more realistic then the novice way of doing it. Again, it will require a bit more steps. However, the result will be a stunningly effective orb that will catch just about any viewers attention.
Pro Orb Settings and Beveling
As you can see we’ve found a way more believable way to create an orb. However we are not done yet. The simple orb is there but there are still a couple of things we can do to create that ultra realistic look and feel.
Add a new layer above the orb layer. Create a elliptical orb just at the top of the orb using the “Elliptical Marquee Tool“. We’re going to use the “Gradient Tool” to make a little gloss on the orb. Make sure its set to “Foreground to Transparent“, “Linear Gradient” (you set it at the top of the screen) and use white color (#FFFFFF).
So we just made our orb look a little more realistic. Now, as usual, we should add some shadowing to the orb in order for it to really come across as being right there in 3D in front of us.
Create a new layer underneath the orb layer and create a circle measuring Width: 90 and Height: 90. We are going to use the “Gradient Tool” again but this time use the “Radial Gradient” and use Black as the color “#000000“.
Now we need to do some modifications to the shadow so go ahead and choose “Edit” -> “Transform…” -> “Distort” and then distort the shadow like I’ve done underneath.
We need to make the shadow layer a bit more transparent to make it more realistic so go ahead and change its “Opacity” to “25%“. This should make it just a bit more smooth and believable.
There! Our orb is done and looking quite realistic. You have again the option of adding noise to the orb but that depends on if you want it to have a more rough surface or a more glossy shiny surface.
Round Up
There are millions of ways you can use the “Bevel and Emboss” tool to make things look realistic and believable. It is all up to you what you can come up with. Your creativity is the limit.
I hope you have enjoyed this micro tutorial on how to master “Bevel and Emboss” and that it has taught you a few bits and pieces of how to create more realistic designs. Practising this over and over in different ways is the best progression to becoming a really unique and professional designer in Photoshop.
On to the next tutorial.
Thanks!
Pass HP2-Z05 exam to become expert in web design. We provide up to date 70-620 design tutorials and 642-825 videos to make your learning easy for you.
Simple but very useful for the beginners
As usual you are coming up with quality write ups. Just had a thought maybe the pro bevels can be used as logo backgrounds 
thanks a lot
[Reply]
adapter keyboard Reply:
August 31st, 2011 at 7:43 pm
cool news, thank you for sharing this info.
[Reply]
Another one of your cool tutorials.. Thank you for sharing. BTW, i love the social Network Icons you just installed.. Pure creative genius.
[Reply]
great tutorial! much appreciated.
[Reply]
hi. tks for the tutorial. im very much a beginner. tried with heart-shape instead of orb. it’ nice.
[Reply]
wow this is really nice! thanks for sharing bro, im quite not good at using bevel and emboss effect…
[Reply]
wow this is really nice. good job,
thanks to share your work
[Reply]
[...] Mastering “Bevel and Emboss” – From Beginner to Pro | Minervity Great tips for mastering something that can so easily go tacky (tags: tutorial 3d photoshop) [...]
I’m just a beginner at Photoshop myself. Only been at it for 6 months and I have so much to learn! Thank you for the great tutorial! Your instructions are very understanable from a beginner’s perspective and the screen shots are perfect! Thank you so much for sharing!
[Reply]
thx u very much. it’ll very helping me
[Reply]
This is a great tutorial. Thanks!
[Reply]
I’m in the middle of a project where I’m creating buttons [for use on a touchscreen interface] and one constraint is that each button can be made using only one layer per button (long story why). So that means nearly all effects created with layer styles – from embossing to gradients, to glows, to shadows, etc. etc. And then customizing the contours for each of those effects. There’s a maddening number of combinations to be had! There’s so much deeper one can go, even way beyond your very helpful advice here. Not sure what my point is, but keep up the good work; I’ll be watching!
[Reply]
Thanks alot very nice for starters!
[Reply]
Great post. Thanks a usual.
[Reply]
I have used Bevel and Emboss so many times before and have manually added gloss light reflections. Seeing this one tutorial really gave me such a better understanding of how to use this tool, visualize its realistic effects, and overall makes my job easier!!
thank you
[Reply]
Great post!
[Reply]
Great post, nice tutorial.
[Reply]
great help for us, beginners, thank you, gilbert
[Reply]
Fabulous tutorial for all of us digital designers! I strive for realism in my creations and you have enlightened me on a whole new level, thank you! Bookmarking and retweeting!
Have a AWESOME day!
[Reply]
[...] Mastering “Bevel and Emboss” – From Beginner to Pro [...]
great post! really awesome tutorial
[Reply]
Thanks for sharing~
[Reply]
Thank you very much Richard. It helps us to learn photoshop in a professional way.
[Reply]
Good for beginners but far away from professional, maybe intermediate. Either way good post!
[Reply]
One admits that today’s life is not cheap, nevertheless people require cash for various issues and not every one earns enough money. Thus to receive some loan and short term loan should be a proper solution.
[Reply]
Either way good post! Thanks for sharing~
[Reply]
I suggest this site to my friends so it could be useful & informative for them also. Great effort.
[Reply]
xiaoxiao123 08 20 Juicy Couture is a fashion rolex watches brand which was founed in 1997
form California,
[Reply]
One admits that today’s life is not cheap, nevertheless people require cash for various issues and not every one earns enough money. Thus to receive some loan and short term loan should be a proper solution. Thank you for sharing..
[Reply]
Discount Wholesale Electronics, Wholesale Cell Phones, Electronic Gadgets and More from the Best Dropship Wholesaler
[Reply]
Thank you for providing good information,Wholesale Electronics and Wholesale Gadgets from pickegg.com,Pickegg.com is an online Wholesale Electronics store. Offers consumer electronics and electronic gadgets at best price
[Reply]
thank you so much, this information is really important to me.
[Reply]
zhu zhu pets
silly bandz
[Reply]
thanks for your sharing, it is a great post for me.
[Reply]
The Fundamental Crafts Skills Using IPadiPhone Cases
[Reply]
Hello, thanks for yor give me so good articl ,this article give me many new ideas, make me achieve a breakthrough .I hope you go on writing articl ,thus you can help more people like me. I will give you good evaluation all the time .
[Reply]
This was a useful post and I think it is rather easy to see from the other comments as well that this post is well written and useful.
[Reply]
I think it is rather easy to see from the other comments as well that this post is well written and useful.
[Reply]
Greetings, I enjoy your blog. This is a nice site and I wanted to post a note to let you know, good job! Thanks
haimingnatell
Omega Speedmaster
Omega Wristwatches
Juicy
Couture Bags
[Reply]
Wonderful blog, it’s really useful, I like it, thanks for your post. I want to share you with my favorite batteries like hp Pavilion DV4 battery, Hope you will like them.
[Reply]
good,thanks for your sharing,
ibm-thinkpad-r31-battery
ibm-thinkpad-r40-battery
[Reply]
good,thanks for your sharing.
ibm-thinkpad-r50e-battery
ibm-thinkpad-r51-battery
[Reply]
Thanks for the blog loaded with so many information. Stopping by your blog helped me to get what I was looking for.
[Reply]
thanks for your post.
[Reply]
Very good article.Wonderful blog, it’s really useful, I like it, thanks for your post
[Reply]
Thank you for providing good information,Wholesale Electronics and Wholesale Gadgets from pickegg.com,Pickegg.com is an online Wholesale Electronics store. Offers consumer electronics and electronic gadgets at best price.
[Reply]
I was searching for some information and found your blog.
[Reply]
A war hero and an industrialist, and a Member of Parliament at an age when he no longer hungered for political advancement.
[Reply]
They were shown by example over the years that management was accessible and would listen to their grievances and suggestions.
[Reply]
The common man of Asia like this big, friendly, informal, democratic, serious young American.
[Reply]
Most of the time, especially when on public view, he exuded friendliness, expressed through an easy grin.
[Reply]
I’m afraid that what you were told about him is not quite right. If only you could meet him in person, you’d discover he’s very agreeable and capable.
[Reply]
thanks for your post and it is very good, i am happy to read it here.
[Reply]
购物商家导航
[Reply]
It’s a interesting news, I like it.
[Reply]
Shop for emu boots,emu shoes,emu slippers,emu australia,more emu sheepskin boots on sale,buy cheap emu boots come to cheap-emuboots.com
[Reply]
Best deals on optical transceivers. Buy SFP Plus, SFP+, X2, XENPAK, XFP, SFP, GBIC for Cisco,HP and 3Com with lowest prices and lifetime warranty. http://www.sfplustransceiver.com/cisco-ws-g5487 WS-G5487
[Reply]
Though white iphone 4 is at high price, but with all-powerful function, we can see lots of people just crazy for the latest white iphone 4.
[Reply]
People die for iphone 4 white is understandable, isn’t it? The reason is quite simple, We all want to be differnt!
[Reply]
Grande article! J’aime votre blog! Je l’ai signet
[Reply]
It is known that cash can make us autonomous. But what to do if somebody doesn’t have money? The only one way is to get the loans and just secured loan where site 31
[Reply]
nice topic.ths for sharing.
[Reply]
Valuable thoughts and advices, I read your topic with great interest.
[Reply]
There are a number of very nice points made here. Generally, I’m not really keen on information sites. then again, once in a while all of us should take notice. Inspiring, I am thankful to you.
[Reply]
thank you for nice information.. I am going to bookmark this page. and i will also suggest my friends about this post.
[Reply]
Valuable thoughts and advices, I read your topic with great interest.
[Reply]
Good check list,true religion jeans discounted I am running through it with my sites now .
[Reply]
wow this is really nice. good job,
thanks to share your work.
[Reply]
Wonderful.
Share a website with you
[Reply]
Valuable thoughts and advices, I read your topic with great interest.silver pearl bracelet
[Reply]
yabancı chat odası
[Reply]
so CUTE,LOVE THEM.LOOKING FOR THEM good work，Great http://www.longchamp-longchamps.com
[Reply]
Thanks for sharing .I learn more .
[Reply]
shashacaicai!!!!1へようこそ。当社は2004年に設立され、2006年にインターネットマーケティング事業にコミットされました。 の大きな需要が常にあり、よく販売している。最近、我々はいくつかの新しいsac à mainして、当社のウェブサイト上でそれらを更新。ここでは見つけることができるいくつかの稀少ある、他のウェブサイトから見つけることは困難れた。NBAジャージはhotsaleで常にもです。
私たちは、お客様から多くの偉大なコメントを得て、外国のmakertsで良い評判を獲得している、90％以上のお客様は今すぐオンラインメンバーが80,000を超えてまで、当社の製品およびサービスに満足しています。今の時点で、我々は現在、18カ国以上から顧客にサービスを提供し、そして我々はまだ成長している。私たちは本当に世界中から個人や企業との協力を通じて事業拡大を願っています。
[Reply]
Purchase China Brand Tablet PCs with Low Price & High Quality plus Free Worldwide Delivery at chinatabletspcs.com.
[Reply]
I bought a discount moncler uomo yesterday.
[Reply]
Cheap Gucci Shoes are the must have shoes among the fashion, they are famous for more than ten years in the world. still in 2010, Cheap Gucci Shoes for Mens for men uk, the popularity of authentic Cheap Gucci Shoes for Womens continued and expended much more than before; therefore there are variety of variants came into the fashion field. and gucci is a big person who just took part in such hot trend who released Real gucci shoes for cheap the high top belts sneaker for the early spring of 2010.
[Reply]
I like the side of the article, and very like your blog, to write well and hope to continue your efforts, we can see more of your articles
[Reply]
Cheap Moncler Jackets are not the same thing with women Buy Moncler jackets. Elements of Didcount Moncler Coats Sale down shop, beautiful bright color, men are not only seemed. The deep color of the grid can also elements of chic Moncler Jackets Men. Perhaps also with decorative straps jackets women down.
[Reply]
However the design of outside sunlight and so are properly dressed. Didcount Moncler Coats Sale The man using the bodily and psychological well being all of the sunlight. But his design is as well loud. Moncler Jackets Men You can put on them in situation you are students.
[Reply]
I’m really happy I found it thank you very much.
[Reply]
The article is worth reading, I like it very much.
[Reply]
This article is impressive,I hope that you will continue doing nice article like this.And do you like ken griff shoes,I have collected many beautiful griff shoes these years, the griff are so popular, I think you also can shop one ken griff shoes online store.
[Reply]
Thank you for sharing this n. The information was very helpful and saved a lot of my time.
[Reply]
Thanks a lot for sharing this amazing knowledge with us. This site is fantastic. I always find great knowledge from it.
[Reply]
hello,everyone,iam jenny
[Reply]
Since 1952, Cheap Moncler Jackets has entered into the line of rag trade was famous for its fashion designs; and Moncler won grate fame both at home and broad in 1980s by dedicated and diligence work.Moncler Jackets, Moncler Accessories, Women Moncler Jackets, Moncler Kids are featured products of Moncler, and Moncler Men Jackets, Moncler Coats are best sold and have a good reputation.
[Reply]
All the government workers in Beijing are required to understand English. Taxi drivers, waiters in hotels and restaurants should be able to say at least
[Reply]
Nice Article.Thank you for sharing.Waiting for updating.cheap brand wedding Coach Earrings from China
[Reply]
they rich contents ma le scarpe non ti donano. meglio dei sandali con stringe più sottili e caviglia libera Perfect! and data accurately.they are help to me.I expect to see your new share.
[Reply]
I agree with your Blog and I will be back to check it more in the future so please keep up your
work.sencart.com I love your content & the way that you write.
It looks like you have been doing this for a while now, how long have you been blogging for?
[Reply]
you can request for an exchange or refund within 14 days upon receipt of the order in a resalable conditionac adapter.
[Reply]
interesting, I will go on to take care, thank for sharing！
[Reply]
That is an awfully astounding column you’ve posted
[Reply]
Agree on you opionion. Just return the party,take part in this subject talk.Learn a lot from it.
[Reply]
Thank you for article.your article is the most unique ideas I’ve ever read,Looking forward to reading more new ones.a
[Reply]
Leave a comment!
Friends & Partners
10 Steps
Abduzeedo
Andy Sowards
BittBox
Brian Cray
Colorburned
CrazyLeaf Design
Design Bump
DesignFalvr
Design Reviver
Design Shard
Design Your Way
Digigirl
From The Couch
Fudge Graphics
Fuel Your Creativity
GoMediaZine
Good-Tutorials
Hongkiat
I Am Khayyam
ImJustCreative
InstantShift
Just Creative Design
Krftd
Line25
Loon Design
Mashable
MyInkBlog
Naldz Graphics
Noupe
Obox Design
Outlaw Design Blog
PhotoshopGirl
Photoshop Roadmap
Printed Proof
PSD Fan
PSDTuts+
Six Revisions
Smashing Magazine
Speckyboy
Spoon Graphics
Spoonfed Design
The Design Superhero
Tutorial9
Tutorial King
Tutorial Magazine
TutZone
Vandelay Design
VectorTuts+
Webdesigner Depot
Web Design Ledger
We Are Not Freelancers
Random Posts
Latest Video Post
Recent Posts
Most Commented
Most Popular