Photoshop and ImageReady draw exquisite and beautiful flash pictures

The production principle of "flash pictures" is mainly to use several pictures with the same pattern and different colors to combine them into a scrolling Gif animation. Mostly produced jointly with Photoshop and ImageReady.
Last night, someone asked me how to make the following effect. I didn’t understand it at the time. Later, I searched it, opened it with ImageReady and looked at the example image in the tutorial of Shadow Sister, and finally figured out how to do it. At the same time, I also developed another better-looking effect, so I wrote a tutorial to share with you.
Example picture

Below is the effect I did

The production process is as follows:

1. Create a new 300*200 file in Photoshop and create a new layer.

Select the Brush Tool, pick some brushes you like and draw a pendant on layer 1.

Figure 1

Figure 2

2. Copy layer 1, which is the pattern layer, use the pen tool to circle the first pattern to be changed, and press CTRL+Enter to convert the path into a selection.

Figure 3

Figure 4

Press CTRL+U to pop up the Hue Saturation option box, set the Hue to +100, keep other options as default, and then press Done.

Figure 5

Next, copy layer 1 and use the pen tool to circle the second color-changing pattern. Do the same as the first color-changing pattern, and do it according to the order you want the color-changing patterns to be.

Figure 6

Figure 7

Figure 8

Figure 9

When making a heart-shaped wing pattern, you should pay attention. First, copy two layers and use hue and saturation to change the color of the pattern. The colors of both layers must be changed.

Figure 10

On the first layer, select the lips and delete them to show only the wings. On the second layer, delete the wings and only show the lips. That's it.

Then change the color of the following patterns and make a circle clockwise in order.

Figure 11

Figure 12

Figure 13

You can download some ready-made pattern brushes. There are many kinds on the Internet, and you can freely combine them to create more beautiful patterns.

3. Turn off the eyes of the layer 1 copy - layer 1 copy 11, and only display the background and layer 1. Next, enter ImageReady to start animation.

Figure 14

Figure 15

4. First copy the current frame, select the copy of layer 1 and open the eyes, turn off the eyes of layer 1, this is the first pattern of color change;

Figure 16

Then copy the current frame, select layer 1 copy 2 and open the eyes, close the eyes of layer 1 copy, this is the second color change picture, follow this step until you reach the wing picture, first make the animation frame of the wings, and then Next is the lips, and then make two copies of the 7th and 8th frames (wings and lips), that is, 6 animation frames, 3 frames each for wings and lips, and arrange them separately, in order: wings - lips - wings - lip-wing-lip;

Figure 17

Figure 18

Figure 19

Figure 20

Then copy the remaining patterns to the animation frames in order, the same as the previous steps; a total of 16 frames of animation

Figure 21

Figure 22

Select 16 frames of animation, press CTRL+left click or press SHIFT to click on the first and last frames, set the delay time to 0.07 seconds, and finally save the optimization results and it's OK!

Figure 23

Figure 24