Add Video Timeline to Still Image with Layers

Question

Hello,This is an area that i am not strong in and likely there might be other software to do this rather easy, but i have the PS suite and need to figure it out.I am trying to add this timeline video from the web here.Shame Nun - GIF on ImgurTo my PSD file which has layers, and particular layer i will want to add on top of is the VALAR layer.Once added i will need to resize it to encompass that area size completely likely.I would like to save for web and have it play the GIF of the ringing bell, over and over in that window of the PSD layer file.Can anyone tell me if PS is the best software to do this task?Keeping along the lines of photoshop, can i ask that if you respond, please do it in layman terms on the steps of HOW TO..... as again this isnt my strong area of timelines and layers.Kind RegardsThx

Trevor.Dennis · Accepted Answer

Adding to what JJ has said, but without blacking your other eye and kicking you when you fall on the floor.

It is 'reasonably' straight forward combining a frame an animation and a still image, but will all sorts of provisos. If the GIF is to remain as a rectangle occupying part of a larger still image, then no problem.

This is a simple frame animation 500 pixels square.

I've done two things here

Increased the Canvas size from the bottom right corner
and placed the three GIF layers in a group for convenience.

This gives room to expand into.

I've added a new layer BENEATH the GIF layers. Remember higher layers hide lower layers

And I have put a rainbow gradient in the new layer.

We could have gone in another direction.

Instead of adding Canvas size, we could group the layers as before, and add a layer mask.

By filling part or the layer mask, we punch a hole through it, exposing the new layer we place beneath it as before.

I'm not going to bother adding content to the new layer, because you'll be getting the idea by now.

There is one more situation, and this the ideal.

In this case, the animated object already has a transparent background, so we can overlay it on a new background.

This is how we work when making the frame animation from scratch.

You can do the same thing with a video timeline, but in this case you mostly have to keep the size to fir the video format, so you place your still images on top f the video

Shout if unclear about anything.

JJMack · Answer

umaynome wroteHello,This is an area that i am not strong in and likely there might be other software to do this rather easy, but i have the PS suite and need to figure it out.I am trying to add this timeline video from the web here.Shame Nun - GIF on ImgurNot strong is an understatement. You do not seem to have any knowledge in this area at all. What you have is an animated gif. It is not a timeline video. I have never heard the term timeline video. You can create a video Timeline and you can create a frame animation timeline in Photoshop. You can save out Videos and Animated Gifs from either type of Photoshop timeline. You can have still image in these timelines and you can also animated them.The gif you have may have been save out from a frame animation timeline, it may have been saves out from a video timeline. You do not have the source the animated gif was made from. It may have been made using a video clip. Gif file format does not have good color support. It only supports up the 256 mapped colors. So what you have does not have good color.You can not add a animated gif to a layer Photoshop document as a layer. You can create a frame animation timeline in a Photoshop layered document and open the animated gif as an additional open Photoshop document and copy its frames to the clipboard and the paste them into the other document you created a frame animation timeline in. The layers will be pasted into the documents layer stack and the frames will be incorporated into the frame animation timeline using the options you chose to use in the paste frames dialog..It would be better if you had the source the animated gif was created with rather then the animated gif you download from the web to work from.There are many tutorials on the web for creating frame animations and video animations. You need to educate yourself some before you can even ask sensible question.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded