Digital Media

Three main things will be considered when evaluating a student’s design work:

 

Effort - visible in the work and/or demonstrated in class; spend quality time on your work!

Creativity - how original your work is

Following Directions - did you explore the assignment as given?

SUPPLY LIST FOR

Digital & Interactive Media

Pen /Pencil

1 Subject Notebook

2-inch 3-ring binder

8GB Flash Drive

Class Syllabus|Rules

1st 6 Weeks

Technology Use

 

Students should have all devices on silent mode and put away when I am teaching. If you are doing independent work you may listen to music with one ear-bud in your ear.

 

GRADING POLICY

 

Student grades for this course will be calculated according to the following percentages:

  • 50% Major projects
  • 50% Small Projects / Practice Assignments
  • On time maximum credit: 100%
  • Late work maximum credit: 70% (10 points off per day late)

 

COURSE OBJECTIVES

 

As a result of taking this class, you should be able to:

Work professionally within a design team.

Identify numerous design and multimedia careers which are available.

Evaluate designs (your work and others’) for audience, meaning, and effectiveness.

Use the elements and principles of design in a decisive fashion.

Create digital graphics and work with images.

Create attractive layouts that communicate messages effectively.

Use color to communicate ideas to others.

Use typography effectively in a design.

 

In addition to the comprehensive objectives, you should be able to:

Use Adobe Illustrator to create illustrations, logos, and graphics.

Use Adobe Photoshop to edit photographs, create artistic imagery, and  create graphics.

Use Adobe InDesign to create publications such as advertisements and brochures.

  • Use Adobe Flash Professional to create an animation.

 

How Do I Make Up Missing or Incomplete Work?

You are expected to keep up with lessons and projects in class. Keep track of course assignments and due dates at this website. Late or incomplete work can be turned in during the same six weeks for a reduced score of 10 points per day. If the work is late due to an excused absence, you will have one extra school day per day of excused absence to complete it without a reduction in grade.

Please let me know as soon as you have submitted a late assignment. Otherwise I will not know to look for it.

 

Open Lab - the lab is open at 8:00 am every morning for students to come in and work.

 

Design Room Rules

Refer to the Student Handbook for school-wide rules. We have design room rules too:

1. Don’t prevent me from teaching.

2. Don’t prevent others from learning.

3. Be safe.

4. Keep things clean.

 

What Do those 4 Rules Really Mean Day-to-Day?

Here are some examples to show you what I mean. These are examples. Use your common sense when interpreting these rules.

Don’t prevent me from teaching.

• Don’t speak while I am instructing the class.

• Raise your hand if you wish to speak, and wait for me to call on you.

• Don’t interrupt when I am giving personal attention to another student.

Don’t prevent others from learning.

• Don’t behave in a disruptive or distracting way.

• Don’t engage in lengthy off-topic conversations.

• Keep the volume of your voice down.

• No singing, rapping, or other disruptive noises.

Be safe.

• Don’t throw, toss, flick, or roll anything across the table, floor, or classroom.

• Don’t roll across the classroom in your chair.

• Use classroom materials in a safe manner.

• Don’t behave in any way that threatens harm to anyone or our equipment.

Keep things clean.

• Clean up after yourself so your station is ready for the next student.

• Return classroom materials to the proper storage place.

• Don’t eat messy things that can leave residue on the computers.

• Keep your language clean.

Professional Skills Grade

It is my job to help you develop positive work behaviors and personal qualities needed to be employable by demonstrating skills related to seeking employment, creating work samples and earning certifications. Each week you will earn a "professional skills grade" for your professional conduct in class by following the Design Room Rules and following the 4 Rules detailed above.

Week 1 - August 22 - August 26

Monday

  • Complete the "Who Am I" assignment, be sure to include a picture. (Your picture can be taken on the computer.)

 

Tuesday - Create a Word Cloud About Yourself

  1. Type up Descriptive names in Word (Include your first Name ONLY, no less than 12, no more than 20) or how you think people would describe you – also include your dream career, university/College, and Major – These are separate from the 12 words mentioned above.
  2. Use either Wordle or Tagxedo to create, review, edit, complete and finally print your word cloud.
  3. Video tutorials for Wordle and Tagxedo can be found int he DIM assignments folder on the share drive.

 

 

Wednesday - Cool Careers: Graphic Designer & Multimedia Designer

 

Students will research career areas in design and/or print production and then will research the job/field of their choice & create an Adobe Spark over the information and present their research to the class.

The report will cover:

  • specific job description and qualifications, expected skill set, expected technical knowledge, necessary training,
  • the educational background needed (educational needs, cost, time (how long will the degree take), school options (where the programs are offered)(best schools for that program), loans)
  • certification/exams needed
  • experience needed

 

NOTE: You may collect websites containing specific job-related information and, if appropriate, link to them within their portfolios.

 

Career areas include (you are not limited to this list in your research):

  • Graphic Designer
  • Multimedia artist
  • Multimedia animator
  • Photographer
  • Web Developer
  • Web Designer
  • Digital Media Specialist
  • Digital Media Strategist
  • Game Designer

 

Presentations will be on Tuesday, September 5th.

Friday - Continue Research

 

Students will research career areas in design and/or print production and then will research the job/field of their choice & create an Adobe Spark over the information and present their research to the class.

The report will cover:

  • specific job description and qualifications, expected skill set, expected technical knowledge, necessary training,
  • the educational background needed (educational needs, cost, time (how long will the degree take), school options (where the programs are offered)(best schools for that program), loans)
  • certification/exams needed
  • experience needed

 

NOTE: You may collect websites containing specific job-related information and, if appropriate, link to them within their portfolios.

 

Career areas include (you are not limited to this list in your research):

 

  • Creative/art director
  • Print production manager or coordinator
  • Book designer
  • Book jacket designer
  • Layout artist
  • Logo designer
  • Brand identity designer
  • Illustrator
  • Photo editor/Photoshop artist
  • Photographer
  • Prepress technician

 

Share your project and send me a link to your project debra.keller@nisd.net

 

 

Week 2 - August 29 - September 2

Monday, August 29th - Career Presentations

Students will begin presenting their Adobe Spark presentations on a career in the field of graphic design.

 

Tuesday, August 30th - Career Presentations

Students will continue presenting their Adobe Spark presentations on a career in the field of graphic design.

 

Wednesday, August 31st - Typography

 

Typography Tutorial for Beginners: Everything You Need to Learn Typography Basics

Written by Brittany Leaning | @bleaning (originally posted August 2, 2016 on blog.hubspot.com)

 

 

 

Click on a section header below to jump to that section:

What Is Typography?

Before taking this course, typography -- to me, at least -- was more the art of scrolling through a dropdown menu until I found a font that looked like it could work. But it turns out there's a lot more to it than that.

Typography is the art and technique of arranging type, type meaning letters and characters.

Notice that it's about more than just the design of letters and characters; the arrangement of those letters and characters is just as big a part of it all. That refers to the selection of point size, line length, and spacing, both on a single line and throughout an entire page or piece of work.

 story-typography-example.png

Image Credit: Designspiration

To understand where the importance of arrangement comes in, I like to think back to Johannes Gutenberg's printing press. At one point in time, people practiced typography using printed materials -- meaning they were literally taking letters and characters and arranging them in physical space.

Today, thanks to computers, open source fonts, and scalable computer typography, it's a lot easier to arrange letters and characters. But that physical piece remains important, even in the digital sphere.

Why Is Typography Important? 

Typography is absolutely everywhere. Just look at your phone, a billboard, your coffee cup, or even the different styles used in this blog post. Every font, letter, and character arrangement plays a part in determining how a message is conveyed. 

Sure, it might seem trivial at times, but even the smallest of type adjustments can impact the look and feel of your work. For example, back in June, Facebook tested a new font on its users called Geneva. While the new font was only slightly thinner and lighter than the original, Helvetica, it made a noticeable difference to some. 

"The overall effect is a lighter, more modern looking block of text," explained Chris Mills for BGR.

facebook-font-changes.png

Image Credit: Mashable

Same goes for when Apple changed its default font from the dramatically thin Helvetica Neue to one they developed in-house called San Francisco.

"The differences between Helvetica and San Francisco are subtle, even to the trained eye, but they’re there," wrote Liz Stinson for WIRED. "While still an austere sans serif, San Francisco is bolder and friendlier than Helvetica Neue. Based on the German typeface DIN, San Francisco gives characters more breathing room, which will make it easier to read on relatively tiny mobile screens. Tall and skinny, San Francisco is space-efficient, like Google’s custom typeface Roboto, which you could consider a close cousin to Apple’s font."

The takeaway here? The little details do matter. 

In fact, one of the only college courses Steve Jobs took was on calligraphy and typography, which he believed played a critical role in the success of Apple. As he once said in a Stanford University commencement speech, "If I had never dropped in on that single course in college, the Mac would have never had multiple typefaces or proportionally spaced fonts." Can you imagine a world where Apple products didn't have a focus on beautiful design? I certainly can't.

Once you realize how much thought goes into carefully selecting a typeface, it becomes much easier to recognize the differences between typefaces and understand why they might’ve been chosen in the first place. Take a look at some of the examples below to get a better sense of what I mean ... 

12-dishes-typography-example.jpg

Image Credit: Awwwards

bolden-typography-example.jpg

Image Credit: Awwwards

spotify-typography-example.jpg

Image Credit: Awwwards

park-city-typography-example.jpg

Image Credit: Awwwards

Ready to move on to some typography terminology? Let's go.

Typography Definitions & Terms

Typefaces vs. Fonts

If you thought these two words were interchangeable, you're not alone. But they actually mean two different things.

Typographer, Nick Sherman, once used a great analogy to explain the differences between the terms “typeface” and “font.” He suggested comparing these typography terms to the musical terms “song” and “mp3.” When you’re explaining how much you enjoy a particular tune, you say, “I love this song!” You wouldn’t say, “I love this mp3!” The song is the work of art, whereas an mp3 file is just the delivery mechanism.

The same rules apply in typography. You should use the word “typeface” when describing the creative work (i.e., what you see). This is a more abstract design term used when referring to the way a specific collection looks or feels. For example, Helvetica is a typeface.

If you’re describing the physical embodiment of the collection of letters and characters, you should use the term “font." It refers to what you use -- whether that’s a file on your computer or a case full of metal letters. This is the tangible representation of that collection of letters and characters. For example, Helvetica Bold and Helvetica Light Oblique are fonts.

Here's how you could use these two terms in a sentence:

  • “Wow. The typeface you chose really pulls this design together.”

  • “I’ll change the font size to 12pt so it fits in the box.”

The Anatomy of a Typeface

It’s way easier to communicate with designers when you actually speak their language, which is why it's important to understand the anatomy of a typeface. 

Each part of a letter has its own special term, similar to bones in a human body. Below, you’ll see three diagrams that explain the makeup of individual letters, how these elements interact with each other, and how they sit on a line.

For example, let's take with the word "Faulty" as it's shown in the picture below.

Faulty

Here's how each of the terms here are defined:

  • Baseline: The line where the letters sit.
  • Cap height: The distance from the baseline to the top of the capital letter.
  • X-height: Located in between the baseline and the cap height, it's the height of the body of the lowercase letter. (In this case, it's the letters ‘a,' ‘u,' and ‘y.')
  • Bowl: The curved part of the character that encloses the circular or curved parts of some letters, like 'd,' 'b,' 'o,' 'D,' and 'B.' (In this case, it's that round shape sticking off the letter ‘a.')
  • Serif: The slight projection finishing off a stroke of a letter in certain typefaces. (In this case, it's that little foot sticking off the letter ‘l.')
  • Descender: The longest point on a letter that falls beyond the baseline.

Now, let's look at the word "flash": 

flash

Here's how these terms are defined:

  • Ligature: The stroke that joins adjacent letters. (In this case, you'll notice the 'f' and the 'l' smush together to form one character.)
  • Stem: The base of a letter, similar to the stem of a flower.
  • Spine: The curvy body of the letter 's' -- and only the letter 's.' It gets its own term because the spine can be almost vertical or mostly horizontal, depending on the typeface.
  • Ascender: The portion of a letter that extends above the mean line of a font -- i.e., is taller than the font's x-height. (In this case, you’ll also notice the letter ‘h’ is actually taller than the x-height.)

Still with me? Just a few more here. Let's take a look at the word "Beef":  

Beef

Here's how these terms are defined:

  • Cross bar: The bar that goes across the inside of the letter and connects one side to another. (In this case, it's the bar inside the capital letter 'B.')
  • Counter: The empty space in the middle of letters such as ‘B’, ‘O’, or ‘A.'
  • Finial: The tapered end of letters such as ‘e’ or ‘c.'
  • Terminal: A type of curve that you see at the top of the letter ‘f’ or the end of the letter ‘j.'

Good work. Now that you know the anatomy of letterforms, let’s get into the terms related to spacing: kerning, tracking, leading, and hierarchy.

Kerning

Kerning is the modification of the space between two letters. For example, check out the image below: 

Kerning

Here, I used Franklin Gothic Medium to showcase the natural space you see between two letter T’s. It looks a little too snug, right? By customizing the spacing between just these two letters, you'll be able to increase readability.

Tracking

Similar to kerning, tracking deals with a modification to letter spacing. However, instead of adjusting the spacing between just two letters, tracking is an adjustment to the spacing between all letters an entire word. See the difference below:

Tracking-1

For this example, I chose to make an extreme adjustment to the tracking. Typically, you’d want to apply tracking in small increments to avoid causing readability issues.

Leading

Remember in high school when you had to double-space your essays? Well, the terms “single-space” and “double-space” can also be called “leading,” which is the distance between the baselines. See leading in action:

leading-example.png

You can choose to increase your leading, creating more space between the baselines, or decrease your leading, which pushes your lines of text closer together. The reason high school teachers asked for essays to be double-spaced was because it’s much easier to read, and they could make corrections to the text more easily.

Hierarchy

As you read through this blog post, you'll notice certain words stand out more than others. That's what designers would call creating a hierarchy. You can use different weights (bold, regular, light), styles (italic), and sizes to create a sense of order within your text. Not only does this help create a legible flow, but it helps the reader see what the most important points are.

Here's an example of what hierarchy looks like:

Hierarchy-1

In most cases, you want people to read the title first. That's why you'll see most titles are much bigger and bolder than the body text. Call-out quotes and descriptive sentences can also stand out above the rest of the text using techniques such as bolding and italicizing.

With effective hierarchy, the reader should be able to jump from one section to the next to identify the most important points.

Got all these typography terms down? Cool. Let's move on to how typography is organized with type classifications and type families. (Takes you back to biology class a little, doesn't it?)

Type Classifications

The two main type classifications you see are called serif and sans serif. Other classifications include slab serif, blackletter, script, modern, and decorative. Let's start with the most common two, and then touch on just a few others to give you an idea of what they're all about. 

Serif

Remember when I pointed out the little foot in the word “Faulty?” Typefaces with feet like that are called serif. You can see where I highlighted these little feet below:

Serif

Common serif typefaces include Times New Roman, Georgia, and Garamond. If you’re reading a novel, you might notice the body text is a serif. That’s because a serif is much easier to read in long, printed works due to the distinctiveness between letters.

Sans Serif

In French, the word “sans” means “without.” So the term “sans serif” literally means “without serif.” In the image below, you’ll notice the words lack serifs, as I pointed out with the red arrows.

Sans_Serif

Common sans serif typefaces include Arial, Verdana, and Futura. You’ll see a lot of sans serifs being used in blog posts and documents on the web because it feels more modern and looks great even at lower screen resolutions.

Blackletter

Blackletter typefaces, also referred to as Gothic, Fraktur or Old English, are known for its dramatic thick and thin strokes and its elaborate swirls on the serifs. These typefaces are based on early manuscript writing -- in fact, blackletters were used in Gutenberg's Bible, one of the first books ever printed in Europe. They were much more popular before 1500 than they are today.

blackletter-typeface.gif

Image Credit: SitePoint

As you can tell, blackletters are pretty hard to read, which is why they're not typically used for body type. You'll usually see them in headers, logos, posters, and signs -- like on newspaper nameplates (New York Times' logo, anyone?), or on the headers of certificates, diplomas, or degrees. Common blackletter fonts include Cloister Black, Deutsche Zierschrift, and Germanica.

blackletter-typeface-chart.png

Image Credit: SitePoint

Script

Script typefaces are based upon the varied and often fluid strokes created by handwriting. As scalable computer typefaces, characters in these scripts can now string together with one another automatically so they convincingly mimic handwriting, rather than users having to manually pick and choose which letters go after which -- which you can imagine was a painstaking process.

Under the umbrella of a script typeface, there are two basic classifications: formal and casual. Formal scripts are often reminiscent of the handwritten letterforms common in the seventeenth and eighteenth centuries, and they’re used for elegant designs like invitations and diplomas, not for body copy.

formal-script-invitation.jpg

Image Credit: Deciduous Press

Casual scripts, or informal scripts, are just that: less formal script typefaces that look more like everyday handwriting

casual-script-example.png

Image Credit: Font Haus

Those are just a few examples of type classifications to give you an idea of how they work. But, since this is a blog post, not a typography course, let's move on to type families.

Type Families

The term “type family” or “typeface family” is used to describe a range of designs that are all variations of one basic typeface.

For example, you’ll see that Proxima Nova has variations such as bold, extra bold, black, regular, light, light italic, and regular italic:

Screen_Shot_2014-05-21_at_6.35.52_PM

Sticking to a single type family will help add variation to your designs, while keeping it consistent and uniform.

Designers might use various fonts within one family to create a sense of hierarchy -- designing so that the most important elements, such as headlines and quotes, stand out above the rest of the text.

Thursday, September 1st- Design a Typography Poster

 

  1. In your spiral, brainstorm 5 quotes / poems / lyrics to create a poster just using typography.
    Identify the target the audience and what kind of message you want to convey for each of the quotes / poems / lyrics.
    Then, indicate which one of the ideas you will create into a typography poster. Turn your brainstorm into the tray with your name and class period on it.
  2. Create a Pages document with the following settings:
    Name: LastNameF_TypographyAssignment
    New: Blank
    File --> Page Setup ---
    • Format For:  B122-HP750-Color
    • Paper Size: Tabloid (11x17)
    • Orientation: Your Choice
  3. Print your poster to the B122-HP750-Color  printer to turn in, make sure your name is on it!
  4. You will be graded on how well you follow instructions, your creativity, use of fonts and use of color. This assignment is due by the end of class on Friday, September 2nd.

TYPOGRAPHY EXAMPLES

21 - 22<>

 

 

 

Resources about Typography

10 Infographics That Will Teach You About Typography

Week 3 - September 5 - September 9

Monday September 5th - No School Labor Day

Tuesday September 6th - Begin Drawing in Adobe Illustrator

If you have not completed your typography poster finish that today!

The foundation for any good digital illustrator is being able to draw. Today you will begin learning how to draw in Adobe Illustrator.  Adobe Illustrator is a vector drawing program that will allow you to create scalable graphics.

The image on the left is a raster or bitmap image, the one on the right is a vector.

The image on the right is a raster or bitmap image, the one on the left is a vector.

Can not see the video? Click HERE and enter your log in information, return to the page and refresh.

You will learn the following:

  • the Workspace
  • drawing with shapes (Rectangle Tool (M), Ellipse Tool (L), Polygon Tool, Line Segment Tool, Arc Tool)
  • the selection tools (Selection Tool (V), Direct Selection Tool (A))
  • merging shapes with the Shape Builder Tool (Shift+M)
  • shaping corners and line segments with the Convert Anchor Tool (Shift+C)
  1. After watching the video open the file titled Illustrator_practice1.ai from the Digital & Interactive Media assignments folder.
  2. Choose File --> Save As to add your LastnameF_ to the file name (example KellerD_Illustrator_Practice1.ai) and change the location to save to your folder.
  3. You will print your document and turn in a hard copy to the tray for your class period.

 

Wednesday, September 7th - The Pen Tool

Learn to Draw with the Pen Tool in Illustrator

The Pen Tool (P) is probably the hardest tool to learn in Adobe Illustrator but ultimately the most rewarding because in the end it will save you many steps. Also, your artwork will look much more professional with more distinct lines, curves and corners.

You will learn the following:

  • the Pen Tool (P) (Add & Subtract points)
  • work with the Alt/Option key while drawing to modify the shape of your line while you draw
  • create/name Layers in the Layers Panel
  • open a Swatch Library
  • continue using the Selection Tool (V), Direct Selection Tool (A) and the Convert Anchor Tool (Shift+C)
  1. Watch the following video as you work through the following exercises:
  • 01Pen.ai--> Save As --> LastnameF_01Pen.ai
  • 02Curves.ai--> Save As --> LastnameF_02Curves.ai
  • 03Shapes.ai--> Save As --> LastnameF_03Shapes.ai

Thursday, September 8th - Finish Learning the Pen Tool

Be sure all of the following exercises are turned in to the TurnIn folder:

  • 01Pen.ai--> Save As --> LastnameF_01Pen.ai
  • 02Curves.ai--> Save As --> LastnameF_02Curves.ai
  • 03Shapes.ai--> Save As --> LastnameF_03Shapes.ai

 

Friday, September 9th - Illustrator Practice 2

  1. Open Illustrator_practice2.ai from the assignments for this class.  Rename the file LastnameF_Illustrator_practice2.ai and save it to your documents folder.
  2. Using what you have learned, work through the document to create a drawing for each of the words given.
  3. You will print a hard copy of your document and turn into the tray for your class. BE SURE YOUR NAME IS ON IT!
  4. Due Monday, September 12

Week 4 - September 12 - September 16

Monday, September 12th - Complete Illustrator Practice 2

  1. Open Illustrator_practice2.ai from the assignments for this class.  Rename the file LastnameF_Illustrator_practice2.ai and save it to your documents folder.
  2. Using what you have learned, work through the document to create a drawing for each of the words given.
  3. You will print a hard copy of your document and turn into the tray for your class. BE SURE YOUR NAME IS ON IT!
  4. Due Monday, September 12

 

Tuesday, September 13th & Wednesday, September 14th - Pen Tool Mastery

Ready for a challenge? Complete the next Illustrator assignment to show you have "mastered" the pen tool.

  1. Open Pen Tool Mastery.ai from the assignments for this class.  Rename the file LastnameF_Pen Tool Mastery.ai and save it to your documents folder.
  2. Using what you have learned, work through the document to create a drawing for each of the words given.
  3. You will print a hard copy of your document and turn into the tray for your class. BE SURE YOUR NAME IS ON IT!
  4. Due Wednesday, September 14

 

Thursday, September 15th - Project Original Graphics for a Zoo

Color Theory Vocabulary

ComplementaryComposed of two colors directly opposite each other on the color wheel.HueHue is the color name as it appears in the color wheel: it classifies the color as primary color (red, blue or yellow) or secondary colors (green, orange, or purple) and so on. Hue doesn't indicate whether the color is dark or light, strong or weak.MonochromaticComposed of one hue in many values and intensities.Primary ColorsThe three primary colors are red, blue, and yellow; they cannot be made by mixing any other colors.Secondary ColorsThe three secondary colors are made by combining two primary colors: red + yellow = orange; blue + yellow = green; and red + blue = violet ValueValue is the lightness or darkness of a color, and it?s probably the most important dimension. Interior spaces need contrasting values in order to feel comfortable, and to show related within elements. Values of one single interior should be related together in order not to blend two objects of a similar value.ComplementaryHueMonochromaticPrimary ColorsSecondary ColorsValue

Review the following video about color theory

  1. You will be designing graphics for a zoo and will work in teams of four for this project. Read the following letter from the zoo about your project. CLICK HERE
  2. Create a document electronically using Google Docs so that all members can edit it together. Document should have a T-chart with things they Know about the project on the left and things they Need To Know (questions) about the project on the right.
  3. As a class we will review any of your "Need to Knows"
  4. As a group begin to research designs for your animals and which animals you will design. Each member of the group will be responsible for drawing one animal. The group needs to determine a design style so they look cohesive together.
  5. Print and turn in your T-chart to the tray for your class. Be sure to put all the names of the members of your group on your paper.

 

Zoo Animal Graphics: Thumbnail Sketching

  1. You will have todays class  to produce sketches, work quickly and don't over think your designs. This is rapid concept development.
  2. You  should fill up your page(s) with at least 8 or more different sketches by the end of class.
  3. Keep in mind what you need to communicate in your logo:
  4. When complete turn in your sketches, be sure your name is on the paper.

 

Friday, September 16th - Project Original Graphics for a Zoo

Finalize Ideas & Final Drawings Group Work

 

Finalize Idea:

 

With all of the sketches students have done, in many different styles, groups need to get together and decide what style they want to make all of their animals in. This will take time and collaboration for students to work together and come to a final agreement. It is up to groups what style they want to make their animals in, but everyone needs to decide on the same style. All animals should look like they belong with each other.

 

Final Drawing:

 

After groups have finalized their idea, each student needs to make a final drawing of his/her animal in the style chosen by the group. Unlike the sketches, the final drawing should be clean and accurate. Final drawing should be checked off by teacher. Examples of one group's final drawings are attached.

 

Week 5 - September 19 - September 23

Monday, September 19th - Project Original Graphics for a Zoo

Continue to Finalize Ideas & Final Drawings Group Work

 

Finalize Idea:

 

With all of the sketches students have done, in many different styles, groups need to get together and decide what style they want to make all of their animals in. This will take time and collaboration for students to work together and come to a final agreement. It is up to groups what style they want to make their animals in, but everyone needs to decide on the same style. All animals should look like they belong with each other.

 

Final Drawing:

 

After groups have finalized their idea, each student needs to make a final drawing of his/her animal in the style chosen by the group. Unlike the sketches, the final drawing should be clean and accurate. Final drawing should be checked off by teacher. Examples of one group's final drawings are attached.

 

Example:

 

Tuesday, September 20th - Project Original Graphics for a Zoo

Illustrator Animal Independent Practice

 

After finals drawings have been checked off, students can start making their animal in Illustrator.

 

Required Materials:

  • Final hand drawn animal
  • Scanner
  • Computer
  • Illustrator

 

Process:

  • Scan drawing onto computer
  • Create a new Illustrator document
  • Place scanned image into document
  • In the same way that students traced over the character for Practice 3 from the "Illustrator Practice" unit, they will trace over their scanned hand drawn image using the pen tool, creating a vectorized version of their animal in black and white only (See "Illustrator Practice" unit for further information)

 

When students are done with their animal in Illustrator, ask your group members for feedback. When you think you are done call me over to provide feedback, I will be zooming in close and pointing out areas that need to be edited and cleaned up. You should go through 2 or 3 rounds of editing and touching up animals until they are checked off.

 

When all group members have their animal graphics completed, look at all of their animals as a group (these can be on the computer screen or printed out). The animals should look like a cohesive set. If there are elements that need editing and changing to make them look more in the same style, now is the time to do it.

 

Saving your Adobe Illustrator Project

 

File --> Export (Export Dialog box opens)

Choose Format --> PNG then click Export

 

Illustrator Animal

 

Work is being evaluated on use of Illustrator and use of pen tool. It is also being assessed for cleanliness and detail. Once the work is of good enough quality, the student should get checked off.

 

Wednesday, September 21st - Project Original Graphics for a Zoo

Complete Illustrator Animal Independent Practice

 

Thursday, September 22nd - Project Original Graphics for a Zoo

Creating a Pitch for Zoo Presentation

 

You will now create a pitch to "sell" your design. Their is a rubric (attached) for the project that students should reference when creating their pitch.

 

You can use whatever software you would like for creating your pitch (Prezi, Google Presentation, PowerPoint, Keynote, etc.).

 

Your pitch should include the name of each member of your group and the graphic of each animal created in Illustrator.

 

Groups will present to the class. See Grading Below:

 

Friday, September 23rd - Project Original Graphics for a Zoo

Groups Present Pitch for Zoo

Week 6 - September 26 - September 30

Monday, September 26th - Project Original Graphics for a Zoo

Complete Group Presentations - Pitch for Zoo

 

Tuesday, September 27th - Create a T-Shirt Design thru Friday, September 30th

Using the skills you have learned in Adobe Illustrator you will design a custom t-shirt.

On the handout complete the following steps:

  • Step 1: Come up with an original idea. Your idea should be an illustration, with text incorporated into your design.
  • Step 2: Complete four thumbnail sketch ideas of your design.
  • Step 3: Complete the sketch you like the most as a design in Adobe Illustrator.
  • Create a new Adobe Illustrator document from a Template. (File -->New from Template...)
  • Template: T-shirt
  • Name: LastnameF_T-shirt.ai
  • Turn in completed design to the TurnIn folder electronically and print a hard copy to turn in to the tray for your class period, be sure to type your name on it before printing.
  • Due Friday, September 30th (can not be turned in late, last grade of the 6 weeks)

 

On Wednesday I will share some additional tips/techniques you can use in Illustrator.

  • Shapebuilder tool - combine shapes/letters
  • Pathfinder Panel - cutout shapes
  • Masking - put texture inside text
  • Reflect - copy and flip what you have drawn to duplicate the image
  • Pencil tool with Wacom tablet

 

LATEST TWEETS

RECENT WORK

Adapted from a template provided by freemusetemplates.net