Animating in Photoshop: The Basics

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

[@itsmasaki9784]

yo what do i press to the next and previous frame

[@ririchiyou]

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]

@@ririchiyou thanks

[@artzoo7255]

@@ririchiyou Bro you saved an entire universe

[@ririchiyou]

artzoo It’s what homies do, mate

[@なし天使]

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]

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

[@pablozamparo596]

Me to

[@am6610]

Same ! Thats so sad

[@ernestekie8307]

@@am6610 looool Me too

[@emiliorios6076]

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.

[@jimidoodles]

Live and learn normal its late :(

[@samantha-jaynechapman2950]

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

[@artplasma3538]

Hello, you are welcome to visit my KZbin 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

[@Bunnyfacekat]

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!

[@hack2sorry242]

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

[@JulesColour]

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.

[@23thkr]

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

[@OlofStorm]

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

[@Mo-ox9xn]

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.]

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.

[@RobertVajda]

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

[@stormw4993]

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 !

[@justchill153]

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

[@FoxerZ]

THAT MAKES MY LIFE SO MUCH EASIER!!

[@idzeslamo2551]

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

[@y0tsuou]

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!

[@armenn18]

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

[@dexterwilson545]

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.

[@skethy2333]

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

[@OlofStorm]

Glad to hear it! :)

[@makers.movement]

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

[@MiltonFenang]

Keep going. We are learning from you.

[@aparajitninawe453]

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

[@paschalanimations7751]

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

[@anjali4036]

Too hardwork bro Keep it up ❤️

[@VascoAvillez]

Dude you are seriously good at what you do.

[@nibiru3683]

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

[@studiovideo5991]

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

[@vamsigrace]

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

[@PL-hk7dt]

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

[@OlofStorm]

Cheers!:)

[@artplasma3538]

Hello, you are welcome to visit my KZbin 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

[@kanadchakraborty7434]

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

[@mattiadicintio6478]

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

[@louise1021]

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

[@zmaxx21]

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]

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]

​@@celestethoms Thanks thanks thanks

[@samifilosa9348]

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

[@sierracook3343]

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

[@tyler7268]

Great video!

[@snork-z7t]

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

[@leandrogabrielgomez9610]

An impressive technique ... congratulations

[@gailalcantara4492]

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 😅

[@benjiusofficial]

I'm actually kinda excited to try this!

[@med996]

Amazing skills. Keep animating! Thanks for the video

[@Doc2rjae07]

Awesome lesson

[@ernestekie8307]

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

[@skillpalette-z9q]

good information nice tutorials

[@adrianzak]

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

[@Kloxbyn]

Incredibly informative, thank you!

[@lachu1047]

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

[@kev3d]

Great tutorial. Thank you.

[@gyawuagyemang5084]

Enjoyed very much Thank you😃

[@user-qw9fq9vb5c]

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

[@OlofStorm]

You are welcome! :)

[@jhyrhyzalfelor8550]

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.

[@ammadali6513]

so much informative thank u very much

[@levanmelikishvili4373]

Nice tutorial. Thank you

[@ramseyacar3068]

yeah I enjoyed it.. keep it up hehehe

[@TercioTeles]

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

[@sulapmama1356]

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

[@suryakrishna4662]

great !! very impressive sketching skills :)

[@fzidx]

Thakxs..very helping a lot. How u color the character? Do u have tuto vid?

[@sleepingdoll754]

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

[@WyattCayer]

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

[@OlofStorm]

That sounds cool! Good idea!

[@uttie4795]

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

[@titipokotube]

Thanx a lot! Very useful video!

[@simonemirani2877]

Hi I was undecided for some time on which program to take to try to make animations and then I saw your videos on Photoshop and I am happy to have always had it =) Listen I am self-taught and I always try to learn from video tutorials and alone your video is very interesting but can you explain to me how we move between one frame and another? I've been going crazy for days I know it must be so simple but nobody ever shows this = (thanks

[@OlofStorm]

You have probably already found the answer in the comments here, but in the timeline menu you can set " use timeline shortcuts" which allows you to use the arrow keys to move back and forth.

[@brontymdd9574]

thank for everything may god bless you

[@beeverone4740]

great video!!

[@seed1987mor]

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]

Hello, you are welcome to visit my KZbin 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

[@Q5000]

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

[@legg88]

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

[@adriansalazar3762]

THIS NEEDS TO BE PLASTERED IN NEW YORK CITY I’ve spent so long trying to learn adobe animate when I could have done this for the past two months

[@aerogalacticsodapop]

Same!

[@shadowstein]

very nice tips thank you

[@cozieneil]

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]

Hello, you are welcome to visit my KZbin 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

[@matheusnovais2716]

Thanks, very usefull video!!!

[@Fictionart977]

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

[@wambuseun7494]

:D :D :D I actually imagine you as one of the characters you drawed... The dude with the big beard. But this is you!!! :D :D in the Near future I will invite you to be a guest mentor in one of my projects..

[@Nupator]

continue

[@facundobianchi8696]

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

[@ednyc212]

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

[@maiconjohn3168]

it's a great job congratulations!!!!

[@DanLucaz]

Amazing video! Thank you!

[@ankit-kc]

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

[@yagoda05]

Really helpfull video! Thank you! :)

[@prabhathbandara]

Great!

[@Monsense_Official]

Great video Thanks

[@shaheemgirling3972]

Nice video, what is the short cut key to move from frame to frame?

[@generalkenobi2481]

I have enjoyed this!

[@김서월-j2i]

Hello, I'm your subscriber. I was amazed and amazed at the work. My goal is to make such a graphic in the future. I don't know what you are saying because I am not good at English, There were a lot of things that were hard to understand from the tutorial. I will study English, too. If you look at my writing, I would appreciate it if you could tell me more about the process you worked on with Cinema 4d and Photoshop. There's one thing I'd like to ask you, if you really want to. C4d didn't put the object on the object, but I saw the colored process in Landerview. I don't know how. It's only in Landerview that you color. I've seen experts say that you're working with minimal data so your computer doesn't get overloaded, but I don't know how. And the process of making animation is really cool and amazing. Please continue to do good works and help me become more greedy! Thank you!

[@joshbusch2993]

Would be sick for you to do a tutorial on getting fluid motions and prevent from getting robotic like ones

[@artplasma3538]

Hello, you are welcome to visit my KZbin 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

[@ynigames2897]

Thankyou.This video helped me

[@Bigdick278]

thanlk you for showing me the basics

[@anika_tahsin_prithila]

This is awesomeeee

[@wanaidiel]

seriously help me so much, thank you.

[@anandsingh2628]

how to convert or which format should i save it in ........... the animation so to use in premiere pro or after-effects which i made it in photoshop.............. would also love to watch more of the videos on tips and tricks used for animations

[@OlofStorm]

For Ae you can just import the psd project. But you can also export it as a png sequence from Photoshop.

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

[@OlofStorm]

Happy it was helpful!

[@Arunnejiro]

kzbin.info/www/bejne/bZ6loqBuqrRneck

[@sciencehub-24]

Great tuto bro!

[@debashishbanerjee9186]

thank you so much ! i loved it.

[@strawken2659]

Thank you for this, really helped me out.

[@rishabhisthename]

amazing!

[@adesamurai]

3:11 you save my life - thankyou^^

[@KhayJayArt]

I've been putting up with Krita's bs when I couldve been animating in Photoshop??!!

[@drakon5089]

lol

[@lilal2612]

Krita is a little bit more flexible because you can move frames on it

[@FoxerZ]

Krita is really good for it's price though, can't get to mad. But I definitely agree

[@CapraCorn2006]

@@lilal2612 I agree ... Krita's timeline works better for animating than Photoshop's timeline. If I use the forward and back arrow keys to go from frame to frame in Krita I am able to immediately draw on the frame . With Photoshop I have to stop, click on the frame to manually select that frame (layer) , then continue drawing. Then if I want to go back to the previous frame to draw on it again (or erase) I have to manually select it before I can draw on it. It's an interruption of the workflow. Every other timeline-based animation app allows you to draw on a frame immediately as soon as you've moved forward or back on the timeline (Harmony, TVPaint, Clip Studio Paint, Krita, etc.) .

[@Watsonmakesandpaints]

Great vid

[@I_SeriouSaM_I]

Love Ur videos man.Teach how to do those more........

[@sharadbangar9073]

Sir plz let us know which keys you are pressing or tools you are using while doing the works, it will be easier to is to understand btw nice work sir really liked it 👍🥰

[@valeraashcraft8640]

Thank you! Very Helpful!!!!

[@AakashRMusic]

*Beautiful video.*

[@emirheyderi2892]

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