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:
- Create a new Illustrator document at whatever size you’d like. I used 11″ x 8.5″.
- 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.
- 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.

- 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.

- 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.

- 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.
- Hit command-3 to unlock the remaining triangle. Select all, then hit command-g to group it. Next is the fun part.
- 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.

- 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.

- Continue reflecting & duplicating until your entire page is filled.

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


- 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.
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!
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
and it turned out great! Thanks for this tutorial!
I’m glad that you found the tutorial helpful!
Wicked tutorial thanks!
But can you tell me how can I rotate(best way) the triangle. Sorry for the super beginner question.
Thanks again.
Hi Jon, glad you like the tutorial.
In this tutorial, I’m not rotating the triangle, but reflecting it. You can access the reflect tool in the tools pallet by hitting the letter O on your keyboard, or by clicking and holding on the rotate tool until the rotate tool appears in the resulting dropdown.
You can used the masque d’écrêtage (I don’t know which is the name in english), it’s more easy than the lasso and the pathfinder.
The triangle should be in the foreground, after select all and create a masque d’écrêtage in Object (command 7)
Sorry for my english
Yes, you can use a clipping mask, but this leaves invisible parts of the path outside of the triangle, which can cause trouble with alignment and path selection later. It will also result in significantly more path points in the document after all of the duplicating is done. For these reasons, it is my preference to divide and then delete the extra points. But it’s just a preference; you don’t have to.
This is a fantastic tutorial just got a little lost question seven when the second triangle is ulocked before grouping it does it go over the other one ? Then in question 8 after getting my first anchor point , what is option-click once???..not getting reflect and duplicate…brain cant seem to sort this out…