Shop Mobile More Submit  Join Login
Gif Icon Tutorial by MewShinobi Gif Icon Tutorial by MewShinobi
:iconanoplz: ;;;; My first tutorial...... :iconlazycryplz: Please be nice.....I'm a wordy person and I tried not to rant too much.......and it doesn't really go in depth on how to animate motions but more of the entire process together, okay, I'll be quiet now and let you read, comment, fav, or look away and never come back.....I hope you all learn something from this at least.....<3

If there are any questions, don't be afraid to ask :la:

:iconlazycryplz: ;;;;; Suddenly noticed the things I left out......if you don't mind reading more of my blabber....

More Hints/Tips from a Mew
:bulletpink: It's not really necessary to be all detailed with your drawing. It's going to be REALLY small when you shrink it to icon size, so making small details won't get noticed in the final playback. Also, the more detail you make your icon, the greater kb your gif will end up. And DA no like that if greater than 15 kb. *insertlazycry*

:bulletpink: Along the lines of being a small icon, it means you must make the subject of your icon big enough so people can tell what the subject is and what it's doing. If it's not recognizable, then it's not all that good to use. Which is why in all my icons, the heads are the main focus and take up most of the space.

:bulletpink: With the two above hints, they're why I use a chibi style to draw my icons. They're big heads with big eyes; easy to see when the icon's so small. But if you're not good at chibi style or prefer to work in your own style, go ahead! Not all icons are chibis, it's fine!! 8U Just remember to watch out about exceeding details and the size of the subject.

:bulletpink: If you're making an icon solely for the action rather than the character, then you have have to make the /action/ recognizable more so than the chara. The icons are make are of my friends' OCs, which is why I have to make them recognizable. Though if you're concentrated on getting an action, making the character recognizable is second thought and it's not that important if the subject is too small and hard to pick out. Usually the action helps people to identify the action and the thing doing the action.

:bulletpink: *insertlazycry* Oh, and if the subject of your icon consists of really light colors, a dark background would be most preferred over a light colored one. Sorry, never thought about this point until now.



Icons Made
:iconmanillapeeksoverplz:
:iconcollettepeekplz:
:icongwenfigureditoutplz:
:iconluisaishorrifiedplz:
:iconkalebpizazplz: <-"kalebpizazplz" the finished product of the tutorial OAO
:iconadamslidesoutplz:
:iconroyohseriousplz:
:iconjaneohokayplz:
:iconjaneuhnoplz:
:iconjosewtfplz:
:iconjosewasabouttosayplz:
:iconkaswthplz:
:iconkasdoesnotcareplz:

Tutorial requested by :iconfiredrakewicked: and it's her OC Kaleb that I was making an icon for u_u
Tutorial Second Wanted by :iconresistancegirl11: ........... :iconhouseiswatchingyou:
Add a Comment:
 
:iconianolivia:
ianolivia Featured By Owner Feb 6, 2014  Hobbyist Artist
I use paint.net and microsoft gif animator
Reply
:iconmewshinobi:
MewShinobi Featured By Owner Feb 7, 2014  Hobbyist Digital Artist
:iconimshockedplz: Aaaaah I see!  Unfortunately, I haven't use either of those programs, but use the ones you're most comfortable with!  I find my way better with Photoshop and Gimp, but if paint.net and microsoft gif animator is your thing, then that's great!
Reply
:iconduskythewolf:
DuskyTheWolf Featured By Owner May 25, 2014  Hobbyist Artist
What could i use if i don hav micro gif animator cuz i havvvvvvve no idea how to make gif icons lickies and others i can just draw :/
Reply
:iconmewshinobi:
MewShinobi Featured By Owner May 26, 2014  Hobbyist Digital Artist
OAO You don't need micro gif animator to make gifs.  This tutorial shows you how to do it with Photoshop and GIMP.  As I have mentioned at the beginning of the tutorial though, any art program can be used in place of Photoshop to create the frames.  You can even simply scan or photograph hand-drawn frames and use them without having to draw digitally.  GIMP is a free download art program that works on both Windows and Macs.  When you have your drawn frames completed, the frames should be imported into GIMP as following the tutorial.

Please go through the tutorial if you haven't already and try your hand at making a gif.  If there are any difficulties, feel free to ask questions.  My way isn't the only way or the "easy" way to make gifs as it does require practice to learn and get better at gif making.
Reply
:iconianolivia:
ianolivia Featured By Owner Feb 8, 2014  Hobbyist Artist
yep
Reply
:iconcielyciel:
CielyCiel Featured By Owner Mar 22, 2013  Hobbyist General Artist
This helped me so much! :D
Reply
:iconmewshinobi:
MewShinobi Featured By Owner Apr 25, 2014  Hobbyist Digital Artist
Aaaaah, sorry for such a late reply, but your comment made me very happy to see when I first got it!  :iconpapcryplz: I'm glad the tutorial helped you like a year ago or even more times since then <3
Reply
:iconmoustachedpanda:
MoustachedPanda Featured By Owner Mar 8, 2013  Hobbyist
We need photoshop? D: :iconlazycryplz:

I don't have photoshop nor paint tool sai.... Only gimp ;-; and I'm too lazy to find and download photoshop since I don't trust the Internet and its free viruses ;-;
Reply
:iconmewshinobi:
MewShinobi Featured By Owner Mar 10, 2013  Hobbyist Digital Artist
Awww, don't worry, deary! You can also make a gif with just Gimp if you don't have Photoshop. I believe you can draw your layers/frames using Gimp just the same as Photoshop. You will probably have an easier time in the process since you don't have to import anything. The reason I use Photoshop is because I'm more familiar with it than I am with using Gimp. But for you, you can totally just draw anything with Gimp and still make a lovely gif! If you would like some more guidance in any way, I'm here to help! c:
Reply
:iconmoustachedpanda:
MoustachedPanda Featured By Owner Mar 10, 2013  Hobbyist
Oh.. Ok. Thanks! :3 I was worried for a second there haha.

:iconcannotevenplz: lol
Reply
:icontreegarchie:
treegarchie Featured By Owner Jan 19, 2013  Hobbyist Artist
Thank you wonderful person, my icon you see here has been made with your lovely advice.
I felt you deserved my most profound thanks :bow:
Reply
:iconmewshinobi:
MewShinobi Featured By Owner Jan 19, 2013  Hobbyist Digital Artist
:iconamgplz: ............... :iconmanbabyplz: Aaaaaaahh, you are so welcome!! :iconrlytearplz: I am so very happy that my advice could help. And it's such an amazing icon as well. *pets the clouds* ~<3
Reply
:icontreegarchie:
treegarchie Featured By Owner Jan 19, 2013  Hobbyist Artist
It was really nice you showed how to do it with GIMP, photoshop is great but I don't have the animation preset either, and I find GIMP complicated to use without any advice ^^ (wonderful meme btw)
Reply
:iconeye-ham:
Eye-Ham Featured By Owner Mar 2, 2012  Hobbyist General Artist
So awesome OAO
Reply
:iconmewshinobi:
MewShinobi Featured By Owner Mar 4, 2012  Hobbyist Digital Artist
:iconsothereplz: Thank you, Monkey!!
Reply
:iconfiredrakewicked:
Firedrakewicked Featured By Owner Mar 2, 2012
*halfway through* duplicate all layers and merge the duplicates... @___@ duplicating every frame layer adn making a weird massize frame? or.... OTL are lines on different layers and.... I'm sorry mew but I don't get that bit! everything else I get though! :la: the original thing says "After that, duplicate all layers and merge the duplicates together to make just one layer which will be your first layer." I get the hide that layer and colour the rest after; kinda. It's just I don't know what you mean there /o/. that one sentence... it is the bane of my icon making...
Reply
:iconmewshinobi:
MewShinobi Featured By Owner Mar 2, 2012  Hobbyist Digital Artist
OAO Duplicate everything. Hide the layers you don't wanna show and show the layers you want to show in that certain frame. Duplicate all because it's easier than picking out individual layers then unselecting all by accident and having to start over. So duplicate all layers, merge only the duplicates, and you have a frame for your animation. Then hide it so you can go back and make a new frame. Makes better sense?
Reply
:iconfiredrakewicked:
Firedrakewicked Featured By Owner Mar 2, 2012
I'm not sure what you mean by 'layers' though. what's in an individual layer? are you duplicating an entire pic of a single movement; like kaleb in half blink, with all lines and colours; or what? what image is being duplicated hten merged? because my first thought was "every single frame, line, colour and movement is put together. and why are the orignal, unduplicated layers left as is? I'm not sure what's duplicated or why, or for what reason /o/
Reply
:iconeskimo-jay:
eskimo-JAY Featured By Owner Mar 2, 2012
I think I'mma go download GIMP now.... xD
I love you<3
Reply
:iconmewshinobi:
MewShinobi Featured By Owner Mar 4, 2012  Hobbyist Digital Artist
Love you too~ OuO <3
Reply
:iconeskimo-jay:
eskimo-JAY Featured By Owner Mar 4, 2012
:D
Reply
:iconmangamel:
MangaMel Featured By Owner Mar 2, 2012  Hobbyist General Artist
Oh, sweet, Mew~ 8D And lol Kaleb sparkles! XDDD
Reply
:iconmewshinobi:
MewShinobi Featured By Owner Mar 4, 2012  Hobbyist Digital Artist
:iconmonkeyclap: Heeheehee~ Of course~
Reply
:iconanna-mae-otaku:
anna-mae-otaku Featured By Owner Mar 2, 2012  Hobbyist General Artist
Cool, this actually explained a lot to me~!!!
Reply
:iconmewshinobi:
MewShinobi Featured By Owner Mar 4, 2012  Hobbyist Digital Artist
:iconrlyplz: Aaaah, I'm so happy it did!! <3
Reply
Add a Comment:
 
×




Details

Submitted on
March 2, 2012
Image Size
4.0 MB
Resolution
900×9108
Link
Thumb
Embed

Stats

Views
2,569 (4 today)
Favourites
42 (who?)
Comments
25
Downloads
19
×