ANIMATE using Photoshop | Frame-by-frame animation tutorial

Рет қаралды 82,468

Күн бұрын

Learn how to use Photoshop to make frame-by-frame animations with me! Here is a step-by-step tutorial as well as a full example of a 5sec animation called 'Hand of God'.
Watch my tutorial on how to edit a drawing video: • 5 Easy Steps for EDITI...
If you like my style of drawings, follow me on my social media:
Instagram : / d3_sd
Reddit : / d3trois
Twitter : / d3trois
Get 10% off your APEALZ stickers by using my link:
www.apealz.com/affiliate?affi...
(the 10% offer is not restricted to my designs but you might as well check them out, eh?)
If you want to read my chinese-inspired fantasy web novels:
www.royalroad.com/fiction/413...
or
www.webnovel.com/profile/4306...
--------
Video editing software: Adobe Premiere Pro CC 2019
Screen recording software: OBS Studio
Image editing software: Adobe Photoshop CC 2017
Microphone: Audio-technica 2020USB+
Audio recording software: Audacity
-------
Music by Prod. Riddiman
Non copyrighted music, thanks to them for the good free-to-use beats.
-------
0:00 Intro
0:18 Set up the interface
1:39 Drawing the first frames
2:50 Full animation process and tips
5:43 Limitations of using Photoshop
7:22 Final result and outro

Пікірлер: 77

@D3troisVarietyChannel 27 күн бұрын

Find me on Cara: cara.app/d3trois A new platform for artists without AI

@brianhunteraudiovisual Жыл бұрын

Thank you. No fluff, straight to the point

@D3troisVarietyChannel Жыл бұрын

@Benedetta-Marcarini 2 жыл бұрын

Thank you sooo much, I could not figure that out and I wanna do my own animations now.

@D3troisVarietyChannel 2 жыл бұрын

I'm so glad it helped you :) there are other great tutorials out there that might go into more detail but now you can already start! Everybody should try to animate, it's fun

@Benedetta-Marcarini 2 жыл бұрын

@@D3troisVarietyChannel heh, you're right. I'm glad I improved my illustrations skills in the meantime tho

@JinxMarionette 3 жыл бұрын

This is so awesome and informative, good job man!

@D3troisVarietyChannel 3 жыл бұрын

Thank you so much! Have you ever used photoshop to animate before?

@JinxMarionette 3 жыл бұрын

@@D3troisVarietyChannel I have not! The program I used to animate with was Flash back in the day.. It's been at least a decade since I've animated anything!

@D3troisVarietyChannel 3 жыл бұрын

How wow! Do you think you would like to get back to it eventually?

@diogomartins6377 2 жыл бұрын

your video helped a lot. congrats for the animation and for the tutorial.

@D3troisVarietyChannel 2 жыл бұрын

Thank you! Very nice to hear

@Lumonteiro01 16 күн бұрын

great tutorial and art! thank you :)

@Animator_kun 10 ай бұрын

Thanks for your tutorial !! it help me so much nowadays ❤

@D3troisVarietyChannel 10 ай бұрын

Glad to hear!

@MindedMarketing 3 жыл бұрын

I found you on reddit and I am so happy that I did. Great content as per usual :-)

@D3troisVarietyChannel 3 жыл бұрын

Hey thanks, I remember you :)

@MindedMarketing 3 жыл бұрын

@@D3troisVarietyChannel Awesome! It's great to see your channel growth! Keep up the good work :-)

@rightyofelix 2 жыл бұрын

OMG Thank you so much! You really helped a beginner! I will subscribe! Keep it up!

@D3troisVarietyChannel 2 жыл бұрын

Hey thanks! I have a new video on that dropping really soon, I hope you will like that one too! It makes me so happy to hear that it helped :)

@parthenos74 Жыл бұрын

Hey! I'm new to animating on photoshop but around 6:04 you talk about the limitations of photoshop and how it's harder to add animations on top of already existing ones because of the layers and frames. I just want to suggest converting your frame animations to video timeline! You can do this by clicking the three lined button on the top right of your animation window and selecting "convert to video timeline". It's similar to Adobe Premiere Pro in the sense you can layer different animations. So far, that's helped me a lot, but it can be a problem if you color in your animations & you want specific things to be in front of/behind (or inside) other animations layers. It's my first year going to early college for graphic design and our unit right now is animation in photoshop & premiere pro, so this video helped a lot!! Thanks so much :DD

@D3troisVarietyChannel Жыл бұрын

Absolutely, you can do that, but at least in my version of the software if you turn it into a video timeline, each new frame created is 5sec long by default, so it becomes too much of a pain to resize each new frame. I do agree video timeline is better to add colors, backgrounds, various elements etc, but i only do it at the very last second, and usually I would even draw animations on different canvases and then fit them together in premiere pro

@parthenos74 Жыл бұрын

@@D3troisVarietyChannel Ohh yeah it could be the differences in versions! I think I'm running on the 2021 version and it will only convert the amount of frames you've made on the frame animations to video time line (I'm bad at explaining, but like I made a 2 framed animation and when I converted it, it gave me 2fps on the video timeline!). Also, drawing animations on different canvases sounds so fun! I feel like I'd mess a canvas up and not realize until I converted it, but that is such a cool way to animate! I never considered doing that before :)) I have a project due in a month where I have to make a 3 minute animation and it's only my second or third time drawing each frame so I'm super nervous that I'm in over my head with the amount of things I want to happen in it, but your video really helped me feel more confident to get started, so thanks so much!!

@D3troisVarietyChannel Жыл бұрын

I hope your project works out well! I hope I helped you at least get started :)

@fromstressedtorelaxed3478 2 жыл бұрын

Great to see your video! Good job!

@D3troisVarietyChannel 2 жыл бұрын

Thanks

@hi-xu5sk 2 жыл бұрын

Thanks for sharing your tutorial

@D3troisVarietyChannel 2 жыл бұрын

Thanks Hi!

@TheStraycatsCartoon Жыл бұрын

Great Tutorial, Thank you!

@D3troisVarietyChannel Жыл бұрын

Thanks :)

@agushsstudio 8 ай бұрын

i like the animation. thanks

@Troygdesign Жыл бұрын

Thanks for explaining, very interesting

@D3troisVarietyChannel Жыл бұрын

Thank you :)

@Maikoh 3 жыл бұрын

LOL, this video’s Detrois avatar 😆 I’ve been using Photoshop since I was like 13 😅😂 Never knew you could make animations in it! You can also select a group in the layers box and press ctrl or cmd and ‘J’ to duplicate the layer or group! 😆😆 Your face cracks me up every time it pops into the video 4:12. Very cool animation! 🙌

@D3troisVarietyChannel 3 жыл бұрын

Gotta admit I had no idea what kind of avatar I wanted x) Ctrl-J, that will be so useful, awesome!

@Maikoh 3 жыл бұрын

@@D3troisVarietyChannel LOL, well I love what you came up with this video!

@seanmcclain791 3 жыл бұрын

Very cool!

@D3troisVarietyChannel 3 жыл бұрын

Thanks

@Ze_Techno Жыл бұрын

Merci t'es le boss

@jordyn3990 2 жыл бұрын

Mad skills

@D3troisVarietyChannel 2 жыл бұрын

Thaaaaanks

@MrSquareart 3 жыл бұрын

Great video. Found you on the reddit post.

@D3troisVarietyChannel 3 жыл бұрын

Heyy thank you!

@Only-rh6ye Жыл бұрын

Super 👌

@DegradationDomain 3 жыл бұрын

I am here from Reddit. Nice video. I really like it. I make short animations using another software but have bad drawing skills :( A new subscriber here!

@D3troisVarietyChannel 3 жыл бұрын

What software do you use?

@DegradationDomain 3 жыл бұрын

@@D3troisVarietyChannel Adobe Animate

@D3troisVarietyChannel 3 жыл бұрын

Oh okay! I tried it once but couldn't figure out how to make it work ! Also I'm not fond of the drawing stuff in there and I'm too used to photoshop

@WhateverGast 2 жыл бұрын

Great video! I was wondering what kind of brush you use for drawing in this vid

@D3troisVarietyChannel 2 жыл бұрын

It's a basic textured brush for inking. I just downloaded a free inking brush I liked (it's only called 'Inking 25 Hard'), turned the opacity 100% and activated the size/pressure. This one is an ellipse but you can use any simple shape.

@WhateverGast 2 жыл бұрын

@@D3troisVarietyChannel Thanks!

@fr3q_m33k 2 жыл бұрын

🖤

@nobodyhome3753 8 ай бұрын

"Great" seems like a strong term

@VideaVice25 4 ай бұрын

Now i need to figure out if PS Element can do that.

@s1mster543 3 жыл бұрын

Hello, i need some help. When i have drawn on the first keyframe and then try to change something on the same layer but one keyframe ahead it changes that thing for the whole layer/keyframes. Could you tell me the problem please? :))

@D3troisVarietyChannel 3 жыл бұрын

So the way it works is that you need to duplicate the layer and work on the copy. If you change the same layer, the change will apply to all the keyframes for which the layer is visible. Did it help ? :)

@justtheanxiety843 2 жыл бұрын

Folders: a gift from the gods

@D3troisVarietyChannel 2 жыл бұрын

Folders and layers are life-saving

@justtheanxiety843 2 жыл бұрын

Always have been, always will be

@D3troisVarietyChannel 2 жыл бұрын

Praise the Photoshop godd

@lukab780 Жыл бұрын

Is it really that hard to, for the duration of the recording, change the UI language to match the target audience?

@D3troisVarietyChannel Жыл бұрын

Yes, it actually is... Basically to change the UI I would need to completely reinstall the program (which is a problem with Adobe since it's an old version and I can't update it) I wish I could have done the video with an English UI

@joannegranger573 Жыл бұрын

How do I open the frame panel? It doesen’t show up when I click on “movement” Edit: nvm I fixed it

@D3troisVarietyChannel Жыл бұрын

Sorry I didn't see your comment in time. Glad you fixed it :)

@bubbles7163 Жыл бұрын

how did you fix the problem?

@D3troisVarietyChannel Жыл бұрын

I am sorry I don't think I can help, but maybe try poking around the 'windows' or 'view' setups at the top of the screen?

@arkadiuszstarski Жыл бұрын

no such option like export in mp4 tho (CS6)

@D3troisVarietyChannel Жыл бұрын

I don't use CS6 but I think now there is an option in 'File/Export/Render video' that you can use!

@2DAnimax 4 ай бұрын

there is no movement option in CC 2015.

@D3troisVarietyChannel 4 ай бұрын

Sorry I don't use other versions than the one in the video

@thetomato6331 Жыл бұрын

you sound like Brackeys the coding youtuber

@D3troisVarietyChannel Жыл бұрын

Oh? I don't know them, I'll check it out !

@UFT-8 11 ай бұрын

THERE 1 PROBLEM. your photoshop is in french

@D3troisVarietyChannel 11 ай бұрын

Yes, but things should be in the same place

@flaky_salt 3 ай бұрын

oh cmon you can understand some words like edit , image , filter , 3d , selection etc its not that difficult to understand the software he is using . b4 you come at me no i don't speak French nor am i a native speaker