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! :)

60 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!

Leave a Reply

Would you like to Login or Register ?