Category Archives: Interactive Design

Interactive Design – week 14

Classroom

Tuesday

  1. Presentations
  2. Look at work that’s been done on team projects
  3. Discuss Project 4: Idea Pitch
    1. Come up with an idea for a new product or service that you believe you can sell. It can be related to an existing product, but with a new twist. For example, a baseball cap that folds out into a raincoat, or a set of molded plastic pieces  that snap onto your tennis shoes to make them look like expensive office shoes
    2. Devise an advertisement for the product or service
    3. Pitch your idea to the class. We will give you feedback on the product and planned advertisement. The criterion for judging the success of the ad is if we, as individuals, would buy it (we’ll be acting like a focus group). You may have to make some tweaks to your idea before we say we will buy it. Once the class is sold on your idea, create the ad. Remember to use the selling points that convinced the class to purchase it
  4. Work on Project 3: Team Project

Thursday

  1. Presentations
  2. Project 3 due – look at and comment
  3. Work on Project 4

Assignments

  • Do the next chapter in the book, upload your work to the Google Drive
  • Finish Project 3: Team Project and start work on Project 4

 

Interactive Design – week 10

Classroom

Tuesday

  1. Presentations
  2. Look at remaining Anticipation animations, plus games and level 2 storyboards
  3. New project: Project 3 team project to make two related internet ads. Explain project and show student demos

Thursday

  1. Presentations
  2. Discuss your ideas for the team project (collaborative ad)
  3. Look at the ad specs of the HTML 5 standard unit on this page
  4. Work on Lynda tutorial
  5. Download these files to do the tutorial

Assignments

  • Do the next chapter in the book and upload your work to the Google Drive
  • Work on Project 3: Team Project

 

Interactive Design – week 8

Classroom

Tuesday

  1. Presentations
  2. Grades
  3. Look at Anticipation animations
  4. Work one-to-one with each student on artwork for Project 2 – game project

Thursday

  1. Continue to work one-to-one on Project 2 until it’s done
  2. Watch video 4 in 12 principles: 4. Straight Ahead and Pose to Pose
  3. Work on book chapters

Assignments

  • Do the next chapter in the book and upload your work to the Google Drive
  • Finish up project 2 – game design art

 

Interactive Design – week 7

Classroom

Tuesday

  1. Watch 12 Principles of Animation video: 2. Anticipation
  2. Do an animation exercise -anticipation using these files
  3. Work independently with each student on artwork for Project 2 – game project.
  4. Work on Project 2

Thursday

  1. Finish “Anticipation” animated ad = Fall to winter, and upload to your Google Drive folder
  2. Continue to work one-to-one on Project 2
  3. Check out Bannersnack
  4. HTML 5 banner ad examples
  5. Article about creating banner ads
  6. Work on project 2, book chapters

Discussion Topics (we will talk about these if we have time)

  1. Check out Bannersnack
  2. HTML 5 banner ad examples
  3. Article about creating banner ads
  4. 50 tips for designing the perfect web banner ad
  5. Discuss Multimedia Formats & Funding Options (we may discuss these topics next week, if we run out of time today)
    A. Web apps
    B. Mobile platforms, Mobile apps, Proprietary
    C. Crowdfunding: Kickstarter, IndieGoGo, Patreon (Jason Brubaker), TLC

Assignments

  • Do the next chapter in the book and upload your work to the Google Drive
  • Work on project 2 – game design art

 

Interactive Design – week 6

Classroom

Tuesday

  1. Student show
  2. Look at any finished targeted ad mock ups
  3. Watch 12 Principles of Animation video: 1, Squash & Stretch
  4. Do a squash and stretch ad exercise – selling something to do with one of the balls. Use motion path and orient to path. Download the file here
  5. Demonstrate animation presets
  6. Look at artwork for Project 2 – game project. Talk about how to make a movie clip animation to make your character move their arms
  7. Work on Project 2

Thursday

  1. Demonstrate how to swap out backgrounds and characters in the game file
  2. Check out Bannersnack
  3. HTML 5 banner ad examples
  4. Article about creating banner ads
  5. Work on project 2, book chapters

Discussion Topics (we will talk about these if we have time)

  1. Check out Bannersnack
  2. HTML 5 banner ad examples
  3. Article about creating banner ads
  4. 50 tips for designing the perfect web banner ad
  5. Discuss Multimedia Formats & Funding Options (we may discuss these topics next week, if we run out of time today)
    A. Web apps
    B. Mobile platforms, Mobile apps, Proprietary
    C. Crowdfunding: Kickstarter, IndieGoGo, Patreon (Jason Brubaker), TLC

Assignments

  • Do the next chapter in the book and upload your work to the Google Drive
  • Work on project 2 – game design art

 

Interactive Design – week 5

Classroom

Tuesday

  1. Look at any finished targeted ad mock ups, people who are not done yet can still have time to finish these
  2. Watch 12 Principles of Animation video: 3. Staging
  3. Do a staging exercise, using circus files which you download here
  4. Talk about creating art for game design project (Project 2). Demo how to make art to size and how to swap it out, how to make backgrounds, and how to test the game
  5. Work on project 2

Thursday

  1. Look at any remaining targeted ads
  2. Look at Presentation
  3. Demo how to work on backgrounds in Project 2 (game design)
  4. Work on project 2, book chapters

Discussion Topics (we will talk about these if we have time)

  1. Presentation
  2. Check out Bannersnack
  3. HTML 5 banner ad examples
  4. Article about creating banner ads
  5. 50 tips for designing the perfect web banner ad
  6. Discuss Multimedia Formats & Funding Options (we may discuss these topics next week, if we run out of time today)
    A. Web apps
    B. Mobile platforms, Mobile apps, Proprietary
    C. Crowdfunding: Kickstarter, IndieGoGo, Patreon (Jason Brubaker), TLC

Assignments

  • Do Chapter 4 in the book for Thursday and upload your work to the Google Drive
  • Work on project 2 – game design art

 

Interactive Design – week 4

Classroom

Tuesday

  1. Let’s look at your latest targeted ad mockups and demo how we can  animate them
  2. Do Audition tutorial. For visuals – download this file. For audio – download this file
  3. Talk about discussion topics below, when there’s time
  4. Work on your animated ads

Thursday

  1. Look at the mockups and make suggestions for changes
  2. Answer any questions about Chapter 3
  3. Work on your ads

Discussion Topics (we will talk about these if we have time)

  1. Presentation
  2. Check out Bannersnack
  3. HTML 5 banner ad examples
  4. Article about creating banner ads
  5. 50 tips for designing the perfect web banner ad
  6. Discuss Multimedia Formats & Funding Options (we may discuss these topics next week, if we run out of time today)
    A. Web apps
    B. Mobile platforms, Mobile apps, Proprietary
    C. Crowdfunding: Kickstarter, IndieGoGo, Patreon (Jason Brubaker), TLC

Assignments

  • Do Chapter3 in the book for Thursday and upload your work to the Google Drive
  • Work on targeted ad

 

Interactive Design – week 3

Classroom

Tuesday

  1. Discuss targeted ad mockups, which should now be in more of a storyboard format, showing what will happen with the animations
  2. Share class presentation schedule
  3. Do a new (slower) demo of how to use Adobe Animate
    1. Timeline video
    2. What is Animate?
    3. Create a Motion Tween – download this file
  4. Start converting your projects into animations
  5. Check out Bannersnack
  6. HTML 5 banner ad examples
  7. Article about creating banner ads
  8. 50 tips for designing the perfect web banner ad

Thursday

  1. Look at the mockups, which should now have some limited animation. Make suggestions for the next steps
  2. Learn how to create animated handwriting. Download lipstick
  3. Do paint tube animation. Download paint and tree
  4. Answer any questions about Chapter 2

Discussion (we’ll be talking about these topics over the next few weeks)

  1. Presentation
  2. Discuss Multimedia Formats & Funding Options (we may discuss these topics next week, if we run out of time today)
    A. Web apps
    B. Mobile platforms, Mobile apps, Proprietary
    C. Crowdfunding: Kickstarter, IndieGoGo, Patreon (Jason Brubaker), TLC

Assignments

  • Do Chapter 2 in the book for Thursday and upload your work to the Google Drive
  • Work on targeted ad we discussed in class

 

Interactive Design – week 2

Classroom

Tuesday

  1. Look at targeted ad mockups
  2. Work on Chapter 1

Thursday

  1. Look at changes made to targeted ad mockups
  2. Take a brief tour of Adobe Animate, reference Chapter 1
  3. Check out Bannersnack
  4. HTML 5 banner ad examples
  5. Article about creating banner ads
  6. 50 tips for designing the perfect web banner ad

Discussion (we’ll be talking about these topics over the next few weeks)

  1. Presentation
  2. Discuss Multimedia Formats & Funding Options (we may discuss these topics next week, if we run out of time today)
    A. Web apps
    B. Mobile platforms, Mobile apps, Proprietary
    C. Crowdfunding: Kickstarter, IndieGoGo, Patreon (Jason Brubaker), TLC

Assignments

  • Buy the book, read the introductory pages and do the first chapter – turn in any work to your Google Drive folder by Thursday
  • Work on targeted ad we discussed in class – make some changes to it for Thursday

 

    1.  

Lecture

Lecture video

Interactive Design – week 1

Classroom

Thursday

  1. Introductions
  2. Syllabus
  3. D2L – grading 1000 pts total, 800 pts for assignments (200 each month for 4 months) 150 pts for textbook assignments, 50 pts for presentation. The test in D2L will be about when you turned in your work. The day it’s due or before is an “A,” the next day is a “B,” and so on. Google Drive will record the days you upload your assignments.
  4. Make a Google Drive folder called “gam101 your name” and share it with me: my e-mail address is gjloumeau@pima.edu
  5. Discuss presentations
  6. Cintiqs and pen checkout process
  7. How to Get an Adobe ID
  8. Sign photo release forms
  9. Discuss computer commons on second floor
  10. Discuss targeted ads:
    1. How targeted ads work
    2. Targeted Ads – definition
    3. Targeting Your Ads – Google
    4. Wired article about targeted ads

Assignments

  • Buy the book, read the introductory pages and do the first chapter – turn in any work to your Google Drive folder
  • Work on a Photoshop mock up of a targeted ad, like the kind we discussed in class