ANIMATE using Photoshop | Frame-by-frame animation tutorial

Поділитися
Вставка
  • Опубліковано 23 лип 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

КОМЕНТАРІ • 77

  • @D3troisVarietyChannel
    @D3troisVarietyChannel  Місяць тому +1

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

  • @brianhunteraudiovisual
    @brianhunteraudiovisual Рік тому +12

    Thank you. No fluff, straight to the point

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

  • @JinxMarionette
    @JinxMarionette 3 роки тому +22

    This is so awesome and informative, good job man!

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  3 роки тому +2

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

    • @JinxMarionette
      @JinxMarionette 3 роки тому +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  3 роки тому +1

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

  • @diogomartins6377
    @diogomartins6377 2 роки тому +3

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

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

  • @Lumonteiro01
    @Lumonteiro01 24 дні тому +1

    great tutorial and art! thank you :)

  • @Animator_kun
    @Animator_kun 10 місяців тому +2

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

  • @MindedMarketing
    @MindedMarketing 3 роки тому +5

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

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  3 роки тому +2

      Hey thanks, I remember you :)

    • @MindedMarketing
      @MindedMarketing 3 роки тому +1

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

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

  • @fromstressedtorelaxed3478
    @fromstressedtorelaxed3478 2 роки тому +1

    Great to see your video! Good job!

  • @agushsstudio
    @agushsstudio 9 місяців тому +1

    i like the animation. thanks

  • @hi-xu5sk
    @hi-xu5sk 2 роки тому +1

    Thanks for sharing your tutorial

  • @TheStraycatsCartoon
    @TheStraycatsCartoon Рік тому +1

    Great Tutorial, Thank you!

  • @Troygdesign
    @Troygdesign Рік тому +1

    Thanks for explaining, very interesting

  • @Maikoh
    @Maikoh 3 роки тому +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  3 роки тому +1

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

    • @Maikoh
      @Maikoh 3 роки тому +1

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

  • @seanmcclain791
    @seanmcclain791 3 роки тому +2

    Very cool!

  • @Ze_Techno
    @Ze_Techno Рік тому +1

    Merci t'es le boss

  • @s1mster543
    @s1mster543 3 роки тому +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  3 роки тому +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 ? :)

  • @Only-rh6ye
    @Only-rh6ye Рік тому +1

    Super 👌

  • @jordyn3990
    @jordyn3990 2 роки тому +1

    Mad skills

  • @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!

  • @MrSquareart
    @MrSquareart 3 роки тому +2

    Great video. Found you on the reddit post.

  • @DegradationDomain
    @DegradationDomain 3 роки тому +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  3 роки тому +1

      What software do you use?

    • @DegradationDomain
      @DegradationDomain 3 роки тому +1

      @@D3troisVarietyChannel Adobe Animate

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  3 роки тому +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

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

  • @fr3q_m33k
    @fr3q_m33k 2 роки тому +1

    🖤

  • @VideaVice25
    @VideaVice25 4 місяці тому

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

  • @nobodyhome3753
    @nobodyhome3753 9 місяців тому

    "Great" seems like a strong term

  • @Jo_artsksksk
    @Jo_artsksksk Рік тому +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?

  • @justtheanxiety843
    @justtheanxiety843 2 роки тому +1

    Folders: a gift from the gods

  • @arkadiuszstarski
    @arkadiuszstarski 2 роки тому +1

    no such option like export in mp4 tho (CS6)

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  2 роки тому

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

  • @2DAnimax
    @2DAnimax 4 місяці тому

    there is no movement option in CC 2015.

  • @thetomato6331
    @thetomato6331 Рік тому +1

    you sound like Brackeys the coding youtuber

  • @UFT-8
    @UFT-8 11 місяців тому +2

    THERE 1 PROBLEM. your photoshop is in french

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  11 місяців тому +2

      Yes, but things should be in the same place

    • @flaky_salt
      @flaky_salt 4 місяці тому +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