Fiddlesticks Login Screen Character Tutorial + Motion Graphics Channel

RiotRiot Lil Peanut·4/25/2018, 8:51:41 PM·42 votes·19,042 views
Riot Games Motion Graphics Team

Hi! I'm Sanketh, a motion graphics artist on the Core Gameplay Publishing team. I've worked on many login screens the last few years, among other things, and get asked about our techniques (referred to as black magic too often, haha), so I thought I would shed some light on that!

I recorded some mograph related tutorials at work before, but wanted to make some player facing to share some of our techniques we get asked about often. Hopefully this gives some of you a sneak peak at how we go about rigging and animating the characters you see as you log in! This example shows the basic process rigging/animating the non-layered Fiddlesticks splash, and is a pretty quick/basic example for the sake of learning. We usually spend weeks on a login animation, rather than 1 day, haha.

This is also the first set of videos for our new Motion Graphics team channel; I hope there is more to come here soon, but our team is fairly small and we are usually pretty busy... so I wouldn't expect videos here super frequently. At any rate, I hope these videos are helpful or cool to see for you. Feel free to leave comments or questions and we will try to get back to you.

Thanks for watching!

**Warning: This tutorial is aimed at After Effects artists, **so it might be boring and technical if you aren't one. Part 4 might be a little more interesting since I cracked open the Taliyah and Warwick files which might be neat to look at!

17 Comments

ThePikol4/26/2018, 6:46:35 AM3 votes

Thank you so much for this!

Arakadia4/26/2018, 1:24:15 AM2 votes

This is awesome, thanks for sharing!

Drugoth4/25/2018, 9:52:53 PM2 votes

Fascinating.

PaladinNO4/26/2018, 4:30:19 AM2 votes

Does this mean we will be able to use the logins of old again soon? I loved the Quinn login, not to mention the music in that one. :) I also used the Dragon Trainer Tristana login for the longest time.

And of course this one: https://www.youtube.com/watch?v=xmNRDTBUBL0

Doing custom screen/music logins was also fun, back when it was possible to do so. Rek'Sai - Zerg 2 Nami - Enya: Caribbean Blue

https://www.youtube.com/watch?v=CQI1dj4TQZM

Mirage Night4/26/2018, 2:38:33 AM1 votes

Awesome!

Digielf5/3/2018, 8:22:28 AM1 votes

These tutorials are really hard to follow, basically on the first 5 minutes it was ''here i have a bunch of custom folders with files on photoshop'' and went straight into importing them to after effects without showing what these folders have inside or sending an assets file download link so that we can import them or similar ones as well, the only thing i could obtain from there was Fiddlesticks splash art.

I suggest to those who want to look into this tutorial without having any premade assets to look up on some youtube tutorials first which will show you how to do some previous steps like cropping the characters etc before going into it.

Brothardir4/25/2018, 10:23:24 PM1 votes

Very insightful. Thanks for sharing!

V The Support V4/26/2018, 7:09:37 AM1 votes

Super cool to see the process.

Which is more difficult, having a forefront image/character move "a lot" within a loop parameter, or having the background follow the "respiration" of the loop?

Valor Bot4/26/2018, 8:40:50 AM1 votes

What?! This is so cool!!! Thanks for sharing and I’d love to see more! :)

Ifneth4/26/2018, 4:46:26 PM1 votes

Those were cool! :)

IT3etlWEXJ4/26/2018, 2:24:15 AM1 votes

Cool!