ANIMATE using Photoshop | Frame-by-frame animation tutorial

Поделиться
HTML-код
  • Опубликовано: 24 июл 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 Год назад +2

    THERE 1 PROBLEM. your photoshop is in french

    • @D3troisVarietyChannel
      @D3troisVarietyChannel  Год назад +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