Illustrator Tutorial: Disco Ball

Illustrator Add comments

1 Star2 Stars3 Stars4 Stars5 Stars (18 votes, average: 3.89 out of 5)
Loading ... Loading ...
Disco Ball Illustrator Tutorial



I did a quick search to find an illustrator tutorial on creating a disco ball but I couldn’t find one. So I’ve decided to write this tutorial to help those interested in creating this awesome disco ball effect. It is actually quite simple, the technique is to create the texture first and map it onto the 3D sphere. However, we will require Illustrator CS and above to create this effect.

1. Create the disco ball texture

First, we need to turn on the grid and enable snapping. Go View>Show Grid and View>Snap to Grid. With the Rectangle Tool draw a grey square with a 1pixel white stroke. You realise it will snap perfectly to the grid while drawing. Using the Selection Tool, select the grey square and hold Alt/Option as you drag to the side. This will duplicate a new square.

Press Ctrl/Command+D to duplicate a row of 20 squares. Select the whole row of squares. Hold Alt/Option and drag below to duplicate a new row of squares. Repeat this by pressing Ctrl/Command+D. Do this until you get a 20 by 20 rows of squares.

With the Selection Tool, select a square. Hold Shift and randomly select a number of different squares and fill it with a shade of teal color. Repeat the steps until you have a range of 5 different shades all spread out. Select all the squares and duplicate by holding Alt/Option and drag it to the right side. Now open your Symbols Palette by going to Window>Symbol. Create a new symbol by dragging all the square into it. And we are done with our texture.

2. Create a 3D sphere

Now draw a circle with the Circle Tool. Hold Shift as you drag to create a perfect circle. Next, draw a rectangle that overlaps the circle in the middle. Select both shapes and open up your Pathfinder Palette. Hold Alt/Option and click Subtract from shape area. This will create a semi-circle.

With the semi-circle still selected, go Effect>3D>Revolve. Choose Map Art and select the texture we created under Symbol. Click Scale to Fit to fill up the whole sphere. Press Ok to confirm.

Under 3D Revolve Options, select No Shading for Surface and turn the Preview option on. Spin the cube to create the angle of the disco ball you want. Click Ok to confirm. We are done with our disco ball.

3D Revolve Options


Smilebox Holiday eCards, Slideshows & Scrapbooks

Related Posts

31 Responses to “Illustrator Tutorial: Disco Ball”

  1. nname.org Says:

    excellent tutorial!

  2. bnlake Says:

    AWESOME tutorial!!! I’ve been BEGGING for someone to teach me what happened to the 3D distort! This is a beautiful work around! Thank you so much

  3. Illustrator????????????????? | ????? Says:

    [...] via iStockDirary Tips Web???? ??????? ???? Tips | 3:13 am ?????? [...]

  4. 3D Disco ball tutorial - BioRUST Forums Says:

    [...] the techniques of using 3d revolve to achieve this effect. Hope you guys enjoy it! Tutorial: 3D Disco Ball __________________ iStockdiary - Illustrator techniques and tips on vector [...]

  5. d-sine Says:

    Great way of creating a disco ball, can see loads of applications for this technique:)
    thanks, bro

  6. ash Says:

    how do you apply the symbol to the sphere? i do what it says, but all i get is a silver ball.

  7. iStockdiary Says:

    When you Map Art, under symbol selection, select your new texture. It should work.

  8. ash Says:

    darn. it still doesn’t. oh well. good tutorial though. :)

  9. ash Says:

    I figured out what I did. Just in case you’re new like me…make sure the circle doesn’t have a stroke. I changed that and now it works. :)

  10. hfng Says:

    Great tutorial. Do you expand appearance after 3D revolve? I am not sure if Istock accepts it as is.

  11. iStockdiary Says:

    Yes, you will need to expand it and clean up the file if you are submitting to istock. You will also need to give up transparency effects. It’s a lot more troublesome.

  12. wtricks.com Says:

    Illustrator Tutorial: Disco Ball…

    Have you thought you’d be able to create a very realistic disco ball in Adobe Illustrator? Learn how to do this, step by step….

  13. Ramona Iftode Says:

    This is just awesome. Excellent tutorial. I’ll come back for more ;)

  14. aaron Says:

    Want to save yourself A LOT of steps? To make the 20×20 grid do this instead. 1) Create a large square 2) Object > Envelope Distort > Make with mesh 3) Choose 20 columns by 20 rows 4) There is no step 4

  15. Phodana Says:

    very cool, thx

  16. Saliba Khoury Says:

    Very Good Tutorial. Thanks

  17. Muhammad Shahid Akram Says:

    That’s great

  18. J BUG Says:

    THAT IS SO AWESOME!! I LOVE IT!!

  19. free4you » Blog Archive » Crear una Disco Ball | Illustrator Says:

    [...] web istockdiary.com encontramos este fantástico tutorial para crear tu Disco Ball en [...]

  20. Abhijit V. Chaore Says:

    fantastic tutorial. Thanks for sharing.

  21. Narasimha Says:

    yes, this is awsome tutorial… the great one… very easy to learn…. thanks allllllllloooooooooooottttttttttt……………………………

  22. skander Says:

    very good tut, thank you

  23. tony Says:

    Great tutorial, but I can’t seem to get the final step , getting the final result to render. I am using CS2 and that might be why? When I try to use it effect on a full circle it works (donut shape) but with many tries on the half circle the best I get are the squars applied very much elongated horizontally.

    Thanks tho

  24. Me Says:

    KOOOOOOOOOOOOOOL MUN

  25. iToon Says:

    Want to save yourself some steps, to make the semi-circle?
    Use the direct selection tool to select one of the anchorpoint from the side of the circle
    Delete the selected anchorpoint, and use the pen tool to connect the open ends from the semi circle.

    awsome tut btw!

  26. Dwayne Says:

    For anyone getting the “donut” effect, change your offset in the revolve options from left or right or vise-versa.

  27. Xcitingart » Tutorial bola disco illustrator Says:

    [...] Istockdiary hacen un gran tutorial de como crear una bola de discoteca en formato vectorial con Illustrator. El tutorial esta en inglés. [...]

  28. talal Says:

    good

  29. Tutorial Illustrator, bola disco | ARTEgami Says:

    [...] autor de Istockdiary cuenta que no tuvo suerte buscando un tutorial de Illustrator para crear una bola de disco, y entonces se decidió a crear uno el mismo. La verdad que es fácil de realizar, como el nos [...]

  30. meshack Says:

    This is greater inspiration
    I done it!
    uhhHoooo!

  31. Soirée disco !!! | PIQUESEL Says:

    [...] >> Boule Disco << [...]

Leave a Reply

Modified WP Theme by N.Design Studio | Hosted by Media Temple | Copyright 2008 Tony Soh - All Rights Reserved.
Entries RSS Log in