Bill Rosener: Welcome back in this video you learn how to create an animated image in this case of a person waving. So the 1st step you want to do is I get an image. You can either download it from the assignment 29 subdirectory. Use your own, or see if you can find one using the search engine. I'm gonna go ahead and just simply press on the assignment. 29 subdirectory. And here it is, windmill, dot jpeg, and again, the quality and all that's really low. Just gonna keep these file sizes down.
Bill Rosener: Okay, so right click on that image. You're gonna then save it and open up into adobe. Photoshop.
Bill Rosener: The 1st step we need to do is kind of get that arm on its own layer. I'm going to be animating the arm right here. We need to get that arm on its own layer and then actually remove it from the background. And maybe the very 1st step I'll do is zoom in here a little bit.
Bill Rosener: and to get that arm on its own layer I'm going to go ahead and use the lasso tool. I've got my feather at 0. And I'm just going to kind of come along right up here
Bill Rosener: initially and just grab a big area.
Bill Rosener: I'm just gonna copy that edit copy
Bill Rosener: and then turn around and edit and paste.
Bill Rosener: Let's see about. Maybe I'll clean that up a little bit first.st So here is I'll call this one. I'll go ahead and double click on this.
Bill Rosener: And I'm gonna call this one arm, and it's gonna have I got a 0 here for 0 degrees of rotation.
Bill Rosener: At this point. I'm just gonna go ahead and I'm not gonna be too precise. Here.
Bill Rosener: Go ahead and highlight the information we want to move and delete it there
Bill Rosener: and control. D. Okay, now, that was kind of the easy part. Now, the little bit more tricky part. And this one is kind of hard, because the arm kind of crosses through one of these blades on the windmill. So I'm now gonna go ahead and use the make sure you're on the background. There, I'm gonna use the rubber clone and stamp tool. I'm gonna go and just kind of press, hold the out button and click up here. So
Bill Rosener: cloning, stamp, tool.
Bill Rosener: go and position your cursor on some blue sky. Hold the alt button down and click, and again, like we did before you let go your hands here. Now I'm going to simply press, and you can see that little plus sign up there. That's where I'm grabbing the pixels from.
Bill Rosener: and I need to remove that.
Bill Rosener: Okay, removing the rest of this arm's gonna be a little tricky. I could try and grab some pixels from up here, or maybe here, maybe I just position my cursor right here, hold the out, button down and click.
Bill Rosener: and I'll go ahead and see if I can
Bill Rosener: play around with this one a little bit.
Bill Rosener: so hold the up and down click. Then I'm gonna can come over here
Bill Rosener: and go. But you can see that top little.
Bill Rosener: If I keep going, I'm gonna run into that darker area. So I'm gonna start again.
Bill Rosener: Hold up there, click
Bill Rosener: and kind of remove it. Maybe I can position my cursor right here, hold the up, button down and click
Bill Rosener: and drag over a little bit.
Bill Rosener: Maybe I could hold it up here, wrap some. Black
Bill Rosener: try. Get on down.
Bill Rosener: Maybe I'll get a little more of this white removed
Bill Rosener: and let me actually come up here.
Bill Rosener: Okay, I'm gonna call that good. Now I'm gonna zoom back out.
Bill Rosener: Let me go to 100%. You zoom in. It's gonna look very pixelated, etc. There. But now let me go and put the arm on. So here it is, arm 0. Now I'm gonna do. Is I create a copy of this? You could press Ctrl, J. Or drag that down to the create newer icon, that little plus.
Bill Rosener: I'm gonna go and double click on this and change that caption to 10.
Bill Rosener: No, I'm gonna that's just simply the caption to help me.
Bill Rosener: Now, what layer each layer is. I'm gonna come right up here to edit.
Bill Rosener: I'm gonna come to a transform.
Bill Rosener: and then I'm gonna go to rotate.
Bill Rosener: And the only little trick here is I want to make sure
Bill Rosener: if I have this little reference point in the center. It's going to kind of rotate
Bill Rosener: more towards the elbow, but I want it to rotate more towards the shoulder, which is going to be this bottom left hand, icon, and let me just up. Go ahead and add 10 degrees of rotation.
Bill Rosener: Okay, now I'm gonna go ahead and
Bill Rosener: take a copy of Create a copy of this one. I'm gonna take layer, 10, track it down to the correct new layer, icon.
Bill Rosener: I'm now gonna go and double click on it and call this 20
Bill Rosener: haven't rotated yet. All we're done is re given that layer a name I'm now gonna make sure it's my active layer. I'm gonna come up here to edit
Bill Rosener: transform.
Bill Rosener: I'm gonna go to rotate again.
Bill Rosener: Make sure this bottom one is selected
Bill Rosener: and we'll add another 10 degrees.
Bill Rosener: Okay, let's do this one more time. I'm gonna go ahead and highlight arm my 20 degree rotation. Create a copy of that by dragging it down to the create new layer icon that little plus.
Bill Rosener: I'm gonna go ahead and double click on this.
Bill Rosener: And I'll call this 30.
Bill Rosener: And I could have created the arm one and rotate by 30. But since I created a copy of Arm 20, which is already been rotated, I only need to add another 10 degrees. I'm going to come right up here to edit.
Bill Rosener: transform, rotate
Bill Rosener: again, making sure we get that bottom right hand corner and adding an additional 10 degrees there.
Bill Rosener: Okay, and we're ready to begin the animation. So I'm gonna go ahead and turn off these eyes on the top 3. So the only one that's visible is arm 0.
Bill Rosener: Okay? To begin the animation. I'm gonna come right up here to window. I'm gonna go to a timeline window. Timeline.
Bill Rosener: create frame animation. Go ahead and press right there.
Bill Rosener: So here is my 1st frame.
Bill Rosener: I'm now going to go ahead and press on the little plus, and that's going to duplicate the selected frame. So now I've got frame 2. Now in frame 2 I'm going to do is simply
Bill Rosener: Turn off the ion 0 and add it for arm 10.
Bill Rosener: I'm not gonna repeat that process on frame 3. I'm gonna turn this eye off
Bill Rosener: and turn this one on.
Bill Rosener: and I'm gonna do it. One more time, actually might actually go up and then back down. So now I'm on Layer 4.
Bill Rosener: I'm going to turn this one on and this one off.
Bill Rosener: And now let's go back down the other direction.
Bill Rosener: or a frame 5.
Bill Rosener: I'm gonna turn this one on and this one off.
Bill Rosener: Frame 6.
Bill Rosener: Reverse that, and let's go ahead and do one more frame 7.
Bill Rosener: I'm gonna turn this one on and this one off. So if I take a look, here is a frame one.
Bill Rosener: 2, 3, 4,
Bill Rosener: 5, 5, starting to come back down. 6 little bit more, 7. And then I'm gonna come back to the beginning. So let's now just put this into a loop. I'm gonna highlight frame one.
Bill Rosener: Hold the shift key down.
Bill Rosener: It's already in loop. I get 7. But let's slow this down a little bit rather than 0 seconds. Let's go with 5 seconds. And now I'm gonna hit the the play button.
Bill Rosener: and there is my animation.
Bill Rosener: Okay? Well, the final step is to save this to save it again, I'm probably show you 2 approaches one. I'm going to come right up here to file save a copy.
Bill Rosener: Here was my original, and I can just simply call this one
Bill Rosener: assignment 29. And now the big thing here is, I want to make sure I save this as a gift phone.
Bill Rosener: So assignment 29 gift save S type is gift and save
Bill Rosener: and press. Ok.
Bill Rosener: okay, let's take a look at that. Here it is. I'm gonna right. Click on it open with.
Bill Rosener: And I'm gonna just choose a firefox.
Bill Rosener: And sure enough. There was my animated arm
Bill Rosener: going up and down. Okay, and one last thing there. If that did not work, just come up here to file.
Bill Rosener: save a copy export
Bill Rosener: save for web legacy. One of those 2 approaches should definitely work there anyway. Hopefully, in this video, you learn how to kind of isolate an error in this case. The arm, but we had to also kind of patch it back up, so we remove the original arm so that the arm could wave. Well, I'll catch you next. Video. Thanks a lot. Bye.