HOME | DD

LeoLeonardo — Complete Emoticon Guide part 2

Published: 2007-03-20 19:07:29 +0000 UTC; Views: 35925; Favourites: 1004; Downloads: 952
Redirect to original
Description So here it finally is, part 2 of my (hopefully) usable emote tutorial series.

If you missed part 1 --> [link]

Here are the links to the animated results of the tutorial emotes:

Wave --> [link]

Walk --> [link]

Blink --> [link]

Hope you find this usefull!
Related content
Comments: 344

LeoLeonardo In reply to ??? [2009-02-02 06:57:36 +0000 UTC]

Thank you very much for the feature

👍: 0 ⏩: 0

Suicidebanana In reply to ??? [2009-01-30 20:39:04 +0000 UTC]

Nice tuts, i gonna try it and enter to the tower

👍: 0 ⏩: 1

LeoLeonardo In reply to Suicidebanana [2009-02-01 18:06:37 +0000 UTC]

Awesome!

👍: 0 ⏩: 0

tangymangoes In reply to ??? [2009-01-24 13:12:26 +0000 UTC]

I have not Image Ready, what are some other basic programs you can use for this?

👍: 0 ⏩: 1

LeoLeonardo In reply to tangymangoes [2009-01-26 19:10:08 +0000 UTC]

I personally don't know of too many others programs that you could get a hold of for free, you'll have to make a search on google or something.

👍: 0 ⏩: 1

tangymangoes In reply to LeoLeonardo [2009-01-30 06:53:26 +0000 UTC]

okay.

👍: 0 ⏩: 0

Argetlam-Br-01 In reply to ??? [2009-01-21 01:28:15 +0000 UTC]

hey, nice tutorial ,it helped me a lot :
[link]
please comment, it is my very first emoticon , i hope people like it

oh and i'm wating for the 3 part

👍: 0 ⏩: 0

grayseer-thanquol In reply to ??? [2008-10-19 03:27:04 +0000 UTC]

when are you gonna make that advanced anim tut?

👍: 0 ⏩: 1

LeoLeonardo In reply to grayseer-thanquol [2008-10-20 13:57:46 +0000 UTC]

No idea, really. Sometime.

👍: 0 ⏩: 1

grayseer-thanquol In reply to LeoLeonardo [2008-10-21 21:05:29 +0000 UTC]

haha kk

👍: 0 ⏩: 0

dbestarchitect In reply to ??? [2008-10-07 22:05:52 +0000 UTC]

Oh, hey! Two questions:

1) Do you know if you'll ever have time to make Advanced Animation?
2) What font did you use for "SIMPLE ANIMATION" at the top?

👍: 0 ⏩: 1

LeoLeonardo In reply to dbestarchitect [2008-10-09 07:58:34 +0000 UTC]

1) I've been thinking about it, and I'm not sure. I think I might start a newsletter or something here on DA with guides to some animation/emoticon thingies that could use explaining, we'll see...

2) I think it's a Metal Gear styled font, can't remember where I got it, or if it's even installed on my computer still. D:

👍: 0 ⏩: 1

dbestarchitect In reply to LeoLeonardo [2008-10-09 18:10:57 +0000 UTC]

Lawl, alright. Thanks!

👍: 0 ⏩: 0

QueenNothing20 In reply to ??? [2008-09-28 19:15:21 +0000 UTC]

Awesome tutorials! You're hilarious
I shall try and make a smilie, thank you!

👍: 0 ⏩: 0

WalyisCool In reply to ??? [2008-08-22 21:50:14 +0000 UTC]

wut program do u use? fireworks?

👍: 0 ⏩: 1

LeoLeonardo In reply to WalyisCool [2008-08-24 11:53:44 +0000 UTC]

Photoshop.

👍: 0 ⏩: 1

WalyisCool In reply to LeoLeonardo [2008-08-25 00:53:13 +0000 UTC]

how much is it?

👍: 0 ⏩: 1

LeoLeonardo In reply to WalyisCool [2008-08-25 07:03:58 +0000 UTC]

I got mine for free.

👍: 0 ⏩: 1

WalyisCool In reply to LeoLeonardo [2008-08-25 14:01:16 +0000 UTC]

how/where?

👍: 0 ⏩: 1

LeoLeonardo In reply to WalyisCool [2008-08-25 16:19:06 +0000 UTC]

The Piratebay.

👍: 0 ⏩: 0

The-Death-SordsMan In reply to ??? [2008-08-22 20:32:15 +0000 UTC]

smart. this is a really good giude.

👍: 0 ⏩: 0

CelenaSardothen In reply to ??? [2008-07-02 17:35:05 +0000 UTC]

I just found your first tutorial, and am working on a whole series of emotes, but I'm using Photoshop CS3. Do you know if CS3 has the image ready option? I'm not finding it otherwise.

👍: 0 ⏩: 2

dbestarchitect In reply to CelenaSardothen [2008-10-07 22:04:32 +0000 UTC]

CS3 has Animation integrated already, no need for ImageReady. Simply go to Window -> Animation and the ImageReady frame-reel will appear.

👍: 0 ⏩: 0

LeoLeonardo In reply to CelenaSardothen [2008-07-02 17:40:04 +0000 UTC]

I'd be really surprised if CS3 doesn't have ImageReady, since most previous versions have it. Personally, I'm on CS2, since I don't really trust CS3 yet.

👍: 0 ⏩: 1

CelenaSardothen In reply to LeoLeonardo [2008-07-02 19:56:32 +0000 UTC]

It ends up that CS3 doesn't have Image Ready or any sort of animation program bundled with it. Do you know of a good program that I could use to animate my emotes that is free?

👍: 0 ⏩: 3

kanefan In reply to CelenaSardothen [2008-08-13 21:06:34 +0000 UTC]

Sorry for spamming you.. >_> You have to in the Save for web & devices window check looping options > forever to make it loop forever... Makes sense doesn't it? Anyway, I hope it helps. You don't have to change your program or anything, it's all very easily done in photoshop. You can check my first emoticon I made using ONLY cs3 here: [link]

👍: 0 ⏩: 0

kanefan In reply to CelenaSardothen [2008-08-13 20:52:53 +0000 UTC]

Oh, never mind, in CS3 you have to change mode to 8 - bit color, click File > Save for web & devices, and then you have to do some stuff which I couldn't quite comprehend, and then just press ok. Oh, and you have to open the animation window to animate of course. Other than that, just follow this tutorial. I think Imageready is somehow integrated into CS3 or something.

👍: 0 ⏩: 0

kanefan In reply to CelenaSardothen [2008-08-13 13:12:51 +0000 UTC]

You can use the photoshop cs3 to animate, however I had trouble saving them as gif-files... There is no optimize option, and the default animation is timeline, but you can just set it to frames. But gif-files are a must!

👍: 0 ⏩: 0

artcreep87 In reply to ??? [2008-06-19 22:26:16 +0000 UTC]

👍: 0 ⏩: 0

alhattal In reply to ??? [2008-06-15 13:48:02 +0000 UTC]

With the help of this tut I made this :[link]
Just one question: How do I get that white line around him away?? Cus it is staying there and it aint goin by the look of it
Thanks so much!!!
Jessi

👍: 0 ⏩: 0

alhattal In reply to ??? [2008-06-15 10:59:11 +0000 UTC]

I love it!! Im definitly gonna do this!!!
Dont forget to bring th elast episode out!!!!
Jessi

👍: 0 ⏩: 0

sametimenxtyr In reply to ??? [2008-04-10 02:16:22 +0000 UTC]

Thanks for sharing this tutorial also.....!

👍: 0 ⏩: 0

znow-white In reply to ??? [2008-03-31 14:06:47 +0000 UTC]

You wonderful Tutorial has been featured here.
[link]

Thank you for providing the gallery with such awesome Resources.

👍: 0 ⏩: 1

LeoLeonardo In reply to znow-white [2008-03-31 18:13:54 +0000 UTC]

Thank you very much, I'm glad you liked my tutorials!

👍: 0 ⏩: 1

znow-white In reply to LeoLeonardo [2008-03-31 21:34:05 +0000 UTC]

👍: 0 ⏩: 0

Macwolf95 In reply to ??? [2008-03-11 21:23:29 +0000 UTC]

Wow great tutorial! I have always wondered how to do this! Oh and what program do you use for this? Do you have a link I can look at?

👍: 0 ⏩: 0

Abfc In reply to ??? [2008-02-01 00:50:00 +0000 UTC]

I demand an elaboration on shading techniques.

...

👍: 0 ⏩: 1

LeoLeonardo In reply to Abfc [2008-02-01 01:47:35 +0000 UTC]

That's a pretty good idea.

👍: 0 ⏩: 1

Abfc In reply to LeoLeonardo [2008-02-01 01:49:52 +0000 UTC]

So you'll consider it?

👍: 0 ⏩: 1

LeoLeonardo In reply to Abfc [2008-02-01 01:54:22 +0000 UTC]

Sure, I think people might find it very helpfull.

👍: 0 ⏩: 1

Abfc In reply to LeoLeonardo [2008-02-01 02:45:33 +0000 UTC]

I sure as shit will.

👍: 0 ⏩: 0

unwrittenstory In reply to ??? [2008-01-29 15:12:17 +0000 UTC]

Nice giude I wil try this sometime.

👍: 0 ⏩: 0

aDarkWingedAngel In reply to ??? [2008-01-26 15:11:04 +0000 UTC]

I have a few ideas that I will be trying as soon as I get a little time.

Great job and thanks for sharing your knowledge with the rest of us!

👍: 0 ⏩: 0

TheAnimeNerd In reply to ??? [2008-01-19 19:09:32 +0000 UTC]

I made two emoticons because of you! THANKS!!!!!!!!!!!!!!!!!

Here they are:
[link]
[link]

With the second one, there is some white stuff in the background that isn't on the original file... I don't know what to do about it...

👍: 0 ⏩: 1

LeoLeonardo In reply to TheAnimeNerd [2008-01-20 16:51:03 +0000 UTC]

The white pixels appear when you have pixels that are transparent in the original document and then save it as a gif. What you need to do is make sure there are no transparent pixels at all directly on the background of the document. If you see what I mean.

👍: 0 ⏩: 1

TheAnimeNerd In reply to LeoLeonardo [2008-01-20 21:12:00 +0000 UTC]

But the whole background is transparent... I don't quite get it...

Does that mean I have to go through all the layers and try to erase all of the transparent pixels? Or do I just make the background white or something?

Sorry if I'm way off track... which I probably am.

👍: 0 ⏩: 1

LeoLeonardo In reply to TheAnimeNerd [2008-01-20 21:15:53 +0000 UTC]

Yes, the background is transparent, but I mean that there are pixels which have an opacity set to something other than 100% (solid color) or 0% (completely invisible), making them "see-through", so to say. A gif image can not produce these semi-transparent pixels and therefor produces a white background behind the said pixel, making what looks like a bunch of white "gunk" in areas where there are these kinds of transparent pixels.

See what I mean now?

👍: 0 ⏩: 2

Abfc In reply to LeoLeonardo [2008-02-01 00:49:13 +0000 UTC]

The word you're looking for is translucent, not "see-through."

👍: 0 ⏩: 1

LeoLeonardo In reply to Abfc [2008-02-01 01:48:43 +0000 UTC]

No no no no, I was dumbing it down. I used "see-through" on purpose so that I could convey the point at a more simplified level.

👍: 0 ⏩: 1

Abfc In reply to LeoLeonardo [2008-02-01 01:49:32 +0000 UTC]

Ah, gotcha.
The way you said it somewhat made it seem like you couldn't find the right word.

👍: 0 ⏩: 0


<= Prev | | Next =>