Animation – week 9

Tuesday

  1. Try to finish your storyboards this week so you can start animating your final project after spring break
  2. Cognitive Drawing: do pages 30 and 31
  3. How to use the camera in storyboard and animate
  4. 12 Principles of Animation: 7. Arcs
  5. Do Arc exercise – animate something to move in an arc, like an object being thrown or an animal leaping over something,  or use multiple arcs to animate  different parts of a character’s body
  6. Work on storyboards

Thursday

  1. How to use the camera in Animate and Storyboard Pro
  2. Cognitive Drawing: do page 32
  3. Begin work on a walk cycle animation using the walk cycle image
  4. Download ToonBoom file: walk-cycle
  5. Work on storyboards

Assignment

  1. Finish your storyboards

Interactive Design – week 9

Classroom

Monday

  1. Presentations: Liz, Daniel
  2. View latest ads – start thinking about the 500K version of your ad and what you will allow users to download that’s  even bigger
  3. Finish Lynda.com tutorial
  4. Work with your partner on your ads

Wednesday

  1. Look at collaborative ads
  2. Talk about 12 Things You Learned in Art School
  3. Discuss how JavaScript will work with the ads and the pages

Assignments

  • Beginning – do the next chapter in the book – turn in all work to your Google Drive folder
  • Work with your partner on your collaborative ad

Web Design – week 9

Classroom

  1. Presentation: Anthony, Marlene

Beginning 

  1. Note: you can’t do the lesson (chapter 5) that uses Adobe Extract on Pima computers. You can skip it, if you want. It’s not critically important.
  2. First half-hour – look at student WordPress sites
  3. Remainder of class:  the Top 20 Must-Have WordPress Plugins
  4. Go over my personal favorite plugins: NextGen Gallery, Contact Form 7, Akismet, Broken Link Checker, Elementor, Login Lockdown, One-click Child Theme, Wordfence

Advanced

  1. I will work with you one-to-one on the following:
    1. Show how includes can be used as footers and sidebars

Assignments

Beginning

  1. Do chapter 6 in the book – upload work they have you do in the book if they have you complete a project (if they’re just demoing something, you don’t have to upload anything)
  2. Work on your WordPress site

Advanced

  1. Work on your WordPress site
  2. Create some PHP includes for your site
 

After Effects – week 9

Classroom

Tuesday

  1. Presentation: James
  2. Look at wire frames, mock ups, animatics, and first drafts for Portfolio Project.
  3. Finish up this tutorial as a class
  4. Work on Portfolio Project and book chapters

Thursday

  1. Presentation: Lucius
  2. Look at wire frames, mock ups, animatics, first drafts, and second drafts for Portfolio Project.
  3. Tutorial 1: rotoscoping
  4. Tutorial 2: 3D text
  5. Work on Portfolio Project and book chapters

Assignments

  1. Do Chapter 8 for this week and upload to Google Drive
  2. Work on Portfolio Project. Here are all the steps we’ll do:
    1. Wireframe
    2. Mockup
    3. Animatic
    4. First Draft
    5. Second Draft
    6. Final

Game Design – week 9

Classroom

Tuesday

Thursday

  • Talk about recent game testing, what to do when team members let you down, being tactful with evaluations
  • Presentation: Tyler Gomez
  • Article: A Woman’s Board Game About Birds Takes Off
  • Article: Queering Dungeons & Dragons
  • Review the first part of chapter two
  • Discuss these game design concepts:
    • ludology – the study of game rules and mechanisms
    • narratology – the study of player story lines and experiences
    • Marc LeBlanc wrote the game design book “Eight Kinds of Fun,” which are:
      • sensation
      • fantasy
      • narrative
      • challenge
      • fellowship
      • discovery
      • expression
      • submission
  • Talk about deadline for current game  finish the games and send them to Gamecrafters by end of March)
  • Your next project can be done solo or in a small team

Assignments

  • Look at the next section in the textbook
  • Work on your game with your team – prepare to have it manufactured at Gamecrafters

Game Design – week 8

Classroom

Tuesday

  • Presentations:  Chelsea
  • Check out this article about toxicity in the video game industry
  • Prep for quiz with this study guide
  • Determine a date for the next round of play testing
  • Work with team on game – have a plan for no shows on testing day
  • Check out these pics of this cool old game I spotted at the Tucson Toy Expo

 

Thursday

Assignments

  • Look at the next section in the textbook
  • Work on your game with your team – prepare for play testing next Tuesday

After Effects – week 8

Classroom

Tuesday

  1. Presentation: Jonathan
  2. Look at mock ups for Portfolio Project. Next stage: create an animatic for Thursday
  3. Continue to work on this tutorial as a class
  4. Here’s the example of the portfolio reel I showed in class
  5. Work on Portfolio Project and book chapters

Thursday

  1. Discuss grades
  2. Interested in a TV job? Contact Sam at sam.vanbibber@kgun9.com
  3. Look at wire frames, mock ups, and animatics for Portfolio Project.
  4. Continue to work on this tutorial as a class
  5. Work on Portfolio Project and book chapters

Assignments

  1. Do Chapter 7 for this week and upload to Google Drive
  2. Work on Portfolio Project. Here are the steps so far:
    1. Wireframe
    2. Mockup
    3. Animatic
    4. First Draft

Web design – week 8

Classroom

  1. Presentation: Anthony
  2. Check in with everyone about grades

Beginning 

  1. First hour – discuss WordPress for 1/2 hour, spend 1/2 hour on HTML & CSS
    1. From book: HTML Basics and What’s New in HTML5
    2. CSS Basics: CSS Box Model
  2. Second hour of class:  Either work on your WordPress website or the book lessons. Next week we’re going to look at everyone’s WordPress sites and see how they are progressing

Advanced

  1. Talk about you’ve done to your website and discuss the next steps
  2. We will working on the following:
    1. Define PHP includes
    2. Show how includes can be used as footers, headers and sidebars

Assignments

Beginning

  1. Do chapter 5 in the book – upload work they have you do in the book if they have you complete a project (if they’re just demoing something, you don’t have to upload anything)
  2. Work on your WordPress site

Advanced

  1. Work on your WordPress site
  2. Create some PHP includes for your site
 

Interactive Design – week 8

Classroom

Monday

  1. Presentation: Aspen
  2. Check in with everyone about grades
  3. View latest mock up of ads – assign next step
  4. Continue work on Lynda.com tutorial
  5. Work with your partner on your ads

Wednesday

  1. Look at next step for collaborative ads
  2. Continue work on Lynda tutorial

Assignments

  • Beginning – do the next chapter in the book – turn in all work to your Google Drive folder
  • Work with your partner on your collaborative ad

Animation – week 8

Tuesday

  1. Cognitive Drawing: view page 26, draw page 27
  2.  12 Principles of Animation: 6. Slow In and Slow Out
  3. Do Slow-in, Slow-out class exercise
  4. Work on storyboards

Thursday

  1. Presentation:  Latiece, Rebekah
  2. Discuss grades
  3. Cognitive Drawing: view page 28, draw page 29
  4. Download this audio file and download this thumbnail and save them both on your desktop (Note: here’s a video on how to do lip syncing)
  5. Work on storyboards

Assignment

  1. Work on your storyboards

Animation – week 7

Tuesday

  1. There is a meeting at 3:00pm Thursday, outside this classroom for the Nogales Video Project. If you want to go, but can’t attend, contact Tim at (520) 414-9978
  2. Frostiana Project: summary, video 1video 2
  3. Presentation: Liz, Jafeth, Jose
  4. Watch How “Spider-Man Into the Spider-verse” Was Animated
  5. Work on Cognitive Drawing download pages 20, 21
  6.  
  7. Work on storyboards

Thursday

  1. Presentation: Aleah
  2. Article every Oscar-winning animation short, ranked
  3. Look at this article about how animation does a good job of communicating feelings
  4. Watch this short film about the history of animation
  5. Work on Cognitive Drawing download pages 24, 25
  6. 12 Principles of Animation:  5. Follow-Through and Overlapping Action
  7.  In-class exercise – animate hair on a character as a class, using the pose-to-pose animation technique and show follow-through and overlapping action. Examples of stereotypical male hair and female hair
  8. Note: we’ll do the Lip Sync in-class exercise next week. Download this audio file and download this thumbnail and save them both on your desktop (Note: here’s a video on how to do lip syncing)
  9. Work on storyboards

Assignment

  1. Work on your storyboards

After Effects – week 7

Classroom

Tuesday

  1. There is a meeting at 3:00pm Thursday, outside this classroom for the Nogales Video Project. If you want to go, but can’t attend, contact Tim at (520) 414-9978
  2. Presentation: Rene
  3. Look at some examples of student cinemagraphs
  4. What’s the difference between a wireframe, mock up, and prototype?
  5. Discuss new project: Portfolio Presentation
    1. Create an After Effects portfolio of either your work or something that interests you (it can be photos, illustrations, graphics, film, music, etc.)
    2. Use all your After Effects superpowers (video, audio, animation, etc.)
    3. Make the dimensions of the presentation any size you like. Make it last between 1 and 2 minutes (approximately)
    4. Start by creating a simple wireframe of what your presentation will look like. Here are some online examples. Have it ready for the next class
  6. Download and extract the files for this tutorial and do it as a class
  7. Work on project

Thursday

  1. Presentation: Josue
  2. Look at wireframes for project. The next step is to create a Photoshop mock up of your project. Have that ready for the next class
  3. Continue working on UFO tutorial from Tuesday
  4. We’ll do the tutorials below next week:
    1. Tutorial 1: rotoscoping
    2. Tutorial 2: 3D text
  5. Work on project

Assignments

  1. Do Chapter 6 for this week and upload to Google Drive
  2. Create a wireframe of the next project and share it with the class this Thursday

Web Design – week 7

Classroom

  1. Presentation: Daniel
  2. Remember Liz’s presentation last week? Check out this article
  3. Advanced – work on your WP websites for the first hour of class, then we’ll work on databases
  4. Beginning – discuss WordPress – continue general tour, discuss HTML & CSS and what the book lessons are for

Beginning 

  1. Download and work on these files
  2. Second hour of class: start bringing elements of your Photoshop mockup into your WordPress site (logo, colors, images, etc.)

Advanced

  1. Talk about you’ve done to your website and discuss the next steps
  2. We will working on the stuff below:
    1. Creating a db with MySQL DB Wizard
    2. Creating a table in their db with PHPMyAdmin
    3. Edit PHP code to interact with the new table
    4. Here is an image of the table structure

Assignments

Beginning

  1. Do chapter 4 in the book – upload work they have you do in the book if they have you complete a project (if they’re just demoing something, you don’t have to upload anything)
  2. Continue to apply the design concepts from your mock ups to your WordPress site

Advanced

  1. Make suggested changes to website
 

Game Design – week 7

Classroom

Tuesday

Thursday

  • Presentation: Wade
  • Prep for quiz with this study guide
  • Note: please don’t worry about when the quiz is happening. I will let you know and give you time to study for it.
  • Discuss changes to be made to games from evaluation feedback

Assignments

  • Look at the next section in the textbook

Web Design – week 6

Classroom

  1. Presentation: Liz
  2. Advanced – work on database assignment
  3. Beginning – discuss WordPress – general tour

Beginning 

  1. Look at first section of the book

Advanced

  1. Talk about you’ve done to your website and discuss the next steps
  2. Discuss the second 5 pages of the PHP Tutorial
  3. We will start working on the stuff below:
    1. Creating a db with MySQL DB Wizard
    2. Creating a table in their db with PHPMyAdmin
    3. Edit PHP code to interact with the new table
    4. Here is an image of the table structure
    5. I will give you the files you need to do the assignment according to the Instructions page

Assignments

Beginning

  1. Do chapter 3 in the book – upload work they have you do in the book if they have you complete a project (if they’re just demoing something, you don’t have to upload anything)
  2. Start figuring out how to apply the design concepts from your mock ups to your WordPress site

Advanced

  1. Make suggested changes to website
  2. Do PHP database assignment
 

After Effects – week 6

Classroom

Tuesday

  1. Field trip – art gallery
  2. Look at examples of cinemagraphs
  3. Do a cinemagraph as a class, using the tutorial below (the video of water being poured into the cup is no longer available, so we will  download and use this video file instead)
  4. In-class exercise: now download a video from a site such as videezy.com and make your own cinemagraph
  5. Work on book chapters

Thursday

  1. No Class – Rodeo Vacation

Assignments

  1. Do Chapter 5 for this week and upload to Google Drive

Interactive Design – week 6

Classroom

Monday

  1. Presentation: Ryan
  2. View final ads
  3. Work on Lynda.com tutorial
  4. Discuss new project: Collaborative Ads
    1. Team project: work with at least one other person in the class. You are a small design firm. I am your client. You get to pick what business I’m in, or what service I provide (car mechanic, retail shop, poster gallery, etc.).
    2. Design two HTML 5 ads that will go on a website. Link them thematically. One ad will be 300x250px, the other 728x90px
    3. We’ll discuss how to do “polite loading” in the future. For now, make sure you create an extra image of your ad that is 40k, or smaller, to use as a “pre-loader” or “initial” image
    4. Use the ad specs of the HTML 5 standard unit on this page:
      • Rectangle gif, jpg, png, swf
      • 300×250, 728×90
      • File Size:
        • Initial- 40k
        • Secondary- Polite Download: 500k User-initiated: 2MB
      • Audio/Video: Yes
      • 3rd Party 1×1: No
      • Controls:
        • Audio: Must be user-initiated on click and include a “Mute” button
        • Video: May be user-initiated or auto-play; if auto-play video cannot exceed 30 seconds
        • Video: Must include “Play” and “Stop” buttons
    5. Have concepts for both ads on Wednesday

Wednesday

  1. Look at concepts for collaborative ads
  2. Work on Lynda tutorial
  3. Download these files to do the tutorial

Assignments

  • Beginning – do the next chapter in the book – turn in all work to your Google Drive folder
  • Work on collaborative ad

Game Design – week 6

Classroom

Tuesday

Thursday

  • No class – Rodeo Vacation

Assignments

  • Work on getting your game to the next stage with your team
  • Look at the next section in the textbook

Web Design – week 5

Classroom

  1. Any website mock ups we haven’t seen yet?
  2. Discuss WordPress – general tour
  3. Show class how to FTP into site

Beginning 

  1. Discuss latest  HTML tutorial
  2. Look at first section of the book

Advanced

  1. Talk about you’ve done to your website and discuss the next steps
  2. Discuss the first 5 pages of the PHP Tutorial

Assignments

Beginning

  1. Do chapter 2 in the book
  2. Start figuring out how to apply the design concepts from your mock ups to your WordPress site

Advanced

  1. Make suggested changes to website
  2. Do next 5 pages of PHP Tutorial
 

Animation – week 5

Tuesday

  1. Cool animation
  2. Work on Cognitive Drawing, download pages 15, 16, and 17
  3. 12 Principles of Animation:  3. Staging
  4. Do example animation for principle #3 – “The Prisoner’s Dilemma”
  5. Finish coloring your background and character. If you’re done with that, let me know and I’ll show you how to start on storyboards

Thursday

  1. Adobe Audition tutorial.  For audio – download this file
  2. Look at Ben’s Sound website and Flashkit
  3. Introduction to Storyboard Pro – start your storyboards

Assignment

  1. Pick a color palette at one of the websites I showed you last week or design your own color palette and color your background(s) and character
  2. Find some music and sound effects to use in your animation from some of the copyright-free websites I pointed out
  3. Start working on your storyboards

After Effects – week 5

Classroom

Tuesday

  1. Look at any remaining Project 1 files
  2. Discuss grades for 1st assignment
  3. Look at some of the shape layer exercises people did (any they care to share)
  4. In-class exercise – Frostiana
    1. Animate the lyrics of one of these Robert Frost poems

Thursday

  1. View in-class Robert Frost exercises
  2. Work on book chapters

Assignments

  1. Do Chapter 4 for this week and upload to Google Drive

Interactive Design – week 5

Classroom

Monday

  1. Discuss options for interactivity:
    1. Buttons
    2. Audio
    3. Video
  2. Work on finishing up ads up for Wednesday
  3. Discuss what you found out about placing ads on websites

Wednesday

  1. Look at final drafts of ads
  2. Discuss specs for placing ads
  3. Use this time to finish up ads for Monday

Assignments

  • Do the next chapter in the book – turn in all work to your Google Drive folder
  • Finish up your targeted ads 

Game Design – week 5

Classroom

Tuesday

Thursday

Assignments

  • Work on getting your game to the next stage with your team
  • Look at the next section in the textbook

Instructor: Greg Loumeau