Animating in Photoshop: The Basics

Поделиться
HTML-код
  • Опубликовано: 20 июл 2018
  • In this tutorial I share some quick tips on how you can get started with animation in Photoshop. I talk about the benefits of knowing some classical animation techniques when getting into the business and how it can help you to become a better animator.
    Music
    Sappheiros - Aurora
    Sappheiros - Memories
  • КиноКино

Комментарии • 489

  • @itsmasaki9784
    @itsmasaki9784 4 года назад +326

    yo what do i press to the next and previous frame

    • @ririchiyou
      @ririchiyou 4 года назад +341

      o_MaSaKi_o Click the timeline options icon (four horizontal lines) on the top-right corner of the timeline panel and then click on “enable timeline shortcut keys” and then you should be able to go to the next/previous frame by simply clicking on your left and right arrow keys. :)

    • @stefandavis1136
      @stefandavis1136 4 года назад +15

      @@ririchiyou thanks

    • @artzoo7255
      @artzoo7255 4 года назад +96

      @@ririchiyou Bro you saved an entire universe

    • @ririchiyou
      @ririchiyou 4 года назад +29

      artzoo It’s what homies do, mate

    • @user-rn9xi6fq5z
      @user-rn9xi6fq5z 4 года назад +4

      Doesn't quite work for me, the arrows do nothing even when enabled... I tried to edit it in the Shortcuts options, but you can't have arrows as a shortcut, just Ctrl+something, which is very annoying. Any ideas? :)

  • @thejiggy
    @thejiggy 4 года назад +458

    dude this upsets me because I've had Photoshop for years and never knew I could do this lol great video btw!

    • @pablozamparo596
      @pablozamparo596 4 года назад +1

      Me to

    • @am6610
      @am6610 4 года назад +3

      Same ! Thats so sad

    • @ernestekie8307
      @ernestekie8307 4 года назад +2

      @@am6610 looool Me too

    • @emiliorios6076
      @emiliorios6076 4 года назад +1

      Related 630
      There are several factors in photoshop tutorials. One place I discovered that succeeds in merging these is the Trevs photo blue print (google it if you're interested) without a doubt the most incredible resource i've seen. Check out all the awesome information.

    • @okidokidraws
      @okidokidraws 4 года назад

      Live and learn normal its late :(

  • @Bunnyfacekat
    @Bunnyfacekat 4 года назад +23

    I've been so scared to animate because I didn't know how or what I would even make. This video helped me give it a try and I am so happy I did, thank you!

  • @samantha-jaynechapman2950
    @samantha-jaynechapman2950 3 года назад +16

    There are video layers?! 12 years of experience and I didn't know?! Revolutionary

    • @artplasma3538
      @artplasma3538 2 года назад

      Hello, you are welcome to visit my RUclips channel, where you can discover a variety of fascinating lesson videos.
      It's fantastic that you came to my channel; it's my pleasure to help you.
      Thank you a lot

  • @JulesColour
    @JulesColour 4 года назад +4

    Never knew how animation really worked, I had an idea I guess but man, I was way way off course! Your simple little animated explosion left me with such a smile ☺️ it was like seeing MAGIC. I felt such ecstacy seeing your whole process come to life. I don't know how to repay this feeling, truly.

  • @hack2sorry242
    @hack2sorry242 4 года назад +2

    i had Photoshop for several years but i never knew we could animate in there as well... THANK YOU very much!!! made the workflow much easier

  • @Mo-ox9xn
    @Mo-ox9xn 6 лет назад +10

    Hi! I was one of the guys requesting more videos on you Instagram! Was so happy to see a new video on your Channel :) thanks really much! :)

  • @ann_gamin.
    @ann_gamin. 4 года назад +2

    Hello Master😁 im a fan and an aspiring animator here from Philippines. All of your videos was deeply appreciated specially for us who dont have a formal study in animatiom. I learned a lot. Thank you so much.

  • @stormw4993
    @stormw4993 4 года назад +9

    i've been looking for this type of video! most of the animation tutorial videos only use super cartoony circle heads, which is great and all, but i find it hard to translate that into more complex figures. really interesting to see and understand *how* you turn a more proper head !

  • @dexterwilson545
    @dexterwilson545 Год назад +1

    Thank you for this amazing video; So clear and concise and what was needed for a beginner like me ; can not wait to apply what you have taught me and eager to watch your other vids...Sensations was...well...sensational! Thank you much for giving me a wonderful burst of inspiration! Looking forward to viewing more of your genius.

  • @23thkr
    @23thkr 2 года назад +2

    Best tutorial i've ever seen on the timeline basics in photoshop.

    • @OlofStorm
      @OlofStorm  2 года назад

      Thanks! Got a second more recent one on my channel that might go in to a bit more details! Check it out!

  • @makers.movement
    @makers.movement 3 года назад +3

    Hey Olof! I found this super helpful for a quick logo animation, thank you for creating this one!

  • @med996
    @med996 5 лет назад +2

    Amazing skills. Keep animating!
    Thanks for the video

  • @baronvonbeandip
    @baronvonbeandip 4 года назад +1

    I'm actually kinda excited to try this!

  • @y0tsuou
    @y0tsuou 3 года назад +2

    great tutorial..
    i watched alex grigg's and he didn't mention video layer..
    i was bummed out because it's time consuming to make another later then grouping again all over..
    thank you, i just got enrolled in a state polytechnic, i studied animation and this is very helpful and gave me more motivation.
    and im working on an animation myself. wish me luck!

  • @ernestekie8307
    @ernestekie8307 4 года назад +2

    Thanks man, this tutorial is really the best for one that wants to start in animation. pls i'll request you make more like this, and on how to had colors in a painting way and other stuffs. Thanks a lot and Happy new year 2020

  • @RobertVajda
    @RobertVajda 4 года назад +9

    And I thought, Im a photoshop profesional. Awesome video man.

  • @zmaxx21
    @zmaxx21 4 года назад +132

    Ok, GREAT VIDEO!! But just one question, how can you add more frames between frames to slow down a movement or remove frames to speed up a movement?

    • @celestethoms
      @celestethoms 4 года назад +57

      In Layer, Video Layer - select insert blank frame. If you use that a lot make a hot key for it. Photoshop also has Video layers and Art layer. Art layer is more like individual frames and is easier to add/delete frames and animate of 2s, 3s, or 4s.

    • @alexandremeynard6153
      @alexandremeynard6153 4 года назад +6

      ​@@celestethoms Thanks thanks thanks

    • @samifilosa9348
      @samifilosa9348 4 года назад +3

      @@celestethoms when I do this all the frames after the new blank one disappear :/

    • @sierracook3343
      @sierracook3343 Год назад +1

      @@samifilosa9348 Maybe the frames that were there were pushed away by the new layer you inserted. Everytime that happens I just shorten that new layer, and then I get to see the layers that I thought disappeared, but in reality they were again pushed off by the new inserted layer. It also depends on where you insert your new layer in the chosen video group.

  • @strawken2659
    @strawken2659 5 лет назад +6

    Thank you for this, really helped me out.

  • @TercioTeles
    @TercioTeles 4 года назад +1

    Vídeo lindo, obrigado por compartilhar essas habilidades com a gente !

  • @justchill153
    @justchill153 4 года назад +6

    Ds channel deserve more subscribers... Really ds is helpful.

  • @nibiru3683
    @nibiru3683 3 года назад

    Wow! I really like how that turned out really cool style!

  • @ankit-kc
    @ankit-kc 4 года назад +2

    Your skills are amazing I'll also try this..

  • @legg88
    @legg88 4 года назад +1

    that's exactly what I needed. Thank you so much, man! cheers

  • @ednyc212
    @ednyc212 3 года назад

    Thank you so much for creating this tutorial! I understand so much and inspired to start creating projects!

  • @louise1021
    @louise1021 10 месяцев назад

    This was so well made and very clear! Thank you so much Olof!!! ^^

  • @armenn18
    @armenn18 4 года назад +1

    Great tutorial. First time seeing Captain Haduk with a yellow shirt!

  • @VascoAvillez
    @VascoAvillez 4 года назад

    Dude you are seriously good at what you do.

  • @skethy2333
    @skethy2333 5 лет назад +4

    FINALLY, ive been waiting for this for YEARS (눈‸눈)...it'll help alot, thanks!

  • @mattiadicintio6478
    @mattiadicintio6478 3 года назад

    Thanks buddy for sharing with everyone your knowledge!! You might be blessed

  • @aparajitninawe453
    @aparajitninawe453 4 года назад +1

    superb and very simple explanation rather than complicated. I like music in low volume. And appropriate explanation in minimum words

  • @paschalanimations7751
    @paschalanimations7751 3 года назад

    Am subscribing right away
    The video atmosphere and music kept me watching

  • @idzeslamo2551
    @idzeslamo2551 Год назад +1

    thanks olof for the amazing video lots of love from ladakh💕

  • @Kloxbyn
    @Kloxbyn 3 года назад +1

    Incredibly informative, thank you!

  • @debashishbanerjee9186
    @debashishbanerjee9186 4 года назад +2

    thank you so much ! i loved it.

  • @Fictionart977
    @Fictionart977 4 года назад +2

    I have subscribed and also followed on Instagram. Hope to see your upcoming tutorial.

  • @FoxerZ
    @FoxerZ 3 года назад +1

    THAT MAKES MY LIFE SO MUCH EASIER!!

  • @kanadchakraborty7434
    @kanadchakraborty7434 3 года назад

    Omg 🤯🤯. From today I am going to start practicing this. Thanks a lot ❤❤❤❤❤

  • @wanaidiel
    @wanaidiel 4 года назад +1

    seriously help me so much, thank you.

  • @chaunceypierce8803
    @chaunceypierce8803 4 года назад +8

    Question for you, when you were animating (7:59) the head turn, were you still animating at 12fps or did you go to 30? Thank you! :)

  • @Q5000
    @Q5000 4 года назад

    Thank you so much, i was doing this the hard way. Awesome drawing skills too. :)

  • @user-qw9fq9vb5c
    @user-qw9fq9vb5c 4 года назад +5

    This tutorial is really useful!! Thank you so much!

    • @OlofStorm
      @OlofStorm  4 года назад +1

      You are welcome! :)

  • @PL-hk7dt
    @PL-hk7dt 5 лет назад +5

    I loved it, you work needs recognition ! Gotta check your other videos now !

    • @OlofStorm
      @OlofStorm  5 лет назад

      Cheers!:)

    • @artplasma3538
      @artplasma3538 2 года назад

      Hello, you are welcome to visit my RUclips channel, where you can discover a variety of fascinating lesson videos.
      It's fantastic that you came to my channel; it's my pleasure to help you.
      Thank you a lot

  • @scences4635
    @scences4635 4 года назад +3

    Thanks Man it's pretty owsome

  • @kev3d
    @kev3d 4 года назад +1

    Great tutorial. Thank you.

  • @anjali4036
    @anjali4036 3 года назад

    Too hardwork bro
    Keep it up ❤️

  • @MiltonFenang
    @MiltonFenang 4 года назад +1

    Keep going.
    We are learning from you.

  • @umai_hashira4327
    @umai_hashira4327 4 года назад

    ty so much for this tutorial it helped me so much

  • @suryakrishna4662
    @suryakrishna4662 4 года назад

    great !! very impressive sketching skills :)

  • @DanLucaz
    @DanLucaz 4 года назад

    Amazing video! Thank you!

  • @Katlovesramen
    @Katlovesramen 4 года назад +13

    Question, as oppose to drawing on a new document a frame, could I drop a pre-drawn layer and have the frames per drawing that I drop.

    • @artplasma3538
      @artplasma3538 2 года назад

      Hello, you are welcome to visit my RUclips channel, where you can discover a variety of fascinating lesson videos.
      It's fantastic that you came to my channel; it's my pleasure to help you.
      Thank you a lot

  • @camilledorey5351
    @camilledorey5351 4 года назад

    Thank you !! This is really helpful

  • @lachu1047
    @lachu1047 3 года назад

    Thank you so much...it really helps a lot...
    GOD Bless you, Sir...

  •  5 лет назад +6

    Oh my God, you helped me so much! Thanks for this video! :D

    • @OlofStorm
      @OlofStorm  5 лет назад

      Happy it was helpful!

    • @Arunnejiro
      @Arunnejiro 4 года назад

      ruclips.net/video/7mBqm8uO4Cg/видео.html

  • @maiconjohn3168
    @maiconjohn3168 4 года назад

    it's a great job congratulations!!!!

  • @leandrogabrielgomez9610
    @leandrogabrielgomez9610 3 года назад

    An impressive technique ... congratulations

  • @intelo6251
    @intelo6251 4 года назад

    Great tuto bro!

  • @WyattCayer
    @WyattCayer 4 года назад +42

    You should try to recreate a shot from Avatar The Last Airbender to do some fluid simulation and what not

    • @OlofStorm
      @OlofStorm  4 года назад +6

      That sounds cool! Good idea!

    • @uttie4795
      @uttie4795 4 года назад +1

      this is actually one of the reason why I wanted to learn animation lol, Zuko's firebending is so cool!

  • @adrianzak
    @adrianzak 4 года назад

    I came here by accident, but thank you because it's a lot of good advice and thoughts about creating animations :)

  • @generalkenobi2481
    @generalkenobi2481 4 года назад

    I have enjoyed this!

  • @adesamurai
    @adesamurai 4 года назад +1

    3:11 you save my life - thankyou^^

  • @cozieneil
    @cozieneil 5 лет назад +4

    incredible! would like to know how you go about coloring, but ill figure it out. Did not know the video layer...
    Thank you, Found a gem channel!

    • @artplasma3538
      @artplasma3538 2 года назад

      Hello, you are welcome to visit my RUclips channel, where you can discover a variety of fascinating lesson videos.
      It's fantastic that you came to my channel; it's my pleasure to help you.
      Thank you a lot

  • @Bigdick278
    @Bigdick278 4 года назад +1

    thanlk you for showing me the basics

  • @jamesazere7942
    @jamesazere7942 4 года назад

    thank you...this really helped me

  • @sleepingdoll754
    @sleepingdoll754 4 года назад

    thats a good video. I'm from germany and have to say that I understand this more than the german videos so Thanks

  • @tyler7268
    @tyler7268 4 года назад +1

    Great video!

  • @titipokotube
    @titipokotube 4 года назад

    Thanx a lot! Very useful video!

  • @andromedanwildflower3383
    @andromedanwildflower3383 4 года назад

    this was awesome! thank you :))))

  • @AakashRMusic
    @AakashRMusic 5 лет назад

    *Beautiful video.*

  • @ynigames2897
    @ynigames2897 4 года назад

    Thankyou.This video helped me

  • @yagoda05
    @yagoda05 3 года назад

    Really helpfull video! Thank you! :)

  • @levanmelikishvili4373
    @levanmelikishvili4373 4 года назад

    Nice tutorial. Thank you

  • @seed1987mor
    @seed1987mor 4 года назад +2

    Absolutely great video. I've been waiting for this. Please keep making more tutorial like this. Basic fundamental of animation is great to learn.

    • @artplasma3538
      @artplasma3538 2 года назад

      Hello, you are welcome to visit my RUclips channel, where you can discover a variety of fascinating lesson videos.
      It's fantastic that you came to my channel; it's my pleasure to help you.
      Thank you a lot

  • @emirheyderi2892
    @emirheyderi2892 4 года назад

    Indeed it needs Godlike drawing skills to draw such a character motion this fast

  • @luckycarolineDC
    @luckycarolineDC 4 года назад +1

    Very usefull thank you!

  • @valeraashcraft8640
    @valeraashcraft8640 4 года назад

    Thank you! Very Helpful!!!!

  • @gyawuagyemang5084
    @gyawuagyemang5084 Год назад

    Enjoyed very much Thank you😃

  • @gailalcantara4492
    @gailalcantara4492 2 года назад

    Awesome video. I wanted to try animation but I didn't want to buy/install another software yet. Good ol' photoshop will do for now 😅

  • @anika_tahsin_prithila
    @anika_tahsin_prithila 4 года назад

    This is awesomeeee

  • @studiovideo5991
    @studiovideo5991 2 года назад

    This reminded me that I gotta get back to Animating in my sketch style.

  • @facundobianchi8696
    @facundobianchi8696 4 года назад +1

    I don't really know why, but your animation just mayde me cry.

  • @matheusnovais2716
    @matheusnovais2716 3 года назад

    Thanks, very usefull video!!!

  • @ammadali6513
    @ammadali6513 Год назад

    so much informative thank u very much

  • @vamsigrace
    @vamsigrace 3 года назад

    I asked everyone
    Tried every switch
    At last
    U
    Appeared
    Like
    A
    God...

  • @brontymdd9574
    @brontymdd9574 2 года назад

    thank for everything may god bless you

  • @beeverone4740
    @beeverone4740 4 года назад

    great video!!

  • @goldenthemerciless5669
    @goldenthemerciless5669 4 года назад

    thx so much for making this

  • @shadowstein
    @shadowstein 4 года назад

    very nice tips thank you

  • @sulapmama1356
    @sulapmama1356 3 года назад

    👍👍👍👍👍😘. I need this.
    THANK YOU

  • @prabhathbandara
    @prabhathbandara 4 года назад +2

    Great!

  • @jhyrhyzalfelor8550
    @jhyrhyzalfelor8550 4 года назад +2

    Wondering why never we were never taught this at school, this looks a thousand-times easier to use(although still hard lol) than 2D animation softwares we've used like Toonbom Harmony. Anyways, keep up the great work man, all your videos are superb, wish to have the same god-like animation skills as yours.

  • @lolapohu1752
    @lolapohu1752 4 года назад

    amazing ! thanks !

  • @Ayla123Hemora
    @Ayla123Hemora 5 лет назад +1

    What exact photoshop are you using? I have Elements 9 but I don't seem to have the timeline option in mine. I know there's a way to do it, but I can't seem to find it in my version...

  • @Monsense_Official
    @Monsense_Official 4 года назад

    Great video Thanks

  • @simonwesterlund02
    @simonwesterlund02 3 года назад +1

    I’ve got a question. How do you make inbetween frames, if you need to make the animation smoother for instance?

  • @rgbcrafts
    @rgbcrafts 4 года назад +2

    I'm in the middle of the process by now. As my project was not well thought since the beginning, I'm facing some struggles down the line. Efficiency is always getting low, but the main reason is, I set the project quality to 300dpi. That's utter overkill for this kind of project.

  • @suddenlin3949
    @suddenlin3949 5 лет назад +2

    I like your tutorial very much, but I'd like to know how the last one was painted. Do you need one frame?

  • @baabaekuoyehayford7405
    @baabaekuoyehayford7405 3 года назад +1

    Great video but question, how do I slow down my animation using the video timeline? and do I animate in twos?

  • @snork-z7t
    @snork-z7t Год назад

    Super useful tutorial 💙
    free plugin for photoshop - Anim design is also super useful for frame by frame animation . 🤙

  • @marzia16
    @marzia16 4 года назад +2

    about frame counting and set up duration i need to learn more so that i can set things before the drawing. affter sketching i am having issues to match drawing with the duration. i mean my video is remaing blank , i dont know how to adjust the blank areas.