Shop Mobile More Submit  Join Login
Emoticon Tutorial Part 2 by Jtcgh Emoticon Tutorial Part 2 by Jtcgh
A mere 6 months after my first emoticon tutorial, and I've finally finished the second part. Sort of.
Due to the fact that it was looking to drag on for a while longer, plus the way the raw file was eating memory on my laptop and bringing everything to a grinding halt I cut it a little short.

This is nevertheless a basic first look at animation of emoticons using only freeware, following on from part 1, found here: [link]

Sorry for the very wordy section in the middle, but there's really no way around it as you have to understand some of the basic concepts of the animation before you can really do it properly. As an extension of that, it's hard to teach how to animate well, so I'm just going to put forward examples containing various techniques and largely leave the rest up to you to experiment and find your own style.

Part 3 will look at more complex animation, how to speed up the animating of the final emote, and finishing off the example emote I began here.
Add a Comment:
 
:iconyamipea:
YamiPea Featured By Owner Mar 25, 2014  Hobbyist Digital Artist
I wanted to take the time to say that these tutorials are VERY well done. As someone who is forced to write Standard Operating Procedures, and Guidelines where I work, I am truly truly appreciative of the concise, clear, step-by-step instructions. Thanks for taking the time to make this. 
Reply
:iconafrican-amber:
African-Amber Featured By Owner Sep 13, 2013  Student General Artist
Wow. This is really helpful. It's given me a couple of evil idea. . :)
Reply
:iconlilylighty:
lilylighty Featured By Owner Aug 10, 2013  Hobbyist Digital Artist
P.S- This was a really helpful!
Reply
:iconlilylighty:
lilylighty Featured By Owner Aug 10, 2013  Hobbyist Digital Artist
My Emoticon waving like a maniac-lilylighty.deviantart.com/art/…
Reply
:iconpuppiesanddogsrule:
Puppiesanddogsrule Featured By Owner Apr 9, 2012  Hobbyist Digital Artist
whitsofftdev.com/unfreez/ isn't working when i'm doing it. :( :sniff: :tears: :cries:
Reply
:iconpuppiesanddogsrule:
Puppiesanddogsrule Featured By Owner Apr 9, 2012  Hobbyist Digital Artist
I got it now but HOW DO I GET TO IT!!!! IT DOWNLOADED BUT I CAN'T FIND IT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1 :rage:
Reply
:iconshewolfzoroark:
shewolfzoroark Featured By Owner Mar 22, 2013  Hobbyist General Artist
Go to 'Downloads', type 'unfreez' in 'Search Downloads. It should come up with a .zip file called unfreez. Double click it, it should come up with another 'unfreez' thing. Double click that, and unfreez should appear on-screen.
Reply
:iconpuppiesanddogsrule:
Puppiesanddogsrule Featured By Owner Apr 9, 2012  Hobbyist Digital Artist
Cool!!
Reply
:iconhikari-the-wolf:
Hikari-the-wolf Featured By Owner Dec 9, 2011  Hobbyist General Artist
I love it!!!!
Reply
:iconkidlat09:
Kidlat09 Featured By Owner Nov 14, 2011
YAY! thank you! this really helps! :dance:
Reply
:iconkonthelion:
konthelion Featured By Owner Sep 28, 2011
Thank you! These tutorials are very helpful! I use paint.net and I am happy to read a tutorial that is not for Photoshop or GIMP for once. I made a smiley using this by the way.
Reply
:iconttcptsfan:
ttcptsfan Featured By Owner Aug 19, 2011  Hobbyist Digital Artist
:iconrainbow-yplz::iconrainbow-aplz::iconrainbow-yplz:
Reply
:icontameyetwild14:
TameYetWild14 Featured By Owner Jul 19, 2011
thank you :D this is very helpful ^^
Reply
:iconstargatealpha:
stargatealpha Featured By Owner Jul 16, 2011
Sooooo awesome! Thx!:peace::D
Reply
:iconmychemmad:
mychemmad Featured By Owner Jul 6, 2011  Hobbyist Traditional Artist
thanks for this tutorial
Reply
:iconjakeclowd:
JakeClowd Featured By Owner Jun 7, 2011  Hobbyist Digital Artist
:tear: sadface, paint.net isn't compatible w/ my vista. back to gimp now...
Reply
:iconjenee-xxx:
jenee-xxx Featured By Owner May 28, 2011  Hobbyist General Artist
*waits patiently for part 3* >_<||
Reply
:iconsmall-glint-of-light:
Small-Glint-Of-Light Featured By Owner May 5, 2011
I've been looking for a free program of animation and a tutorial :D Thanks a lot!
Reply
:iconlollypop963549:
lollypop963549 Featured By Owner Feb 8, 2011
Wonderful tutorial. Unfreez is a great program as well, so thanks for directing me to it. :D
Reply
:icondelade:
delade Featured By Owner Jan 23, 2011  Hobbyist General Artist
Great tutorial! :iconiloveitplz:
I've used unfreez to make several animations, so easy w/ drag-drop.
:giggle: I guess I'll {have to} make an emote now...
:iconpdnuserstamp1-plz::iconpdnuserstamp2-plz:
Reply
:iconklaytoninfinity:
Klaytoninfinity Featured By Owner Jan 18, 2011  Student General Artist
YAAY! I FINALLY KNOW HOW TO MAKE EMOTES!
Reply
:iconcrescentmoon24:
Crescentmoon24 Featured By Owner Oct 26, 2010
This tutorial was so helpful! ^_^

When the animation wouldn't work on Paint.net i got worried, but then i opened it on Internet Explorer and it worked XD
Reply
:iconflawlesslyartistic:
FlawlesslyArtistic Featured By Owner Aug 25, 2010  Hobbyist General Artist
uh hi! i made the emote and everything but i can't post it on da for some reason. can you tell me why?


awesome tutorial by the way! it helped loads!
Reply
:iconblackwolf816:
blackwolf816 Featured By Owner Aug 24, 2010
thnx so much i cant use photoshop on my new computer (was trying the 60 day trial but the program went wrong and some of the stuff i couldnt open) and i have a really slow internet so i couldnt be bothered to download fireworks in the end so im gonna try this software out hopefully it will work better than the others
:fork: but one question:
How do you use the emoticons on deviantart when leaving a comment?
Reply
:iconthe-lostartistictype:
the-lostartistictype Featured By Owner Apr 30, 2011  Hobbyist Traditional Artist
you make a plz account
Reply
:icontwitchy-tremor:
Twitchy-Tremor Featured By Owner Jul 16, 2010  Hobbyist Filmographer
Thank you for the tutorial!
Its vary helpful! <3
I tryed one but its not the best but I'm gonna keep trying.
[link]
Reply
:iconmrmeanz:
MrMeanz Featured By Owner Jul 3, 2010
Based on your tutorials I have been making emoticons for a while! I am sorry I never thanked you properly! It really helped me out, so thanks again! If you wanna see what i have made just look at my gallery it is almost all emoticon stuff using your tutorial!
Reply
:iconemo-puppet-neko-girl:
Thank you so much for this tutorial!
[link]
Reply
:icontopbananas:
TopBananas Featured By Owner Mar 7, 2010  Hobbyist General Artist
Thank you, this really helped. ^^
[link]
Reply
:iconkeredlo:
keredlo Featured By Owner Feb 2, 2010
thanks for the tutorials! I already made 2 animations!
Reply
:icondragon31299:
dragon31299 Featured By Owner Jan 10, 2010
i made one but i used iaza.
link ish here: [link]

feel free to join.
Reply
:iconbunny-star:
Bunny-Star Featured By Owner Oct 3, 2009   Photographer
Hey
um, I dont get it how you move the right hand? :O_o:
Reply
:iconstephlovesspiders:
stephlovesspiders Featured By Owner Sep 27, 2009
This really helped me to make this!
[link]
I don't know why, though! ^^; Perhaps it was inspiration! x3
Reply
:icon666cursed:
666cursed Featured By Owner Sep 23, 2009
I made this using your wonderful tutorial :D [link]
Reply
:iconfrivop:
Frivop Featured By Owner Aug 28, 2009  Hobbyist General Artist
You have no idea how much this has helped me >.<
Thank you!!!
Reply
:iconhiroshima255:
hiroshima255 Featured By Owner Jul 16, 2009
Brilliant tutorial - although there is a much, much, MUCH quicker way and more efficient way of doing this -Pivot Stickfigure Animator
It's free, and it has a 'insert image' function, so your not stuck with sickfigures.
I should look into making a tutorial to go with yours, or you should look into checking Pivot out and making a tutorial (because you obviously have incredible tutorial making and emoticon making skills compared to me, whom is using and learning from your tutorials) because I feel that Pivot could be very handy for this sort of animation - for it allows you to set the scene within the program and make the movement within it aswell.
At that - I must compliment your talents in this area of field - you are truly amazing.
Reply
:iconartist-enjoi-drawing:
artist-enjoi-drawing Featured By Owner Aug 5, 2009
you can use pivot for emotes? i only use it for stick figures...
Reply
:iconxdignity:
xDignity Featured By Owner Jul 12, 2009
Used your tutorial for my first ever emoticon. Great work thanks a lot for the help. You can check it out in my gallery if you like.
Reply
:iconkioto-san:
Kioto-san Featured By Owner Jun 30, 2009
cool... but one problem. when i got to move the hand it be comes distorted and stretched... have a fix??
Reply
:iconjtcgh:
Jtcgh Featured By Owner Jul 6, 2009
Try using the arrow keys instead of the cursor to move it. Alternatively, try moving the cursor away from the centre of the screen until it becomes a little hand before dragging it.
Reply
:iconkioto-san:
Kioto-san Featured By Owner Jul 6, 2009
i'll try that thk u!!
Reply
:iconawenky:
awenky Featured By Owner Jun 15, 2009  Hobbyist General Artist
thats really helpful :D
Reply
:iconacryliques:
acryliques Featured By Owner Jun 8, 2009
Great tutorial! I made an emoticon here: [link]
Thank you! ^^
Reply
:iconmikuhat13:
MikuHat13 Featured By Owner May 29, 2009   Interface Designer
but you cant just drag and drop the frames :o wait are the frames the same as the layers?
Reply
:iconjtcgh:
Jtcgh Featured By Owner May 30, 2009
No, each frame is each individual image after being collapsed down to a single layer gif image.
Reply
:iconmikuhat13:
MikuHat13 Featured By Owner May 30, 2009   Interface Designer
:? say what???
Reply
:iconraraavisinterra:
RaraAvisInTerra Featured By Owner May 2, 2009  Hobbyist General Artist
Jtcgh! It is because of you that I succeeded to do an Animated emote! I haven't even thought of doing it before! Thank you, really, for having prepared a tutorial for freewares. It is extremely helpful. That's one good idea! Just the tutorials themselves are useful. You really saved my life! :hug:
Reply
:iconbored2dead:
bored2dead Featured By Owner Apr 25, 2009  Hobbyist General Artist
thanks for looking out for us....the ones that can't pay for better programs :D
Reply
:iconstallion-duck:
Stallion-Duck Featured By Owner Apr 12, 2009
how do you play back stuff

like i saved it as a gif file and such but when i open the file its just stuck on the first frame
Reply
:iconjtcgh:
Jtcgh Featured By Owner Jul 6, 2009
Have you used UnfreeZ to animate the individual frames? The gifs won't animate otherwise.
Reply
Add a Comment:
 
×




Details

Submitted on
October 26, 2007
Image Size
607 KB
Resolution
800×5950
Link
Thumb
Embed

Stats

Views
18,097 (2 today)
Favourites
252 (who?)
Comments
86
Downloads
284
×