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
Join our channel to take our animation class. Click this link 👉 kzread.info/dron/jdm1e2lqR1QOtNfE33S1xQ.htmljoin
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
Жыл бұрын
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
Жыл бұрын
@@plainlysimple Can you make a video about how to draw a figure for animation?
@zzcc7534
Ай бұрын
it's already one year now, show us your work.
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
Жыл бұрын
Thanks and you're welcome Anna! 😄 It's like a bunch of different tutorials in one tutorial 😄
Thank you for creating this tutorial! It's perfect for beginners
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
Жыл бұрын
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!
The compositing is so awesome 🔥 very detailed
@plainlysimple
Жыл бұрын
Thank you 🙌 Glad you liked it. 👍
You are a hero for creating this series
@plainlysimple
Жыл бұрын
Glad you liked this video! 😊 Happy to help
Your channel is a true treasure!!! Thank you 💥❤️
@plainlysimple
Жыл бұрын
You're so welcome Yasmin! ❤️
Amazing! Thank you so much!
you covered everything i am so glad😍
@plainlysimple
Жыл бұрын
Glad you liked it ❤️
Astounding! Great video and so much knowledge in here. Thank you very much,
@plainlysimple
Жыл бұрын
You're very welcome! Glad you enjoyed it! 😊
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
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. 🙏
Ficou sensacional! Parabéns pela dedicação em ensinar isso para a gente
Excellent I really like your delivery I've learned lots thank you
@plainlysimple
Жыл бұрын
Thanks! And you're welcome! ❤️
Thank you for the thorough explanation. Great work!
@plainlysimple
Жыл бұрын
You're so welcome and thanks for watching!
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
Жыл бұрын
You can do it! Glad to know this video helped! Keep at it! With practice, your skills would improve 🙌
Dude, this was so awesome. Thanks!
@plainlysimple
Жыл бұрын
You're welcome! Glad you liked it! 😊
This was awesome. I have learned a lot and will apply all these lessons now!
@plainlysimple
Жыл бұрын
Hi Justin! That's great! Glad to know this helped 😊
You are a legend for making this video
@plainlysimple
Жыл бұрын
Haha thanks! 😄
Thanks for recording!
@plainlysimple
Жыл бұрын
You're welcome! 😊
Wow amazing job!
@plainlysimple
Жыл бұрын
Thanks! 😄
Well detailed and very useful❣️
@plainlysimple
Жыл бұрын
Glad it was helpful! ❤️
Loved it!
@plainlysimple
11 ай бұрын
Thanks 😊
beautiful work...
@plainlysimple
Жыл бұрын
Thank you! Cheers!
YOU ARE THE BEST. THANKYOU
@plainlysimple
Жыл бұрын
Thanks!!!
Thank you so much bro, your tutorial worked, keep going!!!
@plainlysimple
9 ай бұрын
You're welcome! Glad to hear that!!
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
6 ай бұрын
You are so welcome! I hope you'll be able to land your dream job! Keep at it! 🙌
Directo a lo importante, gracias!!
@plainlysimple
6 ай бұрын
You're welcome! 😊
thanks!
incredible tutorial ,keep it up bro
@plainlysimple
Жыл бұрын
Thanks, will do!
thanks a lot i dont know why your video didn't came before.thanks bro.really
@plainlysimple
9 ай бұрын
Welcome 👍
thankyou for this
@plainlysimple
Жыл бұрын
You're welcome 😊
that was very helpful thank you so much.
@plainlysimple
8 ай бұрын
You're welcome! Glad this helped! 😊
Sir superb video.thank u
@plainlysimple
6 ай бұрын
You're welcome 😊
Thanks SOOOOOOOOOOOOOOOOOO MUCH IT WORKS 100%
@plainlysimple
9 ай бұрын
You're welcome! Glad to know it works! 😄
Muchas Gracias Sensei
@plainlysimple
Жыл бұрын
You're very welcome 😊
thank you so much
@plainlysimple
2 ай бұрын
You're welcome!
Great tutorial brother. Plz keep it up
@plainlysimple
8 ай бұрын
Thanks 😊
Wow👏👏👏
@plainlysimple
9 ай бұрын
Thanks 🙌
thank you
@plainlysimple
Жыл бұрын
You're welcome 😊
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
9 ай бұрын
Thanks! Puppet animation is interesting too! And combining it with frame by frame would give you the best of both worlds 😄
thank u so much bhai
@plainlysimple
9 ай бұрын
Most welcome 😊
Nice
@plainlysimple
Жыл бұрын
Thanks
Love this ! Nice job guys
@plainlysimple
Жыл бұрын
Thanks! Glad you enjoyed it! 😄
exahusting.
Where have you been all my life!?
@plainlysimple
Жыл бұрын
Here in the Philippines 😄
Thanks Plainly Simple Chennel
@plainlysimple
Жыл бұрын
You're welcome 😊
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
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 😊
Can you make a video about how to draw a figure for animation?
❤❤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????
Lit🙄
@plainlysimple
Жыл бұрын
🙌
59:37
Sir❤❤❤🙏🙏
@plainlysimple
Жыл бұрын
❤️❤️❤️
in ps you can add new blank video layer, so you don't need split normal layer
@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
Жыл бұрын
@@plainlysimple that's right, that's the weakness of that method, by the way thanks for the tutorial, very helpful
@plainlysimple
Жыл бұрын
Thanks and you're welcome. Glad you liked it. 😊
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
Жыл бұрын
Hi Jessica, can you let me know the timestamp of what you are referring to? 😊 I'll try my best to help.
@plainlysimple
Жыл бұрын
Also if it's better, you can join our discord and post screenshots on the #general-chat channel
Have you tried Moho? It seems to save a lot of time in animating characters.
@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.
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
2 ай бұрын
This is discussed in 21:27
please if anyone from this field please do comment coz i want to learn animation with collabe
Can we do the colour properly our character in adobe animate or we must have to do it in photoshop like u did??
@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
Жыл бұрын
Do u prefer photoshop for background or any other software??
@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 😊
Can we do the same process with procreate instead of photoshop?
@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 😊
How much time does it actually took
@plainlysimple
Жыл бұрын
Around 1-2 days I think? 🤔
I want to ask?
im a complete newbie, is possible animate a character without drawing ?
@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.
kzread.info/dash/bejne/oaSmt82sdrDXYaw.html to convert to animate to psd
What pen display do you use ?
@plainlysimple
Жыл бұрын
I use a huion Kamvas 16 2.5k
I drawing not good so can I make this like you?
@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. 😊
"IF YOU WANT ME TO PUT YOU IN THE PICTURE.. REPENT" THE WORLD SAID AND+AMEN
1:04:19