Marcianek's avatar

Animated Gold Icon tutorial

By Marcianek
87 Favourites
34 Comments
7K Views
WARNING!!! A HUUUUUUUGEEEE SIZE!!

Is it's leght over nine thousand?
NOUU! Itz over ten thousand! D8

edit3...now it's just over 9000

What a lame thing to make such long tut xD. But I hope it will help users of Oekaki na Smoczym www.oekaki.art.pl.

All of us have possibillity to make his own contest, but we have to do prize - gold icon. And some of users have problems with it, for egsample they don't know, how to make sparkles.

I was the first person who tested this function (I think Arshana was the one who has such idea) and make my own icon. From that time many people asked me how to make them, or even ask me to make some for them, and I promised to make tutorial.

Of course, some methods i used can sound stupid, but it's just a tutorial made by person who did just two icons - one for my own contest, one for this tutorial. And I hadn't any tutorial, I just saved some icon from old contests made by admins, and opened them in GIMP and look at them attentively frame after frame.

Anyway it isn't such hard to make icon. Using my way it can at last take 2 hours. Mere icons took ca 15 minutes. Animation is more labour-consuming (and boring...easy, but boring...), but If you don't want to make super ultra animation, don't know, Paprica in 50x50 px frames I shouldn't take more than those two hours...at least making this tutorial was more tiresome, than drawing icon.

Tutorial is in both english and polish languages because there are more and more user of oekaki na smoczym, who are from other countries than Poland. Some of them have their accounts here.

If fullview won't work, then try download button.
And I'm sorry for mistakes in english.

finished icon [link] (looks much better on dark background....)

Sparkles [link]
31 frames of sparkles on transparent layer, fell free for use, if you want add them to your contest icon. But please open them with Gimp- photoshop will merge all layers into one.

Palette [link]



EDIT- I forgot about adding titles for each part of tutorial...
EDIT 2 - There's another way to obtain animated gif XD check tutorial
EDIT 3 - I had a request to change the last part- add the other way of obtaining gif- with image ready. Now it's shorter, but I hope still understandable. If you have a problem with Image Ready, then please search for tutorials in internet...cause this one is about icons, not exporting gif animation in general.
IMAGE DETAILS
Image size
800x9426px 3.9 MB
Published:
© 2009 - 2021 Marcianek
Comments33
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In
MMDPandaMMD's avatar
I only have MS Paint. Is there a way to do this with ms paint?
Marcianek's avatar
I doubt it. Of course you can paint pixel art icon, but you wont animate it, or you won't be able to use layers. In this situation gimp may come in handy- it's a free drawing software, and if you know how to use it- you can do this tutorial in gimp only- not just to export psd file into animated gif. But I myself don't remember much about gimp, I haven't used it at all after making this tutorial few years ago.

But if you feel like it, I think gimp is worth trying and learn about.
MMDPandaMMD's avatar
Don't worry I found one I was on a site~>www.iaza.com
My Icon is cool but I have to get GIMP Soon! It so COOL! :iconepiclaplz:
Marcianek's avatar
That's some interesting site! O:

If you want to try, you can try googling FireAlpaca or Artweaver, but these free programs are more similar to paint tool Sai, so they are less for pixel art, more for painting...but free stuff is good stuff O:

Oh, and Happy New Year! :glomp:
MMDPandaMMD's avatar
Oh so can you give me the link to the download for gimp please I can download it now
Marcianek's avatar
[link] ,if the memory serves right, if not, try to write in google "gimp 2.8.2", that's the newest stable release. Good luck and bye~ :-)
MMDPandaMMD's avatar
Yea free stuff rulez! Cause it free :3
Happy New year to you too :3
neko----chan's avatar
Tworzyłeś może kiedyś w Image Ready starszej wersji? Mam problem z gifami, nie wiem jak to zrobić aby w jednej klatce obrazek był inny niż w poprzedniej (kiedy edytuję jeden orbazek to zmieniają się wszystkie >.>).
Marcianek's avatar
Z tego co kojarzę, to jedna warstwa zawsze odpowiadała jednej klatce w image ready. Może rozwiązaniem będzie albo uważanie, żeby tylko dana klatka była zaznaczona, albo po prostu opracowanie całej animacji na photoshopowych warstwach i wtedy wyeksportowanie do IR?
To niestety wszystkie rozwiązania jakie kojarzę. IR od lat dla mnie własciwie nie istnieje.
neko----chan's avatar
no właśnie jak tak robię to pisze mi, że nie warstwa nie jest dostępna do bezpośredniej edycji >.>
No animacje na PSie też robię, tylko niestety wymagają od nas na zajęciach tworzenia również w IR -___-
awatmyname's avatar
What? It's over nine thousand!! lol...This is a helpful tutorial :D
PipuTobi's avatar
A umiałbyś zrobić tutka jak to zrobić w GIMP'ie? Bo nie mam Photoshop'a i nie mogę mieć a bardzo chcę zrobić coś takiego... :/
Jak nie tutka to chociaż wyjaśnij co trzeba zmienić.
Marcianek's avatar
Ale ja niestety nie umiem obsługiwać Gimpa ^^ Używam go tylko do zapisu animowanych gifów, bo Photoshop wszystko spłaszcza D:
PipuTobi's avatar
To szkoda....
kate-n-art's avatar
zarąbiaszczy :) na pewno skorzystam jeśli skuszę się na własny konkurs :)
Marcianek's avatar
łoo, no to zajefajniście <3 już mnie ciekawi, co za konkurs mogłabyś wymyśleć hmmmm...stawiam na fanarty z gier xD
kate-n-art's avatar
raczej coś z Krystyną ;)
Toxyna's avatar
zajebiście zrobione! co prawda od dawna nie rysuje na OE, ale imo bardzo się ludziom przyda :) congrats za dobrą robotę.
Marcianek's avatar
dzięki wielkie XD
Kamys's avatar
ooo przyda sie taki tutek x>
graga-greenleaf's avatar
Jezu, kocham Cię za tego tuta <3
relssaH's avatar
użyjesz tej ajkonki na konkurs? bo właśnie ta którą zrobiłaś strasznie pasuje do tematu, który planowałem i nie wiem czy dalej mam robić swoją ajkonkę, bo nie wiem czy robisz ten sam temat ;^(
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In