Skip to main content
Participant
August 27, 2018
Question

Can multiple gifs be combined to play in sequence over an image? PSCS6

  • August 27, 2018
  • 3 replies
  • 5274 views

I'm looking to combine several gifs over an image, one playing after the other but still showing the prior until the last one stops and replays the sequence, all over an image. Is this possible? PSCS6

    This topic has been closed for replies.

    3 replies

    Trevor.Dennis
    Community Expert
    Community Expert
    August 27, 2018

    I think Sahil missed that you are starting with GIFs (frame animations, and not video, but she is on the right track.

    Open all the GIFS in Photoshop, and take note of image size.

    Switch to the Motion workspace.

    The GIFs will have a layer for each frame.

    Decide on which GIF you want to use as the 'master', and select the uppermost layer

    In the other, or one of the other GIFs, select all the layers > Right click and choose Duplicate layers, and use the drop down and chose the Master document as the destination.

    Repeat this for the other GIFs if any.

    In the timeline, select all but the first frame, and delete them (click on the dustbin icon)

    You should have a single frame in the timelime — the next bit won't work without there being at least one frame.

    Use the fly-out menu at the end of the timeline, and choose Make frames from layers

    It gets a bit trick from here, so follow closely.

    I'm guessing that your new background will show behind the GIFs, so if the GIFs do not have transparency, add canvas to match the size of the background (Ctrl Alt c)

    Select the lowermost layer, and paste in your background image.  You'll need to move it to the bottom of the stack (Ctrl [)

    Test your animation.  I think it should work, but you might need to select all the frames (Select the first frame, and Shift select the last) and turn on the background layer for all of them.

    It is a good idea to Group each set of GIF layers.  In fact do this before duplicating them from the source documents.

    Keep all frames selected, and move the groups into desired position.  YOU MUST HAVE ALL FRAMES SELECTED or you will turn completely mad.

    That's about it.  If you are using your own GIFs then they will have transparency, but if you are finding them online, add Transparent background to the search parameters.  I have a large folder of transparent GIFs because they are so useful.  Depending on content, you might be able to achieve transparency using layer (Group) blend modes, like Multiply to knock out a white background.

    Biggest, and most important piece of advice, is if you edit the finished GIF, select all the layers first.   If you do get into a mess, don't try and fix it.  Use repeat undo or history to step back to before the error.

    Good luck.   I typed the above from memory (my main system is dismantled at the moment) but I think it is OK. 

    Community Expert
    August 27, 2018

    please take a look here:

    Create animated GIFs |

    Sahil.Chawla
    Adobe Employee
    Adobe Employee
    August 27, 2018

    Hi Chinacat,

    As you're looking to combing gif's please follow the steps below:

    You'll want to open your gif files in Photoshop by going to File > Import > Video Frames to Layers

    Then you'll select all of your frames from one gif and copy them over into the video frames of the other gif. You'll do all of this in the Animation menu in Photoshop (Window > Animation, or Window > Timeline for CS6). You can paste the frames to whichever point you want, just make sure to designate the location by clicking on the frame you'd like them to be inserted at.

    You can also follow this simple video tutorial and let us know if you find it helpful: Photoshop Tutorial - How to Combine 2 or more Animated Gifs Together into 1 File - YouTube

    Regards,
    Sahil