Digital Interactive 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

4th 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 - January 17 - January 20

     

  • Week 2 - January 23 - January 27

    This week you will continue to learn the basics of Adobe Flash.

     

    You will find in the assignments folder a PDF file titled Fl-Ch4.pdf. You will work through this chapter completing the instructions. You will also find a folder titled: 04Start. In this folder you will find the start documents for this chapter.

     

    In this lesson, you will learn the following:

    • Animate the position, scale, and rotation of objects
    • Adjust the pacing and timing of your animation
    • Animate transparency and special effects
    • Change the path of an object’s motion
    • Create animation inside symbols
    • Split a motion tween
    • Change the easing of an object’s motion
    • Animate in 3D space

     

    This lesson will take approximately 2 hours to complete. Copy the 04Start folder to your documents folder to work. Add your LastnameF in front of the file name they tell you to name.

     

    You will find in the assignments folder a PDF file titled Fl-Ch5.pdf. You will work through this chapter completing the instructions. You will also find a folder titled: 05Start. In this folder you will find the start documents for this chapter.

     

    In this lesson, you will learn the following:

    • Use the Motion Editor to refine and create complex animation
    • Understand when to use the Motion Editor
    • Change the Motion Editor view
    • Edit a property curve
    • Copy and paste a property curve
    • Use eases to create more realistic motion
    • Add different eases to different property curves
    • Modify an ease
    • Remove an ease
    • Understand the difference between a property curve and an ease curve
    • See how an ease curve affects the animation

     

    This lesson will take approximately 1 hour to complete. Copy the 05Start folder to your documents folder to work. Add your LastnameF in front of the file name they tell you to name.

     

    Both chapters need to be completed by Friday, January 27th. Turn in any documents you create to the TurnIn folder. REMEMBER to add your LastnameF in front of the file name they tell you to name.

  • Week 3 - January 30 - February 3

    You will find in the assignments folder a PDF file titled Fl-Ch6.pdf. You will work through this chapter completing the instructions. You will also find a folder titled: 06Start. In this folder you will find the start documents for this chapter.

     

    In this lesson, you will learn the following:

    • Animate shapes with shape tweens
    • Use shape hints to refine shape tweens
    • Shape tween gradient fills
    • View onion skin outlines
    • Apply easing to shape tweens
    • Create and use masks
    • Understand mask limitations
    • Animate the Mask and Masked layers

     

    This lesson will take approximately 2 1/2 hours to complete. Copy the 06Start folder to your documents folder to work. Add your LastnameF in front of the file name they tell you to name.

     

    This chapter needs to be completed by Friday, February 3rd. Turn in any documents you create to the TurnIn folder. REMEMBER to add your LastnameF in front of the file name they tell you to name.

  • Week 4 - February 6 - February 10

    How to Create a Character Animation in Flash

     

    You will watch a series of 6 videos that will step you through the process to create a character animation in Flash. Six videos can be found in the class assignments folder, work through them in order. titled You will also find in the assignments folder a reference file titled sky_background.jpg.

     

    Note: Remember to add your Lastname First Initial to the filename when told to name the file.

     

    Video 1: Set the Stage for your animation.

    In this first video, you will get acquainted with the FLA document type and prepare our Stage surface for the lessons to follow by setting the project width, height, background color, and FPS.

     

    Video 2: Create the scene for our character.

    Create the background and foreground for our animated project using the built-in drawing and image import tools. Import a photograph of the sky, create some grass, and draw a cloud using the Oval Primitive tool.

     

    Video 3:  Let’s draw Sad Potato.

    In this lesson, we’ll use symbols and the project library as we create the character. We’ll see how to draw out the character’s body, legs, and face and work with these elements across Timeline layers.

     

    Video 4: Animate the character.

    This lesson shows how to create a looping animated sequence that makes our character walk. In doing so, we’ll see how to modify our Graphic symbol and use Frames and Motion Tweens to create the animation.

     

    Video 5: Fine-tune the character’s movement.

    This lesson ties it all together by animating elements of our scene across time and controlling our character’s movement from one side of the stage to the other while animating other properties such as size and position along a Motion Path.

     

    Video 6: Export the project for the web, iPad, and more.

    In this final lesson, we demonstrate how to publish our project for Flash Player, HTML Canvas, and as a self-contained video for distribution across virtually any device.

     

    Files to Turn In Friday, February 10th:

    • LastNameF_complete.fla
    • LastNameF_complete.swf
    • LastNameF_canvas.fla
    • LastNameF_canvas.html
    • LastNameF_canvas.js
    • LastNameF_canvas.mov

     

  • Week 5 - February 13 - February 17

    More Flash -- Creating a Frame - by -Frame Animated Stick Figure

     

    Complete the following tutorial to complete a simple frame-by-frame animation. Name your file: LastnameF_stick figure.

    Due Tuesday, February 14th.

     

     

    Project: The Music Video- Sound in Flash - (adapted from here)

    Overview: Students will be using their newfound Flash skills to create a 30 second animation based upon a lyrical song of their choice.

     

    Getting Started: Create a folder on your network space called "LastnameF_music_video". All of the files that you create for this project should be saved to this folder.

     

    Video Tutorials to use incorporating Sound into your Music Video: Importing and Editing Sound in Flash.

     

    Getting Your Music: You will need an mp3 file of the music you would like to use. No inappropriate lyrics ... this means no profanity, no violence, no sexual innuendos.

     

    PLACING YOUR MUSIC INTO AN ANIMATION:

    1. Rename your Layer 1 as “MUSIC.” Because your music clip is at least 30 seconds long, you probably need about 35 seconds of frames in which to fit your recording. Go out to FRAME 400 and insert a KEYFRAME.
    2. Go back to Frame 1 of your MUSIC layer, hit F11 to open your Library, click on your RECORDING and drag it to your stage. Your song now fills in the MUSIC layer. You can trim the leading or the trailing edge of your music as you need (see the Importing Sound Video Tutorial for instructions on how to do this...).

     

    RULES FOR THE MUSIC VIDEO PROJECT:

    • Your video must be 30 seconds long (at least 360 frames in length.)
    • In addition, your song MUST HAVE LYRICS.
    • Your song MUST NOT CONTAIN ANY INAPPROPRIATE LANGUAGE!

    You will complete your animation using:

    • Imported Graphics
    • Text
    • Movie Clips (either photographic or Flash created)
    • Motion Guides
    • DO NOT USE any Shape Tweening!

    Your video MUST CONTAIN the following:

    • Animated content that matches and displays the THEME of your music.
    • Small text on the lower right corner for the first 5 or so seconds of your video that lists that Song name, Artist and album. (Much like they do in real music videos!)
    • At least 15 different graphics, each on its own layer.
    • At least 3 different Movie Clips.
    • At least two different Motion Guides.
    • Incorporation of the song’s lyrics into the animation of the video.
    • This is to be a fairly complex project, taking up 3-4 class periods worth of time. If you complete this assignment in 15 minutes, you are not working hard enough and will receive a very poor grade.

    THE PART OF THE ASSIGNMENT THAT EVERYONE ALWAYS FORGETS!: Small text on the lower right corner for the first 5 or so seconds of your video that lists that Song name, Artist and album. (Much like they do in real music videos!)

    SAMPLES OF MUSIC VIDEOS FROM YEARS GONE BY: Bear in mind, the rules for this project has changed over the years, plus not all of these videos are necessarily the best ever, they are just samples:

     

    Sample Video One: the music gets out of sync on this video, that happens sometimes with Flash.

    Sample Video Two

    Sample Video Three

    Sample Video Four

     

    PROJECT SUBMISSION to the TurnIn folder:

     

    LastnameF_music_video.fla

     

    This assignment, will be graded based upon the adherence to the RULES listed above.

     

     

  • Week 5 - February 20 - February 24

    DUE FRIDAY! This is the last assignment for the 6 weeks and grades close on Friday, February 24th.

     

    Project: The Music Video- Sound in Flash - (adapted from here)

    Overview: Students will be using their newfound Flash skills to create a 30 second animation based upon a lyrical song of their choice.

     

    Getting Started: Create a folder on your network space called "LastnameF_music_video". All of the files that you create for this project should be saved to this folder.

     

    Video Tutorials to use incorporating Sound into your Music Video: Importing and Editing Sound in Flash.

     

    Getting Your Music: You will need an mp3 file of the music you would like to use. No inappropriate lyrics ... this means no profanity, no violence, no sexual innuendos.

     

     

    Download your music (mp3) file from Youtube here --- Youtubemp3.to.

     

    PLACING YOUR MUSIC INTO AN ANIMATION:

    1. Rename your Layer 1 as “MUSIC.” Because your music clip is at least 30 seconds long, you probably need about 35 seconds of frames in which to fit your recording. Go out to FRAME 400 and insert a KEYFRAME.
    2. Go back to Frame 1 of your MUSIC layer, hit F11 to open your Library, click on your RECORDING and drag it to your stage. Your song now fills in the MUSIC layer. You can trim the leading or the trailing edge of your music as you need (see the Importing Sound Video Tutorial for instructions on how to do this...).

     

    RULES FOR THE MUSIC VIDEO PROJECT:

    • Your video must be 30 seconds long (at least 360 frames in length.)
    • In addition, your song MUST HAVE LYRICS.
    • Your song MUST NOT CONTAIN ANY INAPPROPRIATE LANGUAGE!

    You will complete your animation using:

    • Imported Graphics
    • Text
    • Movie Clips (either photographic or Flash created)
    • Motion Guides
    • DO NOT USE any Shape Tweening!

    Your video MUST CONTAIN the following:

    • Animated content that matches and displays the THEME of your music.
    • Small text on the lower right corner for the first 5 or so seconds of your video that lists that Song name, Artist and album. (Much like they do in real music videos!)
    • At least 15 different graphics, each on its own layer.
    • At least 3 different Movie Clips.
    • At least two different Motion Guides.
    • Incorporation of the song’s lyrics into the animation of the video.
    • This is to be a fairly complex project, taking up 3-4 class periods worth of time. If you complete this assignment in 15 minutes, you are not working hard enough and will receive a very poor grade.

    THE PART OF THE ASSIGNMENT THAT EVERYONE ALWAYS FORGETS!: Small text on the lower right corner for the first 5 or so seconds of your video that lists that Song name, Artist and album. (Much like they do in real music videos!)

    SAMPLES OF MUSIC VIDEOS FROM YEARS GONE BY: Bear in mind, the rules for this project has changed over the years, plus not all of these videos are necessarily the best ever, they are just samples:

     

    Sample Video One: the music gets out of sync on this video, that happens sometimes with Flash.

    Sample Video Two

    Sample Video Three

    Sample Video Four

     

    PROJECT SUBMISSION to the TurnIn folder:

     

    LastnameF_music_video.fla

     

    This assignment, will be graded based upon the adherence to the RULES listed above.

LATEST TWEETS

RECENT WORK

 

Adapted from a template provided by freemusetemplates.net