Skip to main content
J
jamesisaacx
Participant
January 18, 2017
Answered

Issue Reg Frame Animation Copy/Paste?

  • January 18, 2017
  • 2 replies
  • 835 views

Hello. I am attempting to essentially add 2 gifs onto one canvas. This is something that I have done once before with no issues. However I seem to be having trouble lately getting my two, resized gifs to fit onto my blank canvas.

For example my canvas size is 560px and my two gifs are 280px each. When I go to "Select/Copy All Frames" then "Paste" it doesn't seem to recognize that I have resized these two animations. Instead it is pasting a resized and uncropped version which is not what I want.

To be specific for these two individual gifs my process is; Crop the image to my liking, then resize to 280px. I do the exact same step for both then I paste them onto my canvas.

Below this is one of the two single gifs that is already sized the way I want. 280px

This is what I get when I go to paste that same gif onto my new canvas. As you can see, the full image appears. I appreciate any comments and help. Thank you

This topic has been closed for replies.
Correct answer Trevor.Dennis

Glad you got it figured out. Obviously final image size is important, so my point was to work at the best size possible right up to just before exporting the frame animation, and downsizing the entire thing at that stage, but always keeping a full size 'master document'.  It makes for easier and nicer edits that way.

2 replies

JJMack
Community Expert
JJMackCommunity Expert
Community Expert
January 18, 2017

Photoshop want to retain an image files original pixels.  Photoshop will not attempt the scale two files with different sizes and resolutions to a common scale size and resolution. You need to do that.  I also would not use copy and past.  I would start by first opening both animated Gifs into Photoshop.  I would resize one so its resolution was the same as the other one without resampling.  Once they have the same resolution. If the scale size of one was larger then the other I would the resample the larger to scale it for the size of the smaller one. So object are scaled to appear correctly relative to their real world physical size,    I would then select all  layers in both document create a group from layer in both documents.   It would be best if both file had the same number of layers. Once  you have the two group. You can drag a group from one of the layer pallets and drop it on the other document while holding the shift constrain key down. Make the canvas size what you want and position the two groups to where you want things to be positioned a frame. Next you need to open the frame animation timeline and reconcile what layers should be visible in each  frame.  A layer from each group should be visible is a frame. If you want the animations to play concurrently.

JJMack
J
jamesisaacxAuthor
Participant
January 18, 2017

Thank you for replying. The reason I am resizing the images/gif is because it is for Twitter. Which only allows a certain size of gif to be uploaded. I capture images that are a little over 1200px off YouTube. Which need to be resized to lower the file size. My preference is 560px as a whole, which makes the 2 smaller gifs 280px to fit on one canvas.

Below is an example of what I am trying to achieve.

This is a gif I created last week and I cant remember if I downsampled or not but I definitely resized the images to my liking. Both gifs were the same size 280px with the same amount of frames to which I pasted onto a transparent canvas of 560px. I do not remember running into issues but I am now however unable to go through the same process.

Something like this seems simple enough so I may be taking the wrong approach.

EDIT** I think I've solved my own issue. I was not aware that editing the "Canvas Size" does not actually delete the pixels. So when I go to paste my resized gif, it just places the entire image. I think I will have better luck actually cropping the gif to my liking and not editing canvas size. I will give that a go. I am a beginner so you live and you learn.

Trevor.Dennis
Community Expert
Trevor.DennisCommunity ExpertCorrect answer
Community Expert
January 19, 2017

Glad you got it figured out. Obviously final image size is important, so my point was to work at the best size possible right up to just before exporting the frame animation, and downsizing the entire thing at that stage, but always keeping a full size 'master document'.  It makes for easier and nicer edits that way.

    Trevor.Dennis
    Community Expert
    Trevor.DennisCommunity Expert
    Community Expert
    January 18, 2017

    You are using a strange sort of a workflow IMO.

    • If it was me I wouldn't resize anything, but I'd open the larger GIF and save with a new file name.
    • I'd then open the smaller GIF > place all the layers into a group > and duplicate that group into the larger GIF.
    • Select all the layers from the original GIF and place in a group.

    Note: Read this step carefully

    • Select All of the frames in the timeline, and Free Transform the group containing those layers to match the smaller GIF
    • You'll now need to go through frame by frame and turn on the relevant layer from the imported Group (smaller GIF)

    Combining frame animations can be a tricky process IME.  Especially if they have a different number of frames.  The most complex GIF I ever made had four separate areas of movement, and it took a lot of concentration to make it work nicely.

    J
    jamesisaacxAuthor
    Participant
    January 18, 2017

    Thank you for your answer.

    I should have mentioned the reason that I am resizing the images is because I'm designing this gif for Twitter. Which in my experience looks better at 560px. I capture images off of YouTube which are about 1200+ px. This size is way too large to be uploaded on social media especially with Twitter's restrictions of 5MB for a gif.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices