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

I had so much fun with my last ‘character animation’ I had to have another go! V for Vicious!

Vicious

Yes he’s still a bit adorable but there we go, what can you do? V for vicious, and only four more letters to go! I whipped this up sat in a hotel bar with my Mum in London. She’s down for the weekend, and we like to spend it being touristy and staying in fancy hotels. It took two hours from start to finish and that includes time spent sipping on prosecco and eating cheese…

There’s two effects layers used, Roughen Edges on the V and the water in the background, and Cell Pattern for the texture on the V. Then it’s just a few key frames on the rotation of the teeth (all grouped together per side), the position of them, and then of course the path shape of the V. All pretty simple, just a bit fiddly at times!

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