Animation Experiment

First week of animation experimentation.

I got a little lazy with the feet walking and the environment. For future versions, I want the flowers to wave gently. I used Adobe Animate for the first time to create this gif. The animation elements are partial vectors from Adobe Stock. I imported them into Figma to assemble and add texture. For the final animation, I plan on adding more texture and brushstrokes.

Here are the files I used and tweaked:

Frog Animation Sprite (Part 3) Maria

Animation Part 3 #frog { margin: 0 auto 100px auto; position: relative; width:400px; height:200px; top: 20px; border:1px solid white; background: url(“frogSprite3.png”) left center; animation: launch 2s steps(24) infinite;} @keyframes launch { from {background-position: 0px 0; } to {background-position: -9600px 0; }