Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

file 178 lines (110 sloc) 8.051 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178

<!doctype html>
<!--[if lt IE 9]> <html class="no-js oldie" lang="en"> <![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title> Character Design Workshop | Divya Manian</title>
  <meta name="author" content="Divya Manian">
  
  <meta name="description" content="Character Design is communication of the aspects of a character
Starting Point: Words to describe the character. Interpret the words as what most &hellip;">
  

  <meta name="viewport" content="width=device-width, initial-scale=1">

  
  <link rel="canonical" href="http://nimbupani.github.com/character-design-workshop.html">
  <link href="/stylesheets/screen.css" rel="stylesheet">
  <link href="http://feeds.feedburner.com/nimbupani" rel="alternate" title="Subscribe" type="application/atom+xml">
  <link href="http://feeds.feedburner.com/nimbu" rel="alternate" title="Subscribe to Web Development updates" type="application/atom+xml">
  
</head>


<body >
  <div class="container">
    <div class="content">
      <header role="banner"> <h1><a href="/">Divya Manian</a></h1>
  
  <h2><a class="twitter" href="https://twitter.com/divya">twitter</a> <a class="rss" href="http://feeds.feedburner.com/nimbupani">RSS Feed</a> <a class="youtube" href="http://youtube.com/nimbupani">Youtube Channel</a> <a class="github" href="https://github.com/nimbupani">Github</a></h2>
  
</header>
      <nav class="sitenav"><a href="/">Home</a>
<a href="/archives">Archives</a>
<a href="/about.html">About</a>
</nav>
      
  



  


<article>
  <nav class="article">
    
      <a class="previous" href="/violence-never-worked.html" title=" Violence Never Worked"></a>
    
    
      <a class="next" href="/dus-and-other-interesting-incidents.html" title=" Dus and Other Interesting Incidents"></a>
     
    
               
  </nav>
    <header>
    




  

<time datetime="2005-07-10T00:00:00-07:00" pubdate><span class='month'>Jul</span> <span class='day'>10</span> <span class='year'>2005</span></time>
    
      <h1 class="entry-title"><a href="/character-design-workshop.html"> Character Design Workshop</a></h1>
    
    
    
    
  </header>
<div class="entry-content"><ul><li>Character Design is communication of the aspects of a character</li>
<li>Starting Point: Words to describe the character. </li>
<li>Interpret the words as what most people will percieve: For e.g.: a fat person has a round body which is wobbly and fleshy all over. </li>
<li>There are two types of Character Development:
<ul><li><strong>Surface Characterisation:</strong>
<ul><li>Exactly who he/she claims to be.</li><li>Mostly physical characteristics without any thought to his/her mental state or being</li></ul></li>
<li><strong>Complex Characterisation</strong>
<ul><li>Whether the character&#8217;s actions are right or wrong?</li>
<li>Most critical to show the mental state or being of the character</li>
<li>E.g. Dr. Otto Octavius in Spiderman. Darth Vader in Star Wars</li></ul></li><li>To create a character, look at
<ul><li>Background</li>
<li>Personality</li>
<li>Status</li>
<li>Physical Appearance</li>
<li>Basic Principles:</li><ul><li>Simplicity and clarity: engage the audience in a particular aspect of the character</li>
<li>Staging: Pose the character such that it shows personality</li>
<li>Color: Bold colors with a limited pallete.</li>
<li>Less details the better!: Check how the character looks in a shilloute and see if it is distint and distinguishable</li>
</ul><li>Look beyond the picture to see what the character is all about</li></ul>
<li>Becoming a Character Designer:</li>
<ul><li>Observe: shape, height, sex, race, attractiveness, clothing, cleanliness, facial hair, age, weight, stance, language, movements</li>
<li>Remember what you see: The visual clues. Create exaggerated sketches out of the unique characteristics</li></ul>
<li>Stereotypes:
<ul><li>Hero:
<ul><li>Square jaq/chin</li><li>Slender</li><li>Great mobility</li><li>Muscular</li><li>Strong Chin</li><li>Muscular</li></ul></li>
<li>Gaunt:
<ul><li>Resembles a skull</li><li>High cheek bones!</li></ul></li>
<li>Beefy:
<ul><li>Broad Shoulders</li></ul></li></ul>

</div>

  <footer>
    <p class="meta">This post was posted by
  

<a href="/about.html">Divya Manian</a>
 on




  

<time datetime="2005-07-10T00:00:00-07:00" pubdate><span class='month'>Jul</span> <span class='day'>10</span> <span class='year'>2005</span></time> in

. If you would like to update this post, <a href="https://github.com/nimbupani/nimbupani.github.com/blob/source/source/_posts/2005-07-10-character-design-workshop.md">please send a pull request</a>.
    </p>
  </footer>
</article>

  <section>
    <h1>Comments</h1>
    <div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
  </section>

      
    </div>
  </div>
  <aside id="articles">
    <p><img class="avatar" src="/assets/divya.png" height=50> <a href="http://twitter.com/divya">Divya Manian</a> is a Web Developer in Seattle. <a href="/about.html">More about me ❭</a></p>
    <h2>Posts on Web Development</h2>
    <ul><li><a href="/html5please.html">html5please</a></li><li><a href="/mustache.html">mustache, hogan, handlebars</a></li><li><a href="/redesign-notes.html">Redesign Notes</a></li><li><a href="/summary-of-various-exciting-css-drafts-and-proposals.html">Summary of various exciting CSS drafts and proposals</a></li><li><a href="/this-revolution-needs-new-revolutionaries.html">This revolution needs new revolutionaries</a></li><li><a href="/some-css-transition-hacks.html">Some CSS Transition hacks</a></li><li><a href="/safe-css-defaults.html">Safe CSS Defaults</a></li><li><a href="/unplugged-2011.html">Unplugged 2011</a></li><li><a href="/bokeh-with-css3-gradients.html">Bokeh with CSS3 Gradients</a></li><li><a href="/making-pure-css3-demos-better.html">Making "Pure CSS3" demos better</a></li><li><a href="/web-opener-at-opera.html">Web Opener at Opera</a></li><li><a href="/current-color-in-css.html">Current Color in CSS</a></li><li><a href="/css-vocabulary.html">CSS Vocabulary</a></li><li><a href="/active-web-development.html">Active Web Development</a></li><li><a href="/sexy-css3-buttons.html">Sexy CSS3 Buttons</a></li><li><a href="/accessible-css-barcharts.html">Accessible CSS Barcharts</a></li><li><a href="/svg-is-coming.html">SVG is coming!</a></li><li><a href="/wee-marquee.html">Wee! Marquee</a></li><li><a href="/vignettes-with-css3-box-shadows.html">Vignettes with CSS3 Box Shadows</a></li><li><a href="/drop-shadows-with-css3.html">Drop Shadows with CSS3</a></li><li><a class="btn" href="/categories/web-development/">More</a></li></ul>
  </aside>
  <footer role="contentinfo"><p>
  Copy to your heart’s content 2012 - Divya Manian -
  <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
</p>


</footer>
  

<script type="text/javascript">
      var disqus_shortname = 'nimbublog';
      var disqus_developer = 1;
      
      
        var disqus_url = 'http://nimbupani.com/character-design-workshop.html';
        var disqus_identifier = 'http://nimbupani.com/character-design-workshop.html';
      
        
        
      
    (function () {
      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
      dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    }());
</script>


<script src="/javascripts/octopress.js"></script>

  <script>
    var _gaq=[['_setAccount','UA-97188-1'],['_trackPageview']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
  </script>




</body>
</html>
Something went wrong with that request. Please try again.