Friday, 6 Mar 2026

How to Design Iconic Character Outfits: Beyond Basic Tees

Unlocking Original Character Outfits

You stare at your character concept, frustrated that they look generic in a plain t-shirt. Iconic characters like Assassin's Creed's hooded warriors or Attack on Titan's gear-equipped soldiers never settle for basic wear. After analyzing professional animator Marcel's framework, I've identified why most beginner designs fail: they skip the two essential dimensions that transform ordinary outfits into storytelling powerhouses. These principles shaped outfits for Marcel's commercial projects and manga characters, proving visuals communicate backstory without dialogue.

The Two-Axis Design Framework

Functionality vs. Style Spectrum

Every memorable outfit balances practical purpose with visual appeal. Attack on Titan's ODM gear exemplifies maximum functionality: harnesses enable 3D movement, gas canisters fuel propulsion, and blades combat Titans. Marcel emphasizes, "You can tell this is a very functional outfit." Contrast this with JRPG armor prioritizing aesthetics over protection; a female knight's revealing plate armor serves style, not survival. Place your character on this spectrum:

  • High-functionality examples:
    • Assassin's Creed robes (blend with crowds)
    • Practical workwear (tool belts, reinforced knees)
  • High-style examples:
    • Final Fantasy flamboyant costumes
    • Superhero spandex (movement-focused, not realistic)

Historical Accuracy vs. Fantasy Scale

Ground outfits in reality or embrace imagination. Assassin's Creed outfits mirror 12th-century robes with hidden blade modifications, while Xenoblade's Pyra sports entirely fictional fabrics. Marcel notes, "Al's design is actually based on robes people in the 12th century wore." Avatar: The Last Airbender mastered this: Water Tribe clothing reflects Inuit fur/waterproofing needs, Fire Nation attire draws from Imperial Chinese silks. Your position here depends on worldbuilding:

Realistic Anchor PointsFantasy Freedom Elements
Samurai kimono layersGlowing energy circuits
Victorian corsetryFloating accessories
Military camouflageBioluminescent patterns

Professional Design Process

Step 1: Intentional Research and Mood Boarding

Marcel uses MilNote (sponsored tool) to collect references systematically. For leather jackets, he gathers 50+ variations noting collar types, zipper placements, and wear patterns. If designing a samurai:

  1. Research why they carried katana and wakizashi (backup/close-quarters weapons)
  2. Study how hakama pants allowed horseback riding
  3. Understand kamon symbols denoting clan affiliation

"Ignoring cultural context creates shallow designs," Marcel warns. "Avatar's hair-cutting rituals reflect Air Nomad spirituality, not just aesthetics."

Step 2: Silhouette-First Approach

Avoid random clothing combinations by starting with shapes:

  1. Sketch without color using Marcel's "Big to Small" method:
    • Define primary layers (cloak, jacket, armor)
    • Add secondary items (belts, holsters)
    • Detail with tertiary accessories (pins, scars)
  2. Ensure readability through contrast:
    • Slim torso + wide pants = agile fighter
    • Voluminous robe = mystical presence

Step 3: Strategic Color Application

Color telegraphs personality more than cut. Marcel creates 5+ palette variations for one design:

  • Dominant color: 60% coverage (faction allegiance/mood)
  • Secondary color: 30% (complements dominant)
  • Accent color: 10% (draws eye to key features)

Test palettes against personality:

  • Desaturated browns/greens = survivalists
  • Metallic blues/silvers = futuristic tech

Pro Tools and Pitfall Avoidance

Essential Design Resources

  • MilNote: Free character design templates (sponsored)
  • ArtStation: Professional costume breakdowns
  • Books: "Costume and Fashion: A Concise History" for period accuracy

Critical Mistakes to Avoid

  1. Random accessory syndrome:
    Problem: Piling on belts/pouches without purpose
    Fix: Each item should imply backstory (e.g., chipped sword hilt = veteran)
  2. Color chaos:
    Problem: Overloading hues without hierarchy
    Fix: Limit palettes to 3-4 colors maximum

Marcel's key insight: "If you can't design an outfit, maybe your character lacks depth. Outfits visualize personality quirks, lore, or world rules."

Actionable Design Checklist

Apply these steps to your character now:

  1. Determine functionality/style ratio (slider scale)
  2. Research real-world equivalents (occupation/culture)
  3. Collect 20+ references using MilNote or Pinterest
  4. Sketch 3 silhouettes without color/details
  5. Create 2 color variants testing mood alignment

Final Tip: Accessories tell micro-stories. A cracked monocle implies fallen nobility; fingerless gloves suggest manual labor. Every detail should answer "Why?"

Concluding Insight

Design transcends aesthetics. Attack on Titan's gear reflects humanity's desperation; Assassin's Creed robes embody hidden rebellion. Your character's sweater isn't boring, it's unexplored potential. What profession or trauma would make them cherish it? Transform it with patches, stains, or improvised armor.

Engagement Question: Which character archetype are you designing? Share your biggest outfit challenge below for personalized advice!

For color theory application, check Marcel's character design tutorial (linked in video description).