|

How to insert animation in another Animation in photoshop ? Almost as well as on a simple picture. Only in this case should pay attention to the number of layers of pictures with animation and for the time of frames. So, of the two pictures with the finished animation, create one.

Let's open two pictures with animation, and let's see how much each layers have and what time is located on each frame.

1-file open.

In the layers window in this picture 4 layers,

And in the Animation window, time on frames 0.15.

Now open the second picture, which we will insert into the first. This is a picture of a butterfly without a background.

Here too 4 layers

And time on frames is the same.

So transfer the animation will be very simple.

2 Click on the picture with a butterfly and, in the layer window, allocate all the layers. (Press on the Ctrl keyboard and, while holding, click on each layer in the layer window or by clicking on Shift, click on the upper layer).

3-Select on the "Move" toolbar And drag the butterfly to the first picture.

The butterfly was vital, you need to reduce it.

4-editing-free transformation.

Reduce butterfly up to 80%

Press the "Apply" parameter panel.

5-in layers window Move the selected layers upstay, if there is so in the layer window.

Click the left mouse button on the layers and, without releasing it, move the layers up.

Then click on any layer so that active was only one layer.

6-in the animation window allocate the first frame by clicking on it,

In the window layers of the eyes should only be on the lower layer and on the layer 5.

7- In the animation window, allocate the second frame,

In the window layers of the peephole itself throws out on the second layer, and on the layer 6 you need to turn on the eyes and turn off on the layer 5.

8- In the animation window, allocate the third frame,

In the layer window, turn the eyes on the layer 7 and turn off on the layer 6.

7- In the animation window, highlight the fourth frame,

And in the layer window, turn on the eye on the upper layer and turn off on the layer 7.

9- Click on the Start in the Animation window and watch what happened.

10- File Save for Web and devices in GIF format.

How to transfer an animation to a simple picture See here. The following lessons will be on how to remove the background on animation and how to insert Animation in the animation in Photoshop With a different amount of layers and different times on frames.

How to insert gif in gif

Method 1: Easy Gif Animator

First of all, we propose to familiarize yourself with the profile software, which was specifically created to work on GIF-animations. Its functionality allows you to add an unlimited number of frames to an already prepared project, which makes it possible to insert one gif to another as a continuation.

Download Easy Gif Animator

  1. The Easy Gif Animator program applies for a fee, but developers provide a trial version for a month for a month without any restrictions, which means that you can upload it from the official site to test by clicking on the corresponding button when you first start.
  2. The beginning of the trial period in the Easy Gif Animator program for the further connection of two gifs

  3. In the start menu, click on the item. "Open existing" To add first animation.
  4. Transition to the opening of an existing animation in the Easy Gif Animator program to connect it from the second

  5. In the window that appears "Explorer" Lay the desired file and click on it twice for opening.
  6. Selecting the first animation in the Easy Gif Animator program before connecting it to the second

  7. Wait for the full boot of the workspace in which go to the tab "Frames" .
  8. Go to the Frame tab for connecting two gifs through the Easy Gif Animator program

  9. There you are interested in the tool "Paste a frame" .
  10. Pressing the button to add a second animation when connecting gifs in the Easy Gif Animator program

  11. Display again "Conductor" where you find the second gif to insert and end it in the same way.
  12. Select the second gifs for connecting to the first in the Easy Gif Animator program

  13. When notifications appear about adding new frames, mark the marker option "Add all shots" .
  14. Confirmation of adding all frames to the first animation for connecting gifs in the Easy Gif Animator program

  15. Through the list of frames, make sure that the gluing has passed successfully.
  16. Checking the successful addition of frames to the first animation for connecting to the Easy Gif Animator program

  17. If necessary, use auxiliary tools if you need to make adjustments to the project before conservation.
  18. Using editing tools to complete the work on the gifs in the Easy Gif Animator program

  19. As soon as the work on the gif is completed, in the same tab "Frames" Click on the button "Export selected" .
  20. Go to saving a finished file after connecting the gifs in the Easy Gif Animator program

  21. Specify a new name for the GIF file and specify the place on the computer where you want to save it.
  22. Select the name for the connected gifs in the program Easy Gif Animator

  23. Return to K. "Conductor" And reproduce a new animation by any convenient method to make sure to create it.
  24. Playing a new file after connecting two gifs in Easy Gif Animator

Among the opportunities available in Easy Gif Animator there is a huge number of various tools that will be useful when manually creating or editing the finished Gif animation, even if it does not need to be connected to another file.

Method 2: Adobe Photoshop

It is known that Adobe PhotoShop graphic editor supports the creation of a GIF from the added frame. It also includes tools designed to edit such animations that can be used when connecting multiple files to one, which is as follows:

Download Adobe Photoshop

  1. Run Adobe Photoshop, expand the drop-down menu "File" and select "Open" . It can be called through a standard keyboard shortcut. Ctrl + O. .
  2. Transition to the opening of the first gifs before connecting to the second in the Adobe Photoshop program

  3. A discoveries window will appear where to find the first gif and double-click on it to add.
  4. Choosing first gifs before connecting to the second in the Adobe Photoshop program

  5. While still editing it is impossible to start, because there is no time scale. Add it through the drop-down menu "Window" , noting the corresponding item.
  6. Turning on the time scale for further working with gifs in Adobe Photoshop

  7. Make sure that each frame of the added gif is displayed correctly, and then proceed to the next step.
  8. Successful inclusion of the time scale for further working with gifs in Adobe Photoshop

  9. Use the same menu again. "Open" To add a second file to merge.
  10. Transition to the opening of the second gifs for connecting to the first in Adobe Photoshop program

  11. In it, open the time scale menu and activate the item. "Allocate all shots" .
  12. Button for copying frames of the second gifs for connecting to the first Adobe Photoshop

  13. Return to it and select another feature called "Copy frames" .
  14. Copying frames of the second gifs for connecting to the first in the Adobe Photoshop program

  15. Each file in Adobe Photoshop is displayed as a separate tab, so move to the first GIF by clicking on its tab on top.
  16. Switching to the first gif for inserting frames second when connecting an animation in Adobe Photoshop

  17. In the same time scale menu, click "Insert footage" .
  18. Button for inserting GIFI frames in the first animation when working with Adobe Photoshop

  19. A new action menu will appear, where to mark the appropriate insertion marker and confirm the addition.
  20. Choosing a framework of frames in the first gif to connect animation in Adobe Photoshop

  21. Browse each frame and make sure that the insert has passed successfully.
  22. Successful connection of two gifs through Adobe Photoshop Program

  23. Expand Menu "File" and select "Save as…" .
  24. Transition to the preservation of the project after connecting two gifs in Adobe Photoshop

  25. In the window "Preservation" Change the name for the new GIF file, set the appropriate file type for it and confirm the action.
  26. Select the name of the file and its format to save two connected gifs in Adobe Photoshop

If you are interested in creating a GIF through the considered program from scratch, we advise you to familiarize yourself with thematic material on our website, going to the following link. There you will find a detailed analysis of the two methods of working on similar projects.

Read more: Creating GIF in Adobe Photoshop

Method 3: Filmora

As a third method, consider a full-fledged video editor called Filmora. It is not intended to frame-edit existing GIF, however, supports the opening of this format and exports in it, and therefore several animations can be connected to one by performing a simple algorithm of actions.

Download Filmora

  1. After starting Filmora, click on the inscription "Import media files here" To go to add animations to the project.
  2. Switch to the choice of gifs for connecting via the Filmora video editor

  3. In the window that appears "Explorer" You can immediately select the required number of files, and then click on "Open" .
  4. Select two gif files for connecting via Filmora video editor

  5. Drag the first gif to any free path of the editor, closing it with the left mouse button.
  6. Transfer of first gifs for connecting to the second in the Filmora program

  7. Do the same with the second, placing it after the first.
  8. Transferring second gifs for connecting to the first in the Filmora program

  9. Make sure the animation is normal and check its playback.
  10. Successful connection of two gifs in the Filmora program

  11. As soon as editing is completed, click on the button "Export" To save the project.
  12. Transition to the preservation of the project after connecting the gifs in the Filmora program

  13. On the panel "Format" Choose "GIF" .
  14. Selecting a format for saving the gifs after their connection to Filmora

  15. Set export parameters, including permission, frame rate, file name and location of it.
  16. Select export parameters after connecting the gifs in the Filmora program

  17. Press "Export" To start the save process.
  18. Confirmation of exports of gifs after combining Filmora

CloseWe are glad that you could help you solve the problem. CloseDescribe what you did not work.

Our specialists will try to answer as quickly as possible.

Will this article help you?

WELL NO

Share Articles on Social Networks:

In Photoshop, this is done elementary.

- Enable the scale / animation window.

- load one gif-ku (background), then another (basic)

- Allocate the very first layer in the background gif (so that new layers are inserted above)

- You allocate all layers and all frames on the main hyphae and, holding the SHIFT key (i.e., withstanding the center), drag the basic gif-ku on the background.

Then it remains only to install in the animation scale which layers are included in which frames. Here the main difficulty may occur if the number of frames in the main and background gif do not coincide. Solved in different ways. For example, duplicate frames of one gif-ki (short) inside the other frames. Either removing the "extra" layers of long gif. In general, this is a creative process)))

Here is an example of such a combined gif-ki out of three - Gif-ka fish is imposed on gif-ku, and there is a hyphae of my faces from above)))

It is clear here that the gif-ka of the sea consists of only 10 layers + 8 inversion (1st and last layer do not repeat), i.e., only 18 layers. Here they are in this sequence and are repeated throughout the entire Gif-ki from 200 approximately frames.

By Julia

Next - the words of the author

When you make a collage or a postcard in Photoshop, sometimes I don't want to make animation yourself. It's easier to find the finished brilliance or animation, such pictures are saved in GIF format, we save the usual static picture in IPEG format, IPG. And now I will tell you how you can combine these two formats. Those who have long been engaged in photoshop perfectly know how to do it. My lesson for beginners.

So, lesson -

How to apply a GIF image on a simple picture in Photoshop.

We open a picture in Photoshop to which the Gif would like to move. I took a picture with flowers. We do not forget to remove the lock in the layers, click 2 times with the left mouse button on the lock and in the window that opens, click OK.

Y000601MK-1 (700x393, 59Kb)

I found a butterfly in GIF format, I open a picture in Photoshop.

Y000602MK-2 (700x393, 35Kb)

We see that the butterfly pictures have a lot of layers, so as not to destroy the animation, we will not be able to drag the butterfly, standing on one of the layers. So we need to drag all the layers immediately. We get up onto the first layer, it should be active with us, press the SHIFT key on the keyboard and click the left mouse button along the top layer. What do we see?

Y000603MK-3 (700x393, 66kb)

We have all the layers of blue, i.e. Active. Tool Move We drag the butterfly to the picture with flowers. Click the left mouse button on the first layer of the butterfly and now we have an active only 1 layer of animation.

Y000604MK-4 (700x393, 65KB)

And now we need to move the butterfly. To do this, open the Animation window. Glazik in the picture and on 1 layer are open. We have an active layer of animation, on all other layers, the eyebound is turned off. I approximate the time in the animation, I have 0.2 sec.

Y000605MK-5 (700x393, 71KB)

And then we do this: 1 layer in animation and eyebound is open to 1 layer in the layers panel. Add a layer in the animation by clicking on the leaf below, we have 2 layers of animation - close the eyebound to 1 layer in the layers and open the eyebound to 2 layers, add a layer in the animation - close the eyebound to 2 layer and open it on the 3rd and exactly We continue on all layers, add a layer in the animation, in the layers on the previous layer, close the eyebound, open on the new one. I think the principle is understandable.

Y000606MK-6 (700x393, 40kb)

All made, run animation and see if everything is fine, save for Web. I got like this

Y000607MK-7 (450x338, 182kb)

Our lesson - how to put a GIF image on a simple picture in Photoshop finished. You now know how to move pictures in GIF format on images in IPEG format, IPG. If there are some difficulties, ask.

And thanks for looking to me!

http://makarovayuliya.ru/kak-nalozhit-gif-izobrazh...-prostuyu-kartinku-v-fotoshope

Canva is an online constructor for creating a photo and video for sites and social networks. The project site has a detailed manual for creating animation. To save an animated GIF, you need:

1. Create or open the project and click on the "Download" button.

In the video or photo project, click on the button "Download"

2. Select GIF format and press the button again.

Select GIF format and click on the "Download" button.

3. The designer will start generating video in GIF.

Wait for the blue slider moves to the right side of the screen. Usually takes no more than five minutes

4. Gif animation will be saved automatically. If this did not happen, you need to click on the link "Click here":

Gif animation will automatically save on a computer. If this happens, click on the link specified by the arrow.

Pros:

  • Simple, intuitive interface.
  • The ability to create animations from the photo and video.
  • More than 4 million photos and other elements in the library.
  • More than 1,000 fonts, plus you can upload your own.
  • Creating an animation is in the free version.
  • Free access to complete functionality - 30 days.
  • No need to install the program to the computer.

Minuses:

  • To work with the service you need to connect to the Internet.

SUPA is an online constructor with which you can create video from images or multiple video and save them in GIF format. For this you need:

1. Create or open a video project and click on the "Download" button.

In the video project, click on the button "Download"

2. Select the format "Animation GIF", specify the quality and number of frames per second. Press the "Generate" button.

Specify the format and click on the "Generate" button.

3. The designer will start converting video to GIF.

It is convenient to wait for progress in percent

4. In the window that opens, click on the "Download to Computer" button. Gif animation will soon appear in your folder.

To save gif animation, click on the button "Download to Computer"

Pros:

  • Simple, intuitive interface.
  • The ability to create animations from the photo and video.
  • Millions of free photos and video in the library.
  • A large number of templates for animation.
  • No need to install the program to the computer.

Minuses:

  • Gif-format is saved only in the paid version.
  • Relatively high cost - from 990 rubles per month for the premium version of the product.
  • To work with the service you need to connect to the Internet.

GiPhy - the base of gif animations in which you can find a suitable gif or create your own photo or video.

For the latter you need to do the following:

1. Select a photo or video from which the gif will be created. As an example, Gif animation is formed from the photo. Gif from the video is created similarly.

If you need to create a gif from the photo, select Choose Photo of GIF. If from the video - Choose Video.

2. In the window that opens, select the desired file and click on the Open button.

Select a file and click on the "Open" button.

3. Add, if you need, inscriptions and stickers or apply filters in the right menu.

Add inscriptions or stickers in the right menu

4. Add new photos if you are still needed, you can use the button Addword

Click on the Add Store button if you want to add other images

5. Go to the next step by clicking on the button Continue to Upload .

Click the Continue to Upload button to go to the next step.

6. Specify if you need, tags and link to images if they are taken from the Internet. Click on Upload to Giphy. To create a gif animation.

Click on the Upload to Giphy button to create a gif

7. Press the button Media To save the gif in the service.

Click on Media to save GIF animation in the GiPhy

8. Select a string Source. and click on the button Download To download the gif to the computer.

Click the Download button in the Source string to save the gif to the computer

Pros:

  • Ability to create GIF from the photo and video.
  • Simple, intuitive interface.
  • No need to install the program to the computer.

Minuses:

  • You can accommodate only one inscription.
  • There is no way to trim the image or video for the desired size.
  • Duration GIF - 15 seconds maximum.
  • You can work with the service only if the Internet is connected.

EZGIF is an online service that edits gif animations and creates new photos or video.

What is needed for this:

1. Select a photo or video from which you will create a gif. As an example, gif animation is created from the video. Gifka from the photo is created similarly.

If you need to create a gif from the photo, select GIF Maker. If from the video - Video to GIF.

2. You need to specify the path to the file on the computer using the "Select File" button or insert a link if the desired video is on the Internet, for example on YouTube. Then click on the button Upload Video. .

Specify the file on the computer or copy the link to it if it is posted on the Internet, and click on the Upload Video button

3. After clicking on the button on the screen, nothing will happen. You do not need to panic - the file is loaded: -) After a few minutes (or seconds, if the file is small) a window with a downloaded video and the editor in which you can compress it or trim, impose text or add a watermark.

In the editor, which is marked by the arrow, you can make a lot of manipulations with downloaded video

4. Press the button Convert to gif. To create a gif from the video.

Click on the Convert to GIF button - video converts to animation

Pros:

  • Ability to create a GIF from the photo and video.
  • You can apply a watermark over the gifs.
  • There are compression and GIF cutting functions to the desired size.
  • The ability to impose text and visual effects.
  • Free service.
  • No need to install the program to the computer.

Minuses:

  • Interface in English.
  • Uncomfortable, in my opinion, interface.
  • You can work with the service only if you have an internet connection.

Imgflip - Online service for creating gifs from photos and videos. Work algorithm:

1. Select a photo or video from which you want to create a gif.

If you need to create a gif from the photo, select Images to GIF. If from the video - Video to GIF.

2. You need to specify the path to the file on the computer using the button Upload Video. Or insert a link to the left screen field if the video is posted on the Internet.

Specify the file on the computer or insert the link to it if it is published on the Internet

3. When the file is loaded, the settings will appear on the right side of the screen in which you can specify the screen size, add text, turn video.

In the editor that is marked by the arrow, you can specify the desired size, add text, turn video

4. Press the button Generate Gif. To create a gif.

To create a gif from the video, click on the GENERATE GIF button

5. Press the button Download.gif. To save the finished file to the computer.

Click on the download.gif button to save the Gif animation to the computer

Pros:

  • Simple, intuitive interface.
  • There is a free version.
  • Ability to trim and rotate GIF.
  • You can add a logo on the GIF even in the free version.
  • No need to download and install a program on a PC.

Minuses:

  • Little capabilities for the free version - you can add only one inscription and one image in GIF, there are limitations in size and number of frames.
  • You can only work with the Internet.
  • The free version creates a GIF with a watermark imgflip.com. .

Добавить комментарий