HOME | DD

Emotikonz — Tut: Making Emotes in PS - pt1

Published: 2009-09-13 22:41:51 +0000 UTC; Views: 4857; Favourites: 106; Downloads: 108
Redirect to original
Description Part one of a two-part tutorial (+ addendum). This part is about making the base. It can stand on its own if you are making a static emoticon.

First up - designing your own style (or basic emoticon tut for the lazy and uninspried...)! Part two - animating! Adendum - GIMPified post-processing! Eventually I'll teach you the magic of Photoshop masks! And their uses! In almost everything! With exclamation marks! Exclamation marks! EXCLAMATIONS!!!

Shazaam!

Part One
Part Two
Addendum









NOTE to the impatient: I originally learnt from this tutorial here (above) - that will cover all the basics about how to animate, but I can plan to go much more in-depth, covering things like making your own style, tweening, and post-production in the GIMP for smoother animations on the web!

Why was this updated?
I am having a massive overhaul, making my emoticons 15x15. I never had a reason for 16x16 - it was an accident that stuck around. 15x15 is the unofficial emoticon size and is set as restrictions for lots of things, so - I will be remaking all the bases for 15x15 size. See journal II'll type after this) for more.

Related content
Comments: 42

SoftCloudProject [2012-05-05 21:09:51 +0000 UTC]

This tut is so very helpful. <3

👍: 0 ⏩: 0

NebetSeta [2011-05-24 15:20:21 +0000 UTC]

Thank you!!!

👍: 0 ⏩: 0

YoungEaE [2010-11-30 20:53:15 +0000 UTC]

Should have done a vidoe would have been better

👍: 0 ⏩: 1

Emotikonz In reply to YoungEaE [2010-12-01 02:14:50 +0000 UTC]

Yeaaaah..... I rather do need to update this, because gradients is a crappy way to shade an emoticon. But I haven't gotten around to it.

And even if I did a video, I'd need special permissions to upload one.

And even IF I had special permissions.... I don't know how to take a video.

I will also reply to every iteration of your comment, for T3H LULZ.

👍: 0 ⏩: 0

YoungEaE [2010-11-30 20:53:15 +0000 UTC]

Should have done a vidoe would have been better

👍: 0 ⏩: 2

Emotikonz In reply to YoungEaE [2010-12-01 02:14:48 +0000 UTC]

Yeaaaah..... I rather do need to update this, because gradients is a crappy way to shade an emoticon. But I haven't gotten around to it.

And even if I did a video, I'd need special permissions to upload one.

And even IF I had special permissions.... I don't know how to take a video.

I will also reply to every iteration of your comment, for T3H LULZ.

👍: 0 ⏩: 0

YoungEaE In reply to YoungEaE [2010-11-30 20:54:21 +0000 UTC]

Srry its my mice Dat double-clicked

👍: 0 ⏩: 0

YoungEaE [2010-11-30 20:53:15 +0000 UTC]

Should have done a vidoe would have been better

👍: 0 ⏩: 1

Emotikonz In reply to YoungEaE [2010-12-01 02:14:45 +0000 UTC]

Yeaaaah..... I rather do need to update this, because gradients is a crappy way to shade an emoticon. But I haven't gotten around to it.

And even if I did a video, I'd need special permissions to upload one.

And even IF I had special permissions.... I don't know how to take a video.

I will also reply to every iteration of your comment, for T3H LULZ.

👍: 0 ⏩: 0

artinlife [2010-10-03 08:08:34 +0000 UTC]

how big should the work space be for making an emote?

👍: 0 ⏩: 2

Emotikonz In reply to artinlife [2010-10-03 08:11:27 +0000 UTC]

Whatever feels comfortable... enough space for the emoticon without tempting you into animating through all the space, making unnecessary work for an unnecessary size. I use 30x30.

👍: 0 ⏩: 0

artinlife In reply to artinlife [2010-10-03 08:09:29 +0000 UTC]

OH! never mind!

👍: 0 ⏩: 0

LaurieLiane1969 [2010-05-08 10:44:08 +0000 UTC]

You know..I was just wondering the other day how this is done!!!You're the best!!

👍: 0 ⏩: 1

Emotikonz In reply to LaurieLiane1969 [2010-05-09 22:12:54 +0000 UTC]

You're welcome!

👍: 0 ⏩: 0

FeelingVeryLucky [2009-12-18 06:36:42 +0000 UTC]

This is a great tutorial! Thanks for sharing. Now I can make emotes...!

Also, changing my sliders to HSB helped me change colors better than the default setting. Thanks for that, too.

👍: 0 ⏩: 1

Emotikonz In reply to FeelingVeryLucky [2009-12-18 08:05:37 +0000 UTC]

You're welcome!

And yes, I am glad I accidently found that option for HSB, it makes things SO much easier.

👍: 0 ⏩: 0

TheDistractedOne [2009-09-29 09:32:55 +0000 UTC]

Nagnagnag...
Come on, it's holidays. D8<
You have no excuse!


Not like I can talk though.

👍: 0 ⏩: 1

Emotikonz In reply to TheDistractedOne [2009-09-29 09:41:16 +0000 UTC]

I am doing REDESIGNING!
...'sides, look at the artist's comments. People who are really impatient can look at Dutchie's for a basic tut on animating... not as comprehensive and detailed as something I could do.... ...but should for the LAZY BOOGERS out there.

👍: 0 ⏩: 1

TheDistractedOne In reply to Emotikonz [2009-09-29 10:09:57 +0000 UTC]

You SAID nag you. I'm merely helping those who want to be helped by this tutorial (Yeah, didn't think that sentence through ).

👍: 0 ⏩: 1

Emotikonz In reply to TheDistractedOne [2009-09-29 10:47:23 +0000 UTC]

Yeah, well, I wouldn't be taking advice from people who knit their own shoes. Not that, I uh, do that. 9In fact I have learnt how to knit more than 5 times and still can't do it)

👍: 0 ⏩: 1

TheDistractedOne In reply to Emotikonz [2009-09-29 11:14:44 +0000 UTC]

...whut?

👍: 0 ⏩: 1

Emotikonz In reply to TheDistractedOne [2009-09-29 23:13:44 +0000 UTC]

LOLSUT

👍: 0 ⏩: 1

TheDistractedOne In reply to Emotikonz [2009-10-06 05:50:10 +0000 UTC]

Saywhut!?

👍: 0 ⏩: 1

Emotikonz In reply to TheDistractedOne [2009-10-06 06:01:07 +0000 UTC]

Ask =Commander-Luminaire ... go on, do!

👍: 0 ⏩: 1

TheDistractedOne In reply to Emotikonz [2009-10-06 07:23:39 +0000 UTC]

About...?

👍: 0 ⏩: 1

Emotikonz In reply to TheDistractedOne [2009-10-06 08:31:24 +0000 UTC]

"LOLSUT"

👍: 0 ⏩: 0

SilveratoWolf [2009-09-27 20:50:09 +0000 UTC]

Dang, Photoshop...
I wonder if Paint.Net works for this, or Unlead Photo Plus?

👍: 0 ⏩: 1

Emotikonz In reply to SilveratoWolf [2009-09-28 03:45:46 +0000 UTC]

Can't say, I haven't used either. I know Paint.NET is a lot like Photoshop for painting stuff... at least in theory... BUT I doubt it can animate, which is the next step.

👍: 0 ⏩: 1

SilveratoWolf In reply to Emotikonz [2009-09-28 18:53:33 +0000 UTC]

Yes, I know that part in animating, but Paint.NET is almost liek Photoshop, but I think that Photoshop got more options and is better then Paint.Net...

👍: 0 ⏩: 1

Emotikonz In reply to SilveratoWolf [2009-09-28 20:59:15 +0000 UTC]

Well I suppose it would be. It's the difference between $1200 (NZ) and $0.

👍: 0 ⏩: 0

WinterWerewolf [2009-09-22 22:40:34 +0000 UTC]

Nag... Naag... Naaag... XD

(It sounds like: "Brainz... Braaainz..." XD)

👍: 0 ⏩: 1

Emotikonz In reply to WinterWerewolf [2009-09-22 23:20:05 +0000 UTC]

GAH yes, I will have to work on it. darn, I am fulfilling to many requests...! I have no time!
Well, two week break coming up at the end of this weekend, should get it all done faster then.

👍: 0 ⏩: 0

rokujo-kouichi [2009-09-19 09:36:34 +0000 UTC]

*nag!nag!*where is part 2! Emotikonz i want it to b done soon

👍: 0 ⏩: 1

Emotikonz In reply to rokujo-kouichi [2009-09-19 09:37:28 +0000 UTC]

GAAAH yes. I am working on it at the moment actually. Thanks for the nag.

👍: 0 ⏩: 0

DragonPud [2009-09-18 04:00:55 +0000 UTC]

hmm...i try not to nag.. I know nothing about animations, however
this really helps, but i need the rest of it!

wind to thy wings,
tavia

👍: 0 ⏩: 1

Emotikonz In reply to DragonPud [2009-09-18 04:12:27 +0000 UTC]

Okay. I'll finish it soon!

👍: 0 ⏩: 1

DragonPud In reply to Emotikonz [2009-09-18 04:21:53 +0000 UTC]

wheeee! i absolutely love your DA icon! my dragon alter-ego is a nut just like that

👍: 0 ⏩: 1

Emotikonz In reply to DragonPud [2009-09-18 04:29:57 +0000 UTC]

Thank you! He's quite an excitable little guy.

👍: 0 ⏩: 1

DragonPud In reply to Emotikonz [2009-09-19 22:50:04 +0000 UTC]

hehe, that they are

wind to thy wings,
tavia

👍: 0 ⏩: 0

DigitalFear [2009-09-16 05:11:23 +0000 UTC]

Nag nag nag! If you don't, I will come to your house, and experiment my goose on you.

Thanks for the tut

👍: 0 ⏩: 1

Emotikonz In reply to DigitalFear [2009-09-16 07:15:24 +0000 UTC]

Ugh. If that doesn't work, I don't know what will.

You're welcome.

👍: 0 ⏩: 1

DigitalFear In reply to Emotikonz [2009-09-16 22:03:10 +0000 UTC]

Seriously though, address? ;D

👍: 0 ⏩: 0