• About
  • Home
18 Jun 2009

Create a kaleidoscope image in Illustrator CS3

I recently needed a kaleidoscope-style image for a project. I did some searches and found a few photos of what you would see if you looked through a kaleidoscope. They seemed pretty weak, though, so I set out to create my own artwork. The whole project ended up being scrapped, but I think the kaleidoscope-style artwork is pretty cool, and the process is fairly straightforward. Here’s how I did it, using Illustrator CS3:

  1. Create a new Illustrator document at whatever size you’d like. I used 11″ x 8.5″.
  2. Set fill to none and stroke to 1pt, black. Create a triangle about an inch and a half high using the polygon tool. Click and drag; while you are dragging, press the down arrow key until the polygon displayed is a triangle. Hold down the shift button to keep the triangle locked at a rotation of 0°. With the triangle selected, hit Command-2 to lock it.
  3. Now, create some shapes that fall within the triangle. I just chose some arbitrary shapes and colors here, but you should choose colors that you want for whatever project you’re working on. The shapes can and should extend beyond the edges of the triangle. It’s okay if there is some white space.
    step3
  4. To make the kaleidoscope effect more realistic, you can select all of your shapes and change their blend mode to “multiply” in the transparency palate. Be aware that doing this will increase the ultimate size of your file and can slow things down later. The effect will work without using transparency, but it will have less depth and color variety.
    step4
  5. Unlock (Command-3) the triangle and duplicate it (hit the return key, enter offsets of zero, push the Copy button). Now hit Command-2 again to lock one of the two triangles. Open the Pathfinder palate. In your drawing area, select all, then option-click the pathfinder option for Divide.
    step5b
  6. Use the lasso tool (hit l to select the tool, or click on the tool bar) to select all points outside of the triangle and delete them.
  7. Hit command-3 to unlock the remaining triangle. Select all, then hit command-g to group it. Next is the fun part.
  8. Hit command-u to turn on smart guides. Use the reflect tool (hit o on the keyboard) to copy and reflect the triangle along one of its edges. Do this by hovering over a point on the triangle until you see the word “anchor” displayed by smart guides. Without pressing any keys, click once. Next, hover over another point on the triangle until you see the word “anchor” displayed. Now, option-click once. This will duplicate the triangle while reflecting it along the line defined by your two clicks. It is essential that you use smart guides for this process. Otherwise, the reflect-duplicate process will not be geometrically accurate, and your kaleidoscope will turn out sloppy.
    step8
  9. Repeat this process until you have created a hexagon. Select all, then reflect-duplicate the whole hexagon along one of its sides using the same method as with the triangle above.
    step9
  10. Continue reflecting & duplicating until your entire page is filled.
    step10a step10b
  11. Optional: with nothing selected, make sure your stroke is set to black. Go to the “Select” menu and choose Same -> color. This will select all of the black triangles. Cut (command-x) the triangles. Make a new layer, and paste the triangles in front (Command-F). This way, you can turn the black triangles on or off, according to your preference. This image shows the black triangles off:
    spacerstep12b
  12. Now, use your new artwork however you’d like. This process will create a pretty large EPS or AI file. You might want to export it as a TIFF to make it easier to work if you intend to use it in InDesign or PhotoShop.

You can follow the same steps with photos or object artwork instead of vector shapes if you have the need to create a kaleidoscope-style image montage.

Bookmark and Share

Tags: illustrator, kaleidoscope, reflect, tessellation

This entry was posted on Thursday, June 18th, 2009 at 10:06 pm and is filed under Design. 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.

3 Responses to “Create a kaleidoscope image in Illustrator CS3”

  1. robyn says:
    April 1, 2010 at 10:39 pm

    Thanks for the awesome tutorial! I eventually got my head around it and now see that its easy as pie. The possibilities are now endless!

    Reply
  2. Lori S. says:
    April 2, 2010 at 12:25 pm

    Took the basic ideas of this and modified it for Photoshop Elements 8 (e.g., used the Cookie Cutter tool to get a perfect 60 degree triangle; different ways of achieving the same basic selection and reflecting rotation; using the nice tiling pattern feature in PSE 8) and it turned out great! Thanks for this tutorial!

    Reply
  3. Mike says:
    April 3, 2010 at 10:28 am

    I’m glad that you found the tutorial helpful!

    Reply

Leave a Reply

Click here to cancel reply.

« 12 tips for working with designers
It’s a poster, it’s a t-shirt, it’s… »
  • Subscribe

    • Entries (RSS)
    • Comments (RSS)
    • Follow me on Twitter
  • Recent Posts

    • A Word to Forget
    • Though Nexus One Tempted Me, I’m Keeping My Droid
    • Five reasons to post direct links on Twitter
    • Graphic design: the ultimate sellout?
    • Stock logos and the demise of customization
  • Recent Comments

    • Arden Vandenheuvel on Though Nexus One Tempted Me, I’m Keeping My Droid
    • htc pure on Though Nexus One Tempted Me, I’m Keeping My Droid
    • HTCDroid Eris on Though Nexus One Tempted Me, I’m Keeping My Droid
    • Apple iPad on Won’t you be?
    • Clyde Maggit on Stock logos and the demise of customization
  • Categories

    • Design
    • Entertainment
    • Marketing
    • Personal
    • Uncategorized
  • Links

    • Adrants
    • Adscam, George Parker’s blog
    • Armstrong Circus
    • Artrox Thinks
    • Chris Brogan
    • Creative Applications
    • Dani McDaniel
    • Design Shard
    • Geoff Talbot
    • Gissur Simonarson
    • Glitschka Studios
    • Hicks Design
    • HOW Magazine
    • Inspiration Bit
    • James Lileks
    • Jason Latshaw
    • Kristarella
    • Madyson Designs
    • Mashable
    • Niki Brown / Design O’Blog
    • Noah Stokes
    • Proxy Multimedia
    • Shawn Edgell
    • Smashing Magazine
    • Tech Crunch
    • You the Designer
  • What I'm Doing...

    • Ebay and PayPal are both screwing up today. 1 week ago
    • Recently saw Report Men. I feel that Hollywood should send the last-minute twist on sabbatical. It's gotten tired and ineffective. 1 week ago
    • Someone remind me tomorrow to call at&t to find out why I can't receive text messages from people on at&t. 1 week ago
    • I keep forgetting it's not the weekend anymore because I'm staying at home and NT going to work. #staycation 1 week ago
    • @NBurmanDesign The 1.7 is another good one I had my eye on. I'm pretty excited, but not about explaining it to my wife. in reply to NBurmanDesign 1 week ago
    • More updates...

    Posting tweet...

    Powered by Twitter Tools

  • Recently listened to...

    • Editors – Lights
    • School of Seven Bells – Camarilla
    • Silversun Pickups – Substitution
    • Silversun Pickups – Sort Of
    • Silversun Pickups – Draining
    • Silversun Pickups – Panic Switch
    • Silversun Pickups – It's Nice To Know You Work Alone
    • Silversun Pickups – Growing Old Is Getting Old
Designosophy is proudly powered by WordPress
Entries (RSS) and Comments (RSS).