ANIMATE using Photoshop | Frame-by-frame animation tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 มิ.ย. 2024
  • 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

ความคิดเห็น • 76

  • @D3troisVarietyChannel
    @D3troisVarietyChannel  วันที่ผ่านมา +1

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

  • @brianhunteraudiovisual
    @brianhunteraudiovisual ปีที่แล้ว +11

    Thank you. No fluff, straight to the point

  • @rightyofelix
    @rightyofelix 2 ปีที่แล้ว +2

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

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  2 ปีที่แล้ว +1

      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 :)

  • @diogomartins6377
    @diogomartins6377 2 ปีที่แล้ว +3

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

  • @Animator_kun
    @Animator_kun 9 หลายเดือนก่อน +2

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

  • @JinxMarionette
    @JinxMarionette 2 ปีที่แล้ว +22

    This is so awesome and informative, good job man!

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  2 ปีที่แล้ว +2

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

    • @JinxMarionette
      @JinxMarionette 2 ปีที่แล้ว +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
      @D3troisVarietyChannel  2 ปีที่แล้ว +1

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

  • @Benedetta-Marcarini
    @Benedetta-Marcarini 2 ปีที่แล้ว +10

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

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  2 ปีที่แล้ว +3

      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
      @Benedetta-Marcarini 2 ปีที่แล้ว +1

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

  • @parthenos74
    @parthenos74 ปีที่แล้ว +6

    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
      @D3troisVarietyChannel  ปีที่แล้ว +1

      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
      @parthenos74 ปีที่แล้ว +1

      @@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
      @D3troisVarietyChannel  ปีที่แล้ว +1

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

  • @agushsstudio
    @agushsstudio 7 หลายเดือนก่อน +1

    i like the animation. thanks

  • @MindedMarketing
    @MindedMarketing 2 ปีที่แล้ว +5

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

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  2 ปีที่แล้ว +2

      Hey thanks, I remember you :)

    • @MindedMarketing
      @MindedMarketing 2 ปีที่แล้ว +1

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

  • @fromstressedtorelaxed3478
    @fromstressedtorelaxed3478 2 ปีที่แล้ว +1

    Great to see your video! Good job!

  • @Maikoh
    @Maikoh 2 ปีที่แล้ว +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
      @D3troisVarietyChannel  2 ปีที่แล้ว +1

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

    • @Maikoh
      @Maikoh 2 ปีที่แล้ว +1

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

  • @TheStraycatsCartoon
    @TheStraycatsCartoon ปีที่แล้ว +1

    Great Tutorial, Thank you!

  • @hi-xu5sk
    @hi-xu5sk 2 ปีที่แล้ว +1

    Thanks for sharing your tutorial

  • @Troygdesign
    @Troygdesign ปีที่แล้ว +1

    Thanks for explaining, very interesting

  • @Ze_Techno
    @Ze_Techno ปีที่แล้ว +1

    Merci t'es le boss

  • @seanmcclain791
    @seanmcclain791 2 ปีที่แล้ว +2

    Very cool!

  • @Only-rh6ye
    @Only-rh6ye ปีที่แล้ว +1

    Super 👌

  • @jordyn3990
    @jordyn3990 2 ปีที่แล้ว +1

    Mad skills

  • @DegradationDomain
    @DegradationDomain 2 ปีที่แล้ว +1

    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
      @D3troisVarietyChannel  2 ปีที่แล้ว +1

      What software do you use?

    • @DegradationDomain
      @DegradationDomain 2 ปีที่แล้ว +1

      @@D3troisVarietyChannel Adobe Animate

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  2 ปีที่แล้ว +1

      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

  • @MrSquareart
    @MrSquareart 2 ปีที่แล้ว +2

    Great video. Found you on the reddit post.

  • @WhateverGast
    @WhateverGast 2 ปีที่แล้ว +1

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

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  2 ปีที่แล้ว +1

      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
      @WhateverGast 2 ปีที่แล้ว +1

      @@D3troisVarietyChannel Thanks!

  • @s1mster543
    @s1mster543 2 ปีที่แล้ว +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
      @D3troisVarietyChannel  2 ปีที่แล้ว +2

      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 ? :)

  • @VideaVice25
    @VideaVice25 3 หลายเดือนก่อน

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

  • @CalemSmith
    @CalemSmith ปีที่แล้ว +1

    🖤

  • @nobodyhome3753
    @nobodyhome3753 8 หลายเดือนก่อน

    "Great" seems like a strong term

  • @justtheanxiety843
    @justtheanxiety843 2 ปีที่แล้ว +1

    Folders: a gift from the gods

  • @lukab780
    @lukab780 ปีที่แล้ว +1

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

    • @D3troisVarietyChannel
      @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
    @joannegranger573 ปีที่แล้ว +1

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

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  ปีที่แล้ว

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

    • @bubbles7163
      @bubbles7163 ปีที่แล้ว

      how did you fix the problem?

    • @D3troisVarietyChannel
      @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?

  • @2DAnimax
    @2DAnimax 3 หลายเดือนก่อน

    there is no movement option in CC 2015.

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  3 หลายเดือนก่อน

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

  • @arkadiuszstarski
    @arkadiuszstarski ปีที่แล้ว +1

    no such option like export in mp4 tho (CS6)

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  ปีที่แล้ว

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

  • @thetomato6331
    @thetomato6331 ปีที่แล้ว +1

    you sound like Brackeys the coding youtuber

  • @UFT-8
    @UFT-8 10 หลายเดือนก่อน +2

    THERE 1 PROBLEM. your photoshop is in french

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  10 หลายเดือนก่อน +2

      Yes, but things should be in the same place

    • @flaky_salt
      @flaky_salt 2 หลายเดือนก่อน +1

      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

  • @youbtik3429
    @youbtik3429 2 ปีที่แล้ว +2

    Photoshop Time line is really not good

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  2 ปีที่แล้ว +2

      It's enough for a first approach to frame by frame animation but it is not optimized