Mr. March Mistler Art + Design
  • Blog
  • Web Design
  • Dig Pub
  • Fashion
  • Photo
  • Graphic Design
  • Fashion 2
  • Student Gallery
  • About

Web Design

Web Design is a full year class open to all students. Students learn about the fundamentals of web design coding and layout while researching and applying the usability principles.
Course Expectations

Showing 3-Dimensionality with Vector Illustrations

1/11/2016

0 Comments

 

Picture
Where do you see the shadows and highlights in this Mario ghost illustration?
Take a look at the black box below. Although the entire box is black, each side is a different shade of black. This is because the light is hitting each plane (or side) differently. Without light, we would not be able to differentiate between the sides of the box -- the entire thing would look black.
Picture

Background
Rendering 3-dimensionality is a skill that separates skilled artists from novices. The tip is to think about LIGHT. Light exists all around us, and it changes the ways that objects and colors look. When artists draw, they look at how light interacts with objects. 

How to add 3-dimensionality
  1. Draw your illustration using the pen tool. Fill in the shapes.
  2. Define the location of the light source.
  3. Draw the highlights and shadows.
  4. Fill the highlights with a color lighter than the fill color. Fill the shadows with a fill color darker than the fill color.
  5. ***Utilize gradients and opacity to bring them to the next level

​Project
Your assignment is to draw a fun 3-dimensional illustration of an animal. You will use highlights and shadows to bring your illustration to the next level.

Picture
Picture
Picture
Digital Illustrator Tyson Murphy recreated this scene from the Sword in the Stone. Notice how the second image from the movie looks flat, but the first image has 3-dimensionality because of the HIGHLIGHTS & SHADOWS. Where is the source of light coming from?
0 Comments



Leave a Reply.

    DAILY AGENDA

    Google Classroom

    How do I print?!

    Links:

    Weebly


    DaFont

    Lost Type

    Free Images

    Unsplash.com


    74 Free Stock Sites from Canva

Powered by Create your own unique website with customizable templates.
  • Blog
  • Web Design
  • Dig Pub
  • Fashion
  • Photo
  • Graphic Design
  • Fashion 2
  • Student Gallery
  • About