Aspects And Production For 2D Animation And Motion Graphics

After I had finished my brainstorming and done my storyboard, I set about drawing my aspects. Below are both my pre-production and my finished products.

I made all my aspects – for both my 2D animation and my motion graphics using the same techniques, which are:

  • Open a new canvas while referencing a sketch of the character I am drawing to aid in making them all look alike, and to ensure the art style doesn’t change.
  • Start the rough outline and make sure I change the colour that I will draw in so that I can see it when I start my line art.
  • Clean up the sketch – as in, fix any mistakes.
  • Start a new layer for the line art and go over the whole image – using black this time.
  • Colour starts (on a new layer), using only the primary colours for each section.
  • On a new layer begin to shade with lighter colours than the primary.
  • Then add darker colours than the primary on another new layer.
  • To make sure I haven’t missed any space with the alpha channel, I add a new layer, colour it completely with a very bright colour I haven’t used and see if there are any holes – if there are, I fix them, if not I delete the layer.
  • From there, I have finished. I go onto save the canvas as a PNG as it has littlest compression amongst the file types.

Animation Pre-Prodoction 

Screen Shot 2016-04-18 at 5.50.12 pmScreen Shot 2016-04-18 at 6.01.07 pmScreen Shot 2016-04-18 at 8.07.33 pmScreen Shot 2016-04-18 at 9.41.03 pmScreen Shot 2016-04-19 at 1.07.31 amScreen Shot 2016-04-19 at 4.04.07 pmScreen Shot 2016-04-19 at 4.21.15 pmScreen Shot 2016-04-19 at 4.42.17 pmScreen Shot 2016-04-19 at 7.36.25 pmScreen Shot 2016-04-19 at 8.39.14 pmScreen Shot 2016-04-24 at 7.52.24 pmScreen Shot 2016-04-24 at 8.16.37 pmScreen Shot 2016-04-24 at 9.51.11 pmScreen Shot 2016-04-24 at 10.18.23 pmScreen Shot 2016-04-30 at 5.34.54 pmScreen Shot 2016-04-30 at 5.40.10 pmScreen Shot 2016-05-05 at 9.31.39 pmScreen Shot 2016-05-05 at 10.50.53 pmScreen Shot 2016-05-08 at 5.47.30 pmScreen Shot 2016-05-08 at 5.51.14 pmScreen Shot 2016-05-08 at 6.07.35 pmScreen Shot 2016-05-08 at 6.17.14 pmScreen Shot 2016-05-08 at 6.26.30 pmScreen Shot 2016-05-11 at 9.00.09 pmScreen Shot 2016-05-11 at 9.16.15 pmScreen Shot 2016-05-11 at 9.39.14 pmScreen Shot 2016-05-11 at 10.12.25 pmScreen Shot 2016-05-16 at 11.14.09 pmScreen Shot 2016-05-16 at 11.25.50 pmScreen Shot 2016-05-16 at 11.37.42 pmScreen Shot 2016-05-21 at 4.52.50 pmScreen Shot 2016-05-21 at 5.16.03 pmScreen Shot 2016-05-21 at 9.13.46 pmScreen Shot 2016-05-21 at 9.27.47 pmScreen Shot 2016-05-21 at 9.48.13 pm

To

Animation Finished Aspects

Motion Graphics Pre-Production 

Screen Shot 2016-04-13 at 8.59.52 pmScreen Shot 2016-04-13 at 9.00.09 pmScreen Shot 2016-04-13 at 9.35.11 pmScreen Shot 2016-04-13 at 10.14.25 pmScreen Shot 2016-04-13 at 10.14.37 pmScreen Shot 2016-04-13 at 10.48.18 pmScreen Shot 2016-04-14 at 3.15.24 pmScreen Shot 2016-04-14 at 3.52.59 pmScreen Shot 2016-04-14 at 3.59.31 pmScreen Shot 2016-04-14 at 4.57.15 pmScreen Shot 2016-04-14 at 5.53.36 pmScreen Shot 2016-04-14 at 5.53.43 pmScreen Shot 2016-04-14 at 6.48.30 pmScreen Shot 2016-04-14 at 12.17.10 amScreen Shot 2016-04-14 at 12.34.59 amScreen Shot 2016-04-14 at 7.37.06 pmScreen Shot 2016-04-14 at 7.49.23 pmScreen Shot 2016-04-14 at 7.59.54 pmScreen Shot 2016-04-14 at 8.08.26 pmScreen Shot 2016-04-14 at 8.15.39 pmScreen Shot 2016-04-14 at 9.01.56 pmScreen Shot 2016-04-14 at 9.13.03 pmScreen Shot 2016-04-14 at 9.27.13 pmScreen Shot 2016-04-18 at 4.45.48 pmScreen Shot 2016-04-18 at 4.54.38 pm

Motion Graphics Aspects

Title Sequence

(old background/ logo for title sequence)

Motion Graphics-Title Sequence Background

Motion Graphics-Title Sequence Centre

Motion Graphics-Title Sequence Foreground

Logos/ Age Ratings

Motion Graphics-PEGI

Motion Graphics-Logo

(Sheeda) “Support Conversation” Sprites

Motion Graphics-Sheeda Happy

Motion Graphics-Sheeda Hurt

Motion Graphics-Sheeda Neutral

(Marth) “Support Conversation” Sprites

Motion Graphics-Marth Neutral

Motion Graphics-Marth Happy

Motion Graphics-Marth Concerned

Advertisements

One Comment Add yours

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s