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

5th 6 Weeks

6th 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 - February 27 - March 3

    Drag and drop interfaces can be used for creating a multitude of games or applications including quizzes, jigsaw puzzles and iPod Touch-style navigation.

     

    In this tutorial you will create a drag and drop 'Mr Potato Head' game. This is very simple in Flash, with only a few lines of Actionscript code.

     

    Check out the finished product in the assignments folder so you can see what we are trying to achieve.

    Content on this page requires a newer version of Adobe Flash Player.

    Get Adobe Flash player

    • Open Flash and create a new Flash File (Actionscript 3.0).
    • Draw a face shape that is about half the size of the stage and place it towards the left hand side.
    • Create a new layer and draw a pair of eyes on the right hand side of the stage.

     

     

    • Select the eyes by using the Selection Tool (shortcut V) and dragging a selection box around the eyes. Convert the eyes to a symbol by right clicking (ctrl-click on a Mac) and selecting Convert to Symbol, ensuring the type is set to MovieClip.
    • Select the eyes on the stage and in the Properties Panel set the instance name to eyes1. (NOTE: instance names are case sensitive)

     

     

    Next we will add some code to create the drag and drop functionality for the eyes.

     

    • Insert a new layer and select frame 1. Open the Actions Panel (Windows - Actions or F9). Ensure that Script Assist is switched off (press the Script Assist button).
    • In the Actions Panel type the following line of code:

     

     

    This line of Actionscript adds an event listener to the eyes1 object. An event listener is something that listens out for a specific event occuring. In this case we've told it to listen for a mouse button being pressed down (MouseEvent.MOUSE_DOWN). This line also tells Flash what it should do when it detects this event - it needs to run a function called pickup, which is the next bit of code we will write.

     

    • Amend your code as follows, adding the pickup function.

     

    This function allows the eyes1 object to be dragged around the screen. You can try this out by testing your movie (Control - Test Movie or ctrl-enter).

     

    The next step will add the ability to drop the object when the mouse button is released.

     

    Next we will add the ability to drop the eyes1 object when the mouse button is released. To do this you need another event listener that detects the mouse button being released, and another function that stops the object being dragged.

     

    • Amend your code to match that shown below.

     

     

    • Now when you test your movie you should be able to drag and drop the eyes1 object.

     

    One thing that bugs me about this is that the mouse pointer remains as an arrow when it moves over the eyes1 object. It would be better if there was some kind of indication that the mouse pointer was over a draggable object. To do this we will tell the eyes1 object to behave like a button and cause the mouse pointer to change to a pointing finger.

     

    • Add the following line of code at the end of the existing code to make the eyes1 object act like a button.

    eyes1.buttonMode=true;

     

    Next we will look at extending the game to include more draggable objects.

     

    • Adding more drag and drop objects is quite simple. Just draw an object - another set of eyes, a mouth, a nose or something else and convert it to a movieclip symbol, remembering to give it a unique instance name in the Properties Panel.
    • Next create another set of event listeners for the new object. For example, I have made a nose and added additional event listeners for it. There is no need to create any further functions, as the functions we already created will work with the new objects too.

     

     

    1. Your final drag and drop game should have at least 3 sets of eyes, 3 noses and 3 mouths.
    2. Name your file LastnameF_DragDrop.fla
    3. Publish your file as a SWF (File --> Publish) and test your SWF file to ensure that it works properly BEFORE turning it in.
    4. Turn in both the FLA and SWF files to the TurnIn folder.
    5. DUE by the end of class on Friday, March 3rd. (Friday is an early release, classes are shorter.)

     

    REMEMBER: The instance name in the Properties panel needs to match the name

    in the ActionScript code exactly!

     

  • Week 2 - March 6 - March 10

    Jumpman - Flash Game Tutorial

     

    Jumpman is a simple game made with Adobe Flash. This tutorial is designed as an introduction to games programming with Adobe Flash. The tutorials can be used with Flash CS3 or newer versions that use Actionscript 3.

     

    Click

    HERE

     

    to access instructions. You can either follow the written or the video instructions.

     

     

     

    NOTE: When you have completed the 4th step in the game you will notice your scoring disappears. To fix this do the following:

     

    1.  Select the "health_txt" dynamic text box.

    2.  In the Properties Panel click on the Embed button.

    3.  Click the All check box to a check mark under Character Ranges.

    4.  Click OK.

    5.  Repeat these steps for the other two dynamic text boxes.

    6.  Test your game again!

     

  • Week 3 - March 20 - March 24

    Learning more Adobe Flash Professional - now called Animate CC if you are using at home! :-)

     

    Below there are many basic tutorials for you to complete. These tutorials will assist you in learning the basic skills to be able to create a flash animation. As you progress through each tutorial, you will begin to learn different complex skills. Please take your time and make sure you follow each of the steps properly, otherwise your animation may end up not working.

     

    MAKE A CHARACTER WITH EYES THAT SHIFT LEFT & RIGHT TO TRACK THE MOUSE - name your file LastnameF_Eyes.fla, you will turn in both the FLA and SWF files.

     

    Turn this file when you have finished following all of the instructions.

     

    You will now work on these instead:

     

    Drawing, Animating and Scripting an Interactive Character in Flash --- you will skip to Step 3 for this video since you already know how to draw.

     

    Click here to download your starter file. Add LastnameF initial to filename BEFORE turning it in. You will need to turn in both the FLA and SWF files.

     

     

    How to Move Dog Eyes Animation with Mouse - you will need to draw your dog first, you can create your own dog, but pay attention to all the parts that are needed so you can animate them following the instructions in the video

     

     

     

     

     

     

  • Week 4 - March 27 - March 31

    Drawing, Animating and Scripting an Interactive Character in Flash --- you will skip to Step 3 for this video since you already know how to draw.

     

    Remember to turn in both the FLA and SWF files.

    DUE TUESDAY, MARCH 28TH

     

    Click here to download your starter file. Add LastnameF initial to filename BEFORE turning it in. You will need to turn in both the FLA and SWF files.

     

     

    How to Move Dog Eyes Animation with Mouse - you will need to draw your dog first, you can create your own dog, but pay attention to all the parts that are needed so you can animate them following the instructions in the video

     

     

    Name your file: LastnameF_Dog.

     

    Remember to turn in both the FLA and SWF files.

     

    DUE FRIDAY, MARCH 31ST

  • Week 5 - April 3 - April 7

    Adobe Premiere Pro - video editing software

     

    Due Thursday, April 13th

     

    You will download the folder you will be working with. Add your LastnameF to the beginning of the folder, you will be turning in the folder when you have completed the 6 steps.

     

    Try basic video editing techniques -

    Go from raw footage to finished video using Adobe Premiere Pro.

     

    What you'll need  GET FILESGET FILES - Sample files to practice with (ZIP)

     

     

    Videos can be found in the Assignments folder -  use the file you create in Step 1 for each step.

     

    Step 1. Understand the workspace

    Get familiar with the tools and how to navigate among the workspace panels. Import video from your computer and create your initial sequence.

     

    Step 2. Start with the basics

    See how to trim and rearrange clips in the Timeline, bring in audio, and add transitions.

     

    Step 3. Add titles and graphics

    Create onscreen titles in Premiere Pro or Adobe Photoshop CC, and even stylize and animate your graphics.

     

    Step 4. Expand your editing skills

    Learn shortcuts for cutting, moving, and stretching clips in the Timeline. Easily apply special effects, and adjust color using the Lumetri Color panel.

     

    Step 5. Work with audio

    Polish your soundtrack by adding transitions, adjusting levels, and using customizable audio effects or convenient presets.

     

    Step 6. Export your completed video

    Choose from an array of standard video formats, select the image to represent your video, and easily publish to Vimeo, YouTube, and more. You can also use the Adobe Media Encoder queue, which lets you continue to work in Premiere Pro as your video encodes in the background.

     

     

     

  • Week 6 - April 10 - April 13

    Adobe Premiere Pro - video editing software

     

    Due Thursday, April 13th

     

    You will download the folder you will be working with. Add your LastnameF to the beginning of the folder, you will be turning in the folder when you have completed the 6 steps.

     

    Try basic video editing techniques -

    Go from raw footage to finished video using Adobe Premiere Pro.

     

    What you'll need  GET FILESGET FILES - Sample files to practice with (ZIP)

     

     

    Videos can be found in the Assignments folder -  use the file you create in Step 1 for each step.

     

    Step 1. Understand the workspace

    Get familiar with the tools and how to navigate among the workspace panels. Import video from your computer and create your initial sequence.

     

    Step 2. Start with the basics

    See how to trim and rearrange clips in the Timeline, bring in audio, and add transitions.

     

    Step 3. Add titles and graphics

    Create onscreen titles in Premiere Pro or Adobe Photoshop CC, and even stylize and animate your graphics.

     

    Step 4. Expand your editing skills

    Learn shortcuts for cutting, moving, and stretching clips in the Timeline. Easily apply special effects, and adjust color using the Lumetri Color panel.

     

    Step 5. Work with audio

    Polish your soundtrack by adding transitions, adjusting levels, and using customizable audio effects or convenient presets.

     

    Step 6. Export your completed video

    Choose from an array of standard video formats, select the image to represent your video, and easily publish to Vimeo, YouTube, and more. You can also use the Adobe Media Encoder queue, which lets you continue to work in Premiere Pro as your video encodes in the background.

     

  • 1st 6 weeks - April 17th - April 21st

    First Assignment for 6th 6 weeks:

    Using the skills you have learned in Adobe Premiere Pro create you own version of the music video for Imagine Dragons’ new hit song “Believer.”  Video assets, including the song, can be found in the assignments folder.

     

    1. Copy of the Making the Cut folder to your documents folder before beginning to work.
    2. Create a new project file titles --- LastnameF_Believer.
    3. Edit the provided video clips (your choice) to the song.
    4. Export your video as a QuickTime movie.
    5. Turn your project in by using the Project Manager - https://helpx.adobe.com/premiere-pro/using/copy-consolidate-transcode-archive-project.html

     

    Need help? Look here for tips --- https://helpx.adobe.com/premiere-pro/tutorials.html

     

    Due Thursday, April 27th.

  • 2nd 6 weeks - April 24th - April 27th (short week)

    Continue working on "Believer" music video

    Using the skills you have learned in Adobe Premiere Pro create you own version of the music video for Imagine Dragons’ new hit song “Believer.”  Video assets, including the song, can be found in the assignments folder.

     

    1. Copy of the Making the Cut folder to your documents folder before beginning to work.
    2. Create a new project file titles --- LastnameF_Believer.
    3. Edit the provided video clips (your choice) to the song.
    4. Export your video as a QuickTime movie.
    5. Turn your project in by using the Project Manager - https://helpx.adobe.com/premiere-pro/using/copy-consolidate-transcode-archive-project.html

     

    Need help? Look here for tips --- https://helpx.adobe.com/premiere-pro/tutorials.html

     

    Due Thursday, April 27th.

  • 3rd 6 weeks - May 1st - May 5th

    Movie Trailer; Genre Change or Spoof Project

     

    Due - Friday, May 12th

     

    What is a movie trailer?

    Coming soon….How to Make the Perfect Movie Trailer

    http://www.theguardian.com/film/2012/jun/16/how-to-make-a-movie-trailer

    Top 10 Elements of a Good Movie Trailer

    http://www.squidoo.com/goodmovietrailer

    The Art of First Impressions: How to Cut a Movie Trailer

    http://filmmakermagazine.com/37093-first-impressions/#.U2KkXfldWSo

     

    Task:

    • Create a movie trailer for an existing movie switching the genre (example: Mary Poppins Horror Movie or Indiana Jones Comedy) OR create a Spoof Movie Trailer.
    • Access and save videos from the following site: https://www.youtube.com/user/movieclips

     

    Here are the directions on how to save them to your computer:

     

    Step 1:  Find the video you want to save, copy the video URL (Right-click → Copy Video URL)

    Step 2: Go to https://www.onlinevideoconverter.com/

    Step 3: Click on Convert a Video Link/URL

    Step 4: Pick your desired output. (Click on Format → .mpg)

    Step 5: Click Start to convert the video.

    Step 6: Click the Download button to download the video. (Ignore the page that opens while it is downloading, you can close this page.)

     

    The videos will default to saving in the Downloads folder.

    1. Make a folder in your folder and name it Movie Trailer.

    2. Move the video clips you downloaded from the Downloads folder to your Movie Trailer folder.

    3. You will use Adobe Premiere Pro to create and edit the trailer.

    4. Your movie trailer must include the following:

    a. Reference the title and date of release

    b. Utilize subtitles

    c. Music to set the tone (Search for music, and sound FX to add. Remember this is a new arrangement of clips, from previous trailers and it should tell a story much different than the first.)

    d. Narration

    e. Effects

    5. In addition, it must be 2 minutes in length and include effects and transitions.

     

     

    You will be graded on the following criteria:

     

    • Reference the title and date of release
    • Utilize subtitles
    • Music to set the tone (Search for music, and sound FX to add. Remember this is a new arrangement of clips, from previous trailers and it should tell a story much different than the first.)
    • Narration
    • Effects
    • 2 minutes in length and include effects and transitions

     

     

    Export as MOV, change name to Movie Trailer first, last initial, and turn into the TurnIn folder.

    EXAMPLES

    TRAILER 1

    TRAILER 2

     

     

     

  • 4th 6 weeks - May 8th - May 12th

    Movie Trailer; Genre Change or Spoof Project

     

    Due - Monday, May 15th

     

    What is a movie trailer?

    Coming soon….How to Make the Perfect Movie Trailer

    http://www.theguardian.com/film/2012/jun/16/how-to-make-a-movie-trailer

    Top 10 Elements of a Good Movie Trailer

    http://www.squidoo.com/goodmovietrailer

    The Art of First Impressions: How to Cut a Movie Trailer

    http://filmmakermagazine.com/37093-first-impressions/#.U2KkXfldWSo

     

    Task:

    • Create a movie trailer for an existing movie switching the genre (example: Mary Poppins Horror Movie or Indiana Jones Comedy) OR create a Spoof Movie Trailer.
    • Access and save videos from the following site: https://www.youtube.com/user/movieclips

     

    Here are the directions on how to save them to your computer:

     

    Step 1:  Find the video you want to save, copy the video URL (Right-click → Copy Video URL)

    Step 2: Go to https://www.onlinevideoconverter.com/

    Step 3: Click on Convert a Video Link/URL

    Step 4: Pick your desired output. (Click on Format → .mpg)

    Step 5: Click Start to convert the video.

    Step 6: Click the Download button to download the video. (Ignore the page that opens while it is downloading, you can close this page.)

     

    The videos will default to saving in the Downloads folder.

    1. Make a folder in your folder and name it Movie Trailer.

    2. Move the video clips you downloaded from the Downloads folder to your Movie Trailer folder.

    3. You will use Adobe Premiere Pro to create and edit the trailer.

    4. Your movie trailer must include the following:

    a. Reference the title and date of release

    b. Utilize subtitles

    c. Music to set the tone (Search for music, and sound FX to add. Remember this is a new arrangement of clips, from previous trailers and it should tell a story much different than the first.)

    d. Narration

    e. Effects

    5. In addition, it must be 2 minutes in length and include effects and transitions.

     

     

    You will be graded on the following criteria:

     

    • Reference the title and date of release
    • Utilize subtitles
    • Music to set the tone (Search for music, and sound FX to add. Remember this is a new arrangement of clips, from previous trailers and it should tell a story much different than the first.)
    • Narration
    • Effects
    • 2 minutes in length and include effects and transitions

     

    Export as MOV, change name to Movie Trailer first, last initial, and turn into the TurnIn folder.

    Also, turn in to the TurnIn folder using the Project Manager (File--> Project Manager).

    EXAMPLES

    TRAILER 1

    TRAILER 2

     

     

     

  • 5th 6 weeks - May 15th - May 19th

    Movie Trailer; Genre Change or Spoof Project

     

    Due - Monday, May 15th

    You will be graded on the following criteria:

     

    • Reference the title and date of release
    • Utilize subtitles
    • Music to set the tone (Search for music, and sound FX to add. Remember this is a new arrangement of clips, from previous trailers and it should tell a story much different than the first.)
    • Narration
    • Effects
    • 2 minutes in length and include effects and transitions

     

    • Export as MOV, change name to Movie Trailer first, last initial, and turn into the TurnIn folder.
    • Also, turn in to the TurnIn folder using the Project Manager (File--> Project Manager).

     

    Movie Poster Assignment - Based on your movie trailer due Friday, May 19th

    You will now create a movie poster for the movie trailer you have created, be sure to consider the genre you have used and incorporate it into your poster.

    Assemble your movie poster in Photoshop creating an 11" x 17" 300 dpi document named LastnameF_MoviePoster.

    SIZE: Print size 11 x 17, 300 dpi Resolution

    COLOR: Full color (watch when printing out, as all colors will print darker  than what you see on the screen.)

    SOFTWARE: Must be created solely in Photoshop.

    RESTRICTIONS: No art filters on images (accept those used to enhance the quality of the image, like film grain). No vector style artwork. Minimum of 6 different images must me used

    NOTE: You will turn in your file electronically and print a copy and hang on the white board.

  • 6th 6 weeks - May 22nd - May 26th

    Verify your grades BEFORE starting the Final Exam!

     

    Digital Media Final Exam

    Spring 2017

     

    Create a Commercial Advertising Summer Fun in San Antonio

     

    Required Elements:

     

    1. Exactly 30 seconds
    2. Music should be playing
    3. Titling should be used throughout (Title → New Title → Default Still)
    4. At least 10 assets/clips of things to do in San Antonio
    5. Cite your sources (create a title like you would see on a music video in the corner)  on the images and give yourself credit at the end on the commercial.
    6. You will export your movie as an .mov file. (QuickTime)

     

     

    Things to remember:

    • Be creative
    • Use readable font
    • Check your spelling
    • When you create your project name it: LastnameF-San Antonio Commercial
    • Turn in your project using the Project Manager (File → Project Manager), the folder should be named: LastnameF-San Antonio Commercial
    • Turn in your project as a .mov -- named LastnameF-San Antonio Commercial
    • Review the grading rubric for this assignment BEFORE you begin and again BEFORE you turn in your assignment.

     

    IF I CAN’T SEE IT, I CAN’T GRADE IT!

     

    If it is not turned in correctly I may not be able to check for all of the required elements.

     

     

LATEST TWEETS

RECENT WORK

Adapted from a template provided by freemusetemplates.net