Badass Bling Effect in Photoshop

Wed, Feb 6, 2008

Photoshop, Tutorials

Written by guest author Barton Damer.

Bad Ass Bling Effect

Introduction:

This tutorial will show you step by step on how to create a “Badass Bling Effect” using layer styles in Photoshop. Once you create the layer style, you can easily “blingify” any layer. There is also a video tutorial as well.

Video Tutorial

STEP 1

Choose an image you want to sprinkle with golden Photoshop magic. In this case i chose a full color image of a boombox and I’m going to make it look like it is solid gold. Make the image into a grayscale image by “Desaturating” the layer in the Image/Adjustments/Desaturate menu.

image

STEP 2

Apply a color overlay Layer Style by clicking the FX button at the bottom of your Layers Palette.

2

STEP 3

Set the color overlay to a rich golden color and make sure the Blend Mode is set to Color Burn

PhotoshopScreenSnapz013 Badass Bling Effect in Photoshop

STEP 4

Adjust your levels like so and…

4

Brace yourselves… We’ve got a solid gold boombox in less than 2 minutes! SUPER RAD!

4

STEP 5

Repeat the exact same steps for 2 different cars. I copied and flipped horizontally the radios and 90s sports car to get a symmetrical composition started.

5

STEP 6

We are creating a background for our composition that will look like a close of the boom box speaker shield. In Adobe Illustrator, draw 2 circles and separate them a descent width. Keep them aligned horizontally. Then choose Object/Blend/Make. You can also choose the blend tool from your tools palette.

6

Once you have a blend, you’ll want to open the blending options by going to Object/Blend/Blend Options or double clicking the Blend tool in the tools palette will bring up the same dialog box. Choose a # of blends that will leave some space between your circles.

5

STEP 7

Expand your blend by choosing Object/Blend/Expand. Now Each circle is treated individually and can be edited. Select your entire row of circles. Hold down option and drag it down a good distance. Hold down shift at the same time to keep the layer aligned vertically. Then repeat the steps to make a blend. I chose 15 steps. You can see that I have now blended my 2 rows of circles to make a grid of evenly spaced circles.

7

Select the entire grid and hold down option & shift while dragging on a 45 degree angle. You now have a circle pattern that should look like the pic below

dots Badass Bling Effect in Photoshop

Copy and paste it into your Photoshop document

7

STEP 8

Apply Bevel & Emboss layer style to your grid of circles. Choose Outer Bevel.

8

Add a black background… and get crunk!

8

STEP 9

This is the hardest part of the tutorial… and it’s all trial and error… at least for me it was. We’re going to create our own layer style that take a solid 2d object and make it look all bling’d out. I chose this amazing vector artwork from Go Media’s Arsenal Set 1 Crests.

9

First use a Gradient Overlay from the FX Layer Style tab in your layers palette. I created this gradient of different hues and values of Gold. Make sure you have contrast in your gradient.

9

This is what the Go Media vector crest will look like after the gradient has been applied:

9

Apply a Satin layer style within the same dialog box. You will want to experiment with your settings. Each object you bling out could require tweaking the settings. You will see some depth start to take place and that is important. Choose a different Contour as well. I chose this double peaked one.

9

Choose a Bevel and Emboss from the Layer Style window. Select Inner Bevel. Adjust the size and softness. I chose 10 and 1. Set the Shadow Mode to Color Burn and you may want to decrease the opacity.

9

Check the Contour Box under Bevel and Emboss. Choose a Contour. Each one will give a different look.

PhotoshopScreenSnapz029 Badass Bling Effect in Photoshop

Choose the Texture box under Bevel and Emboss as well. Select a pattern from one of the Photoshop presets. Adjust the scale and depth and watch how it effects the Go Media Crest. Again, experiment with these settings to get something that is really starting to look like gold reflections.

9

At this point I feel as though the crest is a little too orange. I could go back in and adjust my gradient overlay… but then i’d have to adjust each point in the gradient where there is a color change. Instead, add a color overlay. I chose a darker desaturated green to help tone down the red in my gold layer style. I adjusted the opacity until i felt it was beginning to match the golden cars a little better.

9

And the last layer style for our gold effect will be to add a drop shadow to help with some depth.

9

Now, before you close the Layer Style box. You are going to save this style so you can reuse it on anything! Click the New Style button just below “Ok” and give your style a name. Check both boxes - Include Layer Effects & Include Layer Blending Options.

9

Notice now that your style appears in the Styles palette! SICK!

9

And your new golden style shines so bright!

9

STEP 10

Add more bling to your design. I chose another Go Media Vector from Set 1 Wings.

9

Copy and paste into Photoshop and this time… apply your new style you just finished creating.

9

Repeat the same step for any additional elements you want to turn into gold.

9

STEP 11

We’re going to add some light effects using the airbrush and a layer style. Choose a standard airbrush and set it really large. I clicked one time at 100%.

9

Apply a Layer Style of Outer Glow from the FX tab in the layers palette.

PhotoshopScreenSnapz039 Badass Bling Effect in Photoshop

Choose a color for the Outer Glow. Set the Blend mode to Add. Opacity 100%

9

Copy that layer and then place it in front of everything. Adjust the opacity to be quite a bit lower. Then use the eraser with an air brush setting that will allow you to erase over the middle of the car and near the edges. The result gives you the look of over spill from the light source.

9

STEP 12

We’re going to add some sparkle to our bling using Illustrator and more layer styles. We’ll then make a custom brush from our sparkle shape and bling this piece out with tons of rad sparkly things. Create a star shape in illustrator. I chose a 5 point star and dupicated/rotated slightly to get my final sparkle shape.

http://www.gomediahost.com/zine/tutorials/bling/Adobe%20Illustrator%20CS3ScreenSnapz005.jpg

Copy and Paste it into Photoshop. Apply a Layer Style of Outer Glow. Only this time change the Blend Mode to normal and adjust the spread/size to give a faint blur around your sparkle shape.

9

Now option click directly on the Effect of the layer. It will bring up these options. Choose Create Layer. This will make the outer glow an actual image on the layer below your sparkly image.

9

Choose the layer above blurry sparkle shape. This should be the crisp sparkle. Choose Merge Down from the Layer Palette tab in the right hand corner.

9

Now go to Edit/Define Brush Preset.

9

Name your new brush.

9

And now you will see your new brush in the brush palette. (and you can see that I’ve created some of these before)

9

Click once in your desired spot to add sparkle to your bling! However… these sparkles could look even better with… another layer style applied to it! Why not? right!

9

Apply an outer glow with some color. Set the Blending Mode to Screen. Adjust the size/spread. Ba da boom. Ba da BLING!

PhotoshopScreenSnapz049 Badass Bling Effect in Photoshop

To tighten this design up a little more, I’ve added the Go Media Logo complimented by an icy hot diamond because that’s how Chris Wilson likes to roll at Go Media. ;-)

I simply applied my own style that I created earlier in the tutorial. Unfortunately, not everything is quite as successful when the style is applied to it. I actually had to tweak my style settings quite a bit to get it to match the other Go Media vectors that turned gold fairly easy.

So there you have it. Some badass blingin sparklies. Feel free to post a link to anything you blingify in your comments.

Download the Photoshop Layer Style

Bad Ass Bling Effect

Video Tutorial

, , , ,

This post was written by:

Barton Damer - who has written 4 posts on GoMediaZine.


Contact the author

If you enjoyed this post, show your support.
We appreciate it!
Bookmark It! Stumble It! Float It!

60 Comments For This Post

  1. Stefano Barlocco Says:

    great tut ;) and great layer style ;)

  2. the avangelist Says:

    That is a great example of simple design and composition, something that would be useful in future is a basic explanation of why you have used a particular blend mode.

    For example early on you explain that you set the color overlay to burn. Why? Why not say overlay or darken!

    Tiling backgrounds is a darn ass knightmare! :-)

  3. x0n Says:

    BADASS STUFF…
    go media is ACE… so Inspiring….

  4. Bente Says:

    Great tutorial, very inspiring! Thank you!

  5. Sean Hodge Says:

    This is awesome. I gotta find some time now to design some *bling*. Thanks.

  6. giackop Says:

    aaaaaaaaaaa that’s sick!! so nice!!

  7. Don G. Says:

    That’s the absolutely the most nasty Photoshop bling bling I have ever come across! Props from Denmark…

  8. Scott Says:

    ANOTHER awesome tutorial from Go Media. Thanks for the tuts and the well priced download packs.

  9. barton damer Says:

    “For example early on you explain that you set the color overlay to burn. Why? Why not say overlay or darken!”

    Color burn offered the most successful looking results (in my opinion). that’s the only reason why. i tried overlay and darken as well; but i chose color burn based on the results. no specific reason.

    i would highly recommend trying many different modes on a regular basis. i’ve run into some very happy accidents by choosing a different mode than what i originally intended. the more you experiment with the modes the more familiar you will become with the way it will react.

  10. Brett Says:

    GoMedia does it again!!!

  11. Greg Says:

    Probably “the only” good bling tutorial I have ever scene… and so useful not just stupid gold text. Awesome job!

  12. Justin Says:

    I’ve gotta say, I’m not usually into effects like this, but the results are really nice. I especially like the way the cars look. Well done guys.

  13. PG Says:

    Nice tutorial and a good demonstration of how do use some of the features in both Photoshop and Illustrator. Other than that, when are we actually going to add bling in our designs? Haha. Unless of course you design album covers for Master P.

  14. Joel Says:

    Wow really nice, I will try this out :)

  15. djack Says:

    Thanks for the graphic luv go media!!!Definitely a good tutorial!

  16. keith Says:

    awesome!

  17. William Armstrong Says:

    Man you make it look so damn easy.

  18. Mordos Says:

    damm great!! thanks. !

  19. SNOW Says:

    Exactly i watching for tutorial. Thank You!

  20. newman Says:

    Thank you. Not only for the bling, I will in all honestly never bling something, but Thank you for taking the time to go threw in detail how all the modes work, I’m a wiz at corel painter for my concept art, but I find that photoshop really adds that polish. I can’t wait to show off in the flickr user group, thanks again. Newman

  21. chopsicles Says:

    Great stuff a very clear tutorial and very creative use of the tools. You’re gifted.

  22. cchana Says:

    Although it may not be something I use very much, a very good tutorial with good depth and an excellent result.

  23. LAUREN Says:

    The download photoshop layer effect doesnt seem to work : (

  24. Will Says:

    Prizzzopps, that ssshhhhh is of the hinges like the front door in a drug raid

  25. CELSO Says:

    Wow that was such a great tutorial, thanks man I learned a bunch too, anyway here’s the little one I made with your help.

    http://flickr.com/photos/13637617@N04/2252015063/

  26. snoots Says:

    Fantastic tute, reminds me of coverart from those terrible No-limit albums from the 90’s.

  27. Jeff Says:

    Haha I remember those, Mystikal, Juvenile, those were the days!

  28. derry Says:

    woaaaaa nice tut and really usefull i’m gonna try it on my design. nice man, pretty nice

  29. Adam Says:

    This is a very awesome tutorial, yet very simple in process. Very useful, and thanks for the layer style.

  30. dmsuperman Says:

    a damn good tutorial. You explain how to do the particular affect, but not only that you go above and beyond to add more affects and show a good example of how it might be used. 9/10 (only because i don’t ever actually see myself using this for anything practical).

  31. safa Says:

    thanks . it is really veryyyyyyyyyyyyyyyyyyyyyyy
    nice.

  32. teehawlk Says:

    great tutorial…

  33. Design Freak Says:

    this is a kick a** tutorial. check this site out I found out about this from a co-worker.

    http://web.archive.org/web/*/http://gomediazine.com

  34. ShultsComm Says:

    You guys ARE Bad Ass. Thanks for this and ALL the stuff you put out there!

  35. MzWoods Says:

    Well I started on a project using this tutorial and this is what I have so far :)

    http://www.flickr.com/photos/12466223@N07/2284849331/

  36. Will Says:

    Love it, but ran into problems right away.
    You’re using an apple which i noticed on the first pic, and i’m using my Pc!!!
    I’d love to find out how to do this with my adobe photoshop elements 5.0, so if anyone knows how, please tell me!

  37. fungai Says:

    THIS IS DEEP! please share with me creative work in photoshop. regards Fungai, based in South Africa

  38. hassona3d Says:

    wowwwwwwwwwwww what amazing tut and style i like it so much

  39. Netridge Says:

    This is a very nice tutorial. I have a hard time creating something like this. Thanks really helps.

  40. Bobby Says:

    I think is very usefull for my Phone Theme Project

  41. asyntetyco... Says:

    fuck is great, is what i was looking for, thank you very much.

  42. Justine Says:

    very useful! thank you!!!

  43. aris Says:

    great stuff
    i’m waiting for your next tutorial…hehehehe

  44. Katalog Stron Says:

    Yeah looks very very good!

  45. hi Says:

    hi i cant get the thing in the illustrator work right in the PS , the Bevel & Emboss thing looks whole different on the dot layer

  46. Zak Says:

    Great tutorial, wish I had noticed the download style link before i spent hours doing it myself but a good learning experience!

  47. caline Says:

    oi
    sou do brasil
    nao entendi nada por que esta em inglish ou dizendo em portiguees engles

  48. caline Says:

    hi!!!
    vou tentar falar um pouco ingles
    mai ingles é muito dificil

  49. Vita Says:

    Wow!
    Fab tutorial with great effects!!! Thanks.

  50. ishaimaru kazuma Says:

    Thanks for tutorial..very interesting for me.. thanks

  51. Fran Says:

    Yea, nice tutorial. I liked so much.

  52. Rajita - Logo Design Says:

    The Bling effect is marvellous.

  53. Mike Says:

    Hello,
    Just wanted to know if there is a technique using other colors. eg. Black, red,blue…etc…

    Thanks! Mike

  54. Na Says:

    Great tutorial, but quick question. What was the RGB code for the “gold” overlay color that you picked. I’m trying to avoid the “yellowish” color that i’m getting, and get to the GOLD that looks so awesome here.

  55. J phet Says:

    Esta brutalll

  56. ritch Says:

    i too was woundering if this only works in gold? is there a technique for black and red? thanks!

  57. 2low2rl Says:

    love the art but not a very good job on the tut.

  58. gaemolo Says:

    i have to learn more about illustrator you’ve write above, please make another tuts about illustrator

  59. Martin Pacesa Says:

    Hello,

    could someone send the dots background (the “membrane”) to komplex[at]kxdesign[dot]com in psd so I can edit it myself?I was unable to create it in adobe illustrator and I am desperate :((.Thank you very much!!!

  60. James Kurtz III Says:

    Yes. Can’t wait to use this tutorial. Have just the project in mind. Thanks!

30 Trackbacks For This Post

  1. Efecto dorado | Tutoblog: weblog de tutoriales Says:

    [...] Link: Badass Bling Effect in Photoshop (en inglés) [...]

  2. Resources - Photoshop Tips, Tricks, and Tutorials - freeyourdesign.com Says:

    [...] Bling Effect in Photoshop Sweet gold bling effect in Photoshop. [...]

  3. PSDTuts - Photoshop Tutorials and Links - 5 Important Criteria that Make a Great Photoshop Tutorial Says:

    [...] has a tutorial that really stands out: Badass Bling Effect in Photoshop. The final effect is so shiny it pops off the [...]

  4. Pulpo Gigante » links for 2008-02-20 Says:

    [...] The Go MediaZine - Exclusive insights for art, design, marketing and more. » Badass Bling Effect in… (tags: photoshop tutorial) [...]

  5. pixey.de » Blog Archive » Photoshop Tutorial Blingstyle Says:

    [...] hatte ich bereits eine Reiher solcher Photoshop Tutorials erwähnt. Nun… …kam mir dieses Tutorial unter. Es beschreibt unteranderem auch wie man durch monochrome Darstellung von Gegenständen einen [...]

  6. The Burger Bling | HyperNinja Says:

    [...] decided to tryout Gomedia’s Bling Tutorial on the Burger King to make him “The Burger Bling“. Even in solid gold form, there is [...]

  7. Protzen statt klotzen Says:

    [...] Ergebnis des Badass Bling Effects in Photoshop schreit geradezu danach, Begriffe wie Bling-Bling oder Pimp in den Raum zu rufen. Doch [...]

  8. 23 Most Incredible Photoshop Tutorials Says:

    [...] Texture Tutorial . Hot Chick On A Muscle Car . How To Create A Stunning Vista Inspired Menu . Badass Bling Effect In Photoshop . Create A Slick Black iMac In Photoshop . Glass Ball Tutorial . Create A Spectacular Flaming [...]

  9. Tutorialsammlung: Gold Says:

    [...] Badass Bling Effect in Photoshop - gomediazine.com [...]

  10. Mais alguns Tutoriais para Photoshop (de novo kkk) | Ensaios | Puts! Says:

    [...] • Badass Bling Effect In Photoshop [...]

  11. TOP 23 tutoriales Photoshop - Nocturnabsas.com.ar Says:

    [...] Texture Tutorial . Hot Chick On A Muscle Car . How To Create A Stunning Vista Inspired Menu . Badass Bling Effect In Photoshop . Create A Slick Black iMac In Photoshop . Glass Ball Tutorial . Create A Spectacular Flaming [...]

  12. 53 Killer Photoshop Illustrator Effects and Tutorials Says:

    [...] Badass Bling Effect in Photoshop- How to create a “Bling Effect” using layer styles in Photoshop. Once you create the layer style, you can easily “blingify” any layer. There is also a video tutorial as well. [...]

  13. ninethreestudio.com Says:

    Tutorial: Bling it out!…

    Ready to put out your next rap album cover Mad Money Millionaires? Need to add a little Zazzzz to your webpage? Well look no further! This great tutorial will show you exactly how to get the desired “bling” effect you’ve been waiting …

  14. 70 tutoriales gratuitos para crear efectos en Photoshop | Entre machacas y becarios Says:

    [...] 45. Surrealismo. 46. Fotomanipulación 2. 47. Alienize. 48. Dark Book. 49. Sello sobre cuero. 50. Efecto bling. 51. Etiqueta de ropa. 52. Cinta Adhesiva. 53. Bola de Cristal. 54. Tutorial Glass. 55. [...]

  15. 70 tutoriales para crear arte en Photoshop gratuitos | Pichicola.com Says:

    [...] 45. Surrealismo. 46. Fotomanipulación 2. 47. Alienize. 48. Dark Book. 49. Sello sobre cuero. 50. Efecto bling. 51. Etiqueta de ropa. 52. Cinta Adhesiva. 53. Bola de Cristal. 54. Tutorial Glass. 55. [...]

  16. Gold and Bling Effect in photoshop. | GraphicTutorials.net Says:

    [...] continue « Give Your Photos a Retro Comic Book Effect. [...]

  17. The Go MediaZine - Exclusive insights for art, design, marketing and more. » Ink Bleeding Effect in After Effects (Like Gnarls) Says:

    [...] animations other than simply imitating a great music video. Some of what I covered in the Photoshop Bling tutorial is being used here directly in AE. So for those who were wondering why you’d use the Bling [...]

  18. Code Flick » Blog Archive » Bling Effect in Photoshop Says:

    [...] View Tutorial [...]

  19. Gold and Bling Effect in photoshop. | GraphicTutorials.net Says:

    [...] continue [...]

  20. Tutorials | Photoshop Tutorials Roundup « Flash Enabled Blog Says:

    [...] Badass Bling Effect in Photoshop [...]

  21. Go Media Watercolors in Skateboard Art | GoMediaZine Says:

    [...] got an email from Barton Damer, a loyal GoMediaZine reader and author of the Badass Bling Effect, Intricate Patterns in Illustrator, and Ink Bleeding Motion Graphics [...]

  22. 45 Explosively Colorful Photoshop Effects - PSDTUTS Says:

    [...] 29. Badass Bling Effect [...]

  23. PhotoShop » Blog Archive » 45 Explosively Colorful Photoshop Effects Says:

    [...] 29. Badass Bling Effect [...]

  24. Resistor Conspiracy Says:

    [...] 29. Badass Bling Effect [...]

  25. Puts! Blog » Dicas » Mais alguns Tutoriais para Photoshop (de novo kkk) Says:

    [...] • Badass Bling Effect In Photoshop [...]

  26. Puts! Blog | Mais alguns Tutoriais para Photoshop (de novo kkk) Says:

    [...] • Badass Bling Effect In Photoshop [...]

  27. 23个photoshop特效制作教程 @Usuning 执着于艺术与形式美! Says:

    [...] Texture Tutorial . Hot Chick On A Muscle Car . How To Create A Stunning Vista Inspired Menu . Badass Bling Effect In Photoshop . Create A Slick Black iMac In Photoshop . Glass Ball Tutorial . Create A Spectacular Flaming [...]

  28. 30 tutoriais “ultra High-end” para Photoshop « Resistor Conspiracy Says:

    [...] 25. Efeito de brilho “fodão” (desculpe a linguágem, é que não achei nenhuma definição … [...]

  29. 30 Ultra High-end Photoshop Tutorials | A.Niraj Kumar Says:

    [...] 25. Bad Ass Bling Effect [...]

  30. Daily PSD tutorials :: Create some bling bling! :: November :: 2008 Says:

    [...] http://www.gomediazine.com/tutorials/badass-bling-effect-in-photoshop/6/ [...]

Leave a Reply

Do you have a Gravatar yet? It's that cool icon next to your name. Stop looking like everyone else and upload your own Gravatar for free. If you do, you'll see it by every comment you post on the GOMEDIAZINE and every other blog that supports Gravatars!