Photoshop color change animation effects

Use Photoshop and ImageReady, you can add animation to your web variable results. In this tutorial, you will learn how to make an object move on the screen changes color. First to see the effect. (Fig. main)



1. The establishment of adjustment layers

Open Photoshop, you would like to make movement of objects placed in the center of a transparent background. (When using the text, before the application layer need to adjust the text layer first rasterization)

In the layer menu, select Create a new adjustment layer, its content is Hue / Saturation.

In the Hue / Saturation dialog box, first determine Open Preview; and then drag each hue, saturation and brightness sliders to change the color of objects and click to confirm satisfaction. (Figure step01)



2. In the Photoshop toolbox, click on the "Jump to ImageReady" button to open the file with ImageReady

Store the document, select the file name and storage path. Tip: While the adjustment layer can only be used in Photoshop, but when you open the images with ImageReady, it can still be retained. (Figure step02)



3. To create the first frame of animation

Layers panel in ImageReady, select the layer 1 (layer contains the image), select the Move tool, drag this layer in the image window to the animation of the starting position. Note that the first frame of the animation panel also changed the image location. (Figure step03)



4. Create the last frame of animation

In the animation panel, click the New Frame button in the Animation panel, select the second frame, and in the Layers panel, select Layer 1.

In the image window, with the move tool to drag the Layer 1 and finish the animation. Can see that the second frame image animation panel location changed. (Figure step04)



5. In the last frame of the animation object to change color

In the second frame by choice, select Hue / Saturation adjustment layer, the layer opacity to 1%.

Now, the first frame of layer 100% opacity, the opacity of the second frame of 1%, 2 the difference between the opacity of the object will cause the color change. (Figure step05)



6. To create animation in the middle frame

In the animation panel, select "animation frame transition", in the parameter column, determine the position, opacity, effects were selected, and then "Add Frame" in the input to increase the number of frames.

Click the play button on the animation panel, preview, animation, watching, you can add, delete or modify the frame, if necessary, you can set the playback options. (Figure step06)



7. From the animation in the Animation Selection Optimization

Click the animation panel far right of the small black triangle, from the pop-up menu, select "Optimize Animation," Animation in the optimize dialog box, select "bound box" and "Remove redundant pixels", then select the automatic renewal option, keep frame opacity.

In the optimization panel, from the "optimized file format" menu, select GIF, and then select other options to optimize the image displayed on the Web.

Select File> to optimize file storage for the stored images. (Figure step07)








Recommended links:



SWF To MP4



OGM Converter



how to fix svchost exe Error



MOV To MP4