Gimptalk - Premier Gimp Community: Emote tutorial - Gimptalk - Premier Gimp Community

Jump to content

  • 2 Pages +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic

Emote tutorial

#1 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 23 April 2009 - 02:56 PM

Ok..So I haven't been "active" here in a while and while I've been gone I've been at DA making emotes. I use gimp and notice that there are no emotes here :P So I thought I'd make a tutorial to get some of you guys started.

tip from pixelated (I also do this and strongly recomend it!)
Anyway, one thing that would be really nice to include in your tutorial - when you start, obviously zoom up a lot. Then go View>New View. Then in the new window, zoom back out to 100%. Keep this somewhere else on your screen out of the way. This is good so that when you make details when zoomed in, you don't have to keep on zooming back out to 100% to see what it looks like in normal view - so basically, you draw on the zoomed in, and you automatically see all the changes you just made on the 100% window

To start make a new transparent image and get out your pencil with the circle (01) (3x3)
Ok so the main part of the emote syle is....5,2,1,2,5 Here's what I mean: Posted Image


Ok so now you have a nice circle time for some shading! the basics of shading is to make it go from very light in the top left corner to dark at the right hand edge. you can do this by using a radial gradient or use the pencil to shade it. here are the steps for both pencil and gradient: Posted Image This is the pencil method

Ok so heres the gradient method: Posted Image This one's not so self explanitory. You start with the out line, take out the "fuzzy select tool" (press u) and click inside the circle, the inside should now be selcted. n\Now take the same shade of blue but make it much lighter, it should be in the bottom right hand corner of the color box. For the other color just take the same color as your base. Now take out the gradient tool (L) and change it to a radial gradient. Start near the right hand corner of the emote and drag down so it is just outside the lower left hand corner.

The shading style is what really "defines" and emoticonists style so play around with it and fine your own way! don't jsut steal someone elses. These are just too get you started.

Now what brings the emote too life is the facial expression. These are what you can really play around with but heres a basic over view of the generic expressions.
Ok so tips on the face. Do this on a separate transparent paper. Use the same color as the frame and draw the face. Now duplicate the face and move the bottom down by 1 pixel. Now make the opacity on the bottom of the face to 20. Merge them down and you get the final product.

Happy- Posted Image

Sad - Posted Image

experiment with the facial expressions all you want but for now I'm going to give you a little lesson on tards. Tards may sound like a derogative term for someone with a mental disability but in the emote world it isn't really used as mean. All it is is someone who acts spastic or hyper. so there faces will ook something like this: Posted Image

That's all I have for right now and keep in mind that these are a starting bored for you to get out there and make your own emotes, I will be making an animation tutorial in the near future. You can save these and open it in gimp, zoom in, and make sure you get what I'm doing! Good luck! :wink:
0

#2 User is offline   Zenma 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,267
  • Joined: 01-March 09
  • LocationHilo, Hawaii

Posted 23 April 2009 - 05:19 PM

I haven't seen a tut like this around GIMP anywhere, i'll give it a shot when I get home ;)
YW&F
0

#3 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 23 April 2009 - 05:25 PM

Thanks, I made because I noticed there are no emotes in the gimp community :P
0

#4 User is offline   Vector.gif 

  • Member
  • PipPip
  • Group: Members
  • Posts: 302
  • Joined: 23-July 08
  • LocationTexas

Posted 23 April 2009 - 09:55 PM

Bleheheheh I made some.

I really like this tutorial.Posted Image


More I made:

Posted ImagePosted ImagePosted Image

Posted Image

Hot gift from Zenma

Posted Image

Theeeey're Great! - Tony the Tiger

Posted Image
0

#5 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 23 April 2009 - 10:22 PM

Those are really nice! I esecially like the crying one, maybe make the eyes bigger though so the tears look more like they're coming out of it, but overall those are very nice!
0

#6 User is offline   inspectra 

  • relentless, invisible, indefatigable, indisputable, undeniable.
  • PipPipPip
  • Group: Members
  • Posts: 5,044
  • Joined: 02-December 08

Posted 24 April 2009 - 11:42 AM

Nice tut! Here are some of my results:
:) :( :D :lol: :wink:
Lol nah jk I'm doing it now.
Anyway, one thing that would be really nice to include in your tutorial - when you start, obviously zoom up a lot. Then go View>New View. Then in the new window, zoom back out to 100%. Keep this somewhere else on your screen out of the way. This is good so that when you make details when zoomed in, you don't have to keep on zooming back out to 100% to see what it looks like in normal view - so basically, you draw on the zoomed in, and you automatically see all the changes you just made on the 100% window.

Anyway, I'll show my results soon.

EDIT: Finished for now, its late night now so I'm gonna turn in. I will probably make more tomorrow - thanks for the tut!
Normal smiling:Posted Image
Rolling eyes animation:Posted Image

Simple animations like the rolling eyes one above are really easy if you know the basics of using layers as .gif frames.
0

#7 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 24 April 2009 - 01:01 PM

@pixelated, Thanks I forgot to add that part :| but I added it as a tip from you :D you'r emotes look nice my only critiques are, for the green one, and all other light colored emotes, you should make the eyes, mouth and outline darker so they don't strain the eyes. As for the rolling eyes one it would be cool if you cut out the the frames where they stick on the bottom left hand corner so it's a countinous roll, but it also looks very nice as is :mrgreen:
0

#8 User is offline   2-ton 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,522
  • Joined: 30-September 08

Posted 26 April 2009 - 12:46 AM

nice tut, these are cute!
0

#9 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 26 April 2009 - 01:29 AM

Thanks 2-ton :D
0

#10 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,201
  • Joined: 27-November 06
  • LocationSweden

Posted 15 June 2009 - 10:15 PM

Been meaning to move this to official for a while, but kept forgetting. It's one of the few (only?) emoticon-tutorials on GT and deserves a place in the official crowd. :)

Moved.
.
Griatch
0

#11 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 15 June 2009 - 11:49 PM

I do believe it's the first, I think you just compelled me to make one on animation Griatch :P
0

#12 User is offline   ><> 

  • Member
  • PipPip
  • Group: Members
  • Posts: 240
  • Joined: 21-June 09
  • LocationUS

Posted 13 July 2009 - 02:38 PM

A gift from me to you! These are awesome. Fun little things to fol around with. :)

Posted Image

Thanks Snowsock! :D

><>
Bossome gift from the one and only Eugenio!
Posted Image
Recent.
Posted Image
0

#13 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 13 July 2009 - 09:32 PM

Ahahaha, thanks! But when you save your animation, save it as a gif, nad on the screen where, you see the gif comment, the miliseconds, and frame disposal. You want to leave everything alone, but change the frame disposal to replace. This will make the hand animation work. Overall it's very nice :D
0

#14 User is offline   ><> 

  • Member
  • PipPip
  • Group: Members
  • Posts: 240
  • Joined: 21-June 09
  • LocationUS

Posted 14 July 2009 - 02:24 AM

This one seem to be better? Experimented here. :)

Posted Image

Ehh, it looks different on here than it does on PhotoBucket...
http://s756.photobucket.com/albums/xx20 ... cyani2.gif

><>
Bossome gift from the one and only Eugenio!
Posted Image
Recent.
Posted Image
0

#15 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 14 July 2009 - 02:33 AM

The animation is right this time...not quite sure what happens with the border though :wink:
0

#16 User is offline   Hlao 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 17-April 09
  • LocationWales, UK

Posted 21 July 2009 - 12:52 AM

Whoa, awesome tutorial! Posted Image Thanks very much for sharing. Posted Image
Posted Image
0

#17 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 21 July 2009 - 02:49 AM

Lol, nice outcomes.
0

#18 User is offline   purplesunrise 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 25-July 09

Posted 25 July 2009 - 01:25 AM

I will not explain how to make the BG transparent, and this won't have the typical emote shape, this tutorial will be using my own style of emotes, and teach you animation repetition. :lol:
voiture simulation de credit immobilier en ligne - Simulation credit immobilier en ligne. L’Internet a rendu encore plus facile d’obtenir de l’aide pour trouver le credit immobilier.
0

#19 User is offline   snowsock 

  • Member
  • PipPip
  • Group: Members
  • Posts: 666
  • Joined: 25-May 07
  • LocationUndisclosed

Posted 25 July 2009 - 02:13 AM

Ummmm....what? This isn't for total gimp newbies, this is typical "emoticon shape" smilies have a different shape, if you actually knew something about emotes, 5,2,1,2,5 is the normal size, and this tutorial has nothing about animation in it. It isn't an animation tutorial. Good job. I'm so glad I'm being mocked by someone who joined today, and appears to know very little about gimp or emoticon making.
0

#20 User is offline   perci 

  • Member
  • PipPip
  • Group: Members
  • Posts: 27
  • Joined: 10-February 09

Posted 01 August 2009 - 04:46 PM

Awesome tut. Thanks for sharing.

Posted Image Posted Image

What do you think? :mrgreen:


Bye.Posted Image
0

Share this topic:


  • 2 Pages +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic