Shop Mobile More Submit  Join Login
×




Details

Submitted on
May 28, 2011
Image Size
54.1 KB
Resolution
250×400
Link
Thumb
Embed

Stats

Views
19,025 (1 today)
Favourites
1,302 (who?)
Comments
265
Downloads
610
×
Flailing Emoticon Tutorial by CookiemagiK Flailing Emoticon Tutorial by CookiemagiK
There are a lot of emoticon tutorials out there that show you how do draw and animate emotes like this. If you have no idea how to animate in the first place then this tutorial is obviously useless xD You might find something more helpful here: [link]

This is more of a step-by-step walkthrough of my process of making a flailing emote like.... this one:

Most of this tutorial image is static, so you can just download it or take a screenshot and zoom in on one of the frames to see more clearly what I mean in the points below.


:bulletred: Shading
I draw the outline by creating a 15x15 circle with the marquee tool and then using the pencil tool to draw around the edges, Then I use the radial gradient tool to fill in the circle from the top left edge. I add some pixels by hand near the bottom right edge to give it a much smoother look. Then I add the face and hands, and finally some highlighting and shadows and other small details.

:bulletorange: Waving
You only need 2 frames for fast waving action. Firth draw the two frames with the waving hand in different positions. After this you keep adding details to make it look less choppy: In the second frame you want to draw a smaller version of the hand from the first frame, in the exact same position. Then in the first frame draw a smaller version of the hand from the second frame, in the same spot. Finally add a few pixels between the big hands and the tiny hands.

:bulletyellow: Walking
This is almost the same walking as the one I showed in this tutorial: [link] I've made it a tiny bit squishier since then xD
  • Frame 1: I move the body 2 pixels up and 2 pixels to the left, while I move the hands and face only 1 pixel up and 2 pixels to the left.
  • Frame 2: I move the body 2 pixels to the left. The hands and face are moved 1 pixel up and 2 pixels to the left so that they can "catch up" to the body.
  • Frame 3: I move the body 4 pixels down, 2 pixels to the left and I delete the bottom 2 rows of pixels of the body. I move the hands and face 2 pixel down and 2 pixels to the left.
  • Frame 4: I move the body 2 pixels down, 1 pixels to the left. I delete another 2 rows of pixels from the bottom of the body, and stretch it horizontally by 2 pixels. I move the hands and face 2 pixel down and 1 pixels to the left.
I just keep repeating this process to make it walk. If you want it to walk faster then just move it by more pixels to the left or right at a time.

:bulletgreen: Weeeeee
Then you just need to combine the waving and the walking to get:
:iconsparklesplz::iconsparklesplz: :iconsparklesplz::iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz::iconsparklesplz:

:iconsparklesplz::iconsparklesplz: :iconsparklesplz::iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz: :iconsparklesplz::iconsparklesplz:


:bulletblue: More?
I don't really have the time to create detailed and well worded tutorials with lots of instructions and examples, so I thought I should try making something like this.
If anyone finds this kind of stuff useful then I might consider making more.
Add a Comment:
 
:iconemotionqueen:
EmotionQueen Featured By Owner Oct 8, 2014  Hobbyist Filmographer
Thank you! :heart:
Reply
:iconkrisfirebolt:
KrisFirebolt Featured By Owner Jul 22, 2014  Hobbyist General Artist
LOL! I love them
Reply
:iconpampam-chan:
Pampam-chan Featured By Owner Jun 3, 2014
What is the program that you are using ???
Reply
:iconuchuubranko:
uchuubranko Featured By Owner Aug 29, 2013  Student General Artist
wonderful tutorial!! :clap:

all the squee crowd 8D:squee:
they work amazingly well with Vivaldi >> www.youtube.com/watch?v=J6b7WH…
Reply
:iconairora360:
Airora360 Featured By Owner Aug 1, 2013  Hobbyist General Artist
You should make a game, seriously. It would be so fun!!!
A happy guy. When it 's normal, he like slides or something. Then, if you continously press the jump button, he'll be like :happybounce: And when you finish a level, he'll be like :squee: It would be flippin' awesome!!!!!!!!!!!!!!!!!!!!!!!!!!
Reply
:iconmoonpelt828:
Moonpelt828 Featured By Owner Jul 16, 2013  Hobbyist General Artist
i made 2 they both suck (not the tutorial but mt drawing)
Reply
:iconpingouinsadique:
PingouinSadique Featured By Owner Jun 7, 2013
Hey ! ^^

I made an animation ! :3 [link]
It is a very good tutorial ! :squee:
Reply
:iconanapegasusx:
AnaPegasusX Featured By Owner May 10, 2013
cool
Reply
:icondreamskypixel:
DreamSkyPixel Featured By Owner Feb 24, 2013  Hobbyist General Artist
tried it out but i animated it with gimp but it didn't look as smooth as i'd like it to be because gimp put in a break between the two frames x.x
Reply
:iconsimone-13:
simone-13 Featured By Owner Jan 21, 2013  Student General Artist
Awesome tutorial! I used it too - [link]
Reply
:iconchli:
CHLI Featured By Owner Dec 26, 2012  Hobbyist Traditional Artist
Can I ask the frame rate?
Reply
:iconaquilaheliaca:
AquilaHeliaca Featured By Owner Nov 11, 2012  Hobbyist General Artist
My try - [link]
Reply
:iconsnowsniffer:
SnowSniffer Featured By Owner Nov 10, 2012
Your tutorial is really awesome! Well done! :love:
Reply
:iconsoulnova:
Soulnova Featured By Owner Sep 26, 2012
Hey there Cookie. Remembered this tutorial, actually gonna need it in an animation of mine, the flailing, that is. Thanks again!
Reply
:iconcookiemagik:
CookiemagiK Featured By Owner Sep 26, 2012  Hobbyist Digital Artist
That's great :D Looking forward to seeing it
Reply
:iconsoulnova:
Soulnova Featured By Owner Oct 17, 2012
Well, I had to make a custom flailing because it's slower, but anyway, here is the whole animation: [link]

Would be great to get a comment of yours! By the way, the emoticon is slightly inspired by yours...and also meant to pose a threat to Dr. Specz. ;)
Reply
:iconoopsitsbekah:
oopsitsbekah Featured By Owner Aug 18, 2012  Hobbyist General Artist
with animation (i sue gimp atm haha) my frames always seem to combine when i animate. like i use layers and put the ms but the frames underneath show aswell as the frame playing, it's so annoying! any tips? :$
Reply
:iconshockandwave25:
shockandwave25 Featured By Owner Jun 25, 2012  Student General Artist
i used your tutorial!

:icondatfaceemoticonplz:
Reply
:iconnikaesque:
nikaesque Featured By Owner Jun 24, 2012
This will help me with making my own
Reply
:iconrippedmoon:
RippedMoon Featured By Owner May 21, 2012  Hobbyist Digital Artist
:squee:
Reply
:icontwilightviper:
TwilightViper Featured By Owner Feb 17, 2012  Hobbyist Digital Artist
I dunno what program...
Reply
:icontwilightviper:
TwilightViper Featured By Owner Feb 17, 2012  Hobbyist Digital Artist
I use photoshop and it works, but what other programs?
Reply
:iconcommanderstrike1:
CommanderStrike1 Featured By Owner Jan 27, 2012  Student
THE FLAILING ARMY IS COMING!!!!
Reply
:iconsuper-hedgehog:
Super-Hedgehog Featured By Owner Jan 16, 2012   Digital Artist
Reply
:iconcookiemagik:
CookiemagiK Featured By Owner Jan 16, 2012  Hobbyist Digital Artist
good job! :D
Reply
:iconsuper-hedgehog:
Super-Hedgehog Featured By Owner Jan 17, 2012   Digital Artist
Thank you! :aww:
Reply
:icondragonace1999:
DragonAce1999 Featured By Owner Jan 15, 2012
the last one made me laugh, lol ^_^ <3
Reply
:icon4everyoungkid:
4EverYoungKid Featured By Owner Jan 14, 2012
Really Helpful.
Reply
:iconbunnypop224:
bunnypop224 Featured By Owner Dec 10, 2011
awsome!
Reply
:iconxaiirken:
XaiIrken Featured By Owner Dec 7, 2011  Hobbyist General Artist
This is a very good tutorial, it's so simple and clear yet it shows you exactly what you need! Great work! =D
Reply
:iconkittythenekoalien:
KittyTheNekoAlien Featured By Owner Nov 20, 2011  Hobbyist General Artist
oh yeah, and the radial tool thing helped me a lot, thanks!!!
Reply
:iconkittythenekoalien:
KittyTheNekoAlien Featured By Owner Nov 20, 2011  Hobbyist General Artist
holy crap you made the squee emote!?!?!? its cute :D
Reply
:iconrseo:
RSEO Featured By Owner Oct 15, 2011  Hobbyist General Artist
wow too cool!
Reply
:iconhawkehy:
Hawkehy Featured By Owner Oct 4, 2011  Student General Artist
I made dis ->:thumb261646052:
Reply
:iconhawkehy:
Hawkehy Featured By Owner Oct 4, 2011  Student General Artist
Forget the last post,: [link]
Reply
:iconumagic65:
Umagic65 Featured By Owner Sep 14, 2011  Hobbyist Traditional Artist
Oh gosh... That's cute!
Reply
:iconpixel-pencil:
Pixel-pencil Featured By Owner Sep 11, 2011  Student General Artist
So totally helpful!
Reply
:iconmadmanmody95:
madmanmody95 Featured By Owner Sep 11, 2011  Hobbyist Digital Artist
Reply
:iconpond-072:
pond-072 Featured By Owner Sep 5, 2011
:iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz::iconveryexcitedplz:
Reply
:iconashley-z30:
ashley-z30 Featured By Owner Aug 29, 2011  Hobbyist Digital Artist
:squee:
Reply
:iconsmlle:
SMlLE Featured By Owner Aug 29, 2011  Hobbyist Digital Artist
I made avatar 4 me ^_______^ do u like it?))
Reply
:iconcookiemagik:
CookiemagiK Featured By Owner Aug 31, 2011  Hobbyist Digital Artist
good job :D
Reply
:iconsmlle:
SMlLE Featured By Owner Sep 1, 2011  Hobbyist Digital Artist
big thnx ^___^
Reply
:iconsylvaur:
Sylvaur Featured By Owner Aug 29, 2011  Hobbyist Digital Artist
My God, you're a legend! Here, I made a something using your tutorial: [link]
Reply
:iconcookiemagik:
CookiemagiK Featured By Owner Aug 30, 2011  Hobbyist Digital Artist
Looks great! :D well done
Reply
:iconsylvaur:
Sylvaur Featured By Owner Aug 30, 2011  Hobbyist Digital Artist
It is like umm remember someone... Justin Bieber told you that you're a awful singer lol!
PS. Your icon is great XD
Reply
:iconsylvaur:
Sylvaur Featured By Owner Aug 30, 2011  Hobbyist Digital Artist
thank you!:iconhappytearsplz: I'm working on another one right now. It'll be an ass, but I'm doing my best. I'll give ya the link! :la:
Reply
:iconmahasweet:
Mahasweet Featured By Owner Aug 23, 2011
I have an unanimated Emote called Frillette
Can you do an animated version of her giggling?
Reply
:iconrilind101:
Rilind101 Featured By Owner Aug 9, 2011
:hi:
Reply
:iconshiningenjeru:
ShiningEnjeru Featured By Owner Jul 24, 2011
umm...what program? :iconimhappyplz:
Reply
Add a Comment: