GimpTalk Announcement :
Try your digital-art skills against your fellow gimpers in GIMPtalk's Biweekly Art competition !


Board index » GimpTalk » GIMP Tutorials and Tips Web Development Services . Convert FLV to Cell Phone Format
Featured Tutorial : Learn how to create characters by Griatch
Search for :  


Post new topic Reply to topic   [ 23 posts ]  


Author Message
Offline
 Post subject: Emote tutorial
PostPosted: Thu Apr 23, 2009 2:56 pm 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics

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: 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: Image This is the pencil method

Ok so heres the gradient method: 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- Image

Sad - 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: 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:



Last edited by snowsock on Fri Apr 24, 2009 1:03 pm, edited 1 time in total.

Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Thu Apr 23, 2009 5:19 pm 
User avatar

Joined:
Sun Mar 01, 2009 6:53 pm

Topics:
Posts: 1247
Location: Hilo, Hawaii

Find User's Topics
I haven't seen a tut like this around GIMP anywhere, i'll give it a shot when I get home ;)

_________________
Image
♥ ♥ ♥


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Thu Apr 23, 2009 5:25 pm 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics
Thanks, I made because I noticed there are no emotes in the gimp community :P


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Thu Apr 23, 2009 9:55 pm 
User avatar

Joined:
Wed Jul 23, 2008 9:15 am

Topics:
Posts: 302
Location: Texas

Find User's Topics
Bleheheheh I made some.

I really like this tutorial.Image


More I made:

ImageImageImage


_________________
Image

Hot gift from Zenma

Image

Theeeey're Great! - Tony the Tiger

Image


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Thu Apr 23, 2009 10:22 pm 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics
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!


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Fri Apr 24, 2009 11:42 am 
User avatar

Joined:
Tue Dec 02, 2008 5:54 am

Topics:
Posts: 4361

Find User's Topics
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:Image
Rolling eyes animation:Image

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

_________________
my beautiful deviantART. / my delectable gifts.
Image


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Fri Apr 24, 2009 1:01 pm 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics
@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:


Top
 Profile  
 
Online
 Post subject: Re: Emote tutorial
PostPosted: Sun Apr 26, 2009 12:46 am 
User avatar

Joined:
Tue Sep 30, 2008 8:07 pm

Topics:
Posts: 1397

Find User's Topics
nice tut, these are cute!


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Sun Apr 26, 2009 1:29 am 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics
Thanks 2-ton :D


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Mon Jun 15, 2009 10:15 pm 
GT Manager

User avatar

Joined:
Mon Nov 27, 2006 4:48 pm

Topics:
Posts: 4485
Location: Sweden

Find User's Topics
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

_________________
Image
~~~ My online Art Gallery ~~~ List of all my GIMP Tutorials ~~~


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Mon Jun 15, 2009 11:49 pm 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

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


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Mon Jul 13, 2009 2:38 pm 
User avatar

Joined:
Sun Jun 21, 2009 8:06 pm

Topics:
Posts: 235
Location: US

Find User's Topics
A gift from me to you! These are awesome. Fun little things to fol around with. :)

Image

Thanks Snowsock! :D

><>

_________________
Bossome gift from the one and only Eugenio!
Image
Recent.
Image


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Mon Jul 13, 2009 9:32 pm 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics
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


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Tue Jul 14, 2009 2:24 am 
User avatar

Joined:
Sun Jun 21, 2009 8:06 pm

Topics:
Posts: 235
Location: US

Find User's Topics
This one seem to be better? Experimented here. :)

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!
Image
Recent.
Image


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Tue Jul 14, 2009 2:33 am 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics
The animation is right this time...not quite sure what happens with the border though :wink:


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Tue Jul 21, 2009 12:52 am 

Joined:
Fri Apr 17, 2009 6:42 pm

Topics:
Posts: 2
Location: Wales, UK

Find User's Topics
Whoa, awesome tutorial! Image Thanks very much for sharing. Image

_________________
Image


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Tue Jul 21, 2009 2:49 am 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics
Lol, nice outcomes.


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Sat Jul 25, 2009 1:25 am 

Joined:
Sat Jul 25, 2009 1:22 am

Topics:
Posts: 1

Find User's Topics
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.


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Sat Jul 25, 2009 2:13 am 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics
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.


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Sat Aug 01, 2009 4:46 pm 

Joined:
Tue Feb 10, 2009 6:29 pm

Topics:
Posts: 27

Find User's Topics
Awesome tut. Thanks for sharing.

Image Image

What do you think? :mrgreen:


Bye.Image


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Sat Aug 01, 2009 6:23 pm 
User avatar

Joined:
Fri May 25, 2007 1:29 pm

Topics:
Posts: 666
Location: Undisclosed

Find User's Topics
Awesome! I love those :D


Top
 Profile  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Wed Aug 05, 2009 2:58 am 

Joined:
Wed Aug 05, 2009 2:54 am

Topics:
Posts: 4

Find User's Topics
i read your tutorial and instantly started experimenting

Image for a gaming community i'm an admin of

ImageImage additional experiments


Top
 Profile E-mail  
 
Offline
 Post subject: Re: Emote tutorial
PostPosted: Thu Aug 20, 2009 7:09 am 

Joined:
Thu Aug 20, 2009 7:02 am

Topics:
Posts: 1

Find User's Topics
Marked! I will check it later!thanks a lot.
simulation taux banque credit immobilier de France - Credit immobilier de France, simulation credit immobilier. Résultat mitigé pour le crédit immobilier de France.simulation taux banque credit immobilier de France


Top
 Profile E-mail  
 
Display posts from previous:  Sort by  

Post new topic Reply to topic
 [ 23 posts ] 



Who is online

Users browsing this forum: No registered users and 21 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Related Website
Gimp tutorials database
All rights reserved © GimpTalk 2008
forum software by
phpBB