How To Make Changing Pictures On The Site

Table of contents:

How To Make Changing Pictures On The Site
How To Make Changing Pictures On The Site

Video: How To Make Changing Pictures On The Site

Video: How To Make Changing Pictures On The Site
Video: How To Change Pictures In Websites 2024, December
Anonim

There are several formats of animated pictures and one of them is

How to make changing pictures on the site
How to make changing pictures on the site

It is necessary

Russian version of Adobe Photoshop CS5

Instructions

Step 1

Open in Adobe Photoshop the pictures that, according to your idea, should replace each other: click the "File" menu item "Open", in the window that appears, select the files and click "Open".

Step 2

Select the Move tool (hotkey V) and drag one image onto another. If their sizes do not match, select the layer with the problematic dimensions and press Ctrl + D to call the free transform command. Using transparent square markers on the sides and corners of the layer, align the picture. Now one picture should be on top of the other.

Step 3

Click the "Window" -> "Animation" menu item. A new window will open at the bottom of the program, in which there is already one frame. At the bottom of the frame is an indicator that displays the time it will be active. Change this parameter to 0.1 sec. Click on the button "Create a copy of the selected files", after which another frame will appear in the window in addition to the existing one.

Step 4

Make sure the top layer (the picture you dragged) is selected in the list of layers. In the Layers panel, set the Opacity to 0%. Now only the bottom layer is visible on the work area.

Step 5

Select the second frame and click the "Create Intermediate Frames" button on the animation panel. In the window that appears, in the "Add frames" field, set, for example, 7. An additional 7 frames will appear in the animation window, displaying the transition from a frame with 100% transparency to a frame with 0% transparency.

Step 6

Create another frame by clicking "Create a copy of selected files". Go to the Layers panel and set the Opacity to 100%. Click on "Create intermediate frames" and again enter the number 7 in the "Add frames" field. The animation is ready - you can click on the Play button and make sure. Now one picture replaces another.

Step 7

To save the result, press Alt + Shift + Ctrl + S, in the window that opens, in the "View options" column, specify permanently and click "Save". In the next window, specify the path for the file, its name and click "Save".

Recommended: