Hello! Icons Do and Don’t
Oct 20



I saw few Illustrator tutorials in the web, but i didn’t really like the final image, so I had to think and find the right way for drawing a more realistic disco ball… If you are interested, please see below the instruction :)
Create a New Document and then create a rectangular shape (I choosed ~ 175*175px). Fill it with bright radial gradient. Rasterize your image. In the top menu go to Object-Rasterize and just clik “ok” not changing anything there. Then enlarge your square a bit (~150%)

Now go to the Filter-Create-Object Mosaic and play with numbers there. I choosed:
Tile spacing = 1px for both width and height
Number of Tiles =30 (again for both)
Check ‘Delete Raster’ box.
Now we’ve got a nicemosaic. Reduce the size of the image back to the 175*175px.

Select the rectangular and drag and drop it into the Symbols panel.

Now create a circle (mine is ~175*175px as well), make a copy of it and delete its left anchor point with Direct Selection Tool (white arrow). We will need the full circle later so do not accidentaly delete it please.

After that go to Effect-3D - Revolve. Change numbers there following the picture below, change Surface to “No Shading” and go to the Map Art.

In the Map Art window in the drop down menu choose your mosaic symbol we created before. Icrease or decrease its size if necessary.

Now go to the Object - Expand Appearance.
So now we have to delete all rubbish from the picture. Select the shere and press Ctrl-Shift-G three times. Then click on the shere again and move it to any side. Select the rubbish and delete it.

Select a circle we made before (the one we left aside before creating the 3d effect), fill it with the same radial gradient, put it underneath the mosaic (Ctrl+shift+[ ) and align them using the align panel (Shift+F7).

Release Cliping Mask and Ungroup tiles (Ctrl+Shift+G).
So now it’s time to use your imagination to make our disco ball looks more shiny and real.
At first, lets highlight some tiles: randomly select some tiles in the lightest area of the ball; go to Live Color (Edit-Edit Colors-Recolor Artwork). Click on Edit (1), then Link Harmony Colors (2), then increase Brightness to maximum (100%) and decrease Saturation to about 30-40% or more/less (depends on your colors).

Now select another tiles, go to Edit colors again and play with their colors there (make them darker or lighter… It’s better to change Brightness and Saturation only. Unless you want your disco ball looks more colorfull). Keep doing “select-edit colors” until you are satisfied with result.

Now lets add some sparkles to the highlighted areas. Draw a 4 points star with the Star Tool (see numbers for use below). Scale it (~50%), copy and paste in front (Ctrl+F), rotate 90’ and scale (50%) again. Now we have a nice sparkle. Place sparkles to the highlighted area of your disco ball.

Add a holder (just a simple rectangular with a gradient fill). That’s it - we’ve got an disco ball! :)

101 Responses to “Disco Ball Tutorial”

  1. Kozlov Says:

    Waw! Superuseful. Very nice tutorial and illustration.

  2. admin Says:

    Thanks :)
    I hope it will help someone one day

  3. mohsin Says:

    awesome dude..

  4. angel06 Says:

    hi, yours it’s the very first tutorial I really wanted to do, inmediately you wanna try it and see what you can get. I was trying to do a disco ball to emulate that one on Justin Timberake’s FutureSexLoveSounds, and it justs looks great.
    I’m sorry if I’m anoying or something, can you make a tutorial about that background where you had put the disco ball? pls :P

    Oh, THANK YOU SO MUCH

  5. angel06 Says:

    Ok, here I am again
    Just to show you what I’ve done thanks to you ^^
    http://safestplacetohide.wordpress.com/2008/11/13/another-song-all-over-again/
    It’s a blog in spanish language, but c’mon, music’s the whole human kind language

    Like Madonna says “Music makes the people come together”
    Thanks again

  6. Mosquito Says:

    angel06, thank you for the good words! :) I’m glad that you found this tutorial useful.
    The image you created was very nice even though it’s b/w image! I hope i will find some time to create some new tutorials here.
    Good luck

  7. Mosquito Says:

    angel06,
    i will create a tutorial for the background. i promise :)

  8. Mermaidiaaa Says:

    woooowww really fantastic tutorial, GREAT

  9. angel06 Says:

    Okay, and I promise use it in one of that creations you’ve seen ^^
    I love what you’ve done, I repeat again. And thanks for your words too
    Man, you’ve saved my life

  10. jens Says:

    OK i dont understand these two parts where you “Select the shere and press Ctrl-Shift-G three times.” and “Release Cliping Mask and Ungroup tiles (Ctrl+Shift+G).”

    why are you doing these steps and why cant i get them to work. ( to be more exact i cant get the two spheres to fusion..)

    and im a naab! =D

  11. Mosquito Says:

    jens, all these steps are for removing “garbage” from the image which we always have on the image after expanding 3d effect. You have just ungroup all and remove everything except “tiles”.

  12. 50 Excellent 3D Adobe Illustrator Tutorials | Tutorials | Smashing Magazine Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. [...]

  13. 50 Excellent 3D Adobe Illustrator Tutorials | WORDPRESS-TEMPLATES-PLUGINS-RSS | 50 Excellent 3D Adobe Illustrator Tutorials >>> Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. [...]

  14. Shibi Kannan Says:

    very simple but amazing effects. I tried it myself and it works like magic. This technique can be expanded to many other 3D shapes.

  15. 50 Excellent 3D Adobe Illustrator Tutorials | Programming Blog Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. [...]

  16. free vector Says:

    beautiful tuts, Thank you so much.

  17. 50 Excellent 3D Adobe Illustrator Tutorials | Search Engine Optimisation Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. [...]

  18. Abhijeet Says:

    awesome tut Thanks

  19. 50 Excellent 3D Adobe Illustrator Tutorials | Graphics of the World Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. [...]

  20. 50????3D Adobe ???? | EnjoyWeb20 Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. [...]

  21. Your Useful 3D Adobe Illustrator Tutorial's | Free Download Blog Says:

    [...] Disco Ball Tutorial [...]

  22. zanjaya Says:

    cool work, great.. thanks

  23. mrvé Says:

    That’s really amazing. Thank you. :)

  24. Ale Says:

    Freakin’ awsome! thanks!!

  25. sunday » Blog Archive » Another morning well spent at work… Says:

    [...] Tutorial [...]

  26. Disco Ball Tutorial | Tutorial Collection Says:

    [...] View Tutorial No Comment var addthis_pub=”izwan00″; BOOKMARK This entry was posted on Friday, June 26th, 2009 at 7:00 am and is filed under Illustrator Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. [...]

  27. katy009 Says:

    hey can u please give me the download link for this image i really love it but i dont have illustrator =(

  28. Jose Says:

    supercool tutorial ms mosquito! thanks for sharing.

  29. video | ClickLogin Web Design Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll sense how to emanate a disco round outcome in Illustrator. [...]

  30. gANESH Says:

    rEALLY GREAT! i AM SURPRISED

  31. Hussein Says:

    Hi dear

    It’s so nice

    I like it very much and i wana show you my sample

    But my ps is old and i dont have object or creat so i used the firillary filter just to get the mini squares

    http://www.iraqpics.net/images/iobd6d7z7pivngpt78dk.jpg

    Thanks dear

  32. pineappleman Says:

    Hi mosquito

    very nice tut, but i cant ungroup my 3d created mosaik ball. i pressed thounsand of times ungroup on it and it doesnt change. pls hepl.thx!!1

  33. pineappleman Says:

    oh, i found it, lol.

  34. David Says:

    well i have to download

  35. David Says:

    well site we can learn quickly

  36. tt Says:

    thank you very much?i learned a lot.

  37. 100 + Beautiful 3D Photoshop Tutorial Part II - Photoshop Website - Tutorials,Brushes & more.. Says:

    [...] 84.Disco Ball Tutorial [...]

  38. AMB Album » 50 Excellent 3D Adobe Illustrator Tutorials Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. [...]

  39. 40 Magic Balls And Orbs Photoshop Tutorial - Photoshop Website - Tutorials,Brushes & more.. Says:

    [...] 15.Disco Ball Tutorial [...]

  40. Kemalski Says:

    Downloadable project would be nice :)

  41. Boule à facette Says:

    [...] une boule à facette avec Illustrator ! Chez MOSQUITO’S PLACE Comments [0]Digg [...]

  42. Sreejith Says:

    WOW ! what an excellent and stunning tuts it is. Thanks for making it available to illustrator lovers

  43. mewii Says:

    When I make the symbol should it be graphic or movie?

    I can’t expand the appearance, how can I move “the rubbish” if it doesn’t come off?

    And how do I align the balls?

    Then if I try to release the cliping mask, I can’t do that. I can only make one, why is that?

    Please help, I need this tutorial :)

  44. Lana Says:

    Thank you! Its just what I wanted to learn!! Its a great great tutorial!! KISS

  45. 41 Excellent 3D Adobe Illustrator Tutorials - 68Design Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. [...]

  46. belinda Says:

    i dont seem to have Live Color; i have live paint?? is it a CS3 or 4 upgrade. im in CS2. b

  47. SEOWebDesign Says:

    impressive! thanks!

    It’s a great tutorial! and I did learn from you.

  48. Christa Says:

    Thanks a lot for beautyful tut and great illustration. I enjoy learning it this way.

  49. 40 best illustrator tutorials plus websites for illustrator tutorials | Web and designers | Complete resource platform for web designers and developers Says:

    [...] 39. Disco Ball Tutorial [...]

  50. Diskokugel über´m Raclette » PIXELPIPE.de » Grafikblog » Design, Marketing, Werbung, Kunst, PR, Kommunikation Says:

    [...] 2010 naht und damit die Frage, “wie zum Geier werde ich ins neue Jahr rutschen?”. Hat man jetzt nicht gerade ein schweres Leiden oder ein paar Kleinkinder daheim, die als Legitimation für einen aufregenden Raclette-Abend herhalten können, dann kommt man kaum um ein exzessives Hineinfeiern herum. Und was gehört zu einer anständigen Party - genau, eine Discokugel. Da wir nun einmal ein Grafik- und Designblog sind, kann es hier nicht um die tatsächliche Anleitung zur Erstellung einer solchen gehen. Aber ein Illustrator-Tutorial zu diesem Motiv ist doch ein ganz guter Ersatz. Gefunden haben wir dieses auf mosquitosplace.com. [...]

  51. bernis Says:

    Human disco Boy

  52. janhavi Says:

    dear sir/madam

    Hi I m janhavi. i dont understand. please help me?

  53. shahid Says:

    good, but in my illustrator tools have not star tool, can you tell me please how i can find. i have adobe Illustrator CS4.

  54. kopfkribbeln webdesign-blog » Disco Kugel mit Illustrator Says:

    [...] man eine Vector Disco Kugel mit Illustrator erstellt, wird anhand dieses Tutorials [...]

  55. 50 herausragende Adobe Illustrator-Tutorials | print24 Blog Says:

    [...] Disco Ball Tutorial [...]

  56. 50 outstanding Adobe Illustrator tutorials | print24 Blog Says:

    [...] Disco Ball Tutorial [...]

  57. Grant Harnage Says:

    Hello webmaster I like your post :)

  58. Diana Says:

    Hello

    I´m not sure how you delete the circle with direct selection tool so
    I did it with the scissors, or is better to do it with the direct selection tool?

    Diana

  59. Diana Says:

    btw I did it using Path finder (substract and it works too ) :)

  60. Nettisivut Says:

    WAW… This is incredible.. Thanks a lot!

  61. Rosey Says:

    Fantastic! I love it…instructions are also easy to follow!

  62. 40 best illustrator tutorials plus websites for illustrator tutorials « Free Templates and theme Says:

    [...] Your Self Portrait 37. Leather Stylin’ in Illustrator 38. Design with Swirls and Flourishes 39. Disco Ball Tutorial 40. Create a Rotatable Globe in Adobe [...]

  63. Julz Says:

    Soooooo AWESOME! Just what I needed. Thank you.

  64. rahmaut Says:

    super cooolll!!!
    i just saw in then practise it right away. I never know before that Illustrator coul do such a thing
    Thanks!!!
    http://www.plurk.com/p/3wey7w

  65. Shamima Sultana Says:

    Great tutorial ….
    it will help me a lot

  66. shradha Says:

    hi..
    i was working on this tutorial and was stuck up.It would be really kind if you guide me.I have adobe illustrator10 installed in my pc.And i couldnt find where was the 3d revolve option.So please if anybody could help me.

  67. LesaKNIGHT Says:

    Cars and houses are not cheap and not everybody can buy it. However, mortgage loans are invented to help people in such kind of hard situations.

  68. discount furniture stores Says:

    Nice, I always wanted to write in my site something about furniture.

  69. Tutorials99 Says:

    Thanks for the this, it’s extremely extensive and useful!,do check out the link below
    http://www.tutorials99.com
    where all tutorials have a Higher page rank and professional.Very helpful for beginners…

  70. M3 Intent « TechLab.105 Says:

    [...] tutorial for the second one is going to be Disco Ball Tutorial. In this tutorial, I will be learning the use of 3D effect which seems to be a big part of [...]

  71. T?ls?m Says:

    Nice, I always wanted to write in my site something about furniture.

  72. Josie Says:

    The disco ball design is awesome. The glittering effect like how real disco balls catch and reflect light is superb! I’ve been trying to design a logo incorporating elements somewhat like this (in essence, more or less) for myself and I can’t manage to get it looking right. It was a little bit… off somehow. Finally, I decided to use the professional services of an online logo design site instead (http://www.logodesignplanet.com) and got the logo I wanted at an affordable price and fast too, within 24 hours. I did provide this link for reference and inspiration to my designer as I liked how yours look. I’m not going to design a logo without any professional help anytime soon although it’s fun designing it or trying to. Hah! Time wasting? Probably… :D

  73. 50 Excellent 3D Adobe Illustrator Tutorials « TMHs Web Tips Says:

    [...] Disco Ball Tutorial In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. [...]

  74. Ashok Says:

    Awesome!!!!!!!!!!
    I am very impressed.
    Thanks

  75. Clipping Path India Says:

    Seeing the final image it seems to me that its creation process may be difficult but by following the steps as you mentioned i got the final result in a very easy way.Thanks for sharing.

  76. Acai Berry Says:

    This is one of the best posts that I’ve ever seen; you may include some more ideas in the same theme. I’m still waiting for some interesting thoughts from your side in your next post.

  77. How To Get Pregnant Fast Says:

    I really liked the post and the stories are really thanks for sharing the informative post.

  78. Acai Berry Colon Cleanse Says:

    Hey this is really nice information. I was looking for something similar like this. Thanks for this useful information.

  79. Acai Berry Says:

    hey buddy,this is one of the best posts that I’ve ever seen; you may include some more ideas in the same theme. I’m still waiting for some interesting thoughts from your side in your next post.

  80. ClubPenguinCheats Says:

    I was trying to do a disco ball to emulate that one on Justin Timberake’s FutureSexLoveSounds, and it justs looks great.

  81. acne treatment Says:

    Intimately, the post is actually the best on this laudable topic. I harmonize with your conclusions and will eagerly look forward to your future updates. Saying thanks will not just be adequate, for the fantastic lucidity in your writing.

  82. best payday loans Says:

    fantastic lucidity in your writing

  83. sivag Says:

    its very really really really amazing.

    thanks.

  84. Make Money Online Says:

    I’ve seen progression in every post. Your newer posts are simply wonderful compared to your posts in the past. Keep up the good work!

  85. diet solution program Says:

    I have read a number of posts of yours, but this is the one that I like the most. So expecting some more ideas from your side. Thanks

  86. acai berry diet Says:

    Thanks for giving me an amazing post, its great time to read your post. I’ve got some more interesting topic for discussion. So keep it up.

  87. acai berry select reviews Says:

    Hello..thanks for the nice post and the stories are really thanks for sharing the informative post.

  88. lenen Says:

    Lenen zonder BKR toetsing gaat vandaag heel gemakkelijk. Binnen een paar uur geld lenen zonder BKR toetsing doet u hier, lees snel verder

  89. Duane Earthman Says:

    This is awesome poste for a long time i ‘ve ever read. Can i have your contact please? I have somthing to ask. Merci.

  90. elliptical for sale Says:

    I find it difficult to subscribe RSS feeds, bookmark this site anyway I have is a very useful and complete information.

  91. Ask Büyüsü Says:

    Intimately, the post is actually the best on this laudable topic. I harmonize with your conclusions and will eagerly look forward to your future updates. Saying thanks will not just be adequate, for the fantastic lucidity in your writing.

  92. Ay?rma Büyüsü Says:

    Very thank for sharing your posts and you review.many people have replyed here,and i would like to take part in.I’d like to share a Proverb with each
    other one here that is:Every day of thy life is a leaf in thy history. A Proverbs wiht great sense,i hope everyone would learn something from it.

  93. Ayirma Büyüsü Says:

    Very thank for sharing your posts and you review.many people have replyed here,and i would like to take part in.I’d like to share a Proverb with each
    other one here that is:Every day of thy life is a leaf in thy history. A Proverbs wiht great sense,i hope everyone would learn something from it. Thank you very nice article..

  94. Electronic Cigarette Says:

    disco ball to emulate that one on Justin Timberake’s FutureSexLoveSounds, and it justs looks great.
    I’m sorry if I’m anoying or something, can you make a tutorial about that background where you had put the disco ball? pls :P

  95. P90X Says:

    Intimately, the post is actually the best on this laudable topic. I harmonize with your conclusions and will eagerly look forward to your future updates. Saying thanks will not just be adequate, for the fantastic lucidity in your writing.

  96. best home insurance Says:

    I really enjoyed your blog post. I bookmarked your page so I that can keep track of your future post.

  97. Sarah Says:

    this was the most amazing tutorial ever !!!!

  98. Photoshop Clipping Path Says:

    Nice tips for using ,thanks for sharing these tips..

  99. 11111111111 Says:

    this is right!!!!!!!!!!!!!!

  100. Wholesale Electronics Says:

    Discount Wholesale Electronics, Wholesale Cell Phones, Electronic Gadgets and More from the Best Dropship Wholesaler

  101. binaural beats Says:

    Now this is what I’m Talking about. Thanks for the post

Leave a Reply

Would you like to Login or Register ?