Project | Automotive Design

Automotive design is a fast moving field. Using the vehicle templates provided below, develop techniques that will allow you to paint an automobile in your own style. Analyze the art cars of each of the artists depicted here, as you do consider the following questions; What type of cars do you want to design; what era or style of car will you begin with? What colors, shapes, lines, patterns, or other elements of art will be featured in your designs? How can we use the techniques of making highlights and shadows be applied to make the car look 3 dimensional; How can the templates help to illustrate the form of the vehicle? How can we build on what other artists have shared to create our own expressive vehicle? How can the templates aid our design and what illustrating tools can we apply to the problem? How can we construct 3 dimensional models with printed and electronic media?

Draw the 3 cars featured in the tutorials that follow, or draw 3 cars from the additional templates provided. Develop the ability to render the form of the vehicle utilizing features of the different templates. As you work experiment with creating new shapes and adding pattern and lines.

The Monochromatic Mini

The Mini Template

Click to here download the Mini template

Tutorial | Linear Gradient Technique

.

Student Works

.

Mr. Fatta’s Automobilia Magazine

Peruse through the many articles in Mr. Fatta’s Automobilia Magazine for curious browsing and inspiration. There you’ll find a variety of images and stories around automobile design. Check out the sketch for Elon Musk’s new Tesla Model 3 or bask in the glory of the Golden Age of Automobiles from the roaring 20s.
.
.
.

The Mesh Tool Technique

 The Camaro Template

Click to download the Camaro template

Tutorial | Mesh Tool Technique

.

Tutorial | Camaro Rim & Trim

.

Click Here to download and study the Camaro Flame document

Other Available Templates

There are a variety of vehicles that are often used for promotional purposes and advertising. After practicing the techniques featured in the tutorials above, try your skills with one of the several other vehicles available. Click on the links below, download the templates, and open the template in Adobe Illustrator.

Links: Chevy HHR        GMC Envoy       Nissan Cube       BMW 3 Series         Nissan Murano

Links: Sprint Truck          Minivan           Ford Truck         Delivery Truck           Chevy Van

Links: Ford Mustang          Chevy Corvette          NASCAR            VW Bug          Dodge Challenger         Chevy Caprice

Project | Creating an Exotic Car

.

Tutorial | Creating Custom Rims

.
Sample Student Works

.
Click here to download Connor’s Exotic Car in Orange Illustrator document, examine the shapes and mesh tool use to guide you in your own exotic car illustration. Click here to download and study the vector work for Connor’s Exotic Yellow Car. View some vintage car illustrations using this link and click to analyze a VW Golf drawn from the illustration.

Art Car Rubric

Project | Papercraft Templates

Use choose from the following templates to base your next car design on, print the final illustrations and ensemble the vehicles you create.

A paper craft artist who goes by the name
jcarwil created numerous templates of automobiles from the
1980s that can be painted in Photoshop or Illustrator
link to jcarwil’s flicker page

Gallery page of jcarwil numerous colored,
printed, and assembled vehicles.
Check out the various photo galleries to get ideas for your own vehicle.
link to jcarwil’s flicker gallery

Imagine the design possibilities with this classic 1965 Chevy Impala.
Study the process and download the pdf
for the template. This is a great project car.
link to Gnat’s Papercraft Impala

Take yourself back to happy days in this 1957 Chevy Bel Air. Add thoughtful gradients to show highlights and shadow and with this simple
construction you have a beautiful model.
link to 57 Chevy

The 1930s-1940s where days of large cars with long running fenders,
big hoods and large grills.
Papermau provides a variety of great vehicle templates
link to Papermau’s 1930’s car

Project | The Car Wrap

Using the skill developed in the previous exercises select a vehicle to design a company car wrap advertisement on. Decide on a company that the vehicle will advertise for, use the questions below to help develop the theme. Select a template from the samples above and use following tutorials to develop a vehicle that advertises a service or product. Include within the design the name of the company, the service or product, phone number and website, bullet notes, and images to build the theme.

Given your personal interests and skills, what kind of company would you dream of owning?
What kind of service or product would your company provide?
Who would be the target audience for your company?
How do you suppose advertisers create adds on automobiles?
What type of car would you use to advertise your company and why did you choose that type of car?
Why do you feel that color harmony works to represent your company?

Tutorial | Clipping Mask Car Wrap

.

Car Wrap Rubric

Adding Custom Flame Shapes

http://www.3dtuning.com/en-US/

Learning Targets

1. I can establish an account with web site providers Wix and Weebly by logging in with my district Google Account.
2. I can create a web site about a career by reflecting on my career aspirations for the future and using the US Bureau of Labor Statistics to gather content for my site.
3. I can research the six key factors of a career by utilizing the US Bureau of Labor Statistics website

Questions to Answer

Copy the following questions into a text box on a slide in your Google Slides Portfolio. Use the text features in Google Slides to create an outline for your research using the following questions as your framework. Use the Occupational Handbook from the US Bureau of Labor Statistics tof find the answers to the questions.

1. What career have you chosen to research?
2. What is the nature of the work, what do they do?
3. What is the work environment like?
4. What kind of education or training does one need to enter this profession?
5. How many years of college or schooling?
6. Employment, how many people where employed in this work in 2013?
7. What is the job outlook for this work in the future?
8. How many people will be needed by 2023?
9. What is the projections data for 2023?
10. What percentage change will there be by 2023?
11. What is the range of earnings can be made in this profession?
12. What is the starting salary?
13. What is the median salary?
14. What is the high-end salary?
15. What are three related occupations within the field?

Essential Questions

Why is it important to understand the career projection data, how could the data effect your career choices?
What is the range of earnings can be made in this profession?
Does the highest 10% salary earnings satisfy your expectations?
What fields or jobs are similar to your chosen career, how can you move up in the field?

Tutorial I | Title and Intro Copy

Tutorial II | Creating Headers and Copy

Tutorial III | Charts and Projection Data

I can discover and record the different salary levels within a career by analyzing and interpreting the career’s annual wages and listing low, medium, and high salaries.

Source Information and Resource Document Links

Use the questions posed on the Career Research Outline, copy and paste them onto a new Google Document in your Google Drive. Answer the questions posed on the document using the resources provided below. Share your Career Research Outline with me.

Bureau of Labor Statistics | Occupational Handbook | Graphic Designer 

Bureau of Labor Statistics | Occupational Handbook | Fashion Design

Bureau of Labor Statistics | Occupational Handbook | Purchasing Managers and Buyers

Bureau of Labor Statistics | Fashion Design | Spotlight on Statistics

Bureau of Labor Statistics | Occupational Employment and Wages | Fashion Designers

Bureau of Labor Statistics | Multimedia Artists and Animators

Bureau of Labor Statistics | Careers in Video Game Development

Mr. Fatta’s sample essay about Graphic Designers using information from the BLS.

Career Research Responses 

Choosing a Career

To choose a career that you will research for this project draw on different aspects of your personality such as your interests, hobbies, cultural background and family traditions, innate talents and skills to help you decide which career to research. Channel your personal attributes and peruse the various careers featured on the Bureau of Labor Statistic’s (BLS) K-12 Career Exploration site or search for the career you have in mind using the BLS Occupational Handbook.

Alternatively, if you don’t know what you want to do you can research jobs that are expected to be in high demand in the next 10 years, check out this article Hottest Careers for College Graduates from the College Board.

Use the questions below to guide you in your research about your career. Use Google Drive to create a new document titled Career Research Outline and share it with Mr. Fatta. Copy and paste the Questions to Answer onto your document and use the resources to gather your information ion the outline.

Questions to Answer

What career have you chosen to research?
What is the nature of the work, what do they do?
What is the work environment like?
What kind of education or training does one need to enter this profession?
How many years of college or schooling?
Employment, how many people where employed in this work in 2013?
What is the job outlook for this work in the future?
How many people will be needed by 2023?
What is the projections data for 2023?
What percentage change will there be by 2023?
What is the range of earnings can be made in this profession?
What is the starting salary?
What is the median salary?
What is the high-end salary?
What are three related occupations within the field?

Writing Content from Source Material

I can paraphrase information about a career by gathering raw facts about it and arranging them in my own words.

In graphic design content, or copy, means the text elements in a design. When writing content it is important to write the information using your own words and to not copy from the web site or source material. Find facts from a variety of sources. It is also important to cite (list) the sources of the information you use to write your content using a format called APA Format, listing the author’s last name, first initial, date published, article or website title, and the web address. For example when citing something from this page one would write; Fatta, L., 2/18/2015, Career Research Infographic, www.mrfatta.com/infographics. Use the following tutorial below to guide you in writing information about your chosen career from the links below.

Mr. Fatta’s Graphic Design Career Essay 

.

After reviewing the graphic design samples provided, develop a poster that conveys information about your career using elements of text color, shape, and images. Use the information about color psychology from the link on the right, determine which color harmonies fit your career. Recall your prior knowledge of principles of graphic design and analyze the various sample infographics,  recognize similarities, common elements and notice examples of contrast, repetition, alignment, and proximity.

Contrast
Contrast helps attract attention to a design. Contrast can be created by making elements of color, shape, text, value, or size of objects on your page very different. If elements such as type or color are not the same then make them much different. Objects that are too similar but different do not create contrast.

Repetition
Repeating elements in a design such as color, fonts, textures, or shapes throughout a design help create repetition, or pattern within a design. These principles help create unity and establish a theme in the design.

Alignment
All elements such as text boxes and images in the page should line up to something else on the page, elements should not be placed randomly in the design but help create a pattern. Using columns, guidelines, and live guides helps the designer align elements on the page.

Proximity
Proximity is the nearness to other objects in the design, pictures and text that relate to each other should be placed close together. When several components of a design are near each other they visually become one, rather than separate units. Pictures, text, and information on a cereal box about a free toy are often placed in close proximity, so too are design elements about the cereal’s nutritional value.

.

Sample Infographics

Mr. Fatta’s Career Research Piktochart Sample

Are People Sharing Too Much Online | Infographic
Statistics about peoples sharing habits online.
Source: Your Social Media Company

Ultimate Cheat Guide to Matching Shirts & Ties | Infographic
Safe and risky combinations of pattern in men’s fashion.
Source: Beckett Simonon company, http://www.beckettsimonon.com

Project | Creating a Basic Graphic Design in Illustrator

Project | Creating a Basic Graphic Design in Photoshop

Further Questions to Consider

What are the most important facts and trends about a career or a filed?
Why is it important to know certain statistics when researching a field?
What could be the consequences of not knowing certain things about a field?
How do you find information, analyze, organize, and create a graphically organized design?
What is projection data and how does it determine how many people are needed in the field in ten years?
How might the facts effect the choices you make in pursing a career or entering a field of study?
How can you use the facts you gathered to recognize and take advantage of trends within a field?
What is the value or importance of job outlook and projection data?
What changes would you make to your career choices based on what you’ve found?
How can you adapt your personal interests to find a rewarding career?
What facts surprised you most about the career you researched?
What related fields would you pursue instead, what are some of the pertinent facts about these fields?

Related Career Links

mrfatta.com | College Readiness
Graduation may  seem to be far in the future but it will be here before you know it. Benjamin Franklin said, “If you are failing to plan, you are planning to fail.”

mrfatta.com | Portfolio Requirements 
Schools of art & design require visual representations of your work in the arts. Colleges often have different requirements for portfolio entries.

mrfatta.com | Job Search
The following links are job search engines that will help to find a job in the Middletown area.

Addition Links

Dark Horse Provides a variety of info graphics, showing how simple
designs can communicate information effectively.
Qunb Article: Why We Hate Infograpgics (And Why You Should)  Cyrille Vincey. In this article the author shows how
too much information within a graphic can create confusing message.

Schools of Art and Design and Grants Links to resources from  art and technology schools as well as grant resources for higher education.

Top Ten Jobs for the Next Decade and Beyond

What Jobs are Hot in Arts & Humanities?

Hottest Careers for College Graduates

http://awesome.good.is/transparency/009/images/009_on_driving.jpg

http://d1qv53vvfy0ptp.cloudfront.net/wp-content/uploads/2012/08/Color-psychology-infographic-1.png

Survey Results

Henri Matisse was a French painter and sculptor who lived from 1869 – 1954. He is most known for his brightly colored paintings from the early 1900 pioneering what’s known as the fauvist style. Fauvism emphasized strong color and unique brush strokes instead of realistic or representational forms. He is also well known for his brightly colored cut paper patterns that depict organic shapes and he gained recognition as a leading painter of the modern art movement.

Gravit.io is a vector drawing tool that is used to draw objects in vector format as opposed to raster. You can use it to draw original logo designs and other graphics using the pen tool and the curve features of the pen. You can create an account using your school google credentials.

This article from the Museum of Modern Art features Matisse’s work during the last decade of his life his life. At the time Matisse painted with gouache, an opaque watercolor like paint, on white paper and cut a variety of organic and geometric shapes that he affixed to the wall. Read more about his process and see Matisse in action.

• What art elements are used to create the illusion of form on a flat surface?
• How do designers create a variety of textured forms using advanced tools within Adobe Illustrator?
• What technology tools enable artists and designers to construct 3-dimensional forms?
• How can we expand on the application of tools used to create a variety of forms with various shapes and textures?

Students are to analyze the elements of shape, value, and form of a chess piece and render the form using 3D Effects Tools in Adobe Illustrator.

Using the Graphic Styles Effect 23 construct a chess pawn that has a 3-D appearance. Duplicate the form and explore the different textures that can be applied using the SVG Filters found in the Effects menu. Create several versions of a chess piece to show the form in different textures such as rock, marble, wood, or plastic. Use the tutorial guides below to illustrate all the pieces on a chess board. Create a variety of different textures and colors by applying different SVG Filters to duplicate ,

Painting of Queen Nefertiti playing a game, c. 1320-1200 BCE, source: History.com, Ancient Egypt

Knights Templar playing chess, Libro de los juegos, 1283, source: History of Chess – Wikipedia

Try a game of chess online and get familiar with
the different moves each piece makes.
Instant Chess

Viewing the tutorial below use the Pen Tool along with the Graphic Styles Library construct a chess piece that has a 3-D appearance using the Graphic Styles Effect 21 in the Graphic Styles Library.

Tutorial | Creating the Pawn Form

Tutorial | Creating the Bishop Form

Tutorial | Creating the Rook Form and Texture

Tutorial | Creating the Knight Form and Texture

Using the skills developed in the previous chess pieces to create the King and the Queen on your own.

Tutorial | Creating the Chess Board

.

Student Gallery

.

Online modeling software will provide you with a variety of architectural modeling tools that will allow you to render and model 3D images directly on a web browser on a Chromebook, desktop, or laptop computer, or surface, but for best results, a mouse and a computer is best. Sketchup is an online software application available in your student Google account. Simply click the key pad on your Google Drive and scroll down to the the red Sketchup loggo.

I this assignment, create a one room house structure complete with four walls, with windows and a doorway along with a peaked roof. Use the featured tutorials to guide you in creating a 3D model of a simple house structure. Get familiar with the common Draw, Offset, and Push/Pull tools that are common in 3D modeling software applications. There are also a variety of Sketchup tutorials on YouTube that you may find helpful as well.

Roy Lichtenstein was born in 1923 in New York City where he lived most of his life of 74 years.  Although he loved to draw, his High School didn’t offer art classes  so he would draw during his free time.  After high school he studied art at Ohio State University earning his bachelor’s degree and then received a MFA from the the same school. Later he would teach classes Ohio State and also taught art classes at SUNY Oswego, and then Rutgers University.

During the early 1960’s Lichtenstein created his first Pop Art paintings. Like many of his contemporaries he was inspired by commercial art of the 1960’s. His paintings emulated the strong black outlines evident in comic book art often using thick, horizontal stripes and patterned dots, called Benday Dots. Benday Dots were originally used in the early days of color printing, usually in cheap news papers and magazines. In the printing process at the time, the spacing of four different colors of dots either close together, far apart, or on top of each other, enabled the printers to mix all the colors. Lichtenstein was inspired by the effect and and incorporated the technique in his work. Looking closely at his works, one can often see the pattern of dots.  Lichtenstein’s drew inspiration from, newspapers, comic books, cartoons, and advertisements, and so his work became known as Pop Art because it portrayed images from popular culture.

Text Box

Atari E.T. Video Game Unearthed

During the early 1980’s the home video game console Atari ruled the gaming market. But with the proliferation of competing gaming systems and a lack of interesting games the home gaming boom came to an end with what is known as The Video Game Crash of 1983. Although several other boring games contributed to the crash, the crash is often attributed to the failure of the Atari video game E.T. Credited as the worst video game ever Atari was left with over 750,000 unsold game cartridges which where buried in a land fill in Utah. The game cartridges  were recently unearthed by a team making a documentary about the game and it’s demise.

Pixelated People and Pixel Bodies

Illustrator and children’s book author Andy Rash created a variety of pixelated characters from the 2012 presidential candidates and numerous characters from movies and TV shows. See more of his pixelated characters on his site, by clicking here, or Google his name. Use the sample provided in the links as a model to create a body for your own pixelated characters.

Sample Pixel People from the Internet

Study the following pixelated portraits and search the Internet for your own examples. Identify the form that can be created by using a variety of values to show the highlight, middle tone, and shadow areas of the face. Analyze the features of your face and determine where the values will be placed.

Questions to Consider

What is does 8 bit or 16 bit mean when referring to video games?
How does the bit rate relate to Dots Per Inch (DPI) in computer graphics?
What are the defining characteristics of the second-generation scroll platform video games?
How many pixels would it take to render the details of your face?

Vocabulary

Frame Rate in animation, the number of frames in a second of playback.
Form an object that appears to have volume and that take up space.
Highlight the lightest area of a form under direct light.
Portrait n. a picture, painting, or photograph of someones face.
Proportion n. the size relation between the parts of an object and the whole.
Shadow the darker areas of a forms surface under light.
Shape n. the outward form of an object defined by an outline.
Space n. the feeling of depth in a picture.
Stop Motion Animation a cinematic technique used to makes static objects appear as if they were moving.
Theme n. 1. A subject or motif of a piece of work.
Timeline n. a sequence of event over a period of time.
Value n. the lightness or darkness of a color or a tone.

Tutorial | Pixel Portrait

Use the following tutorial to create a self-portrait in the 8 bit pixelated style using Adobe Illustrator.

Tutorial | Creating the Body

Stop Motion Photography

Eadweard Muybridge was an English photographer who is known for his work in photographic studies of motion. In 1877 he conducted a study of animal locomotion, walking or running animals, where he photographed multiple stages of an animals’ movements then viewed them in rapid succession. The result is some of the first motion pictures in history.

Creating Walking Poses for Animation

Animation is the process of creating the illusion of a moving image using a sequences of static (still) images in rapid display. The animation below shows two poses of Mr. Pixel to create the illusion that he is walking. Below is a sample walking sequence of Mario from the early home game version of Donkey Kong. Use the tutorials that follows to create a simple animation of your walking pixel person.

Tutorial | Animated Walking Sequence in Photoshop

Tutorial | Animated Walking Sequence in After Effects

Possible Projects

1. Create a pixel body for your portraits using samples bodies from Andy Rash or 8 Bit Football.com.
   Create a multi layered Illustrator document that can be used in an animation and has the layers for head, bust, right arm, left arm, right leg, left leg, right leg stride…
2. Using the skills and techniques developed in the 8 Bit portrait, create a 16 bit portrait of yourself, making more pixels to create detailed facial expressions. Portrait features should include items like eye brows, glasses, 7 different speech motions.
3. Create a background environment that your sprite will move through. Develop a theme, gather reference images, and illustrate your environment in a landscape format.

Mr. Fatta’s Bug Chase

Mr. Fatta’s Bug Bounce Game

Click in the screen to start, use the directional arrows on the key board to move Mr. Fatta and knock the bugs away, land safely and come to a stop. Refresh the page to restart.

Tutorial | Toy Airplane

.

Tutorial | Extrusion Tools in Maya | Cadillac

.

Tutorial | Image Planes in Maya | The Car Rim

.

Tutorial | Extrusion Tools in Maya | Car Study II

.

.

Autodesk Maya

Beginners Guide to Maya
In this series of free Maya tutorials Digital Tutors will be teaching you the essential workflows, terms and techniques to help you get started with Maya. Google Drive Link

Introduction to Maya 2015
This in-depth Maya 2015 tutorial is designed to help students get a solid understanding of the core features found in Maya and help ease the transition into this very powerful program. Google Drive link.

Beginners Guide to Maya
In this Maya tutorial students will learn the basics of working with 3d models in Maya. Digital Tutors will take an introductory look into modeling so students can learn essential terms and definitions and build a solid foundation in computer graphics.

Adobe After Effects

Quick Start to After Effects Volume 1
In this volume students will learn the foundational skills for working in Adobe After Effects, become familiar with the interface, and understand the basic functions of the program. Students will also be introduced to the basic principles of animation.

Beginners Guide To After Effects Students will explore the essential terms and definitions needed to build a strong foundation in computer graphics. Students will understand what motion graphics and compositing are and know how to manage projects, compositions, layers.

Leonardo da Vinci, The Last Supper, 1498

Two Point perspective is similar to 1 point perspective except that there are two vanishing points. Two point perspective is used to show two sides of a building or structure when viewed from outside. In the picture below, artist Giotto uses 2 point perspective to show the steps that the two men are seated on. Notice how the lines on right side of the steps go to a vanishing point to the right, while the lines of the steps on the left go to the 2nd vanishing point.

Vocabulary
Depth the illusion of real space on a flat surface
Foreshortening to portray or show (an object or view) as closer than it is or as having less depth or distance, as an effect of perspective or the angle of vision.
Perspective a system of drawing that gives the illusion of depth on a flat surface using parallel lines that converge at one or more vanishing points.
Vanishing point in perspective, an imaginary point or points on the horizon where parallel lines recede and converge.
Converge in perspective, lines coming together at the vanishing point.
Horizon a horizontal line dividing the sky & ground, or the wall & floor (interior).
Overlapping placing one object over another to give the illusion of space.
Scale the relationship of size when the same object is close, and far away.
Texture an element of design that refers to the surface, ex rough, smooth, fuzzy.

Tutorial | Creating the Chess Board

Sample Student Chess Boards

Rubric

Movie posters have been around since the dawn of film, a time often regarded as the Golden Age of Hollywood. These posters where often displayed within the lobby of the theater. In the beginning they often featured illustrations of the movie with a combination of overlaying images from different scenes. The images featured here are from some of the most renowned movies of all time, study the images to get ideas for your own promotional poster.

Star Wars

Dawn of the Dead

West Side Story

Cool Hand Luke

The African Queen

Raiders of the Lost Arch