Leopard Starburst effect in PhotoshopListThumbs

Leopard Starburst effect in Photoshop

June 12, 2007

Here we are, in June, another WWDC with Steve Jobs and lots of cool stuff. This time what impressed me the most was the new Mac OS X, called Leopard. The finder has changed, finally, besides that, some cool features like the cover flow for files, quick view and time machine are great and make me really want to use it.

Well, one thing that I loved was those new Mac OS banners, like the space, stars and those dust and flares. Awesome. So I tried to do that in Photoshop, and I have to say, it’s not that difficult, and this is what I want to show here.

1- Create a new document: Fill the background with black;

2 - Create the small stars: Duplicate the layer and add a noise>15%>gaussian>monochromatic.

Step 2

3 - Adjust the Brightness/Contrast so there won’t be too many stars.

Step 3

4 - Big Stars: Duplicate the small stars layer and apply a Brightness / Contrast again.

Step 4

5 - Scale it like three times its size, we want to create bigger stars.

Step 5

6 - Apply Images>adjustments>Threshold: This will show only a few stars. Apply SCREEN as blending options

Step 6

7 - Refining the stars: Apply a mask on the layer and with the eraser with like 200px start deleting some parts of the layer. after that the stars won’t be too uniform anymore.

Step 7

8 - Create some light: Add a new layer and create Clouds. Filters>Render>Clouds. Your background color has to be white and the foreground black or vice-versa.

Step 8

Step 9

9 - Apply a Hue/Saturation in the cloud layer and COLOR DODGE as a blending option.

Step 10

10 - Now apply a Hue/Saturation in the big stars layer.

Step 11

11 - Create some flares: I did that using some free ps brushes which you can find for free at http://www.psbrushes.net/ or http://www.brusheezy.com/brushes. Change some presets like Diameter, Spacing and play with that, testing the Shape Dynamics, Scattering, Other Dynamics and etc... Don’t forget to add some glow in the stars through the Layer Styles.

Step 12

12 - Creating the Starburst Light: Create a Custom Shape, like the one I chose in white, apply a Gaussian Blur and after that a Twirl. Scale it down until it gets a perfect circle.

Step 13

Step 14

Step 15

Step 16

Step 17

13 - Create a new Layer: Fill it in black and merge it with the Starburst layer.

Step 18

14 - Add a Radial Blur to the Starburst and after that change the Hue/Saturation. Colorize it until you get a green color.

Step 19

15 - Duplicate the first Starburst Light, reduce its size and apply again a Hue/Saturation, this time set a red/orange color to it.

Step 20

16 - Addin the Text: For the X or Z just apply a simple Bevel and Emboss plus the Contour option.

Step 21

17 - Create the reflections on the type: Create a mask and fill it with a gradient from white to black. Set SCREEN as blending options.

Step 22

Final Result:

Final Step

Download the Photoshop File

Click here to download the Photoshop file used for this tutorial

Plus, there are good sites with tutorials showing how to create a galaxy, stars and stuff like that. Bellow some that I used as reference.

 

files/imagecache/Post640x480/originals/leopard_effect.png

About the author

User picture

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.

Sponsored Links:

More content from:

Help us to share this!

42 Comments

Lurch11/17/2009

I tried this tutorial several times, I get to step 5 and everything turns out wrong. "Scale it like three times its size, we want to create bigger stars." What the heck is that supposed to mean??

It's nice looking, if only there was more explanation to it.

Ayush Kumar06/24/2009

Great tutorial mate!

But can u please do a tutorial on how to make the other leopard (Aurora) wallpaper or this one: http://mac.softpedia.com/screenshots/Leopard-wallpaper-set_4.jpg

Hope to hear form you soon
Thanks

akuji rocks06/04/2009

graet tutorial but needs more explications

Sekko DaVinci06/03/2009

thank you for this nice trick... everything was clear to understand.. thanks bro....

Yopladas12/17/2008

mr. zer0,

Mach es drei mal größer so daß man einer größeren starn machen kann

you are welcome. ;-)

mr.zer010/04/2008

hey guys, im from switzerland - and i dont understand step 5.
what doeas mean that?? :S

sicak videolar08/14/2008

thanks

Anonymous08/02/2008

A faster way to do the background stars is to create noise (gaussian) - about 1% then use levels to make some bright.

oyun indir07/27/2008

good post

ZAYIFLAMA HAPI07/17/2008

ZAYIFLAMA HAPI

Onedinkenedi07/14/2008

That's very effective and seems really simple to achieve. Thanks for the TUT. Gotta try it tomorrow :)

Bella06/11/2008

i agree with others who had a hard time following- i usually dont have difficulty following tutorials, but this one (along with another one of yours i tried), is definately missing steps or missing details. Most of the time i can usually figure out what was left out, but this one gave me some trouble. i totally understand though how that can happen- when you're trying to teach someone something, it's hard to include every single little detail- it's easy to forget that certain details may not be as obvious as you think they are to someone who has never done it before. So anyway, the results you have are awesome, id just suggest that you maybe expand any tutorials you do in the future by including even information you feel is trivial or obvious, and explain step more clearly. Thank you so much for your time & effort- it is so niice of you to take the time to post tutorials for people to learn, and like i said, the results of your tutorials are really nice:)

Youtube04/16/2008

this tutorial already looked cool as soon as I saw step 10. Good work.

geciktirici03/24/2008

thanks see

AyCii03/21/2008

Nice tutorial :) But, while going from 14th substance to 13th substance how is the black at the back dissepered?

Thanks :)

film izle03/20/2008

good post

cinsel ürünler03/20/2008

all thanks brb nice

computer jobs03/16/2008

nice tutorial. thanks.

Bubbila01/31/2008

Sweet tip, just what I have been looking for! Well Pleased...

BRENDEN01/30/2008

its pretty cool, but really confusing to follow. I can follow tutorials very easily, and this got me lost... I didnt get the results... not even close...

Beginner11/03/2007

Hello, I just discovered your blog and I'm simply amazed. Thank you for sharing knowledge, I think I'm going to stick here for a while.
Knowledge is the most valuable thing available on the Internet. Thank you, really.

MacBuddy10/31/2007

To confusing. to grainy on the screen and I think there should also be a video tutorial.

ZOEY09/27/2007

FANTASTIC WORK!!!

João Gabriel09/10/2007

Valeu pelo post. Muito bom mesmo.
Gostei bastante.

Até comecei a escrever em inglês e depois vi que tu era de porto alegre. E tudo ficou mais claro. Parabens pelo lance do site do CJC (me liguei pelo nome zee design). Ficou muito bom também.

Grande trabalho...

abraços

João Gabriel Danezi09/10/2007

Thanks for this post,
its a great tutorial.
Thanks a lot. Great work!

Sherlock Asimov09/07/2007

9 - Apply a Hue/Saturation in the cloud layer and COLOR DODGE as a blending option.

Actually after this step, the resulting image should appear dusty with all the standing-out small stars.

I suspect you missed out something between step 9 & 10.

Still, thank you for this great post.

Anonymous09/02/2007

Tried out but really you have to be more specific and explain better. Felt like parts were left out.

Timmy07/16/2007

Totally dig it dude. Really enjoyed doing it.

M07/13/2007

Good stuff, mate!
How to scale to get bigger stars, plz?

Anonymous07/12/2007

nice job

abduzeedo07/03/2007

Hey, I'd like to say thanks for all comments... Now, Kasper, after you merge the star-twirl with the black background, you have to change the blending options of the merged layer to SCREEN, that will make the black disappear... I hope I have answered your question... and let me know if you have any doubt cool?

Kasper07/03/2007

I'm having trouble at the step where you merge the star-twirl with the black layer.
You don't write how the black background goes away again... Could you please explain this???

James Powell06/19/2007

Man that awesome.

Turin06/19/2007

Nice tutrial......
http://www.kulturbalans.com

Hybryd06/16/2007

Amazing!! This is great!

Chris06/16/2007

Holy cow, this looks amazing! Great work and thanks a lot for sharing this tutorial, will definitly be using this one!

banglogic06/15/2007

Fantastic work as usual. Thanks!

Anonymous06/14/2007

what font did you use for the letters ?

Matt Ramos06/14/2007

Nice tutorial.

An-Tone06/14/2007

this tutorial already looked cool as soon as I saw step 10. Good work.

Anonymous06/13/2007

I cant apply a twirl effect it's grayed out... What can I do?

Jaime06/12/2007

Oh gosh. Your tutorials are great and this isn't the exception. Nice effect.

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?