Webkinz Insider Forum

Webkinz Insider Forum (http://www.webkinzinsider.com/forum/)
-   Guides & How-tos (http://www.webkinzinsider.com/forum/guides-how-tos-137/)
-   -   {αηιмαтιση gυι∂є} on Gimp! (http://www.webkinzinsider.com/forum/guides-how-tos-137/%7B%CE%B1%CE%B7%CE%B9%D0%BC%CE%B1%D1%82%CE%B9%CF%83%CE%B7-g%CF%85%CE%B9%E2%88%82%D1%94%7D-gimp-673808/)

klcao1201-03-2011 08:29 PM

{αηιмαтιση gυι∂є} on Gimp!
 
How to do animation on Gimp
'Stuff like dots around images, X's, hearts, etc (:
'Guide by Katie (me.. duh xD)

What you will be learning
'for those people who insist on seeing
what they learn before they actually read
the guide..

Dots around images:
http://i52.tinypic.com/2u5rw51.gif

X's:
http://i52.tinypic.com/immpg3.gif

Hearts:
http://i54.tinypic.com/jku7u1.gif

---------------------------------------------------

Dots around image:

Step one:
Open up Gimp & your image (duh xD)
Make sure animation is the last thing you do to an image (:
So basically add text/textures/etc. FIRST. Then do animation (:

*If you add text to your picture, make sure to flatten your image
before you add your animation or else your text will "flash." To flatten
your image, go to Image>Flatten Image.

Step two:
Zoom your image to 400%.
(At the bottom of the box that holds your image; middle box)
*Zooming your image up makes it ALOT easier to do the pixels*

Step three:
Click the pencil icon on the left. Make your settings like mine:
http://i54.tinypic.com/2ebr7o5.jpg

Step four:
On your layers panel (located on the right), click this icon:
http://i55.tinypic.com/2h4jghc.jpg
That creates a new layer.
A window will pop up. Press Okay.

Step five:
Go back to your picture and place your first dot on your picture. The dot can be any color you want. Just change it on your color pamphlet located on the left. Here is what is should look like right now with one dot so far..:

http://i51.tinypic.com/2lcnwg5.jpg

Step six:
Once you have your first dot, go back to the layers panel and click the new layer icon.
After you do that, make another dot.

Step seven:
After making your second dot, click the new layers icon.
Then do your third dot.

Step eight:
You basically repeat that pattern until you're done. If you're the type that gets lazy really easily (like me xD), space out the dots so then it won't take as long. I've had graphics that had 50 layers (that's 50 dots people! it took a long time)

Step nine:
Once you're done.. Save your image as a .gif
IT WON'T WORK IF YOU DON'T SAVE IT AS A GIF.
Once you press "Save," a window will pop up. Make sure your settings are like mine:

http://i56.tinypic.com/1rc1gz.png

Then press "Export." Another window will pop up. Make sure your settings are like mine:

http://i51.tinypic.com/2iiep20.png

Press Save.

Step ten:
Upload your picture to tinypic.com or imageshack.com and post it here. I want to see your result!

If you have any questions, feel free to comment below. Or if you're feeling it's a private matter.. PM or VM me!

---------------------------------------------------

X's:

Step one:
Open up Gimp & your image (duh xD)
Make sure animation is the last thing you do to an image (:
So basically add text/textures/etc. FIRST. Then do animation (:

Step two:
Zoom your image to 400%.
(At the bottom of the box that holds your image; middle box)
*Zooming your image up makes it ALOT easier to do the pixels*

Step three:
Click the pencil icon on the left. Make your settings like mine:
http://i54.tinypic.com/2ebr7o5.jpg

Step four:
On your layers panel (located on the right), click this icon:
http://i55.tinypic.com/2h4jghc.jpg
That creates a new layer.
A window will pop up. Press Okay.


Step five:
Go to your image and do your first dots.

http://i51.tinypic.com/28koby9.png

Step six:
Once you have your first dot, go back to the layers panel and click the new layer icon.
After you do that, make more dots in the pattern that is shown in the following picture.

http://i55.tinypic.com/1zezd52.png

Step seven:
Once you get your second set of dots, go back to the layers panel and click the new layer icon.
After you do that, make more dots in the pattern that is shown in the following picture.
http://i56.tinypic.com/2ev6hqq.png

Step eight:
You can add more dots if you like to make it a bigger "X."
I hope you understand the pattern now.. xD.

Step nine:
Once you're done.. Save your image as a .gif
IT WON'T WORK IF YOU DON'T SAVE IT AS A GIF.
Once you press "Save," a window will pop up. Make sure your settings are like mine:

http://i56.tinypic.com/1rc1gz.png

Then press "Export." Another window will pop up. Make sure your settings are like mine:

http://i51.tinypic.com/2iiep20.png

Press Save.

Step ten:
Upload your picture to tinypic.com or imageshack.com and post it here. I want to see your result!

If you have any questions, feel free to comment below. Or if you're feeling it's a private matter.. PM or VM me!

---------------------------------------------------

klcao1201-03-2011 08:30 PM

Re: {αηιмαтιση gυι∂є} on Gimp! (still working on it)
 
How to do hearts:
Sorry for such a long wait everyone.
I've been extremely busyy. P:

If you understand the concept of animation, then you know each "set of dots" is one layer.
So basically on this hearts guide, I will give you the pattern that you need to do for your dots to form a heart.
It's really easy.
*Make sure to zoom 400%, use the pencil at .10, and anything else I might've missed at the moment xD.*

Layer 1:
*Pick a color to outline the heart*
http://i55.tinypic.com/dd2xs9.jpg
Layer 2:
http://i52.tinypic.com/mb4qx0.jpg
Layer 3:
http://i54.tinypic.com/rwlaqe.jpg
Layer 4:
http://i54.tinypic.com/ma8fsx.jpg
Layer 5:
http://i54.tinypic.com/2njzy2p.jpg
Layer 6:
http://i53.tinypic.com/2hft3bp.jpg
Layer 7:
http://i53.tinypic.com/w7j1jk.jpg
Layer 8:
http://i52.tinypic.com/2552miu.jpg
Layer 9 :
*Pick a color to fill the heart*
http://i51.tinypic.com/4jryc0.jpg
Layer 10:
http://i56.tinypic.com/m90g14.jpg
Layer 11:
http://i56.tinypic.com/xgaza9.jpg
Layer 12:
http://i55.tinypic.com/13zwvw2.jpg

*Make sure to save as a .gif file!*



klcao1201-03-2011 08:31 PM

Re: {αηιмαтιση gυι∂є} on Gimp! (still working on it)
 
Reserved for me

Spoiler: show
:):):):):):):);):):):):):):):):):):):):)

webkinzlover21801-04-2011 02:09 AM

Re: {αηιмαтιση gυι∂є} on Gimp!
 
I hope I can post now... xD
This guide is wonderful and will surely help me! thanks so much! ^_^

Priceless01-04-2011 02:39 PM

Re: {αηιмαтιση gυι∂є} on Gimp!
 
This is an amazing guide! I can't wait for the other two! :D

taylorswift101-04-2011 02:41 PM

Re: {αηιмαтιση gυι∂є} on Gimp!
 
This is going to help alot. :clap:

Priceless01-04-2011 03:42 PM

Re: {αηιмαтιση gυι∂є} on Gimp!
 
I just made this! Your guide is amazing Katie! Reps for you and 5 starzies! ^-^

http://img842.imageshack.us/img842/3066/igvlionki.gif

SunnyPup2001-04-2011 03:45 PM

Re: {αηιмαтιση gυι∂є} on Gimp!
 
This guide is awesome ! :D Thanks katie!

klcao1201-04-2011 04:19 PM

Re: {αηιмαтιση gυι∂є} on Gimp!
 
Thanks everyone :)
I will put up the rest of the guide later on tonight.. I have homework & stuff :P

Quote:

Originally Posted by Priceless (Post 21831763)
I just made this! Your guide is amazing Katie! Reps for you and 5 starzies! ^-^

http://img842.imageshack.us/img842/3066/igvlionki.gif

That looks great for your first time ;D
How many layers was that? xD

Priceless01-04-2011 04:36 PM

Re: {αηιмαтιση gυι∂є} on Gimp!
 
Quote:

Originally Posted by klcao12 (Post 21832053)
Thanks everyone :)
I will put up the rest of the guide later on tonight.. I have homework & stuff :P



That looks great for your first time ;D
How many layers was that? xD

Geez, I didn't even count ::) Probably over 45 though xD


All times are GMT -5. The time now is 01:37 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
SEO by vBSEO ©2011, Crawlability, Inc.
Copyright © 2007-2013 Kopi Enterprises, LLC