Spongebob tutorial: animation
A tutorial for one of my icons I posted in my last icon post.
How to make:
In GIMP.
1. I started off by working with this pic. I duplicated the layer and set it to Soft Light, and sharpened it a bit. Then I merged the layers.
>
2. Next, I added the text "OOH" in Arial Black at size 14. Now, with the text layer selected (meaning that, in the layer dialog, it should be selected in blue), go to Script-Fu > Shadow > Drop-Shadow... Here were my settings.
Now there should be a layer called "Drop-Shadow" underneath the text layer. You can merge all of the layers, and now you have your first frame.
3. I followed steps 1 & 2 for this image, except I added the word "SNAP" instead of "OOH."
>
4. Next, I made a new layer in the "OOH" image and pasted the "SNAP" picture on. Like this. Make sure to anchor the layer right after you paste it by clicking the anchor button.
5. I set the "SNAP" layer to invisible (click the eye next to the layer in the dialog) since I didn't need it at the moment, and it would only get in the way. So what I did next was I duplicated the "OOH" layer and went to Filters > Blur > Gaussian Blur... Here were my settings.
7. On the same layer, I went to Filters > Blur > Motion Blur... and put the settings as:
Blur Type: Linear
Blur Parameters: Length: 10; Angle: 45
8. Now you can make the "SNAP" layer visible, and repeat the blur process on that layer. Your dialog should look similar to this when you're done.
9. Yay, it's time to animate! You don't need GAP (Gimp's animation plug-in) for this at all; I downloaded it a while ago and I think it's too confusing. :/ Anyway.. You can change the speed of each frame by renaming each layer (right click on the layer in the dialog and go to "Edit Layer Attributes"). The speed is based on milliseconds, so you'd edit the layer with the amount of milliseconds like this: (100ms)
I set both Blur layers at 100ms and the others to 3000ms, which is 3 seconds incase you didn't know. :S
10. We're almost done, now you just have to save it. Go to File > Save As... and save it as a GIF. Another window should pop up, and make sure "Save as Animation" is selected. Click Export, then another window should come.. mine looked like this: http://img395.imageshack.us/img395/208/ok7zc.jpg
Oh, and these were my layers:
Well, that's it! Feel free to show me what you made with this tutorial. Just don't copy it exactly. I hope I wasn't too confusing. :)
How to make:
In GIMP.
1. I started off by working with this pic. I duplicated the layer and set it to Soft Light, and sharpened it a bit. Then I merged the layers.
>
2. Next, I added the text "OOH" in Arial Black at size 14. Now, with the text layer selected (meaning that, in the layer dialog, it should be selected in blue), go to Script-Fu > Shadow > Drop-Shadow... Here were my settings.
Now there should be a layer called "Drop-Shadow" underneath the text layer. You can merge all of the layers, and now you have your first frame.
3. I followed steps 1 & 2 for this image, except I added the word "SNAP" instead of "OOH."
>
4. Next, I made a new layer in the "OOH" image and pasted the "SNAP" picture on. Like this. Make sure to anchor the layer right after you paste it by clicking the anchor button.
5. I set the "SNAP" layer to invisible (click the eye next to the layer in the dialog) since I didn't need it at the moment, and it would only get in the way. So what I did next was I duplicated the "OOH" layer and went to Filters > Blur > Gaussian Blur... Here were my settings.
7. On the same layer, I went to Filters > Blur > Motion Blur... and put the settings as:
Blur Type: Linear
Blur Parameters: Length: 10; Angle: 45
8. Now you can make the "SNAP" layer visible, and repeat the blur process on that layer. Your dialog should look similar to this when you're done.
9. Yay, it's time to animate! You don't need GAP (Gimp's animation plug-in) for this at all; I downloaded it a while ago and I think it's too confusing. :/ Anyway.. You can change the speed of each frame by renaming each layer (right click on the layer in the dialog and go to "Edit Layer Attributes"). The speed is based on milliseconds, so you'd edit the layer with the amount of milliseconds like this: (100ms)
I set both Blur layers at 100ms and the others to 3000ms, which is 3 seconds incase you didn't know. :S
10. We're almost done, now you just have to save it. Go to File > Save As... and save it as a GIF. Another window should pop up, and make sure "Save as Animation" is selected. Click Export, then another window should come.. mine looked like this: http://img395.imageshack.us/img395/208/ok7zc.jpg
Oh, and these were my layers:
Well, that's it! Feel free to show me what you made with this tutorial. Just don't copy it exactly. I hope I wasn't too confusing. :)