WORKFLOW #02: Character Animation in Adobe Animate and After Effects | Procrastination

Workflow for creating this animation here:
/ bvq35jcnvsf
PROJECTS FILES AVAILABLE HERE: gareso.com/store
**********************************************************
USEFUL LINKS
How to design your own font using Illustrator and Font Forge:
bit.ly/2GAcISB
Nice color palettes websites:
coolors.co/
colorhunt.co/
Henrique Barone's Course on classical animation:
bit.ly/3lEBB17
**********************************************************
SOCIAL
Instagram
/ gabriel_gareso
Twitter:
/ gabriel_gareso
Dribbble:
dribbble.com/g...
Vimeo:
vimeo.com/gareso
Portfolio:
gareso.com/
***********************************
Some links can be affiliate links. I only recommend stuff that I really like, but as there is the possibility of having affiliate links to some of them, why not? They help to support my work :)
Thanks for your support!
***********************************
SUBSCRIBE and SHARE :)
THANKS FOR WATCHING!

[@DeeKayKwon]

the font trick was genius!

[@gareso]

Thanks! So many possibilities with the text animator :)

[@dday100]

디케이님이다 ㄷ

[@eliellgvs1]

Such a genius about that font trick into the path! Well done. Thanks for sharing!

[@gareso]

I'm glad you find it helpful :D Thanks!

[@igordjipalo1497]

im stunned also

[@Weddingplanes]

You made it look so simple. But believe me my fellow viewers, this is damn challenging :)

[@gareso]

It does take practice, but I hope these videos help along the way :)

[@Weddingplanes]

@@gareso Definitely! We getting an insight into the complete project. Thanks.

[@masterfreakgames2871]

Yep , it is xD

[@iamnovinov]

RIGHT! It sounds so simple...but THIS IS INSANITY

[@flyingart.budapest]

@@gareso I am very grateful. This is a very good summary series. Thank you.

[@tomroohan]

The technique for the zipper is fantastic. I've used text animator to animate dots in interesting ways, but to use a custom graphic in there like that. Dude, hats off.

[@alanouda2047]

I'm crying of how beautiful is that

[@1WillyDAVID]

is the second time that I revisit this video, the trick of the Zipper is really awesome!

[@mattbeharry]

The zipper technique was next level genius.

[@Godkiller08]

As an aspiring animator, this is gold. Thank you very much, and keep it up.

[@Godkiller08]

Btw, what do you use to draw and animate frame-by-frame ? Wacom tablet ?

[@gareso]

@@Godkiller08 yes, I use a wacom bamboo on my pc and now sometimes an iPad pro ;)

[@epiphanyvideomarketing7541]

That's skill right there. And patience. I have the skill, but lack the patience lol.

[@gareso]

It requires patience indeed 😅 especially if doing everything yourself

[@DesignbyBK]

Yesterday, I was watching one of School of Motion's video on using text animation. And that guy was teaching similar concept, but you took that zipper to more practical level.

[@gareso]

Thanks Burhan! I'm glad you found it useful! :)

[@sumeetkumardas2918]

My mind was blown by the time you explained Zipper animation.

[@gareso]

I feel like it shouldn't be that complicated, but I guess workarounds are an important part of our industry 😅

[@jeekim7495]

im so so so thankful i found your channel!!! a lot of tutorials are usually either too prescriptive or too general that even if i learn a skill i sometimes dont even know how i'd apply it - i've always just wanted animators with stellar work to just walk me through what they did and this is just PERFECT!!! thank you so much for sharing your workflow with a really informative commentary!

[@gareso]

Thanks for taking the time to write these words Jee! It makes me very happy to hear this :)

[@LeadSwitchKick]

Thank you for this. Please keep these videos up, really helpful

[@gareso]

Thanks for your support! I'll try my best :)

[@sivaprakash8683]

Hi you can also check this for best character design and animation in adobe animate kzbin.info/www/bejne/qaW4ZnileJeUZ5o

[@alongcoh]

Bro you’re like out here just giving away the magic for free! So so talented and good. Respect!

[@gareso]

❤ thanks Adam! It feels good to know these videos are helping people out there :)

[@groenpaardje]

Dude that zipper is genius. Thanks for making these video's, very educational and inspirational. You make beautiful stuff :)

[@gareso]

Thanks a lot Thomas :)

[@rezobokeria3198]

I saw this animation on animationsmashedown, and thought how cool would it be to have a tutorial of this. now I'm excited

[@gareso]

Awesome! You can always leave your questions and comments over here :)

[@Geeksmithing]

That zipper was slick!

[@이양-m8f]

It's really useful! Thanks a lot. I'm fascinated with your work.

[@SneezeInTheAshtray]

Mannn! Zipper animation technique 100%💥 😆 topppp!!! 👍

[@gareso]

🙌🙌 so many possibilities with this technique :)

[@apex864]

Wow, you have inspired me so much Gareso. Very grateful for your channel!

[@ARSAstories]

I was waiting for this kind of process video for a long time, now every thing is clear. Thankyou :)

[@osobtusos-animacoes8291]

Thanks for the Workflow! Please continue this!

[@gareso]

Thanks! I'm just finding it hard to keep up lately, but the channel is not dead. I'll be back some time soon with more content.

[@pedrogajardo5451]

The font trick!!!! Superb!

[@gareso]

:D

[@GibranST]

muito massa!! já tinha usado bastante o recurso de fonte; mas nunca tinha me ligado de criar uma personalizada; genial; o céu é o limite

[@gareso]

Pois é, tem várias situações onde isso é bem útil! Mais uma ferramenta pra caixinha :)

[@carlosdcf8268]

Very clever in the zipper part, very very clever, good job dude! amazing!

[@gareso]

😜 thanks!

[@davidp158]

Thanks again for sharing your knowledge and workflow. The symbol font for the zipper is brilliant.

[@KaitaniRiku29]

this is crazy.. super straightforward and helpful tutorial, and i love the animation

[@luelabbar6509]

GREATTTTTTTTTTTTTTTTTTTTTTTTTTTT work wow im shockkkkkkkkkk

[@gareso]

😄😄 thanks! 😜

[@ivann1n]

As a beginner it's really interesting! Lotos of clever tricks you came up with, Thanks from sharing, greetings from Mexico

[@williammiranda2268]

Amazing channel, thanks a lot! Greetings from Colombia

[@Zinriusminazen]

Thank you very much for showcasing your process and speaking about it in detail. It was very enlightening, much respect to you and your work.

[@gareso]

Thank you for your support Zinriusminazen! It makes me really happy to hear that :)

[@SamirRahamtalla]

Hey Gabriel! Really nice series!

[@gareso]

Hey Samir! Good to hear from you man! Thanks for that :)

[@ayoubgharafi1656]

😍 Loved it

[@gareso]

Many thanks for your support Ayoub :)

[@samueljo5680]

Awesome work! I like the way you explain your process.

[@nil_blank]

Amazing work man!

[@gareso]

Thanks Neil!

[@RobertYarde]

This is Gold! Great combination of techniques. Beautifully executed.

[@mrgoesta]

Love this, man! It looks great. Don't know if this was your swf problem, but in later versions of Animate you need to go Modify ->Document... and uncheck "Use advanced layers".

[@gareso]

Thanks a lot! As far as I remember I've tried that. Can't remember exactly what the problem was (other than the fact that the camera is not exported to ae). But it's good to keep that in mind, might come in handy for future issues :)

[@theredmaster_superbee]

many will think ... hey how easy it is! but ... hahaha surprise ... surprise ... this guy has a special talent that is not obtained by dominating design programs! You may know how to use adobe animate or whatever you want ... but to animate and move the elements as if they were alive is a special talent that is learned yes but over time and studying the book the principles of Disney animation .. Your work is great friend, I wanted to resume my animations and have fun again doing cartoons ... congratulations ...

[@gareso]

That's true man, it's not easy for anyone if you are always striving to stretch your habilities :) In the end, It doesn't really matter which program you are using. With the amount of information available at the tip of our fingers, one can improve very quickly by putting in the effort and by knowing that the foundations are the most important thing to learn before (or at least at the same time) of any software or cool technique. Thanks for your comment and your support :)

[@muhammadzazulirizki1000]

Damn the font trick is really mindblowing! Thank you for sharing this sir!

[@carloshidalgo92]

The use of the text tool for this is brilliant! great great great. Thanks for that tip. Gonna have it in mind.

[@뿌꾸-s4l]

Omg...perfect.. i love this vedio...♡actually i study AF alone, so it was so hard to learn is myself. But your vedio gave me hope. Please keep making vedio.

[@gareso]

Thanks! I'm happy to hear that! Keep studying and practicing! There are lots of good content on the web :)

[@beksultancasymaliev4969]

Just keep doing this tutorials. Watching from Central Asia bro. Thank u for ur channel.

[@gareso]

Thanks a lot for your support Beksultan :)

[@davidlacheroy1074]

Soooo cool Thank you !!

[@alirez_art]

amazing job

[@andrewkh3710]

omg! the amount of work! kudos!!

[@gareso]

😁

[@Kagemusha247]

thanks for these man !

[@metaverseme]

I need moreeee

[@gareso]

There will be more soon :) I'm on holiday this month 😬

[@pikala5189]

That font trick wasss brilliant af that s why i like after effects so many things to make u just need to be crative

[@gareso]

Yes! It's amazing what's possible to create inside after effects combining stuff and using the tools creatively. There's always something new to learn :)

[@pikala5189]

Ye cheers for the reply and keep going you are so talented ,i hope to reach your lvl and more soon

[@habiburahmanhakim7212]

After effects looks so intimidating

[@gareso]

Yeah, It looks intimidating, but it's not hard to get the basics and slowly move your way up and you'll start to feel more comfortable. :) its a great tool, so I think it's worth the effort.

[@1WillyDAVID]

awesome, thanks for sharing

[@Manuj2d]

You Are Awesome Dude!!

[@gareso]

Thanks for your support Manuj :)

[@saralopez7873]

This is so great

[@gareso]

Thanks!

[@smartsteevy]

Now, this is the content I signed up for. Awesome

[@gareso]

Thanks Steve! It's good to hear that :)

[@kubamatuszczak5619]

Probably someone mentioned it already but handy tip anayway: instead of toggling the stack (Contents>Group>Path etc.) for each layer in order to reveal the nested stopwatch next to Path property you can simply type "path" in the searchbar above the Layer stack and it will reveal the property for all layers at once :)) *bear in mind that regular Shape Layers paths need to be converted to Bezier Path in order to keyframe the path

[@gareso]

Yes, that's a very good tip :) Thanks for contributing!

[@jayralddraw9516]

thanks for sharing man, great video, keep it up

[@jansebastiaan]

Great colors & style, and nice tips and tricks! Keep up the good work!

[@gareso]

Thanks! 😁

[@jaminikavoori5942]

Thank you, a much-appreciated tutorial for once we have a video with someone taking us through the process word by word. And not a montage of the person simply animating with music playing in the background - which are impossible to follow and read. Thanks for being generous with explaining everything so well to all us aspiring animators :)

[@gareso]

I'm glad you found that helpful! :) thanks for your support.

[@benjaminlim5827]

I'm sure it's difficult as heck, but you made it look so simple.

[@gareso]

Thanks Benjamin! Complexity is just a bunch of simple stuff stitched together ;) take it apart and learn each step separately. When you look at everything together it can be a bit overwhelming.

[@penconable]

This is gold, really, really great. Thank you so much.

[@toindelisola]

Grande Gareso! Sempre um trabalho sensacional... parabéns meu velho e sucesso com o canal!

[@gareso]

Fala grande forrozeiro! Tudo tranquilo? Valeu meu caro! 🙌🙌

[@diegocomunicavisual]

I'm loving this videos! You're explanation is very objective and clear. Your work is amazing! I would like to know how time consuming was to do this project? Just for reference.

[@gareso]

Thanks for your comment Diego! This one took around 30 hours of work ;)

[@ianrena1]

@@gareso Indeed, never been easy, and as you have said 30 hours of work while some darn client just took 30 sec. to criticize...real pain :-(

[@gareso]

@@ianrena1 yeah, no matter how hard we try to minimize changes by bringing clients on board since the beginning of the process, there will always be some pain-in-the-ass clients hahahaha I guess that's life 😄

[@marlenidottv]

Good Job I can only imagine all the work this took.

[@amaru2340]

the font technique is awesome, it opens a variety of opportunities that really worth to be experimented! Your animation are awesome too. Any tip for someone that would like to do some animation but can not hand draw ?

[@gareso]

Thanks! I believe that drawing is just a matter of study and practice, and that everyone can draw. If you want to have that skill I would recommend taking the time to study and practice a little bit every day, and be patient. Meanwhile, you can always learn cut-out animation and character rigging, which will be invaluable to you anyway. But once again, don't let a preconception (I can't draw) limit what you want to achieve 😉

[@casperlam1335]

Thank you for the break down on your workflow

[@nifeab]

its so very really great job

[@gareso]

Thanks Nife :)

[@r3generaldesigns454]

Nice stuff!

[@gareso]

Thanks!!

[@Hannah-st2ll]

awesome!!!!! thank you

[@gareso]

Thanks for you support Hannah!

[@gherat]

Great work again and damn that zipper font idea is really smart!

[@gareso]

Thanks Siebe! :D

[@matthewtee5654]

Thanks very much for you sharing about the workflow. It really excited to have own animation even it is tough work to go. :)

[@gareso]

Thanks for your support Tee. I'm glad you liked it :)

[@imiy]

This is gold!

[@gareso]

I'm glad you like it! :D

[@kuichib]

Awesome tips, thanks for sharing.

[@kingsufian07]

Super cool but you know what.... i learn one thing. True, sketch and do animatic in photoshop. Than once all idea is fixed and tight.... illustrator time. Than as we illustrate everything, plan what shot requires what like the human pan shot you have here. My way still works but this is one new pipeline to me. Very very interesting.

[@sevaspreciado]

so beautiful bro, congratulations!

[@aarond9563]

BRUHHH! I applaud you good sir!

[@gareso]

Thanks Aaron! :)

[@sandytuns]

A very well explained and summarized, creative video :)

[@gareso]

Thanks :)

[@SWOOP1R]

Awesome work. I need to step it up. Thank you for the lesson.

[@kyle-rr4uh]

That was awesome!

[@kiranmayekar4514]

Amazing

[@gareso]

Thanks Kiran :)

[@pseudorealm]

I'm a university student and Adobe Animate is something that isn't pushed + I've never tackled on my own. But your workflow videos have shown how powerful of a tool it is for staging an animation. How important do you think it is to study traditional animation techniques for this kind of workflow? I've studied a bit but have never put it into practice and I feel I have at least a beginner's understanding. Thanks for this video! Edit: Okay, you've earned a sub and notification bell. Great channel already.

[@gareso]

I think the best thing you can do is to learn the foundations of anything :) Thanks a lot for your support!

[@mj_nooker]

Snx! Have no question cuz your wide explanation, hehe! Additionally snx 4 I discovered powerful hack as own font animation!

[@gareso]

Yay!

[@meirha_creates]

thanks for this! i would love to see more like this! i usually animate with after effects but want to learn animate and maybe even cinema4d and start integrating scenes from these programs into the workflow

[@gareso]

Thanks for your support :) I love cinema4d but I made the decision of focusing on the 2d side of things for the moment... it's just sooo much stuff to learn and practice that I think it's nearly impossible to do it all at once. Specially when you have a full time job 😜. But I still use cinema4d for some basic stuff, and maybe I'll go back to it in the future, tho ;)

[@sivaprakash8683]

Hi you can also check this for best character design and animation in adobe animate kzbin.info/www/bejne/qaW4ZnileJeUZ5o

[@stealthmermaid40]

Love your style thanks mate

[@jeeyap1864]

THANK YOU FOR THE TIPS!! IT REALLY HELPS A LOT!

[@gareso]

Thank you for your words :) I'm glad you found it helpful!

[@oresarjo8315]

thank you

[@鸡顶金瓜]

MY!!!!!!! you are great!! Thank u for the knowledge

[@lusenator]

instead of dropping down each thing to show the path to set a keyframe, you can just search "path" in the search bar and set all keyframes that way!

[@gareso]

True! I figured that out later. Way easier! I was waiting for someone to point that out :P

[@tarantatres9771]

Amazing Workflow!!

[@sivaprakash8683]

Hi you can also check this for best character design and animation in adobe animate kzbin.info/www/bejne/qaW4ZnileJeUZ5o

[@andraejulian]

I love this!! Thanks for sharing!!!!!!!!!!

[@niladrideb1218]

great breakdown.it will be great if you explain the cleanup process in animate. looking forward for more like this

[@sivaprakash8683]

Hi you can also check this for best character design and animation in adobe animate kzbin.info/www/bejne/qaW4ZnileJeUZ5o

[@gbesancon1962]

Olá, vi no seu site que você é brasileiro (desconfiei do seu sotaque :) ). Comecei a ver seus vídeos hoje e só quero te parabenizar pelo seu trabalho. Realmente muito talentoso. Comecei a pouco tempo a prender AE e seus vídeos são muito esclarecedores. Obrigada e Parabéns.

[@gareso]

Brigadão Gabriela! Que bom que os vídeos estão te ajudando de alguma forma :)

[@김민지-p7y]

I really love your video!

[@pidotprozaizai]

This is so amazing thank you so much !

[@hosseinghahari3557]

my god thank you so much for this amazing and inspiration video brother , i really enjoyed watching it , gave me energy to start my next project

[@gareso]

Thanks a lot! It's good to hear that :)

[@rawa6496]

Also, It would be great if you do a short video about the rough path (rough frame by frame animation in adobe animate) and one about the clean up! Thanks so much again sir!!

[@ohoiifilmmotiondesign4822]

you’re magnifico!

[@emanuelporic]

We need more tut's like this one. Thank you for sharing =)

[@gareso]

Thanks for your support! I'll do my best to keep them coming :)

[@JAlejandroMartinez]

Very interesting.... thanks for sharing your method... I learned a lot!

[@gareso]

Cool! I'm glad you found it helpful :)

[@デザイナーのひみつきち]

wow! I love it!

[@avtargill]

This was an awesome tutorial! Thanks so much 🙏

[@rakibhasan9496]

I'll be glad if you explain the rough pass parts bro.

[@gareso]

I'll try to give more attention to that part on future videos :)