When graphics ‘Kalied’: Tutorial on patterned based work in Photoshop

Mar 2, 2007 by Patrick Winfield | Design

step_final_a.jpg

The kaleidoscope effect is a technique that utilizes symmetry, repetition and rotation to create patterns that can lead to some wild and creative results. This brief tutorial is very simple but the results you can get can be very complex and unique. There is no limit to the intricacy you can achieve with the kaleidoscope method. By combining various steps along with Photoshops Layer Modes you can generate some pretty detailed work.

The kaleidoscope, from the Greek for “beautiful view”, is a toy made from a tube that contains bright objects and a set of mirrors that reflect the view into repeating symmetrical patterns. The mirrors are mounted at various angles that control the amount of duplicate views. The same principle of symmetry, repetition and rotation works with 2-D graphics.

You need a graphic or image to work from. I selected several stock images and arranged them on a background I created with various shapes, colors and gradients.

images_2a.jpg
bkgrnd_1.jpg
source_image.jpg

1. Now we need to take a selection from the source image. Make a square selection of an area you find interesting by holding down Shift while you drag the Rectangular Marquee tool. Now Copy and Paste this selection into a new layer.
step_1.jpg

2. Using the Polygon Lasso tool, make a selection from the bottom left corner to the top right corner and clear the lower triangle. Now duplicate the remaining triangle and flip it horizontally.
step_2.jpg

3. Position the duplicate to the right of your original selection and merge the two layers together. This new shape is the base for your kaleidoscope, so take a moment and make sure you are happy with it.
step_3.jpg

4. Duplicate this layer and flip it vertically, and then merge the layers. Try and make the points meet at the tips.
step_4.jpg

5. Duplicate this layer again and rotate it 90 degrees clockwise. Try to make all the edges touch and that there are no gaps, or you can play with gaps and random edges to create something new. This is your very basic kaleidoscopic image.
step_5.jpg

Tips: You can then take a square selection like step 1 from this last state and repeat steps 1-5 again to further complicate and add more complexity to the image. This could go on forever like a fractal, for my example I only took it so far.

Play with duplicating the final image then rotating at various degrees, and use the marquee tool to clear selections to reveal the layer underneath. For my image I selected the circle marquee tool and in the center cleared the layer above.

Also, try mixing in some of the original elements from the source image- this will destroy the kaleidoscopic effect, but can be very interesting. I created another kaleidoscope image from the original and placed portions of it on top of my step 5 state.

That’s it! Remember just play around with the various steps and you may come up with a completely new concept or exciting effect of your own!

step_final1.jpg

Bookmark this post:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

6 Responses to “When graphics ‘Kalied’: Tutorial on patterned based work in Photoshop”

  1. Dan on March 2nd, 2007 6:13 pm

    I would like to learn more about this. What books might you recommend at a basic level? Thanks …

  2. Erika on March 5th, 2007 9:27 am

    This is a great read. I would never know how this was possible if I did not read this blog!

    Thanks a ton and I hope to see many more.

  3. audiopilot on March 5th, 2007 12:42 pm

    Thanks for the valuable advice Patrick! I’ll send you a link to anything we do that uses your tip!

    ;)

    The houseparty.com design team

    Tom D

  4. ufniahs on March 5th, 2007 5:32 pm

    so thaaats how ya doit…
    very nice
    suite

  5. RohitK on April 29th, 2009 11:05 am

    Thanks Patrick,
    It is a nice way to design in adobe photoshop…i ccan now design and show to my frnds….

  6. RohitK on April 29th, 2009 11:05 am

    Thanks Patrick,
    It is a nice way to design in adobe photoshop…i ccan now design and show to my frnds….

Feel free to leave a comment...
and oh, if you want a pic to show with your comment, go get a gravatar!