Optical illusion

Have you ever noticed how some pictures are deceiving your eyesight? In this lesson I will demonstrate how to create optical illusions in motion, although in reality they do not move. So, let’s begin!

Step 1. Create a new document with dimensions of 1280 by 800 pixels.

Step 2. Click Ctrl + r, so that the line appears if it is not enabled by default. Make sure it shows measurements in pixels. Create new guides every 50 pixels vertically and horizontally. You can do this by choosing View> New Guide (View> New Guide) or by clicking on the ruler and dragging it onto the canvas. If you prefer to use the dialog box, then turn it on several times and simply enter values ​​starting from 50px and ending with 1250px for vertical guides and following the same principle from 50px to 750px for horizontal guides.

Step 3. Fill the background layer # 564734 via Paint bucket tool (G) (Fill tool). Take Ellipse tool (U) (Ellipse tool) and create an ellipse in a new layer (press Ctrl + Shift + N). My ellipse is 46px by 34px, including a 3px black and white stroke. Thus, I recommend creating something around 43px by 31px, but it is not necessary that the dimensions be exactly that. Its size is not important, but your ellipses should be close to each other. Large spaces between them will give poor results.

Step 4. Double-click on the icon of your ellipse layer and apply the following style. Turn on Stroke (Stroke). Change the type of stroke from Color (Colors) in Gradient (Gradient). Change the angle from 90 degrees to 180 degrees. Click on the gradient bar and a new window should pop up. Create two additional indicators in the middle of the bar. The set of the first two indicators will be set to white (FFFFFF #), and the last 2 to black (# 000000). Also enable Color overlay (Color overlay) and change the color to # 8d7153, eg.

Step 5. Now take Ellipse tool (U) (Ellipse tool) again and create a new layer above the previous layer (press Ctrl + Shift + N and Enter). Draw a smaller ellipse inside the first one. Its size is up to you. Just make sure everything looks like the image below.

Step 6. Group these two layers by selecting them and clicking Ctrl + G. Right click and select Merge Group (Merge group).

Step 7. Move the first layer to the intersection of the two guides in the upper left, as shown below.

Step 8. Click Ctrl + j or select Layer> Duplicate Layer (Layer> Duplicate Layer) to duplicate this layer. Place a duplicate under your first layer. Also at the intersection of 2 guides, just below. Click Ctrl + T and rotate the copy 30 degrees. You can do this in the top toolbar (see the screenshot below).

Step 9. Continue to copy the FIRST ELIPS and rotate each copy by an angle of 30 degrees. Place each copy above the rest (this is also very important). Once you rotate 180 degrees you will not be able to dial 210 degrees. So, just use negative values. So the third copy will have 60 degrees, the fourth 90 degrees, 180 degrees the seventh, the eighth -150 degrees and so on. Once you are done, you will have 15 copies. Select 1 copy in the layers panel and then hold the key Shift click on the last one. All copies between them should stand out. Click Ctrl + G, to group them.

Step 10. Go to Layer> Duplicate Group (Layer> Duplicate group), and duplicate it. Select Move Tool (V) (Move tool) and drag this group like in the image below.

Step 11. Open your newly created copy of the group and delete the bottom layer (which you should have on top of the canvas). Then duplicate the third layer, counting from the bottom of this group, which should be the third from the top. If you are not sure which layers should be removed and which should move, then look at the image below.

Step 12. Repeat step 11 until you get the final image.

When does this effect work?
This effect will work in several cases.
– You can use many different shapes to achieve the same effect. Circles and ellipses will create a larger effect, but rectangles or squares also work.

– Each figure should be light on the one hand and darker on the other. It can be a black and white stroke, as in my case, or just a gradient of any color, if there are visible differences between them.

– You can put something inside the form to make it more detailed.

– Your image should consist of many identical shapes and each of them should be very close to each other.

– Your image should be large enough so that your eyes can move constantly.

– You can create almost any image from these circles and ellipses.

– You must rotate the forms, step by step, so that their dark sides (black in my case) are in close proximity to the light ones (whites in my case). It’s a good idea to turn a little on each circle (for example, 15 or 30 degrees). If you don’t turn them around, it should still work fine, but it will “move” vertically or horizontally.

Without it, you will not get this effect or it will not be so noticeable.

How does this effect work?
When we look at the picture below, our brain tries to transform it from 2D to 3D. This is because the boundaries around the ellipses are contradictory. It confuses us and creates the illusion of movement.

Author: Pawel Kiec.