I need to animate a card, which moves under a scanner:

Start picture:
Start screen
left: the scanner. right: the card

End picture:
End Screen
the card moves under the scanner. the scanner won't move

Now I tried to animate this with the timeline animation.
Just insert both states and press on the tweening-button.
The problem is, that the card will be transformed from the beginning, and not while the card moves.

How do I achieve my objective?
I only have Illustrator & Photoshop, and at the end I need an animated .gif.

  • 1
    I would suggest using After Effects
    – user9447
    Commented Jul 20, 2015 at 13:38
  • @Darth_Vader: I never used it and I would need to download it and only use the 30 days free version... Commented Jul 20, 2015 at 13:43
  • what version photoshop are you using?
    – user9447
    Commented Jul 20, 2015 at 13:44
  • 2014.0.0 20140508.r.58 Commented Jul 20, 2015 at 13:48
  • 2014 should be the creative cloud.. you pay a subscription so you wouldn't have a 30 day trial.
    – user9447
    Commented Jul 20, 2015 at 13:51

1 Answer 1


Photoshop only allows you to keyframe the position, opacity, and style elements of a layer. If you're trying to animate the card from a standing position to a laying flat position (and you don't have access to any other software outside of Photoshop or Illustrator); you will need to create separate states of the image and then hide/show them in order to create a persistence of vision effect.

  • So like a classic gif. Just create all the frames by hand and put them together? Commented Jul 20, 2015 at 13:44
  • Correct. Is it critical to your project that you show the transition from standing to lying flat? I think having the card appear facing up the entire time would still get across the message to the user. Commented Jul 20, 2015 at 13:53
  • The final illustration will feature a scanner-graphic. So it would look strange. But thanks for your answer, I'll create a simple moving transition without transforming, and when there is still time left, I'll do the old fashioned way. Commented Jul 21, 2015 at 8:13

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.