Emote Expressions Guide: Designing Faces That Communicate Clearly

The face is the emote. In 28 pixels, a face must communicate emotion so clearly that viewers instantly understand the message. No context, no explanation—pure visual communication. Mastering expression design is the single most important skill in emote creation.

This guide breaks down expression anatomy, common expressions, and techniques for achieving clarity at microscopic display sizes. Your emotes will communicate more effectively from the first glance.

The Anatomy of Expression

Understanding what creates emotion visually.

The Key Elements:

Eyes:

  • Most expressive feature
  • Shape communicates most emotion
  • Size and position matter
  • Often primary focus at small sizes

Eyebrows:

  • Secondary but crucial
  • Modify eye emotion
  • Can contradict or amplify
  • Often visible when eyes aren't

Mouth:

  • Third key element
  • Shape indicates emotion
  • Open vs. closed significant
  • Can be simplified or detailed

Supporting Elements:

  • Tears, sweat drops, blush
  • Steam, sparkles, hearts
  • Motion lines
  • Emotion amplifiers

Eyes: The Primary Communicator

Getting eyes right matters most.

Eye Shapes and Emotions:

Wide open:

  • Surprise
  • Fear
  • Excitement
  • Alertness

Closed (curved up):

  • Happiness
  • Laughter
  • Contentment

Closed (curved down):

  • Sadness
  • Sleepiness
  • Resignation

Half-closed:

  • Skepticism
  • Seduction
  • Tiredness
  • Unimpressed

Pupils:

  • Large pupils: Interest, love, focus
  • Small pupils: Fear, anger, intensity
  • Star/heart shaped: Special emotions

Eye Combinations:

Asymmetric eyes communicate:

  • Winking (one closed)
  • Skepticism (one raised)
  • Confusion (different sizes)
  • Playfulness

Eyebrows: The Modifier

How eyebrows change everything.

Eyebrow Positions:

Raised (both):

  • Surprise
  • Interest
  • Fear (with wide eyes)
  • Question

Lowered (both):

  • Anger
  • Concentration
  • Determination
  • Seriousness

One raised, one lowered:

  • Skepticism
  • Confusion
  • Disbelief
  • Questioning

Eyebrow Angles:

Inner corners up:

  • Sadness
  • Worry
  • Concern
  • Vulnerability

Inner corners down:

  • Anger
  • Frustration
  • Determination
  • Intensity

Mouth: The Clarifier

Mouth shapes that communicate.

Basic Mouth Shapes:

Wide smile:

  • Happiness
  • Excitement
  • Friendliness

Small smile:

  • Content
  • Gentle happiness
  • Subtle pleasure

Open mouth (round):

  • Surprise
  • Shock
  • Singing/yelling

Open mouth (wide):

  • Laughing
  • Yelling
  • Extreme emotion

Frown (down curves):

  • Sadness
  • Disappointment
  • Displeasure

Flat/neutral:

  • Thinking
  • Neutral
  • Unimpressed

Wavy/wobbly:

  • Uncertainty
  • About to cry
  • Nervousness

Mouth Details:

Teeth showing:

  • Intensity of emotion
  • Grimace, grin, or growl
  • Use sparingly at small sizes

Tongue:

  • Playfulness
  • Teasing
  • Concentration (sticking out)

Combining Elements

How features work together.

Consistent Emotion:

All features aligned:

  • Wide eyes + raised brows + open smile = Excitement
  • Lowered eyes + lowered brows + frown = Anger
  • Closed eyes + raised brows + smile = Happy/content

Mixed Signals:

Intentional contradiction:

  • Smiling mouth + sad eyes = Forced happiness
  • Wide eyes + flat mouth = Stunned/confused
  • Raised brow + slight frown = Skeptical

Hierarchy:

When features conflict at small size:

  • Eyes read first
  • Mouth reads second
  • Eyebrows support
  • Prioritize dominant feature

Expression Exaggeration

Why emotes need more than reality.

The Readability Problem:

At 28 pixels:

  • Subtle expressions disappear
  • Nuance gets lost
  • Moderate emotions read as neutral
  • Small details invisible

Exaggeration Techniques:

Amplify everything:

  • Bigger eyes than realistic
  • More curve in smiles
  • Sharper angles in anger
  • Extreme eyebrow positions

How Much Exaggeration:

The test: If expression is borderline readable at small size, exaggerate more. When it's obvious, you're close.

Exaggeration levels:

  • Cartoon: High exaggeration (recommended for emotes)
  • Anime: Medium-high exaggeration (works well)
  • Semi-realistic: Medium exaggeration (harder for emotes)
  • Realistic: Low exaggeration (generally doesn't work)

Common Expression Recipes

Proven combinations for standard emotions.

Happy/Joy:

  • Curved closed eyes (or wide sparkle eyes)
  • Raised eyebrows
  • Wide open smile
  • Optional: Blush, sparkles

Laughing:

  • Closed curved eyes, tighter
  • Raised eyebrows or relaxed
  • Wide open mouth
  • Optional: Tears of joy

Sad:

  • Droopy eyes, inner brows up
  • Brows angled for sadness
  • Down-curved mouth
  • Optional: Tears, blue tone

Angry:

  • Sharp eyes, brows down
  • Angled sharp eyebrows
  • Teeth showing or tight frown
  • Optional: Red tone, steam

Surprised/Shocked:

  • Maximum wide eyes
  • Raised eyebrows
  • Open round mouth
  • Optional: Sweat drop, motion lines

Love/Affection:

  • Heart eyes or soft closed eyes
  • Raised or relaxed brows
  • Smile or kissy mouth
  • Optional: Hearts, blush

Confused:

  • Uneven eyes (one bigger)
  • One eyebrow raised
  • Flat or slight frown
  • Optional: Question mark, sweat

Skeptical:

  • Half-lidded eyes
  • One eyebrow raised
  • Small flat or slight smirk
  • Optional: Side-eye direction

Use EmoteShowcase's preview tool to test how expressions read at actual display sizes.

Expression Clarity Testing

Verify expressions communicate.

The Squint Test:

Squint at your emote:

  • Can you tell the emotion?
  • Does it read correctly?
  • Is it clear or ambiguous?
  • What does a blur suggest?

The Stranger Test:

Show to someone unfamiliar:

  • Ask what emotion they see
  • Don't provide context
  • Note misinterpretations
  • Multiple people gives data

The Thumbnail Test:

View at actual size:

  • Display at 28x28
  • Is expression obvious?
  • Does it communicate instantly?
  • Any confusion?

The Context Test:

Imagine in chat:

  • Would this express intended emotion?
  • Would it fit the expected situations?
  • Does it work without explanation?
  • Would community use it correctly?

Character-Consistent Expressions

Same character, all emotions.

Maintaining Identity:

Despite different expressions:

  • Same basic face shape
  • Same color palette
  • Same style features
  • Recognizable across emotions

Character Expression Style:

How does YOUR character show emotion:

  • Some characters cry easily
  • Some express anger big
  • Personality affects expression
  • Stay consistent to character

Feature Consistency:

Don't change fundamentals:

  • Same eye style (shapes can vary)
  • Same face proportions
  • Same design elements
  • Only expression changes

Cultural Considerations

Expression reading varies.

Universal Expressions:

Generally cross-cultural:

  • Basic happiness/sadness
  • Extreme fear/anger
  • Surprise

Variable Interpretations:

May differ by culture:

  • Embarrassment displays
  • Specific gestures
  • Intensity expectations
  • Context dependence

Emote Context:

Within streaming community:

  • Established conventions
  • Learned meanings
  • Community understanding
  • Platform norms

Advanced Expression Techniques

Elevating expression design.

Emotion Transitions:

For animated emotes:

  • Smooth between expressions
  • Natural progression
  • Build to peak emotion
  • Return to neutral

Micro-expressions:

Subtle emotional tells:

  • Work better in animated form
  • Add depth to static emotes
  • Require skill to execute
  • Not always visible at size

Eye Direction:

Where eyes look matters:

  • Looking up: Hope, thinking, appeal
  • Looking down: Sad, shy, defeated
  • Side look: Suspicious, playful, sly
  • Direct: Engaged, confrontational

FAQ: Emote Expressions

Why don't my expressions read at small sizes?

Usually insufficient exaggeration. Emote expressions need cartoon-level amplification. What looks extreme at full size often reads as moderate when shrunk.

How do I make a character express emotions they wouldn't normally show?

Filter the emotion through character personality. A stoic character shows anger differently than an expressive one, but both can show anger. Stay true to character while serving expression needs.

Should I use emoji-style simplified expressions?

Simplification helps readability. Emoji-inspired simplicity (while maintaining your unique style) often works better than complex detailed expressions at emote sizes.

How many expressions do I need for a complete set?

Minimum 8-10 covering major emotions: happy, sad, angry, surprised, love, laughing, confused, excited, plus any channel-specific needs. More is better for complete coverage.

My expressions look fine at 112px but bad at 28px. How do I fix this?

Design for 28px first. Start simple, test small, then add detail for larger sizes. Designing big-to-small loses clarity; small-to-big maintains it.

How do I show complex emotions like "skeptical amusement"?

Pick the dominant emotion for primary features (perhaps skeptical eyes) and add secondary emotion as modifier (slight smile). At small sizes, simpler is better—sometimes split into two emotes.

Expression Reference Building

Resources for improvement.

Study Sources:

  • Animation expression sheets
  • Character design references
  • Emoji as inspiration
  • Successful emotes from other creators

Practice Methods:

  • Draw same character, different emotions
  • Mirror expressions yourself
  • Trace expression lines from reference
  • Build personal expression library

Ongoing Development:

  • Note what works in your emotes
  • Learn from usage patterns
  • Study community favorites
  • Continuously improve

Use EmoteShowcase's tools to preview and refine your expression designs before finalizing.

Expression design is the heart of emote creation. A beautifully rendered emote with unclear expression fails; a simple emote with perfect expression succeeds. Every element of your design should serve the expression's clarity. When you nail expression communication, your emotes become genuinely useful communication tools that your community reaches for naturally.