What's good YouTube, Creative Ice Media Group here. And I'm going to do a tutorial on probably one of the most requested tutorials I get. Which is how to make basic animation in Photoshop. I basically make sort of an animation tutorial video Photoshop, of course that wasn’t targeted at anyone. So not everyone knew about it. So I'm just going to show you guys quickly, quick time, how to make basic animation. Okay.
What I've done is open a new document in Photoshop. Any size, in my example it would be like that. Now for my sake in basic animation, I'm going to make a new now. I'm going to get my paint brush and I'm just going to magnet my watermark. Okay.
So I can have a lot of freedom where I put it. In the corner, blah, blah. Right, but for this time its going to be there. Now this is what animation magic comes in. we’re going to go to window, animation. Okay. You’ll have this dialogue box come up. I have it like this. Measurement lock or you’ll have it like this. You most probably going to have something like this. If you do, just click on comeback to frame animation. Alright. So position, how the animation thing works is just like in Photoshop, we have layers. So let's position that, this is where it’s going to start. Okay. And by the end of the animation I want it to move out of the, no, I want to move it here by the end. Okay.
So what were going to do, this is our first layer. This is where it’s going to start. We’ll going to change the time to no delay. This is like its moving. You can adjust how you want it. Now we’re going to click on new layer and were going to make a way to finish it.
Now, how to play it. It’s obviously just going to be like that, which we don’t want. And also, you see this once, forever, or three times? Or you can do other. Forever, it will always keep repeating itself. Three times, obviously three times. And once obviously once. Or you can customize it so. What were going to do is once, but that’s just something you guys need to know.
Now what I’ll do is press shift, hold on shift, and click on both layers. And now we’re going to add in animation between. I’ll just click that. And were going to add the tween of 15. That’s just an example, I don’t know, but it came to my head. It will different for each passing. And now, as you can see, it made 15 extra layers between. So now, if I play it, it will go from there to there.
Now it is pretty jumpy. So that would mean I don’t have enough layers in between. And the reason I don’t have enough layers in between is probably because my example background is so big. So what I'm going to do is I'm going to do around 50. And then press OK. I'm going to press play. It’s still rather jumpy, Fairly Chop often does this. It’s never really that jumpy and when you publish it. So no worries guys, it’s usually Fairly Chop logs. But once its save to your desktop it’s usually perfectly works.
Now let me show you how to save this, our animation font. You just go to file, normally you go save as, but if were working with animation and all that, we go save for web devices. You have to make sure it’s a gif. Okay.
It’s slow loading up, because I have 50 twin layers in between. So it’s going to take a long time. Plus my document is so big. I don’t know how long it’s going to take. More than half way guys, more than half way. But basically I can just describe it to you.
All you do, you have to make sure this is a gif, mine is default. Set it here, and then you press save. You got a dialogue box pop up and basically you want to check box images only. Image in html is for when you make a website. But stick to images. And basically choose what to save. It would be brilliant if I could show you guys, but I might as well keep talking. And if it doesn’t finish by then, were in luck ladies and gentlemen, we are in luck. But until then, it looks like it’s not my day.
But hopefully this helped you guys. Hopefully it gave you an understanding of this very basic animation. You can do a lot in Photoshop, but I don’t recommend doing big animation in Photoshop unless it’s like really minor like something like this. Like an animated banner only because of the lag and all that. I recommend Adobe Flash. If you don’t know what that is, it’s another program just like Photoshop made by Adobe, but it’s a Flash.
So, ladies and gentlemen, it changed. So what you do is click here. Press there. And do you see here, there will be html and images, images only, html only. We click on images only, default settings we want and then you save anyway you want.
Hopefully this helped you guys, like I said, if you're going to go into in depth animation. Obviously you want to invest in Adobe Flash. But that’s another story guys, this is just basic animation for like banners, et cetera. Comment, rate, and subscribe guys. Share this with your friends. Add my tutorial website, I give permission. If you put in any blog or anything, just make sure it says CIMG. Add me on Facebook. Follow me on Twitter. Or links are on the side bar. Register on CIMG.co.uk. If you want you can post your tutorials or interesting design things like resources and all that onto our blog. You can register, our link will be again in the side bar. And check out CIMG.co.uk. It’s my new website and it’s pretty darn cool. It’s pretty darn cool.
So this is another video for you guys, hopefully this helps. Hopefully I wasn’t just talking for no reason. And I have another 8 videos to do. So yeah, keep watching. Keep subscribing. Keep rating. Keep commenting. Shoot, I forgot already what I said. Bye.