Animated A-Z: Zigzag

And that’s it, my last letter of my animated alphabet, Z for Zigzag!

Zigzag

This may have taken a while, but I got there in the end! I used a few different techniques that I’ve previously practised. The background is made up of two different shapes with three different repeaters. It’s actually one of my favourites I’ve done! For the z it’s three continuous lines with trim paths, with the outer two at 50% opacity. Finally the whole thing has a drop shadow after it was pre-composed so it wouldn’t overlap. The hardest thing was thinking up a word beginning with Z!

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: Yank

Off the stage with you – my penultimate letter of my animated alphabet, Y for Yank!

Yank

I cannot believe this project is nearing it’s end! This one is something I’ve had in my head for a long time. It has a number of very subtle things that I wanted to try out, like using alpha masks to keep the spotlights all in a line, making the hook go behind on the way in, but ‘around ‘ the Y on the way out, and the slight bend on the Y as it gets pulled off. All simple things that you wouldn’t really notice, but all together they make the difference!

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

Animated A-Z: X-Ray

Who knew that’s what it looked like inside? Letter 24, X for X-Ray!

XRay

I’ve had this one sussed since last year, so I’m really pleased with it! Quite simple but it does use a separate fixed place mask (alfa mask on the layer above) so that the later can move but the mask stays in the same place, a super handy thing to learn!

All in all it took a couple hours, one of my fastest as I knew exactly what I was going for from the start. Only two more to go!

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

Animated A-Z: Windy

We’re so close! Here’s a blustery number, W for Windy!

Windy

I love this animation, I think it’s totally adorable, and it’s exactly how I planned out from my first sketches of this letter. There’s over 30 individual leaves which has to be animated but it was definitely worth it in the end.

The whole thing took about 3 hours from start to finish, so not too bad! I started out with a Photoshop drawing that I imported into After Effects to animate the different elements after I changed all their anchor points. It was quite a simple animation, but with a few time consuming fiddly bits!

With 23 down, I only have 3 more letters to go! We’ll get there soon enough!

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

Animated A-Z: Quirky

No one likes to be ordinary… Quickly like my Q for Quirky!

quirky

Whilst this looks like a relatively simple animation, it actually had so many fiddly bits! The entire background is made up of just two repeated white triangles at different opacity, and there’s three different key frames for the masks controlling the bar coming in…

I’m really pleased with the outcome -it’s like a fun 80’s logo! It didn’t take too long, only about an hour and a half to fiddle with the background and masks. I’m pretty sure there would be a simpler way of doing second line that crosses the Q, but if there is, I couldn’t work it out!

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

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

Animated A-Z: Opposite

Quite an outlandish one for this post! It’s O for Opposite.

opposite

I wanted to get my bouncing ‘realism’ cracked for this one, and I really think I have. I created just one ‘O’ bouncing and rolling away, then duplicated that over and over. Once I was happy with the colour changing platform and the ‘O’s, I duplicated it, flipped it, and added a colour invert effect to the right hand side.

I’m very happy with this one, as I feel it’s completely different from any of my other animations so far. I’m hoping I can continue to reach beyond my comfort zone and in the long term, grow it!

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