HOME | DD

cyberbuu β€” moving pixel icon tutorial

Published: 2009-08-24 17:45:11 +0000 UTC; Views: 35239; Favourites: 893; Downloads: 732
Redirect to original
Description I am glad that this tutorial has helped everyone create some cute pixel works! As of April 2018 I will be disabling comments on this post as I am not able to give tutorials beyond what is provided. This tutorial is now out of date to the current software of GIMP but a lot of the same general rules still reply. Please check below for an updated tutorial.

FOR THE NEWEST VERSION OF GIMP:

I have created another tutorial to help with saving on the new GIMP 2.8 which can be found here: silly-peach.deviantart.com/art…


Saving as animation is different on the new version so please use it if you get stuck! YOU NO LONGER HAVE TO PUT THE WORD (LAYER #)(REPLACE) IN YOUR LAYER NAME! JUST MAKE SURE THAT THEY LAYERS ARE IN THE ORDER THAT YOU WANT THEM TO ANIMATE INT!!
Related content
Comments: 543

RiceBalls4Me In reply to ??? [2011-07-12 20:49:16 +0000 UTC]

XD okies thx

πŸ‘: 0 ⏩: 0

Kuruizki In reply to ??? [2011-07-10 11:53:28 +0000 UTC]

is this what you did to make your current Icon?

πŸ‘: 0 ⏩: 1

cyberbuu In reply to Kuruizki [2011-07-14 15:38:52 +0000 UTC]

YEah this is what I use to make all of my art work

πŸ‘: 0 ⏩: 0

Flail-Sparklebuggeh In reply to ??? [2011-07-10 08:28:44 +0000 UTC]

FINALLY, a tutorial that didn't confuse the crap outta me! Thanks sooo much; this was like...the best thing to ever happen to me in the worlds of animation. <3

πŸ‘: 0 ⏩: 1

cyberbuu In reply to Flail-Sparklebuggeh [2011-07-14 15:40:16 +0000 UTC]

Haha thank you! I'm glad it helped

πŸ‘: 0 ⏩: 0

CelesOran In reply to ??? [2011-07-08 22:50:10 +0000 UTC]

thanks you so MUCH for this!!!

πŸ‘: 0 ⏩: 1

cyberbuu In reply to CelesOran [2011-07-09 14:15:22 +0000 UTC]

You're welcome

πŸ‘: 0 ⏩: 0

gingie-lily In reply to ??? [2011-07-07 02:51:40 +0000 UTC]

WOW!thank you!i made a cherry instead maybe i can send you da link if you wanna see

πŸ‘: 0 ⏩: 0

Katau In reply to ??? [2011-07-07 02:25:18 +0000 UTC]

If you want to move two objects independently, eg peach and a heart, do you just use different layers?

πŸ‘: 0 ⏩: 1

cyberbuu In reply to Katau [2011-07-17 17:44:12 +0000 UTC]

yes you do

πŸ‘: 0 ⏩: 0

Katau In reply to ??? [2011-07-07 00:47:20 +0000 UTC]

YESSS! SOMEONE ELSE WHO USES GIMP!

πŸ‘: 0 ⏩: 0

CuteBug11 In reply to ??? [2011-07-01 13:50:31 +0000 UTC]

Helped ALOT.

πŸ‘: 0 ⏩: 1

cyberbuu In reply to CuteBug11 [2011-07-01 15:14:47 +0000 UTC]

good I'm glad it did

πŸ‘: 0 ⏩: 0

iButcher In reply to ??? [2011-06-23 06:15:51 +0000 UTC]

This helped me a lot! c:
Thank you so much!
In fact, the icon I'm currently using I made with reference to this.
Gimp ftw.

πŸ‘: 0 ⏩: 1

cyberbuu In reply to iButcher [2011-06-23 21:54:54 +0000 UTC]

awh i'm so glad it helped

πŸ‘: 0 ⏩: 0

The-Immature-One In reply to ??? [2011-06-11 14:28:56 +0000 UTC]

Thanks for the tutorial! It was fun and helpful! [link]

πŸ‘: 0 ⏩: 1

cyberbuu In reply to The-Immature-One [2011-06-11 15:01:53 +0000 UTC]

you're welcome! I'm glad it helped (:

πŸ‘: 0 ⏩: 0

roxana333 In reply to ??? [2011-06-06 17:55:12 +0000 UTC]

to bad i can't downald gimp

πŸ‘: 0 ⏩: 1

cyberbuu In reply to roxana333 [2011-06-11 08:40:57 +0000 UTC]

how come?

πŸ‘: 0 ⏩: 1

roxana333 In reply to cyberbuu [2011-06-11 14:15:28 +0000 UTC]

because something wrong with my computer i think

πŸ‘: 0 ⏩: 1

cyberbuu In reply to roxana333 [2011-06-11 15:02:10 +0000 UTC]

ahh okay :/

πŸ‘: 0 ⏩: 1

roxana333 In reply to cyberbuu [2011-06-11 16:30:25 +0000 UTC]

but it's ok! i show naruto icon!

πŸ‘: 0 ⏩: 0

Baka-Cherry In reply to ??? [2011-05-14 15:58:42 +0000 UTC]

thak yooouuu for making this tutorial *-*
it helped me soooo much!

πŸ‘: 0 ⏩: 1

cyberbuu In reply to Baka-Cherry [2011-05-14 16:00:00 +0000 UTC]

awh you're welcome! <3

πŸ‘: 0 ⏩: 0

K-l-a-k In reply to ??? [2011-05-08 12:53:13 +0000 UTC]

Thank you so much for this tutorial!
It was so helpful, thaaanks! <3

πŸ‘: 0 ⏩: 1

cyberbuu In reply to K-l-a-k [2011-05-08 14:04:43 +0000 UTC]

glad it helped ^-^

πŸ‘: 0 ⏩: 0

Kenalli In reply to ??? [2011-05-05 01:34:53 +0000 UTC]

Okay, I needs some help!!!
I followed everything you said but now my icon is ALOT smaller than I was expecting it to be and it doesn't move. Can you think of what I did wrong? Suggestions?

πŸ‘: 0 ⏩: 1

cyberbuu In reply to Kenalli [2011-05-05 05:11:12 +0000 UTC]

Hmmm, it's never happened to me before... Are you sure it's 50x50 when you start? And if you use things suck as pictures off of the internet as a template with GIMP it can sometimes be tricky to regain the right size... If you're still having trouble just note me letting me know exactly what you did when you were making it and I'll see if I can help c:

πŸ‘: 0 ⏩: 1

Kenalli In reply to cyberbuu [2011-05-05 18:54:06 +0000 UTC]

Well, let me try it again and if it doesn't work again, I will let you know. And if it doesn't, I will definitely take you up on your offer! Thanks so much!

πŸ‘: 0 ⏩: 2

cyberbuu In reply to Kenalli [2011-05-05 20:28:16 +0000 UTC]

Okay then you're welcome!

πŸ‘: 0 ⏩: 0

cyberbuu In reply to Kenalli [2011-05-05 20:28:12 +0000 UTC]

Okay then you're welcome!

πŸ‘: 0 ⏩: 1

Kenalli In reply to cyberbuu [2011-05-07 02:26:11 +0000 UTC]

Okay, well it still didn't work. So here are my steps, in order. Tell me what you think I did wrong, if you can!

File
New
Change Width to 50
Change Height to 50
Change Fill With to Transparency
Change 100% to 800%
Applied coloring for my blueberry
Edited Layer Attributesβ€”changed name to β€œ1(replace)”
Duplicated 1(replace)
Edit Layer Attributesβ€”changed name form β€œ1(replace) copy” to β€œ2(replace)
Moved 2(replace) up one pixel
File
Save As…
Entitled β€œBlueberry:
Select File Type
GIF Image
Save
Save As Animation
Export
Crop
Delay Between Framesβ€”400 milliseconds
Frame disposal where unspecified: One frame per layer (replace)
Save

Open up Pictures folder
Search for β€œblueberry.gif”
Double-click on blueberry

It does not move and it’s waaaaaay small…

Help?

πŸ‘: 0 ⏩: 1

cyberbuu In reply to Kenalli [2011-05-07 08:57:19 +0000 UTC]

hmmm, i honestly don't know? i do all of that and mine turn out okay? I use windows 7 and when I open up my icon they don't move... maybe try and upload it to deviantart (you don't have to upload it just have a look at what it looks like in the preview box) it may be they way your system views GIF files?

πŸ‘: 0 ⏩: 1

Kenalli In reply to cyberbuu [2011-05-08 18:17:12 +0000 UTC]

Okay, I'll try that!

πŸ‘: 0 ⏩: 0

MoziCocosi In reply to ??? [2011-05-03 03:46:21 +0000 UTC]

What program you are using to do this??? Because I really need it to do this, right?? Very good meme!! I it!

πŸ‘: 0 ⏩: 1

cyberbuu In reply to MoziCocosi [2011-05-03 09:38:03 +0000 UTC]

I use GIMP 2.7 (i think) it's definitely GIMP though xD thank you ^-^

πŸ‘: 0 ⏩: 1

MoziCocosi In reply to cyberbuu [2011-05-03 22:08:38 +0000 UTC]

but what program, for example I use Photoshop to draw, what program you use to make it?? Because is a good tutorial a I really wan't to make a movingpixel icon, you are very talented

πŸ‘: 0 ⏩: 1

cyberbuu In reply to MoziCocosi [2011-05-03 22:41:10 +0000 UTC]

GIMP is the program it's a free downloadable art software off the internet if you want to give it a go, you should be able to find it if you just type GIMP into google or try the website filehippo.com and thank you so much!<3 you could still do this on photoshop too it's the same principal with the layers and such or there is tutorials specifically for photoshop icon animation I hope this helped!

πŸ‘: 0 ⏩: 1

MoziCocosi In reply to cyberbuu [2011-05-04 00:34:10 +0000 UTC]

oh ok! you really helped me

πŸ‘: 0 ⏩: 1

cyberbuu In reply to MoziCocosi [2011-05-04 05:45:07 +0000 UTC]

Good! I'm glad I could

πŸ‘: 0 ⏩: 0

jellybean400 In reply to ??? [2011-05-01 19:24:31 +0000 UTC]

this sounds stupid but how do u change the color of the pencil or bucket fill?? thanks :3

πŸ‘: 0 ⏩: 2

cyberbuu In reply to jellybean400 [2011-05-01 20:06:18 +0000 UTC]

just click the top coloured square (default is black) and a box should come up giving multiple colour options c:

πŸ‘: 0 ⏩: 1

jellybean400 In reply to cyberbuu [2011-05-01 21:06:44 +0000 UTC]

okay thank you!

πŸ‘: 0 ⏩: 0

jellybean400 In reply to jellybean400 [2011-05-01 19:33:28 +0000 UTC]

oh nvm i got it :3 really good tutorial!!!

πŸ‘: 0 ⏩: 0

UntitledSpy In reply to ??? [2011-04-26 11:33:36 +0000 UTC]

Hmm this shall come in handy, it's been ages since I did my last pixel animated icon, so this will be a great refresher. Plus I haven't used gimp for animating gifs either so it will be twice as handy. Cheers heaps for this!

πŸ‘: 0 ⏩: 1

cyberbuu In reply to UntitledSpy [2011-04-26 14:05:09 +0000 UTC]

You're welcome I'm glad it has helped !

πŸ‘: 0 ⏩: 0

XxbadDreamsxX In reply to ??? [2011-04-19 23:28:47 +0000 UTC]

uhgggg i wish i could but im not alloud to have gimp

πŸ‘: 0 ⏩: 1

cyberbuu In reply to XxbadDreamsxX [2011-04-20 15:13:40 +0000 UTC]

ohh no why not?

πŸ‘: 0 ⏩: 1

XxbadDreamsxX In reply to cyberbuu [2011-04-20 17:59:55 +0000 UTC]

i have been getting virus's on my pc and my mother doesnt want me to download anything that could possibly have a virus one more could shut down my pc for good.

πŸ‘: 0 ⏩: 1

cyberbuu In reply to XxbadDreamsxX [2011-04-20 21:08:48 +0000 UTC]

ahh okay then that does make sense :/

πŸ‘: 0 ⏩: 1


<= Prev | | Next =>