Animating in Photoshop: The Basics
Вставка
- Опубліковано 6 вер 2024
- 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
yo what do i press to the next and previous frame
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. :)
@@ririchiyou thanks
@@ririchiyou Bro you saved an entire universe
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? :)
dude this upsets me because I've had Photoshop for years and never knew I could do this lol great video btw!
Me to
Same ! Thats so sad
@@am6610 looool Me too
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.
Live and learn normal its late :(
There are video layers?! 12 years of experience and I didn't know?! Revolutionary
Hello, you are welcome to visit my UA-cam 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
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!
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?
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.
@@celestethoms Thanks thanks thanks
@@celestethoms when I do this all the frames after the new blank one disappear :/
@@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.
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
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.
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 !
Best tutorial i've ever seen on the timeline basics in photoshop.
Thanks! Got a second more recent one on my channel that might go in to a bit more details! Check it out!
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! :)
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.
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!
Ds channel deserve more subscribers... Really ds is helpful.
And I thought, Im a photoshop profesional. Awesome video man.
thanks olof for the amazing video lots of love from ladakh💕
Great tutorial. First time seeing Captain Haduk with a yellow shirt!
You should try to recreate a shot from Avatar The Last Airbender to do some fluid simulation and what not
That sounds cool! Good idea!
this is actually one of the reason why I wanted to learn animation lol, Zuko's firebending is so cool!
Hey Olof! I found this super helpful for a quick logo animation, thank you for creating this one!
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.
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.
I loved it, you work needs recognition ! Gotta check your other videos now !
Cheers!:)
Hello, you are welcome to visit my UA-cam 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
FINALLY, ive been waiting for this for YEARS (눈‸눈)...it'll help alot, thanks!
Glad to hear it! :)
superb and very simple explanation rather than complicated. I like music in low volume. And appropriate explanation in minimum words
This reminded me that I gotta get back to Animating in my sketch style.
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.
Hello, you are welcome to visit my UA-cam 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
THAT MAKES MY LIFE SO MUCH EASIER!!
This tutorial is really useful!! Thank you so much!
You are welcome! :)
I've been putting up with Krita's bs when I couldve been animating in Photoshop??!!
lol
Krita is a little bit more flexible because you can move frames on it
Krita is really good for it's price though, can't get to mad.
But I definitely agree
@@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.) .
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
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.
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
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.
I asked everyone
Tried every switch
At last
U
Appeared
Like
A
God...
I'm actually kinda excited to try this!
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!
Hello, you are welcome to visit my UA-cam 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
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! :)
Awesome lesson
Amazing skills. Keep animating!
Thanks for the video
Super useful tutorial 💙
free plugin for photoshop - Anim design is also super useful for frame by frame animation . 🤙
Im a novice at photoshop. Im using my mouse to move forward a frame. Not the most effective way. How do u move forward a frame like u do? What are you clicking on? Thx for a great vid btw!
Nvm, found the answer in the comments. Still awesome vid!
Absolutely great video. I've been waiting for this. Please keep making more tutorial like this. Basic fundamental of animation is great to learn.
Hello, you are welcome to visit my UA-cam 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
Am subscribing right away
The video atmosphere and music kept me watching
Incredibly informative, thank you!
Thanks buddy for sharing with everyone your knowledge!! You might be blessed
how can you copy a frame? I want just the hand moving and dont want to draw the entire body so often :(
if you have a new layer for every frame then u can just duplicate the layer. Im pretty new to this so there might be an easier solution
i wanted to know the same, did u find any solution yet?
Omg 🤯🤯. From today I am going to start practicing this. Thanks a lot ❤❤❤❤❤
Wow! I really like how that turned out really cool style!
This was so well made and very clear! Thank you so much Olof!!! ^^
does anyone know what brush he uses? It looks like pencil but he clearly has paint brush selected...
Dude you are seriously good at what you do.
1:46 start of the process
thank for everything may god bless you
Thanks for the nice video!! I had a question on onion skinning. I'm using Photoshop to do a markup animation over an existing clip for changes to be made. Thus, I have one video layer with the footage and another blank video layer to do the markup. But when turning on onion skinning, it makes the reference video layer also dull/transparent? This makes it hard to see the onion skin of the drawings on the blank video layer.
I need to keep the reference video layer on 100% opacity without any onion skinning and just onion skin the active video layer. Is there any way to do this?
I don't think so as onionskin in Photoshop will not target specific layers but just the overall look of what's on the timeline
@@OlofStorm wow! thanks for the super quick reply! Crap.. was hoping they would be some trick I was missing. Right now it onion skins everything so it becomes super hard to see. I could just toggle a solid color background but this doesn't help plan the movement without seeing the reference in the background.
I also had another question: When do you use frame animation vs blank video layers? If I'm animating either way do I need to keep copy pasting my drawing from the previous frame to the next so I can adjust just the part I need? When I try copy/pasting like this in the video layer, it pastes the image somewhere else and is a headache each time to turn on onion skin and reposition it exactly where it needed to be.
Or am I doing it totally wrong? :D Maybe you have a video on this already? I'll have a look :)
Anywho, thanks again!!
Edit Update: Just saw you did a video called 2D 3D combined - didn't you use onion skinning for this? 3d video in background while animating the 2d layer on top? That's sort of the same principle I'm trying :)
@@TheDearRecorded i use video layers if I have a lot of movement and need animation for each frame, when you wanna copy something from one frame to another you must first select it with a selection tool and then after copying when pasting use shift, ctrl V to paste in place (that should paste it in the same spot). For onion skin maybe you can reduce the number of frames you show to make it less muddy and lower the opacity for the onion skin ( all done in onion skin settings).
Hello, you are welcome to visit my UA-cam 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
Hello, I started watching your videos, and I think they are awesome, very simple, but practical, I just have a little problem with my photoshop, and it´s that, when I open the program and go to the window to find the TIME LINE, the little button downward on the panel it is not there, so, I can not use the option video time line, and I don´t know why is this happening. So, can you help me please? thank you very much!
Thank you for this, really helped me out.
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 😅
Thank you so much for creating this tutorial! I understand so much and inspired to start creating projects!
that's exactly what I needed. Thank you so much, man! cheers
Thanks a lot!! Could you also explain (or someone else) how you Transport that into after effects? I know it’s something with the same frame rates but I just seem to find the right button...
You can either export your image sequence from Photoshop or you can import the Photoshop project into After effects. As long as you have a timeline with a frame rate set it should recognise it in AE and use the same. You can either import the Photoshop project as footage or composition. Both works.
Too hardwork bro
Keep it up ❤️
Would be sick for you to do a tutorial on getting fluid motions and prevent from getting robotic like ones
Hello, you are welcome to visit my UA-cam 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
Great tutorial. Thank you.
Nice tutorial. Thank you
An impressive technique ... congratulations
Enjoyed very much Thank you😃
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.
so much informative thank u very much
thanlk you for showing me the basics
Your skills are amazing I'll also try this..
Thanx a lot! Very useful video!
Thakxs..very helping a lot. How u color the character? Do u have tuto vid?
Thank you so much...it really helps a lot...
GOD Bless you, Sir...
thank you so much ! i loved it.
I don't really know why, but your animation just mayde me cry.
Great video but question, how do I slow down my animation using the video timeline? and do I animate in twos?
I have subscribed and also followed on Instagram. Hope to see your upcoming tutorial.
I like your tutorial very much, but I'd like to know how the last one was painted. Do you need one frame?
Dude...I don't have a video layer😢. I have Photoshop CC 2015
seriously help me so much, thank you.
I came here by accident, but thank you because it's a lot of good advice and thoughts about creating animations :)
Oh my God, you helped me so much! Thanks for this video! :D
Happy it was helpful!
ua-cam.com/video/7mBqm8uO4Cg/v-deo.html
Thank you so much, i was doing this the hard way. Awesome drawing skills too. :)
: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..
continue
thats a good video. I'm from germany and have to say that I understand this more than the german videos so Thanks
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
Same!
good information nice tutorials
thge option to create a "Video Layer" dont show to me
Great!
Vídeo lindo, obrigado por compartilhar essas habilidades com a gente !
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
For Ae you can just import the psd project. But you can also export it as a png sequence from Photoshop.
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...
Great video!
I'm using Photoshop CC 2015. I can't find the video layers option
Thankyou.This video helped me
I’ve got a question. How do you make inbetween frames, if you need to make the animation smoother for instance?
Thanks, very usefull video!!!
👍👍👍👍👍😘. I need this.
THANK YOU
THIS. IS. INCREDIBLE. THANK YOU!!
I do have one question, though. The only thing I'm struggling with is that when I make new layers, I KEEP ON accidentally making them normal layers instead of video layers! I just finished coloring in a hUGE detailed bit and then realized - ohno - it wasn't a video layer. Is there any way to convert normal layers to video layers?! Cuz if not, I think about 50% of my animation work just went down the drain 😂🥲
You can merge down the normal layer onto the video layer you have below. It will add it to the frame you stand on. Happy its helpful
@@OlofStorm OMGSH thank you so much!!
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!
very nice tips thank you
3:11 you save my life - thankyou^^