Frame by Frame Animation Workflow: Animate + Photoshop + After Effects

Join our channel to take our animation class: / @plainlysimple
Join our Patreon to access the project files and screen recordings: / photoshop-files-75052391
Join our discord: / discord
In this video, I have discussed a frame by frame animation workflow that involves using photoshop and after effects.
This is a very long video. I don't expect you to finish this in one sitting. Just take your time watching this video. Think of it like a masterclass of sorts 😄
Save this video and get back to it when you need it.
* I recommend watching this video in fullscreen.
Here are timestamps:
00:00 - Intro
- Chapter 1
01:22 - Rough animation
02:51 - Tip: Drawing the hand and arm
04:49 - Rough animation timelapse
09:16 - Tip: Lasso tool
13:00 - Adjusting the pose
14:19 - Animating the hair
- Chapter 2
15:29 - What are tiedowns
18:56 - Timelapse of the tiedowns
- Chapter 3
21:27 - Preparing for photoshop
- Chapter 4
28:54 - How to animate in photoshop
- Chapter 5
48:01 - Digipaint basics
50:53 - Blending
53:31 - Form shadow vs Cast shadow
55:47 - Tools I used
56:50 - Using actions to speed up the process
01:01:10 - Painting the hair
01:08:03 - How to apply digipaint in animation
- Chapter 6
01:10:37 - Photoshop timelapse
- Chapter 7
01:20:30 - After Effects
01:22:47 - Adding additional lighting
01:32:12 - Adding background
01:35:51 - Lumetri color
01:37:23 - Adding rim light
01:42:30 - Adding a cut
- Chapter 8
01:45:25 - Conclusion
======== Other links ==========
Kyle Brushes: www.adobe.com/products/photos...
Background photo by hay photograp: www.pexels.com/photo/defocuse...

Пікірлер: 131

  • @plainlysimple
    @plainlysimple10 ай бұрын

    Join our channel to take our animation class. Click this link 👉 kzread.info/dron/jdm1e2lqR1QOtNfE33S1xQ.htmljoin

  • @KylaSavandal
    @KylaSavandal Жыл бұрын

    I am a newbie one, I thought that being an animator would just a childhood dream to me, but thanks to your videos. I am going to colorize that dream now.

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Wow, that's great! That's the goal to help aspiring animators become animators! I hope you won't give up on your childhood dream 😊

  • @mehrabahmedhasam5998

    @mehrabahmedhasam5998

    Жыл бұрын

    @@plainlysimple Can you make a video about how to draw a figure for animation?

  • @zzcc7534

    @zzcc7534

    Ай бұрын

    it's already one year now, show us your work.

  • @annaxferrer
    @annaxferrer Жыл бұрын

    No stone left unturned in this complete package of a video 🧐 Thanks for generously sharing your entire process, from animating to even digital painting and ideas for film editing 🤯

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thanks and you're welcome Anna! 😄 It's like a bunch of different tutorials in one tutorial 😄

  • @atsa8821
    @atsa882111 күн бұрын

    Thank you for creating this tutorial! It's perfect for beginners

  • @tiyocries
    @tiyocries Жыл бұрын

    Your teaching style and art style both are amazing i really loved how you teach every single thing about lighting , software , blending , colouring in depth . As a beginner this is gold to me i learned a lot and every single min of this video was worth to watch

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Hi! You're very welcome! And thank you for the kind words. 🙏Even with the long length of about 2 hours, you still found it worth watching. This encourages us to make more videos like this. 😄I hope the concepts taught here will guide you on your journey to becoming an animator. 🙌You can do it!

  • @khreezy
    @khreezy Жыл бұрын

    The compositing is so awesome 🔥 very detailed

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thank you 🙌 Glad you liked it. 👍

  • @nikkimadriaga1809
    @nikkimadriaga1809 Жыл бұрын

    You are a hero for creating this series

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Glad you liked this video! 😊 Happy to help

  • @yasminmagalhaes4309
    @yasminmagalhaes4309 Жыл бұрын

    Your channel is a true treasure!!! Thank you 💥❤️

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You're so welcome Yasmin! ❤️

  • @deadl0cked369
    @deadl0cked3695 ай бұрын

    Amazing! Thank you so much!

  • @davinci9979
    @davinci9979 Жыл бұрын

    you covered everything i am so glad😍

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Glad you liked it ❤️

  • @tillivanilli1116
    @tillivanilli1116 Жыл бұрын

    Astounding! Great video and so much knowledge in here. Thank you very much,

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You're very welcome! Glad you enjoyed it! 😊

  • @RBs376
    @RBs37611 ай бұрын

    Thank you so much, I really appreciate the efforts you genuinely did to teach people. If someone really wants to become good at it then this video really gonna help it. You are a hard-working and nice guy, no doubt in it.

  • @plainlysimple

    @plainlysimple

    9 ай бұрын

    Hi! 👋 Happy to read your comment. Yes, we really put a lot of effort to teach what we know. Glad that someone was able to notice the effort that we put in. 🙏

  • @danielmotion
    @danielmotion4 ай бұрын

    Ficou sensacional! Parabéns pela dedicação em ensinar isso para a gente

  • @PabloDeGales
    @PabloDeGales Жыл бұрын

    Excellent I really like your delivery I've learned lots thank you

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thanks! And you're welcome! ❤️

  • @martaw7981
    @martaw7981 Жыл бұрын

    Thank you for the thorough explanation. Great work!

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You're so welcome and thanks for watching!

  • @Vasanthvincent
    @Vasanthvincent Жыл бұрын

    All your videos are so much informative, After seeing your videos I got new hope to succeed as a 2D animator, thank you so much bro I mean it 👍

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You can do it! Glad to know this video helped! Keep at it! With practice, your skills would improve 🙌

  • @naturalreaction7414
    @naturalreaction7414 Жыл бұрын

    Dude, this was so awesome. Thanks!

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You're welcome! Glad you liked it! 😊

  • @jhunter1371
    @jhunter1371 Жыл бұрын

    This was awesome. I have learned a lot and will apply all these lessons now!

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Hi Justin! That's great! Glad to know this helped 😊

  • @muslladharbarish
    @muslladharbarish Жыл бұрын

    You are a legend for making this video

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Haha thanks! 😄

  • @forzamaya4087
    @forzamaya4087 Жыл бұрын

    Thanks for recording!

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You're welcome! 😊

  • @gabotroz7870
    @gabotroz7870 Жыл бұрын

    Wow amazing job!

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thanks! 😄

  • @brfn
    @brfn Жыл бұрын

    Well detailed and very useful❣️

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Glad it was helpful! ❤️

  • @carmenschweiger1330
    @carmenschweiger1330 Жыл бұрын

    Loved it!

  • @plainlysimple

    @plainlysimple

    11 ай бұрын

    Thanks 😊

  • @jayakumarseenivasan
    @jayakumarseenivasan Жыл бұрын

    beautiful work...

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thank you! Cheers!

  • @user-si5kg2nz5s
    @user-si5kg2nz5s Жыл бұрын

    YOU ARE THE BEST. THANKYOU

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thanks!!!

  • @josediegoislasmedina108
    @josediegoislasmedina10810 ай бұрын

    Thank you so much bro, your tutorial worked, keep going!!!

  • @plainlysimple

    @plainlysimple

    9 ай бұрын

    You're welcome! Glad to hear that!!

  • @mayouworld5944
    @mayouworld59446 ай бұрын

    I love your contents, my teachers don't explain me this!!!! you do it for free... I'm a beginner and I saw it just because I's my job dream. it's very important for me.Thank You so much!!!❤❤

  • @plainlysimple

    @plainlysimple

    6 ай бұрын

    You are so welcome! I hope you'll be able to land your dream job! Keep at it! 🙌

  • @zetazeta1422
    @zetazeta14226 ай бұрын

    Directo a lo importante, gracias!!

  • @plainlysimple

    @plainlysimple

    6 ай бұрын

    You're welcome! 😊

  • @user88795
    @user887955 ай бұрын

    thanks!

  • @jasonguo4502
    @jasonguo4502 Жыл бұрын

    incredible tutorial ,keep it up bro

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thanks, will do!

  • @sarojearningtips6189
    @sarojearningtips618910 ай бұрын

    thanks a lot i dont know why your video didn't came before.thanks bro.really

  • @plainlysimple

    @plainlysimple

    9 ай бұрын

    Welcome 👍

  • @imranazim6305
    @imranazim6305 Жыл бұрын

    thankyou for this

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You're welcome 😊

  • @auroravortex9361
    @auroravortex93618 ай бұрын

    that was very helpful thank you so much.

  • @plainlysimple

    @plainlysimple

    8 ай бұрын

    You're welcome! Glad this helped! 😊

  • @PRODUCT5
    @PRODUCT56 ай бұрын

    Sir superb video.thank u

  • @plainlysimple

    @plainlysimple

    6 ай бұрын

    You're welcome 😊

  • @mikhael7441
    @mikhael744110 ай бұрын

    Thanks SOOOOOOOOOOOOOOOOOO MUCH IT WORKS 100%

  • @plainlysimple

    @plainlysimple

    9 ай бұрын

    You're welcome! Glad to know it works! 😄

  • @jcescobarbravo
    @jcescobarbravo Жыл бұрын

    Muchas Gracias Sensei

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You're very welcome 😊

  • @Mohammadnur12
    @Mohammadnur123 ай бұрын

    thank you so much

  • @plainlysimple

    @plainlysimple

    2 ай бұрын

    You're welcome!

  • @TambinGaming
    @TambinGaming9 ай бұрын

    Great tutorial brother. Plz keep it up

  • @plainlysimple

    @plainlysimple

    8 ай бұрын

    Thanks 😊

  • @user-wm3et5sr2r
    @user-wm3et5sr2r9 ай бұрын

    Wow👏👏👏

  • @plainlysimple

    @plainlysimple

    9 ай бұрын

    Thanks 🙌

  • @khaledsalah7934
    @khaledsalah7934 Жыл бұрын

    thank you

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You're welcome 😊

  • @MrAlejo58
    @MrAlejo5811 ай бұрын

    Hi! Accidentally stumbled upon your channel. You are an interesting animator. I myself have been working in animation for over 22 years. Started as a classic pencil animator frame by frame. But then Flash learned and now I prefer puppet flash animation. Sometimes I combine with frame-by-frame animation.

  • @plainlysimple

    @plainlysimple

    9 ай бұрын

    Thanks! Puppet animation is interesting too! And combining it with frame by frame would give you the best of both worlds 😄

  • @sahaj5835
    @sahaj583510 ай бұрын

    thank u so much bhai

  • @plainlysimple

    @plainlysimple

    9 ай бұрын

    Most welcome 😊

  • @kelvinchuks8885
    @kelvinchuks8885 Жыл бұрын

    Nice

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thanks

  • @FabienAcet-ft3yn
    @FabienAcet-ft3yn Жыл бұрын

    Love this ! Nice job guys

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thanks! Glad you enjoyed it! 😄

  • @motiondesignermx2847
    @motiondesignermx2847 Жыл бұрын

    exahusting.

  • @tanexobach
    @tanexobach Жыл бұрын

    Where have you been all my life!?

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Here in the Philippines 😄

  • @tempqq5253
    @tempqq5253 Жыл бұрын

    Thanks Plainly Simple Chennel

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    You're welcome 😊

  • @HudsonMedia
    @HudsonMedia10 ай бұрын

    Love this tutorial! Been looking for something like this for ages. Do you think animating in photoshop would be sufficient for like rough animation? Not necessarily making it a super smooth product like in your very well done version. But just to simply show movement. Sketching out an animation. “Keyframe” it and then go back and colour in/turn it more into a painting? If that at all makes sense? For anyone who isn’t used to Adobe Animate.

  • @plainlysimple

    @plainlysimple

    9 ай бұрын

    Hi! Yes, photoshop would be sufficient. It's just my personal preference not to use it for rough animation. I just don't like how photoshop handles the onion skinning. It's much more intuitive and light weight in Adobe Animate. It's also very easy to adjust the onion skin in Animate. And onion skin is important when doing the rough animation. But yes, it is also possible to do everything entirely in Photoshop 😊

  • @mehrabahmedhasam5998
    @mehrabahmedhasam5998 Жыл бұрын

    Can you make a video about how to draw a figure for animation?

  • @Unknown-jl3xs
    @Unknown-jl3xsАй бұрын

    ❤❤Sir please tell me that can't i do colouring with Adobe animate and then use after effects for glow and highlights with out using Photoshop.....what can be the alternative option instead of Photoshop????

  • @AngryAddaYt
    @AngryAddaYt Жыл бұрын

    Lit🙄

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    🙌

  • @creatormons
    @creatormons2 ай бұрын

    59:37

  • @abhishekvishal9132
    @abhishekvishal9132 Жыл бұрын

    Sir❤❤❤🙏🙏

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    ❤️❤️❤️

  • @doriyaki6654
    @doriyaki6654 Жыл бұрын

    in ps you can add new blank video layer, so you don't need split normal layer

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    That is another way to animate in Photoshop but I'm not a fan of it. You can't set how long is a frame exposed for, like let's say you switch from on 2s to on 1s and then pause for 1 sec. It's hard to do that on just video layers alone, which is the appeal of video groups (the method I'm using) because you can clearly see the drawings and how long each is being exposed. Hope that helps.

  • @doriyaki6654

    @doriyaki6654

    Жыл бұрын

    @@plainlysimple that's right, that's the weakness of that method, by the way thanks for the tutorial, very helpful

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Thanks and you're welcome. Glad you liked it. 😊

  • @jessicanotari8627
    @jessicanotari8627 Жыл бұрын

    Hi! I have a question. Trying this workflow and Im confused by when you are coloring her in what you are doing when you are putting those breaks in the timeline on each layer and how that allows what your painting to move with the animation. When Im painting it stays and the animation moves away from what I painted. Any help i'd appreciate

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Hi Jessica, can you let me know the timestamp of what you are referring to? 😊 I'll try my best to help.

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Also if it's better, you can join our discord and post screenshots on the #general-chat channel

  • @JuriBinturong
    @JuriBinturong Жыл бұрын

    Have you tried Moho? It seems to save a lot of time in animating characters.

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    No I have not. But it's in one of our softwares to try list. Although, what you mean by save a lot of time in animating characters is most likely to refer to rigging, which we do in after effects. The frame by frame process is roughly the same across different softwares. This one is done frame by frame. You can save time by rigging, but that would totally give a different feel. It's not a better feel, just different. It really depends on what kind of look you're going for. This animation took about 10 - 12 hours to complete from start to finish.

  • @fzidx
    @fzidx3 ай бұрын

    so u draw the animation in AN first n the you tracing back in PS to add color n texture? is that correct? in PS u import every image of drawing in AN or how? can u xplain more?? i already watch your tutorial but still not undestand

  • @plainlysimple

    @plainlysimple

    2 ай бұрын

    This is discussed in 21:27

  • @system5849
    @system5849 Жыл бұрын

    please if anyone from this field please do comment coz i want to learn animation with collabe

  • @manjudevi9542
    @manjudevi9542 Жыл бұрын

    Can we do the colour properly our character in adobe animate or we must have to do it in photoshop like u did??

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Hi! Yes you can do the coloring properly in adobe animate but you won't be able to achieve this "painted" style look. It is so much better and so much fun in photoshop than in animate. If the style is just a solid color, then I will do the coloring in animate but if the style is more textured and has that painted look, then I'll finish it in photoshop 😊

  • @manjudevi9542

    @manjudevi9542

    Жыл бұрын

    Do u prefer photoshop for background or any other software??

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    @@manjudevi9542 I'm not really a background artist (this is Marvin speaking). But our lead designer, the one who designed the character for this, uses photoshop, and illustrator for backgrounds 😊

  • @WisegussIllustration
    @WisegussIllustration Жыл бұрын

    Can we do the same process with procreate instead of photoshop?

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Yes you can do the same process with procreate. The way you do it may be different. Like the UI is very different, and how you add a blank keyframe is also very different in procreate but the overall concept of this can be applied in any software 😊

  • @artisticbeast5094
    @artisticbeast5094 Жыл бұрын

    How much time does it actually took

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    Around 1-2 days I think? 🤔

  • @andricell7794
    @andricell7794 Жыл бұрын

    I want to ask?

  • @riccardodebenedictis6195
    @riccardodebenedictis61957 ай бұрын

    im a complete newbie, is possible animate a character without drawing ?

  • @plainlysimple

    @plainlysimple

    6 ай бұрын

    You can animate without drawing using rigging, but it's hard to be good in character animation without drawing fundamentals. 😊 I recommend you not to skip it. 😊 But to answer your question, yes it's possible to animate a character without drawing (provided the design is drawn/illustrated by someone else). But if you were to animate solo, you really need to draw or illustrate.

  • @StudyBoard
    @StudyBoard Жыл бұрын

    kzread.info/dash/bejne/oaSmt82sdrDXYaw.html to convert to animate to psd

  • @ezpzly
    @ezpzly Жыл бұрын

    What pen display do you use ?

  • @plainlysimple

    @plainlysimple

    Жыл бұрын

    I use a huion Kamvas 16 2.5k

  • @catblack2465
    @catblack24658 ай бұрын

    I drawing not good so can I make this like you?

  • @plainlysimple

    @plainlysimple

    8 ай бұрын

    Drawing is an important skill in frame by frame animation. If you're not good at drawing then it would really help to practice. 😊

  • @GLOGEL
    @GLOGEL Жыл бұрын

    "IF YOU WANT ME TO PUT YOU IN THE PICTURE.. REPENT" THE WORLD SAID AND+AMEN

  • @creatormons
    @creatormons2 ай бұрын

    1:04:19