Exercise 19 Gallery of Student Work

Go here to see the full gallery...

Exercise 21 - FINAL EXERCISE - Update iWeb site from 1st semester

Class,

The final exercise is due by Monday May 20 (Period 4) or Tuesday (Period 1, 3, 7).

Update your iWeb site you created from 1st semester with the content you created in 2nd semester.

-  Adobe Indesign content (you may have to open and save for web)
-  Adobe Flash content
-  Logo Design
-  Package Design.

25 Points.

Remember to publish the site from iWeb and call the site period#_lastname_firstname_21x

A new folder will be created, turn in that folder.

IF YOU WANT YOUR ADOBE FLASH ANIMATIONS IN IWEB

Go to this link...


Here is the Code I had to use on my iWeb on my computer...See how it is pointing back to my folder? 

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="400" align="middle"> <param name="movie" value="/Users/paul_komar_030570/Documents/QUARTER 4/Exercise 18 - Motion Tweens/bat_ghost_motion.swf"> <param name="allowScriptAccess" value="always"> <embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="550" height="400" align="middle" src="/Users/paul_komar_030570/Documents/QUARTER 4/Exercise 18 - Motion Tweens/bat_ghost_motion.swf"" allowScriptAccess="always"></embed></object>

The part that he says to make a "link" to another website, you have to point to your file on your computer.  Find the "address" by using Finder...put that address in as the URL that is listed in the instructions.

Exercise 20 - Package Design, Due May 16

Class,
If you have finished your animation...you may begin package designs.  Use Adobe Illustrator (and Photoshop if you use photos) and the templates found in the Mr. Komar Shared folder to create your own folded box designs.

You must create 2 packages that will print out on an 8.5" x 11" printout.  Both packages must be in the SAME FILE.

Requirements:
1.  Use 2 templates found in Mr. Komar Shared folder, OR go find your own templates.  (There are many out there)
2.  Use Adobe Illustrator (and Photoshop if you use photos).
3.  Use the Logo you designed for Exercise 12 (or a new one).
4.  Packages must use color, custom fonts and clear information to be able to tell what it is.  Be creative with what is displayed and what is "hidden"
5.  Save file as period#_lastname_firstname_20x.ai to the Mr. Komar Drop Box.  (Remember, 2 boxes into 1 file!)

Due May 16, 50 Points

See more package design awards at http://www.thedieline.com/blog/2012/6/25/the-dieline-awards-2012-winners.html

Animations in Flash 4 - YOUR OWN ANIMATION, Due May 8

Class:

Now that you have gone through the steps to learn how to make animations, show us what you can do.

The requirements for the animation are the following:

1.  Be at least 5 seconds long.
2.  Have at least 3 moving items.
3.  Have at least 1 piece brought in from Photoshop or Illustrator.

You will get extra credit if you can show that the animation relates to another class!  (For example, an animation that illustrates something in your science class.)

Save the file as period#_lastname_firstname_19x.fla

Animation in Flash 3 - Due May 1

Motion Tween Animation
Credit: Joe Dockery, CTE Instructor, Mount Si High School, Washington

Motion Tween

In this lesson you will learn how to use Motion tween to move, resize and orient objects to a path. In other words, if your object needs to travel in a curved path, you will want to use Motion tween.

When you finish each file, save it and put it all in a folder to turn in named:

period#_lastname_firstname_18x

12 Animation Principles

Arcs

Slow-in and Slow-out

• Lesson 1: Motion Bounce (4:13)
• Lesson 2: Hurdles (5:34) *Featuring Motion Paths
• Lesson 3: The Fly (7:20) *Featuring animation cycles and orienting to a motion path

For Lesson 3, if you want to substitute the Fly with your own invention -- go for it!

Animation in Flash 2 - Due April 26

Classic Motion Tween Animation Directions
Credit: Joe Dockery, CTE Instructor, Mount Si High School, Washington

This lesson will introduce you to another type of animation technique in Flash called Classic Tween. Make sure to always use symbols and keep only have one animation per layers. This technique is great for moving in a straight line, resizing and rotating.

In the first activity you will create the basic ball bounce. In the second activity you will create a movie that replicated a game of pong.

When you finish each file, save it and put it all in a folder to turn in named:

period#_lastname_firstname_17x

Keyboard Shortcuts:
·         F5 Insert Frame
·         F6 Insert Keyframe

12 Animation Principles (See last lesson, #1)
Anticipation 

Tutorials

• Lesson 1: Classic Tween Ball Bounce (5:08) Example
• Lesson 2: Classic Tween Pong (7:19) Example
• Lesson 2.1: Classic Tween Resize/Rotate (4:18) *Extension of Lesson 2 Example
• Lesson 3: Classic Tween Anticipation (7:00) This lesson features rotate and blur.  Example

Animation in Flash 1 - Exercises 16 Due April 25

Animation with Flash

The following lessons and information were provided by Joe Dockery, CTE Teacher and Adobe Education Leader, Mount Si High School.

Step 1.  Review the following handout:

12 Animation Principles (pdf)

Step 2:  Complete Lesson 1 and 2 below by watching the INSTRUCTIONAL VIDEOS!  I am trying to see if watching a video for instruction may be a good way for you to learn.  The video is produced by another teacher in Washington state.  He is a very good instructor.

Step 3:

Turn in both lessons in a folder labeled period#_lastname_firstname_16x

Basic Animation Techniques

Adobe Flash uses four primary animation techniques: Frame-by-frame, Classic Motion Tween, Motion Tween (new), and Shape Tween. In the following lessons you will explore each technique. I encourage you to practice each technique after you complete the tutorial assignment. Make notes on what strengths and weakness that each offers.

Frame by Frame Animation Directions
This lesson will introduce you to a type of frame-by-frame animation. In the first project you will learn how to change the stage dimensions, onion skinning and the animation technique of squash and stretch. In the second lesson you will learn how to create a cycle in the form of symbol.
Keyboard Shortcuts:
·         F5 Insert Frame
·         F6 Insert Keyframe

Animation Principles
Squash and Stretch
Timing and Spacing
Straight Ahead Action and Pose to Pose - Frame by Frame is the same thing as Pose to Pose. Classic, Motion and Shape tweens are examples of Straight Ahead Action.

Tutorials

• Lesson 1: Frame-by-frame Ball Bounce (7:47) *Example
• Lesson 2: Frame-by-frame Flame (5:29) *Example

TEACHER NOTES:  In  the video he says to hit "Control + Return" to watch the Flash file play...our systems have an error that prevents ours from working that way.  You must publish your SWF file and HTML file to go watch it on your computer.

Also, disregard what he says at the end about turning in your file.  You will put both flash files in a folder with the correct name and turn in the folder to Mr. Komar Dropbox like usual.

TUSD CTE Program Evaluation 2013

Class,

TUSD CTE Program want to hear from you!

Please take a moment to complete the following survey.

And please ask your parent(s)/guardian to take the survey!

https://www.surveymonkey.com/s/52013

Tucson Event Announcement - Walking With Henry, this Saturday

Class,
This Saturday, April 20. a walk to benefit the American Heart Association and in memory a Tucson Police Officer, Henry Fung will be held at Reid Park.

One of your classmates is encouraging people to come and visit and/or walk!

Go to www.tucsonheartwalk.org for more information.

Exercise 15 - MechWars image, due Friday, April 19

Class,

The next exercise (15) is to make the above image.  

However, you are welcome to make your own image by substituting the Adobe Illustrator images (the hero, aliens) with your own drawings.  You may also substitute the Adobe Photoshop images (the background sun looking thing) with your own background.

You must have the following:
1.  Adobe Illustrator drawings imported
2.  Adobe Photoshop background image imported
3.  Text that looks like it is in perspective

I also put in the exercise folder instructions that are less wording than the book, but still contain the necessary parts to complete.

Exercise 15 is due Friday, April 19.

Turn in as period#_lastname_firstname_15x.fla

Logo Design - Gallery of Works

Exercise 12 - Logo Design (logo, business card, letterhead)

     Gallery of Selected Works

Exercise 14 - Flash banner ad, due April 12 (50 pts)

Class,

You will now be creating a banner ad from Adobe Flash like the one above.  You are allowed to change some of the colors, text and image but you must be able to show a drawing with the same parts.

Go to the Mr. Komar Shared folder and look for the Classroom in a Book that you have been using and go to Lesson 2 

First, you will learn:

1.  Drawing Modes

2.  Symbols

Next, you will learn:

1.  Alignment 

2.  Deco tool

Due April 12,

Turn in as:

period#_lastname_firstname_14x

Welcome back -- Begin Adobe Flash : Exercise 13 Photo Album

Class.
Welcome back!

Today we begin to learn how to use Adobe Flash.  There will be an introductory video.  

You will use the Flash Classroom in a Book which can be found on your Mr. Komar Shared folder to find all the lessons.  We will start with lesson 1 in the book which will be Exercise 13 for our class.  

Due April 5

You will use the photos you were to download on the Friday before Spring break and make a photo album in Adobe Flash.


Today I will present the following concepts:

1. The Stage
2. Frame vs. Keyframe
3. Hidden Tools

Name the file period#_lastname_firstname_13x and place into the Mr. Komar Dropbox by April 5.


During the last 10 minutes of class today, go to the below link and take the online quiz.  Remember to have your Classroom in a Book open to find the information.

Take the online test

Logo Due -- Next Exercise begin today...go on vacation on the web

The Logo Design, exercise 12, is due today, March 22. 

You may turn in their file to the Mr. Komar dropbox. I will not accept the exercise after today.

Now to get ready for Adobe Flash...

The new assignment is to use Safari and search the internet for at least 5 photos of a place you would like to visit. For example, students may go and looks for photos of New York city, or Switzerland or Monument Valley, Arizona. You must download 5 files to a folder called “my trip photos” on their computer. 

You will be using these images for their first Adobe Flash assignment I will present when we all return from Spring Break.

To save an image on the Mac, you must hover over the image with the mouse cursor, hold the Control key and click the mouse. Then you have the chance to “Save to As...” and they can save the image to a folder of their choice.

hagonee!

Q4 - Exercise 12 : Logo design, due this Friday, March 22

Today a client has called in to ask you to design a logo for their business.

You need to design a logo, a business card and letter head.

1.  You will watch a presentation on the overview of logo and logo design, which is found in the Mr. Komar Shared folder.

2.  Pick a business from below or think of your own (you could even do one for yourself as a graphic design company).

3.  On an 8.5" x 11" paper, you will then HAND DRAW 3 versions of the logo you imagine for the business.  I will not grade any of your work until I first grade the hand drawing.  Remember to put your name and grade number on the sheet.

4.  Use Adobe Ilustrator and the template found in the Mr. Komar Shared folder for creating a logo, a business card and a letter head.  There are 3 Artboards in the template to use.

You must hand draw everything.  No photos dragged in.

5.  Turn in the file as period#_lastname_firstname_12x

You are being graded on creativity, attention to detail, originality, and the other design concepts we reviewed when we worked on the Social Issue poster (exercise 10)

Due March 22, (this Friday)

25 points: Hand drawing

75 points: Adobe file

Potential Client List:  Choose one of the below companies, or come up with your own.

1.  Maine Spray Paint Company:  A company making specialty spray paints that are geared for the urban market (for self proclaimed street artists).

2.  Im Bored:  A surf board company out of Hermosa Beach, California.  They were started by a girl surfer who wants to make surf boards and equipment for the female market.

3.  Oro's Gym:  A gym that has a reclaimed building from the barrio in South Tucson and wants a logo they can use to grow the company.

4.  Badger Coffe House:  An alumni group wants to set up a professional coffee house just down the street from Tucson High School and want to use THS mascot for their shop.

5.  Tohono O'Odham Solar:  A start up company that wants to put solar panels on the tops of the big stores and malls in Tucson to help offset power usage, and save those companies money.

End of Q3

Gallery of student work for Exercise 10/11 (poster/prom poster)

Exercise 10 / 11 - Poster / Prom Poster

Gallery of Selected Works

Last Exercise #11 - Due March 13 (period 4) / 14 (periods 1,3,7)

For the LAST assignment of the quarter, please design a poster for the THMS Prom.  Even if you are not going to the prom (who cares, right?) even the graphic designer can help.  Besides, your design may end up on the THMS website for your teacher to use!

Friday, April 19th
7:30pm
Skyline Country Club
Theme: Bollywood

Come up with your own theme if you cannot find the theme of the prom -- maybe the prom committee will change their idea!

Here are the requirements:
1.  Adobe Illustrator or Indesign
2.  8.5" x 11" size
3.  At least 2 Fonts
4.  Some color, some creativity, some drawings
5.  The day, time, location, price per ticket and any other relevant information.

Turn in as period#_lastname_firstname_11x.ai (if Adobe Illustrator)

The assignment is worth 50 points (like the other big projects).

Remember -- you can make the poster EN ESPANOL if you want.

3D Drawing Sample and Suggestions

Class, check out what you can do with 3D drawings in Illustrator!  Your classmate made the above...

OK, so if your drawing is now "showing" the mapped art, then try making a drawing that is very simple -- as in a 1/2 circle or 1/2 box, and then rotate that.  Too many points makes for a tricky design to map.  

If you still do not see the image, change the stroke color to "none" and the fill color to the color you want for the line that makes the shape.  The instructions say to do a line color and no fill, but try it reversed.

The globe came from just making 1/2 of a circle.

Last day to take work for Quarter...see below

The last day you can submit work for Q3 is the following:

March 13 for period 4
March 14 for periods 1, 3 and 7

Remember that you lose points if you turn in assignments after the due date but at least you can get partial credit.

Exercise 10 -- Back to Adobe Illustrator with 3D drawing...Due March 8 (Friday)

Class,

So I heard the feedback about the Adobe InDesign exercises and I have decided to take us back to drawing in Adobe Illustrator for the remainder of the semester.  You all seem to get InDesign pretty well!

GO HERE
http://vector.tutsplus.com/tutorials/illustration/create-an-milk-bottle-with-a-funny-cow-label/

For exercise 10, I want you to try following the instructions on this website for producing a 3D Milk Bottle, with cow.

The online exercise has a funny cow hand drawn.  I decided that I liked my photoshop image of a cow that I put into Adobe Illustrator and did the ol' LIVE TRACE to and then used that to "wrap around" the bottle.

For extra credit you can make another 3D object.

Save as period#_lastname_firstname_10x.ai

Due March 8

Exercise 9 - Social Issue Poster

Class,

Due 3/1.

For the final Adobe InDesign project, you are to make your own "Social Issue Poster".  

HOWEVER, IF YOU WANT TO MAKE THE POSTER IN ADOBE ILLUSTRATOR YOU MAY.  IN FACT, I WOULD PREFER IT.

The Role of the Poster: The basic difference between the poster and other advertising media is that the poster speaks to the audience “on the move.” Newspaper ads, magazine ads, and mailing pieces such as folders brochures and booklets are designed for the reader who has time to stand or sit and read for a while.  On the other hand, the poster must capture the attention and get the message across in a matter of seconds. It must spark the reader to take the desired action through a brief message packed with punch or veiled in subtlety.

The Purpose of the Poster: While there are literally hundreds of uses for the poster, it will have only one of the four purposes:

(1.)       To announce an event.

(2.)       To promote a service.

(3.)       To sell a product.

(4.)       To develop an attitude.

The poster must be 12" wide x 18" high.

Must have some form of Graphics

No Photos Graphics must be original (if you need to use an Image from a Photo it must be traced out)

Must have two sizes of text (Text and Sub text)

Use Color

Think of the Elements of Design:

Line, Shape, Texture, Space, Size, Value, Color

Incorporate the Principles of Design:

Balance, Rhythm, Emphasis, Unity

Save it as period#_lastname_firstname_9x