Wait... You Can Animate in Photoshop?!? (Tutorial) | A Guide to the Photoshop Timeline
Vložit
- čas přidán 30. 06. 2024
- This is my guide to the Photoshop timeline, how to use it, and what it's good for. I'll show you how to import videos into PS, animate drawings over the video, and make jittery animated text!
Make sure to LIKE and SHARE this video if you found it useful!
Thanks again for watching!
-----------------------------------------------------------------------
B Way Motion
Tyler Bradway
#Photoshop #Animation #animated
SEO tags to help you find my stuff:
B Way Motion, bway, Creativid Studios, Tyler Bradway, After Effects tutorials, special effects, animating, animated, animations, motion graphics, video editing, filmmaking
photoshop, timeline, frame-by-frame, cell animation, cartoon, gif, flip book, pen, pencil, marker, jitter, text, hand, drawn, drawing, scribble, music video, beginner, basics, wiggle, stop motion, squiggle, line art, cartoony, useful, photo, stylized, shaking, draw, hidden feature - Krátké a kreslené filmy
*FREQUENTLY ASKED QUESTIONS*
1. ENABLING ARROW-KEYS SHORTCUTS
Click the timeline options icon (four horizontal lines) in the top-right corner of the timeline panel, then click "Enable Timeline Shortcut Keys," you should now be able to use the left and right arrow keys to change frames.
(I hadn’t realized they were disabled by default when I made this tutorial)
2. CHANGING DURATION OF TIMELINE >5 SEC
This is a dumb aspect of the timeline and requires a workaround. Make another layer (just a normal layer will do) and then drag it to the right. The timeline duration will automatically adjust; but if you move that blank layer back again, it will shorten again. Now you can extend the video layer you were animating.
3. INSERTING NEW FRAMES BETWEEN EXISTING ONES
With the video layer selected, go to Layer> Video Layers> Insert Blank Frame.
4. COPY/PASTE CONTENT FROM EXISTING FRAME ONTO ANOTHER FRAME
With your video layer selected, press cmd+A to select the entire frame. Move in your timeline to the frame you want to paste the copied frame to, and press cmd+SHIFT+V (paste in place).
5. CHANGING TIMELINE FRAME RATE
Shown at 1:25
How do I use the same frame again (instead of always drawing a new frame) ? when I try to copy and paste a drawing it messes up and im kind of a dummy to figure out the photoshp tools
@@bossle6834 Dude, I had that same problem when I was first experimenting with it and haven't found a workaround. But you should try googling it; maybe someone has figured it out by now? It's definitely a quirk with photoshop that shouldn't be such an issue. Wish I knew.
-- Tyler
@@bossle6834 i think you can right click and something about duplicating the layer pops up. Or drag the desired frame(layer) down to the new layer icon at the bottom to make a duplicate. Sorry its hard to explain, and you might've gotten it by now.
@@bossle6834 maybe try cuting that part of the video layer and then tranform it to an inteligent object then you should be able to copy and paste it I think
No, sorry 😞 as far as I know, the iPad version doesn't support animation at all
It’s quarantine, my school offers photoshop, and I’ve always wanted to animate. Why not?
Yeah do it! I started last year, I sucked back then as you could see by the videos posted on my acc lmao but I’ve gotten better (edit: the videos are on a different acc of mine I forgot but take my word for it)
I’ve literally searched everywhere for a decent and quick tutorial, and yours is by far the best. thank you so much for this beautiful tutorial
:)))
Amazing tutorial! It went right to the point and was fast and simple to understand! Great for learning the basics!
Wow! I literally just started animating in photoshop and didn’t know there was a better way of doing it 😨 (mind blown). Thank you for this!
This tutorial really helped thank you for making this!!!
This is the greatest Photoshop animation video ever made. Trying to learn and watched several that totally over complicated. Thanks for simple and quick with many examples in a short amount of time. Perfect.
I liked it(and subscribed)! I’m familiar with Photoshop but not with animation there. New to this. Watched few different channels on this topic before this and this is the first one with clear sound explanation!Thank you!
Wowww this is fr the exact video i been looking for. Had to copy and paste this into my notes so I never lose it. Thank you!!!!
Oh my gosh thank you so much !
I just wanted to say thank you! Very informative and gives me a lot more info on all the ways I can create artwork. Have a nice day!
i have never been happy in my life with the animate i made god thanks bro! heres a like and a sub
Amazing thank you so much for this. Really helped me to get started in 2D animation.
This helps so much! Thank you!
I've been animating in Photoshop differently (I have CS6 version). This way of animating is SO much easier! Thank you so much!
Great! Glad you found it useful :)
thank you so much for this, i really did not feel like going through a half hour video to grasp basics, so i watched this and it actually was really well done, i loved the tense music it sounded like you were trying to speedrun this lol
thank you for this material, it shows that almost everything can be animated: D
... I had NO idea you could animate in Photoshop... Thank you!!!
Oh my goodness this is the exact tutorial I needed. Thank you!
😄 glad it helped!!
thank you so much for this video! finally feel like i'm unlocking new skills :)
This help me a LOTTT!
Thank youuuuu 😁
Thankyou this was really helpful
omg you're my lifesaver. thx
Thanks a lot for this! I had no idea this feature existed :D
exactly what i needed, thanks!
Thanks for sharing... Very helpful...
This was very easy to follow as a beginner. Thank you so much.
Awesome! That was one of my goals :))
Thanks dude helped more than you think
i saw ur animation movie in an animation event
very helpful!
this video help me a lot...thank you
Thank you!
thank you, great video
Omg Thank you so much! You just changed my life
😄 haha, its an honor
thank you so much for this
😄 glad it was useful
BOSS .. thank you!
Extremely helpful! :*
Good! Thx for the comment!
Thanks, you help me save time
Thank you for the awesome and helpful tutorial!!
🤗
So I’m trying to use my arrow keys to toggle through to the next frame and it doesn’t do anything. Is there something that I am doing wrong?
@@adorkablydeliciousdesigns7852 Hi! Sorry, I forgot to mention that part in the video. I think if you click the options icon (four horizontal lines) in the top-right corner of the timeline panel, then click "Enable Timeline Shortcut Keys," it should be fixed. You may have already had it figured out by now. Let me know if it's working.
--Tyler
Creativid Studios thank you so much!!! I thought my computer was just wigging out! Lol! 🤣😅 thankfully that’s not the case... but thank you again for the awesome tutorial!! ❤️❤️❤️❤️
THANK YOU thank you thank you!
Tyler your personality is just the best you make me laugh idek why lolll
Awww shucks ☺
Ayyyy I use photoshop to animate! I have some posted, yet some of this stuff I never knew-
Amazing video, very motivating!
Is there a way to show the same frame twice in a video layer? I want to keep the framerate 24 but animate in 2s. Actually I want to have the freedom of animating in 2s or 1s or 3s whenever I want. Is this possible to do with a video layer or do I have to make a million regular layers and time them each one by one?
Also I noticed that the new Photoshop now has a Position and Opacity Key underneath the layers. Just like After Effects but I couldn't figure out how to move the drawing in a way that would register as a key for the position key.
Love your vids!
Crap!! Just saw this comment and it's a great question. My approach is to set the timeline frame rate from 24 to whatever is the same as that increment (12 fps / 8fps). Then render the video as a 24 frame export, so it has the amount of frames you want.
thanks!!!!
awesome Brodie thanks for sharing.
Thx :))
thanks a lot!
This is a great vid to get started on animation in setting up photoshop! I use cs6 and before I upgraded to extended, I was doing the timeline animation so this is really neat!
This is great basic animation video in PS! Only thing, you way want to show the completion on how to export for use. Your video animation plays while in PS as you have "loop playback" enabled so it keeps looping it. When you select the "forever" option when making a gif and you export the file it does just that. But with "loop playback" in only loops the playback in PS for just that: "playing back" when you export/render the video it only plays in once so you do not get the effect that you see in PS with "loop playback" enabled. I think this tutorial would have even better if you also included this information as well on now to export the video so that it plays "forever" or looped to get the wiggling effect, otherwise it plays once and you don't get the wiggle effect.
Aahhh. True.
Super helpful, was trying to do simple animations over videos so this was perfect! Thanks!
welcome!
rong
lol thx bro i actually understood this
u are awesome thanku
🤟🤓🤙
Thankth
Thank you for the soundtrack
Hi man! I would suggest to make a toturial about using textures in photoshop to texture drawings and animate them.
nice
good guide, i want to ask if possible to make decent animation for dialog (shape lips) using your method: video timeline+ new video layer from files , and just adding templates of character with different lip shapes for each letter?
Yeah, totally! Just make sure that after you bring in the audio clip(s) onto the audio track, you enable the audio playback by clicking the speaker icon next to the play button on the timeline. That may have been obvious to you, but I'm just mentioning that bc i don't usually use adio in photoshop, and i hadn't even noticed that button until i *really* searched.
Thx for the comment!
Dope.
Thanks for this bro, it really helped! quick question though. Whenever I export it, it always comes out as lots of JPegs. is there some sort of actual video format i can export it as? thanks
Ok, I think i figured out what happened, but let me know. In the "render video" export window, switch the "photoshop image sequence" drop-down to "Adobe media encoder" and more options should appear. I use quicktime format (uncompressed) when I export assets, so they don't loose quality for later down the pipeline. :)
thanx mate :)
:D Thanks for watching!!
Your intro its mindblowing!
Thank you!!
I can't enable onion skin and whenever i rotate or puppet warp it applies on all layer
Make sure your timeline is a video timeline and not a frame animation timeline. Are your timeline layers video layers (blue)? Or static layers (purple)? They need to be blue video layers to enable onion skins. I think the problem when you rotate is that you may have copied and pasted the image to multiple layers; if you change one you change all instances of it. Yeah, I know that's pretty dumb of photoshop. If you aren't trying to make a hand-drawn animation, I recommend just using after effects. :)
- Tyler
is there something I can click besides the arrow keys to get to next frame mine doesn't work
where you changed the frame rate settings, there's a option enable shortcut timeline:)
@@intracortex Thank You Viktor
😍
Nice and simple to understand tutorial . Btw how is the music called in background?
Witam rodaku!
This was so helpful, I never thought, animating in Photoshop is that easy, thank you so much!
Very useful , accurate and alright to the point 💪
Can you create more photoshop videos..this one is really good
Thanks 😊 I dont think I'm adept enough to contribute more than what is already available on youtube for photoshop. I felt this one was an exception bc it's a very unknown-about topic for a lot of artists.
Thanks for your comment 😁
That backround music tho
is absolutely terrible
@@MannyVideosCZ xD
2:43 lost u on that point, how did u move the time readerthing? by pressing right arrow key? i did that but it doesnt move like urs.
# nevermind i found that u mentioned about that, so, its solved. thanks for the tutorial, never knew its so easy in ps.
yeah
your
actually
correct
how
did
he
do
that
@@karolinaszymczyk Read the pinned note above the comments.
😁
I don't have a "video layers" option in my "layer" tab, but i'm definitely using CS6.
Any ideas how I can get to the "video layers"? :(
Unfortunately, I don't know. When in doubt, google it. Hopefully you already found your solution. Sorry I missed this question.
@@BWayMotion that's OK. Thank you for replying. I'm using Flash instead. 😊
Video layers is a feature only available to the 32-bit version of photoshop cs6. Hope this helps!
@@microwavefries thanks TGG, I'm using Flash now. 😊
I cant seem to expand my video layer. I can't drag it to the right to expand i can only reduce it or drag to the left. Is it not posible to make it longer?
Someone else had this problem too a long while back. Here is my response to them asking that:
Hi, yeah I have a janky solution, but it does work. Make another layer (just a normal layer will do) and then drag it to the right. The timeline duration will automatically adjust; but if you move that blank layer back again, it will shorten again. It's such a dumb fix, but that's the only way I know how haha.
--Tyler
I knew these steps, but is there a way to insert frame or delete (by this approach)?
Sorry for wicked slow response. I actually dont know of a way to and I think its frustrating that I havent found that feature. -Tyler
As which file do you save it in the end? I mean to save it like an animation video
File > Export > Render Video
Under "format," you can save as "H264" for MP4 files or "Quicktime" for less compressed (higher quality) MOV files. Either one will be able to be imported into a video editing software so you can add sound/music and edits.
Excelent video. For some reason the arrow command to move from frame to frame is not working, any suggestions?
Thanks! See my pinned comment to fix that
Creativid Studios im so dumb 🤦♂️thanks!!
@@luisfelipearango582 lmaoo I get this comment pretty much weekly tho 😂 so ur not alone
can you change the size after drawing the animations?
damn ur awesome
😎
When did Photoshop add: timeline, animation, and video? I don't remember seeing this option available circa 2011-2014
edit nevermind, I had to make the video group, then make new frames inside of that, finally getting the hang of it... sort of. No idea why the audio is making an entirely new canvas though aha
How did you get your layer to immediately become video layers? Mine are just frames or... well, they're purple.
Whenever I add an audio track it opens a copy of my canvas and my layers are all like... in one video layer even if they're technically different. It's weird, I'm really new to this moving over from Adobe animate
I also don't have the video layers option ): I hope I don't have to go back to Animate it may be fast but it drops my quality a crazy amount without being able to shade and having such a bad brush.
hey man at 2:45 you did shortcut for the next frame ? what was it ? i am on windows tho not on mac .. thanks :)
. ⬆️
⬅️⬇️➡️
^ this one
I have the version of CC 2015 Photoshop with no Video Layers nor 3D option at all and I wanted so much to animate. I feel so sad
Dang
Really good and helpfull video... subscribe !!
Thx!!
Hey! I have a request, can you please make a tutorial on how to "animate" with stock photos, I came across a video a few days ago and I was wondering if I could do something like that, thanks😁
Send me a link, idk what you mean.
@@BWayMotion czcams.com/video/Elx2znr8e5U/video.html
:)
Search "Adobe Animate beginner tutorials" on youtube. "Animate" used to be called "Flash." Thats what I recommend using for that style. I dont work in Animate, though, so 🤷
@@BWayMotion thanks a lot!!! 😁
Is there a way to add more frames between the ones already created?
Hey. That's a really good question. My work-around is to duplicate the video layer and then trim both copies so that the edit point is where you want to insert frames. (To duplicate the layer Command+J / Ctrl+J with the layer selected on the layer panel on the right) Then move the second half over to make room to add to the first half.
Hopefully, I've described it well enough; if not, send me a quick email and I can send you some screenshots.
--Tyler
How do I create a new frame? Like, in between two frames, and i want to add one in the middle to "smooth" it out?
Hi. Good question! So, from how I understand it, you can't insert or delete frames from a video layer :/ However, I think if you have your timeline as a frame animation, you might be able to... but idk because I've only tried the frame animation timeline a couple times when I was first messing around with the photoshop timeline. Wish I could help more, but my suggestion is to google it. :/
--Tyler
Edison Anderson so if you have two frames and you want to and a frame in between them, make sure your on the first frame then go to Layers- Video Layers- and select “Insert Blank Frame” then a frame will be added in between your two other frames :) (theres also an option in the same place to delete a frame)
@@FlusteredBushStudios thx
about animation it seems like youtube only has this basic animation that everyone knows how to make the ball bounce
Search "Olof Storm" on CZcams he is VERY skilled in 2d photoshop animation. Good place to look for inspiration and some really good tips and tutorials.
Thanks a lot for the vídeo. Thumbs up put.
But... What is "léer"...?
If im making an animation say of just a smiley face, and I want that same picture to appear in the next frame just changed a bit, how do I do this without having to draw it all over again>?
I'm SO sorry. I thought I responded to this comment- I made a whole new answer in the FAQ bc of it.
Answer number 4 in my pinned FAQ comment!
Would this work the same in 2017 cc ? Also would I still be able once I’m done my animation sequence. Save as PNG that I can drop in FCPX so I can voice over and add music effects ect ?
Best way to find out is run a test. Name it "test".
I have 2017 cc and there is no video layer😖
My arrow keys aren't moving to the next frame in the timeline. How do I fix this?
See my pinned answer at the top of the comment section.
--Tyler
Hey, is there any way to duplicate frames so that i don't have to redraw everything?
ctrl+a>ctrl+c>next frame>ctrl+v
how do I make a new animation cel? like when you said " lets hit the right arrow key" i didnt understand
Hi. All the frames are already there, once you have a video layer. To move between frames within the timeline, use the left and right arrow keys on your keypad. 2:39
@@BWayMotion Hi there, gr8 video thanks. My arrow keys don't advance the timeline. Where is the setting for that in the preferences please.
Saw your response to another person about enabling timeline shortcut keys - thanks
Will this work on ipad pro?
I know I'm late, but for some reason, mine goes super fast. I have the FPS at 18 but it's still going super fast. Any help is appreciated
Hi. Do you mean it's going at a rate faster than 18 fps?
If playback is working properly and the animation is faster than you want, you need to make the changes between the frames smaller changes (smaller movements) and so you will need more frames in your animation.
But if it's that the playback isn't using the fps you set, idk how to fix that problem. :/
-- Tyler
Creativid Studios alright, thanks👍🏻
Can this be done with images, instead of drawings?
Hi! I used to assume so, until I tried it-- when you make a copy of the image for the new frame and then manipulate it in the new frame, it (at least in the past) also changes the other copy on the other frame. Idk a work around for this. It may have been fixed tho. Idk
--Tyler
Maybe it's just me but is this still a thing in the latest PS (CC) Version? I can't import any video file in PS.
I'm really sorry I missed this comment. Yes, all features shown are still available in the latest PS versions
how do you make the animation loop ??
james allen I think I understand what you’re asking, you mean how to loop the playback?
You can click the timeline options menu (the four lines in the top right of the timeline) and then select “loop playback.” Thanks for the view & comment! -Tyler
Creativid Studios tysm !!!!! love the tutorial btw it was super helpful :D
how do you get it to bounce back up?
i cant draw when i go to the next frame because it says the the frame head is over the target layer in timeline? what do i do????
yes same
Crap, just realized I hadn't responded sorry 😕 I think what that was saying the frame you were on in the timeline didn't have the selected layer within it - the layer you were trying to draw on isn't seen at that timecode. You'd would need to make sure whatever layer you have selected (the one you are trying to draw on) is extended to include the frame that the playhead is on. Im finding this very hard to explain... hopefully that made a bit of sense?
@@BWayMotion got it
It seems so easy but it so complicated for me qmq
does anyone know how I can copy a frame and paste it later on the timeline? I can't seem to find a way :(
Hey! I got it. With your video layer selected, cmd+A to select the entire frame. Move in your timeline to the frame you want to paste the copied frame to, and cmd+SHIFT+V (paste in place). Also if you want to insert that copied frame and shift the rest of the animation over, Layer>Video Layers>Insert Blank Frame, then paste it onto that new blank frame. :))