Animation – week 6

Classroom

Tuesday

  1. Presentations: Espy, Vincent
  2. Work on Cognitive Drawing download pages 20, 21
  3. 12 Principles of Animation:  4. Straight Ahead and Pose to Pose
  4. In-class exercise – spider surprising person
  5. Work on storyboards

Thursday

  1. Presentations: Sam
  2. Work on Cognitive Drawing download pages 24, 25
  3. Do Lip Sync in-class exercise. 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)
  4. Work on storyboards

Assignment

  1. Work on storyboards
  1.  

Game Design – week 6

Classroom

  1. Presentations: Max, Ali, Ray, Sam
  2. Check out this article about some sports fans’ reaction to esports
  3. Show Concept Doc for Wildchord game. Starting with “non-digital game terms,” finish discussing Chapter 1: The Basics
  4. Show items ordered from the Gamecrafter website and discuss budgets, timelines, etc.
  5. Class time to work with your team on your game – the printed version of your game is due next week

Assignments

  • Textbook: read Chapter 2
  • Work on your game with your team – the final game is due next week

 

Web Design – week 6

Classroom

  1. Presentation: Angela
  2. Continue to discuss how Liz’s sample website was made in Bootstrap
  3. Talk about Chapter 4

Assignments

  1. Do B3 CSS Basics Bonus from Chapter 3 in book
Advanced

  1. Go over database assignment and talk about how PHP and MySQL code work and what they’re doing
  2. Show how code can be changed to work with a new database created in class.
  3. Create your own database in class
  4. Go over the following WordPress information:
    1. Dashboard
    2. Cleaning out pre-installed stuff
    3. Quick edits to posts
    4. Deleting posts, pages and widgets
    5. Updates
    6. WordPress Settings

Assignments

Beginning

    1. Do chapter 4 in book
    2. Make a Bootstrap website according to the video tutorial

Advanced

  1. Customize the code from the last assignment to interact with the database you created in class

Classroom

Beginning

  1. Demonstrate how  simple JavaScript works on our demo web page
  2. Begin looking at Bootstrap
  3. Take-home assignment – build a Bootstrap website along with the tutorials

Advanced

  1. Discuss these common WP mistakes and the 15 most common WP mistakes
  2. Go over the following WordPress information:
    1. Dashboard
    2. Cleaning out pre-installed stuff
    3. Quick edits to posts
    4. Deleting posts, pages and widgets
    5. Updates to WP
    6. WordPress Settings

Assignments

Beginning

  1. Download these files to work with the videos below. You will need to uncompress (unzip, extract) them, and then move them to your desktop. Next, create a new folder on your desktop and name it “my_bootstrap_site.” After that, copy the “images” folder from the files you just downloaded and paste it into the “my_bootstrap_site” folder you just created on your desktop. Now you can follow the video and assign the folder you made as the “Site” folder you point to in Dreamweaver, and use these images to build the website I built in the videos. Also,  at any time, feel free to open the finished web page, which is the “index.html” page in the “bootstrap3” folder you downloaded, to examine the code to see how it works. Below are two videos that explain how to make this boostrap site. Please watch them, build the site along with me and then use this knowledge to create your own bootstrap site. Each video is 45-50 minutes long, so you should plan on spending a couple of hours watching them.

Advanced

  1. Find some of the mistakes we discussed above, that are being made with your WP website, and correct them

After Effects – week 6

Classroom

Tuesday

  1. Presentations:  Sam
  2. Discuss Halloween Project. Show samples of vector art, pixel art, video, and audio that can be used and talk about how stories can be developed using mythology and other research (Wikipedia!)
  3. Discuss fables. Download the following files and begin work on Jungle Project in-class exercise. You will have time on Thursday to finish this project in class.

Thursday

  1. Presentations: Brackett
  2. Finish Jungle Project in-class exercise

Assignments

  1. Do and turn in chapter 5 in the book.
  2. Work on Project 2

Interactive Design – week 6

Classroom

  1. Presentation: Liz
  2. Look at first draft of animations for Project 1
  3. Assign new project: The Secret History of Halloween
    1. Do a project where you relate a story (real or imagined) about the Halloween holiday. Use any combination of text, video, music, audio, sound effects, animation, and images to create your project. Create a storyboard for your project for next week.
  4. Begin talking about Chapter 3

Assignments

  1. Do Chapter 4
  2. Do any final tweaks to your ads and turn them in
  3. Work on Halloween Project

Beginning

  1. Begin work on Self-promo tutorial.  Please note the image and video we are using are different than those in the tutorial. Download the video above and the still image to the right.

Advanced

  1. Look at Rodeo Project
  2. Begin work on this tutorial download these exercise files

Interactive Design – week 5

Classroom

  1. Presentation: Carlos
  2. Look at partial animations for Project 1
  3. Discuss Chapter 2
  4. Discuss Multimedia Formats & Funding Options:
    1. Presentation
    2. Web apps
    3. Mobile platforms, Mobile apps, Proprietary
    4. Crowdfunding: Kickstarter, IndieGoGo, Patreon (Jason Brubaker), TLC

Assignments

  1. Do Chapter 3
  2. Work on final animation for your ad
  1. Presentation by Botond – make comments in forum
  2. Discuss these aspects of sound

Beginning

  1. Look at first draft of Rodeo Project

Assignment

  1. Complete Rodeo project
  2. Do chapter 4 and turn your work in to your Google Drive folder

Advanced

  1. Look at first draft of Rodeo Project
  2. Download this video and discuss strategies for importing video and audio into projects, including ActionScript for stopping sounds

Assignment

  1. Complete  Rodeo project
  2. Do chapter 10 in the book and turn in your work to Google Drive

Basic Audio Production – week 5

Classroom

  1. Show control room layout of Dreamco control room and Auralex suggested soundproofing
  2. Discuss how soundproof panels are built
  3. Talk about Sound Effects, Foley. Note that, for the project, some sound effects may be taken from our sound fx library CDs
  4. Look at the book and continue to discuss Chapter 1- Here are my notes
  5. Work on Project 1 with your team

Assignments

  • Work on Project 1
  • Read Chapter 1 in the book and move on to Chapter 2

Web Design – week 5

Classroom

  1. Presentation: Sue
  2. If you are interested in helping someone create/maintain a neighborhood association website as a pro bono project, contact Faye at this e-mail address gfgoodspeed@q.com
  3. Check out this humorous article about how best to design websites
  4. Discuss the online CSS tutorial and Chapter 3 – CSS Basics
  5. Show how sample website was cut up and discuss how to optimize designs  for Bootstrap websites

Assignments

  1. Work on Chapter 4 in the book
Advanced

  1. Go over database assignment and talk about how PHP and MySQL code work and what they’re doing
  2. Show how code can be changed to work with a new database created in class.
  3. Create your own database in class
  4. Go over the following WordPress information:
    1. Dashboard
    2. Cleaning out pre-installed stuff
    3. Quick edits to posts
    4. Deleting posts, pages and widgets
    5. Updates
    6. WordPress Settings

Assignments

Beginning

    1. Do chapter 4 in book
    2. Make a Bootstrap website according to the video tutorial

Advanced

  1. Customize the code from the last assignment to interact with the database you created in class

Animation – week 5

Classroom

Tuesday

  1. Presentations: Josue, D’Andre
  2. Work on Cognitive Drawing download pages 15, 16, and 17
  3. 12 Principles of Animation: 3. Staging
  4. In-class exercise – staging at the circus – download this file

Thursday

  1. Presentations: Ed
  2. Work on Cognitive Drawing download pages 18, 19
  3. Introduction to Storyboard Pro
  4. Begin work on storyboards

Assignment

  1. Make sure you have a colored character and background, plot, and music/audio for your project
  2. Work on storyboards

After Effects – week 5

Classroom

Tuesday

  1. Adobe tutorials – start working on these tutorials. The videos are here. Download these files
  2. Work on Project 1

Thursday

  1. Presentations: Carlos
  2. Look at finished versions of Project 1
  3. Describe Project 2 – The Secret History of Halloween
    1. Do a project where you relate a story (real or imagined) about the Halloween holiday. It can be anywhere from 30 seconds to 2 minutes long. Use any combination of text, video, music, audio, sound effects, animation, and images to create your project. Due October 11th.
  4. Begin looking at chapter 4 together – finish it on your own

Assignments

  1. Do and turn in chapter 4 in the book.
  2. Work on Project 2

Animation – week 4

Classroom

Tuesday

  1. Presentation: Josue
  2. Work on Cognitive Drawing, download page 9
    pages 15 and 17
  3. 12 Principles of Animation: 2. Anticipation
  4. Do example animation for principle #2 – animate the “squash and stretch head” that uses anticipation
  5. Work on your backgrounds, character, and plot

Thursday

  1. Presentations: Nick
  2. Cool characters to check out (Disney Princesses as armored warriors)
  3. Work on Cognitive Drawing pages 11, 12, 13
  4. Look at coloring Wildchord background, before, after, color
  5. Adobe Audition tutorial.  For audio – download this file
  6. Point out Ben’s Sound website and Flashkit
    Demonstrate different ways to do a walk cycle, to create a “attitude walk,” including: adding “accoutrements” and changing the number of frames each pose is held (watch changing weight video)

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)
  2. Find some music and sound effects to use in your animation from some of the copyright-free websites I pointed out

 

Game Design – week 4

Classroom

  1. Presentations: Kobe, Max
  2. Take a look at  Vecteezy.com to use as a resource for game artwork
  3. Talk about creating a “mega-team” consisting of members of multiple teams – to advise on printed games
  4. Continue to discuss Chapter 1: The Basics
  5. Class time to work with your team on your game

Assignments

  • Textbook: look over Chapter 1
  • Work on your game with your team – a Paper Prototype is due next week

After Effects – week 4

Classroom

Tuesday

  1. Presentation – V. Aviles
  2. For ideas on using different angles in your presentations, look at these camera shots
  3. Adobe Audition tutorial.  For audio – download this file
  4. In-class time to work on Animated Text Project

Thursday

    1. Presentation – B. Bosse
    2. Do chapter 3  together
    3. Time to work on your project

Assignments

  1. Do and turn in chapter 3 in the book
  2.  Work on Animated Text Project, which is due next Thursday

Interactive Design – week 4

Classroom

    1. Look at ad mock ups you made. Make suggestions for changes
    2. Adobe Audition tutorial – download this file
    3. Look at Chapter 1
    4. Discuss Multimedia Formats & Funding Options:
      1. Presentation
      2. Web apps
      3. Mobile platforms, Mobile apps, Proprietary
      4. Crowdfunding: Kickstarter, IndieGoGo, Patreon (Jason Brubaker), TLC

Assignments

  • Make suggested changes to your mock ups and do partial animation
  • Turn in Chapter 1 to your Google Drive and work on Chapter 2

Beginning

  1. Look at final animations for ads
  2. Adobe Audition tutorial – download this file.
  3. Download this file and demo how to create a simple Motion Path
  4. Look at masks, importing music and/or sound fx, motion presets, ActionScript (download and work on this file)
  5. Assign Rodeo Project:
    1. Create an ActionScript 3 project that will be presented on a video kiosk in a mall. Make it an advertisement for a Rodeo-related product or service, such as: cowboy hats, rodeo clown makeup, pony rides, etc.
    2. Make your stage 960px wide x 600px high
    3. Use motion paths, motion tweens, music and/or sound effects
    4. Don’t forget a call to action

Assignment

  1. Work on Rodeo project
  2. Do Chapters 3 and turn your work in to your Google Drive folder

Advanced

  1. Look at final animations for ads
  2. Download this video and discuss strategies for importing video and audio into projects, including ActionScript for stopping sounds
  3. Assign Rodeo Project:
    1. Create an ActionScript 3 project that will be presented on a video kiosk in a mall. Make it an advertisement for a Rodeo-related product or service, such as: cowboy hats, rodeo clown makeup, pony rides, etc.
    2. Make your stage 960px wide x 600px high
    3. Use motion paths, motion tweens, music and/or sound effects
    4. Your project should have a “homepage” and three additional tabs (or buttons) users can click on to go to other “pages” of the ad. You should use video on one page and music on another.
    5. Don’t forget a call to action

Assignment

  1. Work on Rodeo project
  2. Do chapter 9 in the book and turn in your work to Google Drive

Web Design – week 4

Classroom

  1. Presentation: Daniel
  2. Demonstrate how DiffNow website works
  3. Look at any changes you made to Photoshop mockups of a homepage
  4. Finish building HTML page from scratch using DIVs
  5.  Look at Chapter 2 “B2 HTML Bonus” in the book

Assignments

  1. Do the first 4 pages of this online CSS tutorial
  2. Work on Chapter 3 in the book
Beginning

  1. Presentations: Trace, Francisco – post comments in forum
  2. Look at DiffNow website
  3. Move CSS from sample HTML page to stylesheet.
  4. Show how JavaScript works
  5. Introduce BootStrap

Advanced

  1. Look at websites (you should have started creating the pages from your site map)
  2. Discuss Top 20 Must-Have WordPress Plugins
  3. Create a db with MySQL DB Wizard, and create a table in the db with PHPMyAdmin, and edit the PHP code to interact with the new table (we’ll do this together in class)
  4. Go over the following information:
    1. Dashboard
    2. Cleaning out pre-installed stuff
    3. Quick edits to posts
    4. Deleting posts, pages and widgets
    5. Updates
    6. WordPress Setting

Assignments

Beginning

    1. Do chapter 3 in book
    2. Do the first 3 pages of this JavaScript tutorial

Advanced

  1. Make the suggested changes to pages in your website
  2. Download these files and do the assignment according to the Instructions page. FYI – here is an image of the table structure

Basic Audio Production – week 4

Classroom

  1. Discuss chapter 1 – Here are my notes for tonight
  2. Adobe Audition tutorial – download this file. (Note: you can use whatever audio software you want to do projects, but I want to make sure you at least know how to use Audition)
  3. Split into teams – make sure you have some video people on your team, unless you choose to be an audio only team
  4. Begin work on Project 1 with your team

Assignments

  • Buy the book – Modern Recording Techniques – and look at the information we discuss in Chapter 1
  • Work on Project 1

Game Design – week 3

Classroom

  • Presentation: Arturo
  • Look at team presentations for Assignment 2:  change the elements of an existing game to integrate a new aesthetic (the emotional response you have to playing a game)
  • Discuss Ludology and  Ludemes
  • Take a look at Ludum Dare, example game “Reverse” (note: Ludum Dare is Latin for “to give a game”)
  • Continue to discuss Chapter 1: The Basics
  • Explain Assignment 3: team project – create a board game using chance to make it solvable, and skill to make challenging. Example: Scrabble – the chance element is the letters you get and the skill is the words you spell. In two weeks, a paper prototype of your game is due, and in 3 weeks, a printed version is due
  • Take time in class to work on assignment with your team

Assignments

  • Textbook: download the textbook pdf from last week’s post and go over the stuff we talked about in chapter 1
  • Create a free account at Ludum Dare and check out the games
  • Work on Assignment 3 with your team

Web Design – week 3

Classroom

  1. Presentation: Liz
  2. Look at Photoshop mockups of a homepage
  3. Go over what DIVs are, then build an HTML page from scratch using DIVs
  4. Look at Chapter 2 together in the book

Assignments

    1. Do the Chapter 2 “B2 HTML Bonus” in the book
    2. Make suggested changes to your mockups and upload to Google Drive

Animation – week 3

Classroom

Tuesday

  1. Do Cognitive Drawing – first exercise – together. Download page  5 and 7
  2. Critique plot summaries and any character turnaround changes
  3. On your own time, check out the Artstation website
  4. Look at Adobe Color Wheel and Colourlovers websites, and associated features in Adobe products

Thursday

  1. Check out these cool character designs
  2. Discuss how 3D Printing has changed stop-motion animation
  3. Watch 12 Principles of Animation video: 1. Squash & Stretch
  4. Introduction to software: ToonBoom Harmony Advanced – do ball animation
  5. Work on backgrounds, plot summary, and characters

Assignment

  1. Color and turn in your final character turnarounds
  2. Make suggested changes to plot and turn it in
  3. Start working on a color palette for your background and make suggested changes to background

 

After Effects – week 3

Classroom

Tuesday

  1. Presentation: Gabe
  2. Go over how to use animation presets for text, which you can use on Project 1
  3. Begin looking at Chapter 2 together – finish it on your own

Thursday

  1. Presentation: Omar
  2. Watch 2 short videos for Shape Layers Overview
  3. Do shape layers/masks in-class exercise: create a project using animation shapes and masks (also discuss how to mask text)
  4. Work on Project 1 – animated text, which is due next Thursday

Assignments

  1. Do and turn in chapters 1 and 2 in the book
  2. On your own time, look at this post explaining frame rates
  3. Work on Project 1

Animation – Week 2

Classroom

Tuesday

  1. Look at schedule of when presentations/reports are due on forum page
  2. Look at turnaround characters assigned in previous class
  3. Take a look at these tips on character design
  4. Discuss these basic character body types (Lynda.com)
  5. Discuss character drawing issues
  6. Do a character drawing exercise (create four views of a character from scratch, using guide lines)

Assignment

  1. Work on updates to your character turnaround. The final character is due Thursday. Upload it to your Google Drive folder

Thursday

  1. Discuss the software we’ll be using (Harmony Advanced & Storyboard Pro), plus online resources (http://www.toonboom.com)
  2. Here’s where you can get the Harmony animation program for $9/month
  3. Critique final character turnarounds (for those who have made significant changes).
  4. Discuss plot-writing strategies for animated scene and how to use the 12 principles of animation to build your story
  5. Talk about backgrounds and look at this article
  6. Do background drawing exercise
  7. Watch this animation while you work

Assignments

  1. Upload final character turnaround file to Google Drive
  2. Write a short summary of the plot of your animated scene (a couple paragraphs) and turn it in on Tuesday
  3. Start sketching out a background for your scene

Instructor: Greg Loumeau