Skip to main content
A
ahong
Participant
April 15, 2020
Answered

Timeline issue : Frame 1 becomes the same as 2 (layer has a mask) - trying to tween an animation.

  • April 15, 2020
  • 2 replies
  • 12365 views

Hi. I'm trying to create a scrolling website animation in PS but am having issues with the frames. I am following this video. 

https://www.youtube.com/watch?v=2ijoJY40kP8

 

Here are the steps where I begin to have issues:

Step one: You mask out the webpage with the top of the webpage showing. Unlink/unlock the mask on the layer. Duplicate that frame. 

Step two: Select the second frame. You then move up the webpage so that the end of it shows.

Step three: Select both frames and tween.

 

When I select both frames, the first frame becomes the same as the second frame. In the video, the two frames remain different. The teacher clicks back and forth on each frame and they're different. Why are my frames becoming the same? See attached screenshots.

I'm not able to move forward and tween without this step. I tried this so many times and a few times, it worked but then the animation was transparent throughout. Or it partially animated. It's very wonky and I can't remember what I did to make it work. But the majority of the times I've tried this, it did not work.

 

Please help!!

Correct answer Jidoo28

Thought i might comment on this despite this being quite an old post! 

I had the same issue and found a youtube comment that helped me solve it 🙂 

 

1) Make sure "Propogate layers is unticked" this option can be found above your layers in the layer panel. 

2) When you begin to make edits to your second frame, make sure youre only moving your selection using the "move tool" (so do not transform the selection in order to move it) 

 

This should solve the issue you had!

Hope this helps 🙂 

2 replies

J
Jidoo28Correct answer
Participant
May 30, 2021

Thought i might comment on this despite this being quite an old post! 

I had the same issue and found a youtube comment that helped me solve it 🙂 

 

1) Make sure "Propogate layers is unticked" this option can be found above your layers in the layer panel. 

2) When you begin to make edits to your second frame, make sure youre only moving your selection using the "move tool" (so do not transform the selection in order to move it) 

 

This should solve the issue you had!

Hope this helps 🙂 

    D
    default9mmsfcbtjs0o
    Participant
    November 1, 2021

    Nailed it. This is exactly the issue I was having and it never happened before. I don't know why Propogate would have checked itself out of nowhere but this fixed it so thanks!

      JJMack
      Community Expert
      JJMackCommunity Expert
      Community Expert
      April 16, 2020

      A Frame content is a composite of the layer visible in the layers palette for the frame and the layers position can be different in each frame. That is what tween is all about. Tween will create frame between two frames and move the layers that were moved between the two frames so the movement will be smooth rather than an abrupt move.

       

      Here I created two layers and two frames and I moved the top layer's content off the canvas high and to the left in the first frame  and low and to the right in the second and last frame I created.  Tween generated the frames  between the two frames I created.

      JJMack
      A
      ahongAuthor
      Participant
      April 16, 2020

      Hi JJMack,

       

      Thanks for your response. The issue is is that it won't allow the 2 frames to remain different from each other. In the tutorial video that I was following, the teacher doesn't put the beginning and end on different layers. They are on the same layer. 

       

      JJMack
      Community Expert
      JJMackCommunity Expert
      Community Expert
      April 17, 2020

      The layers are not different layers they are the same layers. However the content of layer 1 is positioned in different location in each frame. As you can see the frame animation PSD I posted only has  two layers the two layers are visible in all the animation frames. The bottom background layer 0 content position is not changed its location is the same in each frame.  Layer 1 is a is a normal raster layer that has a Layer mask that is not linked to the layer content. So the layer content can be moved independent from the layer mask which is what I did in the animation.  I created Frame one  with both layer visible and in that frame I moved the contents of layer 1 high and off canvas to the left. I then created the animation's last frame with both layers visible and in that frame I moved the contents of layer 1 off screen low and to the right.   I then used Tween to generate frame between the First and last frames.  Layer 0 and layer 1 are visible in all the nimation's frames.

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