Step 6

Next, create a new action in the Actions panel (Window > Actions). To create a new action, start by clicking on the “Create New Set”  button in the Actions panel. Give this action set any name you like – I called mine “Spirograph”. Next, click on the “Create New Action”  button. Name this action anything but pick any hot key in the Function Key area. I chose F12. Click the Record button


Step 7

Your action is now recording all your actions. Follow these steps to record your actions

  1. Press Ctrl/Cmd+J to duplicate the current layer.
  2. Press Ctrl/Cmd+T to activate the Free Transform tool. Make any transformation you like. I made my ellipse rotate by 15º and skew vertically by 15º.
  3. Press Ctrl/Cmd+U to access the Hue/Saturation tool. Make any adjustment you like. I simply set the hue to 8.

When you’re done, press the “Stop”  button in the Actions panel. You now have a new action that you can play simply by pressing the function key that you assigned earlier (mine was set to F12).


Step 8

Press the function key you assigned (mine was F12) until your spirograph is built. Here’s what my spirograph looks like. It’s not really that amazing but we can always try different settings.

To change the settings, you can simply double-click on any of the steps inside your action.

Here’s what my image looks like simply by changing the “Transform current layer” step and making the transform tool scale the layers width and height by 110%.

It wasn’t exactly what I wanted so I deleted all the layers and made it transform the width and height by 105% instead of 110%.

Final Results

From here on, it’s up to you to experiment with different looks. As you start experimenting, you’ll find new ways of creating not just spirographs, but random fractals. Here’s another example of what you can create.

Example 1

  1. Duplicate layer.
  2. Free transform – Angle: 5º, Horizontal Skew: 10º
  3. Offset (Filter > Other > Offset) – 10 pixels from the top and left.
  4. Hue/Saturation – 10º Hue

Example 2

    1. Duplicate layer.
    2. Free transform – Angle: 9º
    3. Hue/Saturation – 9º Hue

Pages: 1 2

26 responses to “Quick Tip: How to Create Fun Spirographs and Fractals”

  1.  Avatar
    Anonymous

    Is there a way to input a random integer in the Photoshop actions? I am trying to achieve an effect like this: https://solanart.io/collections/frakt

    1. Photoshop Tutorials Staff Avatar
      Photoshop Tutorials Staff

      Unfortunately that’s not possible.

  2. JD Avatar
    JD

    on CS6 I can’t see in the filter>other>offset option the top and right pixels ……….it’s showing me exactly opposite to put values ……….down and left…ugh

    1. TS Avatar
      TS

      You reveal all of Photoshop Filters you first need to go to Edit – Preferences – Plug-Ins… and check Show All Filter Gallery Groups and Names.

  3. Carol Baudat Avatar
    Carol Baudat

    It seems to have been removed.

  4. Ravi Avatar
    Ravi

    Dear,

    I am 2nd example not understood , so please suggest.

    BR
    Ravi

  5.  Avatar
    Anonymous

    Thank youuuuuu brooo

  6. Karen J. Avatar
    Karen J.

    Very easy to follow tutorial, thank you for posting!

  7. Maidul Islam Avatar
    Maidul Islam

    I love your all icon sets….and start to bookmark this!!!

  8. aditya Avatar
    aditya

    loved it :)

  9. Hamid Avatar
    Hamid

    Very interesting possibilities. Thanks for sharing.

  10. A. S. Z. Avatar
    A. S. Z.

    Nice and easy enough.
    Thanks

  11. Junaid Khan Avatar
    Junaid Khan

    I’ve surf many webs for best and easy tricks. This is one of the most top website for tuts.

  12. Shamaz Avatar
    Shamaz

    where is the vector path option in photoshop and how to de select it and how to create only outlines of the shape………. I use CS5 portable version

    1. Nicky Avatar
      Nicky

      They’re using cs6. cs5 doesn’t have the option to make vectors into their own shapes.

  13. Ali Nejatbakhsh Avatar
    Ali Nejatbakhsh

    very lovely and fun.tank you very much

  14. matty Avatar
    matty

    hears a nother fun way to make fractals in photoshop

    http://www.youtube.com/watch?v=HzBwVCSFZPY

  15. deegrafix Avatar
    deegrafix

    What is the name of this program

    1. Ryan Green Avatar
      Ryan Green

      -_- Photoshop… Duh!

  16. MNnic Avatar
    MNnic

    Do people a favor and test your tutorials next time. The ellipse rotation tutorial gives indeed the result that we see in the screenshot, but once you press ENTER, everything inside disappears and what is left is only the outline of that image.

    1. Photoshop Tutorials Editor Avatar
      Photoshop Tutorials Editor

      Thanks for the tip! You need to have your vector paths deselected. We updated the instructions to make it more clear.

    2. PJ Avatar
      PJ

      Great tutorial but I too always end up with the outline of the image.

    3. boomer Avatar
      boomer

      rude

  17. Clark Avatar
    Clark

    You can do this in Illustrator too. Press CMD-D or record action.

  18. phuongle Avatar
    phuongle

    dowlott hom

  19. Lady Lilith BloodCrave Avatar
    Lady Lilith BloodCrave

    Nice. The effect of a simple pattern can be really amazing.

    thank you for sharing,

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading