Hey guys! This tutorial hopefully shows the very basics of animating with the video timeline in Photoshop! Hope it's useful to some, have a nice weekend : )
Hey Zimri, how do I make a smart object break down into its individual components when transferring objects from Illustrator to Photoshop for this? I made objects in Illustrator to make into GIFS, but when I import them in Photoshop as a smart object it just clumps it all together. Also, what button do you push to get the second little placer on the timeline after you push the stopwatch? For example, at 2:13 after you pushed the stop watch you then moved his body to look downwards, then pushed another button to get the white little marker you see at 2
@@lilyjones2811- You need to drag each element of your object (that you want to animate) from illustrator to Photoshop. This will bring them in on separate layers in your Photoshop document. For example. A head, body, the arms and a background each on individual layers. For the placer. You just mouse click where you want it. Hope you don't mind me jumping in! :)
This is me every time I do a GIF I just have fun with it and it flows a lot better, lovely tutorials DO IT AGAIN BOOOOOOOOM XD !!!! I Love me some donuts
man! this tutorial was very funny and usefull hahaha. The spontanious "mistakes" were the best, cause thats happen in real life: sometimes you are designin and stranger things happens to you and you dont know why or how
This is By Far! The best tutorial I have seen on this topic. Would you be open to creating one on Insta stories? Like how to animate text with accompanying images. Would love to learn how to create a basic template etc. tutorial on
Superb as usual. I always enjoy your tutorials and had no idea photoshop could do this... Reminds me of the stickman animations I used to make in Macromedia Flash with tweens!
I don't usually say things like this, but when you got excited at the end about all those donuts, I said, "This guy is so high!" Munchie animation! ... I don't really believe that, though. Nice work.
I know this video is old and you probably already know this by now. You can drag the anchor point on the lid and it will rotate on the axis that you set it to when you rotate it.
Render it first in Adobe Media Encoder and automatically it will be saved as a gif in it's specified AME folder. Later you can open it in photoshop and export it to save for web, saving for web will reduce the file size.
choose file/export/save for web (legacy).. top right second box select gif, bottom right looping options select 'forever'. (shortcut cmd+option+shift+s for mac, ctrl+alt+shift+s for pc)
Heyyy yes, it's very similar - it seems like it's much harder to make a smoother motion though - I don't think there's an automatic "easy-ease" you could apply to the motion like in after effects : P
yeah, maybe step back or fall on the ground but I think you meant a simple tut. I really wanna thank you for teaching us a lot and like your comedy scent haha.
When I want to learn Blender, they teach you how to make a donut. When I want to learn how to animate in PS, they teach me how to fly a donut. Donut everywhere.
Hey Zimri, how do I make a smart object break down into its individual components when transferring objects from Illustrator to Photoshop for this? I made objects in Illustrator to make into GIFS, but when I import them in Photoshop as a smart object it just clumps it all together. Also, what button do you push to get the second little placer on the timeline after you push the stopwatch? For example, at 2:13 after you pushed the stop watch you then moved his body to look downwards, then pushed another button to get the white little marker you see at 2:18.
Hey Lily :) yeah okay this is what I would do. It might be time intensive and annoying to copy and paste every separate piece from illustrator into photoshop then position them correctly, so instead I would: save your illustrator file as a .psd. If you didn’t know you could do this it’s very helpful. In illustrator, go File > Export > Export as. Then choose photoshop (psd) from the options. Then make sure the “write layers” option is on, so your stuff doesn’t get flattened into one layer. Then you can open the saved file in photoshop. If all your elements were on different layers in illustrator then they will also be on different layers when opened in photoshop. Then go through and convert your layers into smart objects. There may be a faster or easier way to accomplish the goal, but I’d have to look into it more :))) lemme know if it works or you find a better solution :D
@@zimrimayfield Thank you for your response! Unfortunately I have tried this as well. For some reason it keeps grouping each individual thing I make (I have 5 fish on an illustrator artboard). It recognizes them as separate fish, but won't break down these layers any further, even after ungrouping them.
is there any way you can help me - I keep getting an unknown error after I save - Adobe says update to latest CC version which I have done - twice - same error. can save gif, but can render a video - but some platforms need gif not video... I was able to do the gif last week based on your awesome tutorial. thanks
My photoshop version is cs5 and i have a problem with converting it to smart object. I dont know why but eventhough i converted it the option transform wont appear can you help me with this?
What about the SAVING aspect of this? How big was that GIF when you saved it? A lot of times if you are doing an animated GIF for a client, where it will be shown has some sort of FILE SIZE limit. Does this animation save as like a tween? Or does it convert to frames and then bloat up file size?
I found a solution: File - Export - Save for Web(Legacy), then at the popup window, change the preset to GIF and click save, you'll get the gif file. I believe there're much more settings to control the size in the popup window as well.
Hi Citra! Thank youu : ) Okay, when you open the "Time Line" window you can click on a button next to where it says "Create Frame Animation" and click a little drop down and select the other video timeline option. Go to 0:29 in the video : ) I hope that helps, or maybe you figured it out already! Thanks : )
Thanks for your reply! but there still no such options like that, maybe because i'm not using the extended version of photoshop? (i'm using the CS6 version) and couldn't figure it out how to make it to extended version :(
