Animated A-Z: Position

Would you please just sit still!? My 16th animated letter, it’s P for Position.

position

I could not for the life of me think of something for the letter P. This is mostly something I wanted to experiment with, merged with the letter P. But as it turns out, it’s now one of my favourite animations I’ve done so far for this project.

It uses Trimed Paths for the ‘speed lines’ and a Repeater, so I only had to make edits to one line. The P layer itself has keyframes on it’s Scale, Position and the effect ‘Skew’ so it has a bit of drag as it jumps to the next point. The layer also has ‘Motion Blur’ enabled, which adds to the smoothess of the overall movement.

As always, thanks for reading! I’m always eager to hear any feedback on my blog, some animating tips or just general chit chat, so Tweet me if you fancy on @stephhh.

Steph

Advertisements

Animated A-Z: Night

The sun is setting and it’s nighttime for my 14th letter! It’s N for Night.

night

It’s a relatively simple one, but there were a few new techniques I picked up to crack this one. For the extended shadow I used a repeater on a duplicated N shape. It was about 120 repeats at 1px down from the one above, increasing to around 150 towards the end so the shadow continues to ‘grow’. I’m definitely going to use this again on future animations; it’s a lovely simple technique to just bring some excitement to a design. Both the shadow and the N have masks following the shape of the ‘mountain’, along with the tree shadows too, but this isn’t really too noticeable.

Something I did have trouble with was the quality. GIF’s only support up to 256 colours, and this animation uses a lot more than that! So when I came to export it, the whole thing looked pretty awful. I had to go back to my original After Effects file and cut down on the gradients I was originally using. But I’m a sucker for flat design, so it’s all cool!

As always, thanks for reading! I’m always eager to hear any feedback on my blog, some animating tips or just general chit chat, so Tweet me if you fancy on @stephhh.

Steph