Shop Mobile More Submit  Join Login

PE: Shading Emotes

Tue Mar 25, 2014, 7:00 AM


Shading Emotes


'Ello there! If you've been on any social media site, you most likely in one form or another have used an emoticon. An emoticon is an icon that expresses emotion. Such as :) :D =P

Emotes are an easy way to express yourself and I'm going to teach you how to shade some. :dummy: 




Almost all emotes are sized to be 15x15 (unless you are making a larger one; tutorial by IceXDragon described here). You can use lots of programs to make them. I use MS Paint to make my emotes because I believe it's the easiest to control but you can use whatever you like. :la:

An emote's outline will look like this (You can use it if you want. :giggle: ) : 

Base by iDJPanda

Here's what it looks like at a bigger scale.

Biggerbase by iDJPanda

Emotes should look circular like the one above. I would recommend this size for all emotes at a standard size level. At this stage, I like to mess with the emote to see what kind of look I want it to have. :XD: 

After you've established your outline for your emote, find out what color will be your base color. Make sure you use a color that has lots freedom to shade with. Some colors are more difficult to shade than others. :lol:

I'll use blue as my base color. (Blue is one of the easier ones to me.)

Blue by iDJPanda

Biggerblue by iDJPanda

If you're satisfied with the color you've chosen for your emote, start looking for your darker shade of colors. An emote shares distributes light just as a ball would depending on where you have your light source coming from. 

Shade by iDJPanda

It kinda hard to see what I've done so I've re-sized it. (Like I've done will all the others. :lol: )

Biggershade by iDJPanda

I just added two different shades onto my emote. A darker one and a lighter one. Right now there are currently 3 different colors on my emote (excluding the outline). I left the middle of the emote without shading and the bottom right corner of the emote like that as well. The middle of your emote will most of the time have the color you started with (but this solely depends on where you have your light source coming from. ). The bottom right corner is an area where light source bumps from. I'll make it lighter later where you can see this. These physics doesn't only apply for emotes because if you put a ball on a table, you can also see this. :dummy:


Moar by iDJPanda

Biggermoar by iDJPanda

In this step, I added a darker shade and I've added some more lighter tones. Remember when I said I kept the bottom right corner at it's base color, well, I made it lighter but I'm still not done yet! :eager: This stage is the most crucial at making your shaded emote look awesome! 

Shiny by iDJPanda

Biggershiny by iDJPanda

For your final shading to the emote part,  you add some shininess! It always looks good on emotes. This would be your final step (YOU STILL GOT TO MAKE FACES, SO YOU AREN'T DONE YET) if you like black outlines but if you're like me, then you'll continue and do this to your emote:

Line by iDJPanda

Biggerline by iDJPanda

You can stop here but I like adding more. It's not really necessary but it can't hurt to add more.

Emote by iDJPanda

Biggeremote by iDJPanda


This is how the shading looks when completely done (with saturation added to make it look a bit more shinier and two more lighter shades to the upper left corner to make the emote overall look shiny. :la: ). Everybody has a different shading style. So try experimenting and see if you can get one you like! :la:



If you want to add hands to the emote you can. I would recommend keeping them within a 3 pixel radius. And they are shaded like an emote is. You use the base color and take the lighter tone and the darkest tone like this:

Armmms by iDJPanda



I did the steps more compressed this time so you didn't have to keep scrolling more. XD  It's basically the same as shading an emote on a way smaller scale. :lol:




That's it! Since now you know how you shade an emote go and make one! :la:


For emote faces, there are so many, I'll show you some of mine and link you to a deviation which can help you with more expressions. :giggle: 

:sad: by iDJPanda   :confused: by iDJPanda   :excited: by iDJPanda   :scared: by iDJPanda 

I get my expressions by messing around. I would recommend you do the same. It's a technique that works very well for me (and it's fun!). :la:

You can use this base below: 

Emote Base Pack, Take Two by stuck-in-suburbia

If you would like to animate your emotes as well, you could check out this P.E. Article written by IceXDragon :meow:




Add a Comment:
 
:iconpulbern:
pulbern Featured By Owner Jun 24, 2014  Hobbyist General Artist
So that's how you do that! :lol:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Jun 24, 2014  Student General Artist
Yeah! You should try it! :'D
Reply
:iconartbycher:
ArtByCher Featured By Owner Mar 27, 2014   Traditional Artist
This is so over my head :lol: Well done my friend :clap:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Jun 24, 2014  Student General Artist
:lmao:
Reply
:iconkrissi001:
Krissi001 Featured By Owner Mar 27, 2014
interesting shading! :boogie:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 27, 2014  Student General Artist
Thank you! xD 

I always though yours was interesting because it's so original. xD
Reply
:iconnarokusanagi:
NaroKusanagi Featured By Owner Mar 26, 2014  Hobbyist Traditional Artist
I just made my own XD

narokusanagi.deviantart.com/ar… But how do I embed it in comments?
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 26, 2014  Student General Artist
Yay! It looks awesome! :la:

You need to post it to the chat friendly catergory. 25x50 > Static and after a while it'll be added to "ADD MEDIA" (maybe like half an hour? It takes a while to load. xD) where you can use it; just search up your username. :la:
Reply
:iconnarokusanagi:
NaroKusanagi Featured By Owner Mar 26, 2014  Hobbyist Traditional Artist
Oh~~
Thanks! I'll change the category right away XD
Reply
:iconangelheartthewarrior:
AngelheartTheWarrior Featured By Owner Mar 26, 2014  Hobbyist General Artist
Knock Knock by AngelheartTheWarrior

KNOCKIN AT CHO PAGE

This is helpful~ I might try to  make some emotes soon!
Reply
:iconstuck-in-suburbia:
stuck-in-suburbia Featured By Owner Mar 26, 2014  Hobbyist Digital Artist
I have a newer emote base pack out, that has better colours. :iconumplz:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 26, 2014  Student General Artist
Link? :iconteheplz: I'll add it as well. c:

Although, I was linking to yours because of the expressions used there.  
Reply
:iconstuck-in-suburbia:
stuck-in-suburbia Featured By Owner Mar 26, 2014  Hobbyist Digital Artist
Ahhh. See, I thought you were talking about colouring bases, not expressions. :shifty:
Reply
:icondj-dusk:
DJ-Dusk Featured By Owner Mar 26, 2014  Hobbyist Digital Artist
Tried making an emote using this helpful journal Komachi Onozuka emote by DJ-Dusk
can't say it turned out spectacular XD
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 26, 2014  Student General Artist
Pffft. That looks awesome!!! :'D
Reply
:icondj-dusk:
DJ-Dusk Featured By Owner Mar 26, 2014  Hobbyist Digital Artist
Really? :'D Glad you think so! I've actually been making more emotes ever since I saw this. It's really fun!
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 26, 2014  Student General Artist
They are really fun to make once you get the hang of it. :la: 

I think I'll go watch you so I can keep up with more of them. :eager:
Reply
:icondj-dusk:
DJ-Dusk Featured By Owner Mar 26, 2014  Hobbyist Digital Artist
I know! :iconmarisalaplz:

Oh my! Thank you very much!
Reply
:iconwaterfaerienaomi:
WaterFaerieNaomi Featured By Owner Mar 26, 2014  Student Digital Artist
Every nice. Thank you. :iconpurplelaplz:
Reply
:iconsparklydest:
SparklyDest Featured By Owner Mar 26, 2014  Hobbyist Artisan Crafter
Awesome article! :clap:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 26, 2014  Student General Artist
Thank you! :'D
Reply
:iconmissmignonne:
MissMignonne Featured By Owner Mar 26, 2014  Student Digital Artist
Nice! I don't make emoticons, but I can find some use for this technique I think. :w00t: Thank you!
Reply
:iconviljonkka:
Viljonkka Featured By Owner Mar 25, 2014
tried it c:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 26, 2014  Student General Artist
May I see? :la:
Reply
:iconviljonkka:
Viljonkka Featured By Owner Mar 26, 2014
oh yes, wait a sec c:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 26, 2014  Student General Artist
:la:
Reply
:iconmisslunarose:
MissLunaRose Featured By Owner Mar 25, 2014   General Artist
Thanks for sharing the info. I tried it! Happy Emote by MissLunaRose
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 25, 2014  Student General Artist
You're welcome! :la:

That looks awesome! :love:
Reply
:iconcatluvr2:
catluvr2 Featured By Owner Mar 25, 2014  Hobbyist General Artist
YOU GAVE AWAY THE SECRET SIZE FORMULA!
NOW WE SHALL BE BESIEGED BY SUB-PAR EMOTES!
:nuu:

=P
Seriously, though, good job. :clap:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 25, 2014  Student General Artist
:noes:

I'M SORRY I DIDN'T KNOW IT WAS A SECRET!


Thank you! :hug:
Reply
:iconiamoret:
iAmoret Featured By Owner Mar 25, 2014  Hobbyist Photographer
SO THIS IS HOW YOU MAKE YOUR EMOTES DO DAYUM SHINEH
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 25, 2014  Student General Artist
TRY IT :'D
Reply
:iconiamoret:
iAmoret Featured By Owner Mar 26, 2014  Hobbyist Photographer
> . > :loopy:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 26, 2014  Student General Artist
I LIKEEEEEEEE
Reply
:iconiamoret:
iAmoret Featured By Owner Mar 28, 2014  Hobbyist Photographer
LOL I MADE YOU :XD:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 28, 2014  Student General Artist
STAHP LYINGGGGG
Reply
:iconiamoret:
iAmoret Featured By Owner Mar 28, 2014  Hobbyist Photographer
NO
UR A LOOPEH BOII
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 28, 2014  Student General Artist
:stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare::stare:
Reply
(1 Reply)
:iconbubbiies:
bubbIies Featured By Owner Mar 25, 2014  Hobbyist Digital Artist
now i suddenly want to make emotes :stare:
this is lovely, george! :'D
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 25, 2014  Student General Artist
DO EHT
Reply
:iconbubbiies:
bubbIies Featured By Owner Mar 29, 2014  Hobbyist Digital Artist
IM WORKING ON ONE NAO CUS YAH
ALSO
SHIBEE
Reply
:iconbubbiies:
bubbIies Featured By Owner Mar 26, 2014  Hobbyist Digital Artist
AHSGDHJFGHH
Reply
:iconicexdragon:
IceXDragon Featured By Owner Mar 25, 2014  Hobbyist General Artist
Woo, great article Gerorge!:la::la::la:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 25, 2014  Student General Artist
Thanks! :'D
Reply
:iconicexdragon:
IceXDragon Featured By Owner Mar 26, 2014  Hobbyist General Artist
It made it to the portal!:la:
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 26, 2014  Student General Artist
:icondummywooplz:
Reply
:iconicexdragon:
IceXDragon Featured By Owner Mar 26, 2014  Hobbyist General Artist
No problem!:la:
Reply
:iconsleyf:
Sleyf Featured By Owner Mar 25, 2014  Hobbyist Traditional Artist
Wow brilliant XD thanks so much, you make it sound easier than I always thought!
Reply
:iconidjpanda:
iDJPanda Featured By Owner Mar 25, 2014  Student General Artist
It is pretty easy when you get the hang of it. :lol:
Reply
:icondet2x:
Det2x Featured By Owner Mar 25, 2014  Hobbyist Artist
Wow.. I think I wanna try this someday...thank you~
Reply
Add a Comment:
 
×

:iconidjpanda: More from iDJPanda


Featured in Collections

How to get better at... by Hikamimay

Journals by sun-lily

PE: Prose basics by Aster-the-star


More from DeviantArt



Details

Submitted on
March 25, 2014
Submitted with
Sta.sh Writer
Link
Thumb

Stats

Views
7,944 (6 today)
Favourites
94 (who?)
Comments
63
×