After Effects

After Effects – week 5

Classroom

Monday

  1. Flying saucer tutorial
  2. How to animate a mask in After Effects – demonstrate
  3. Project 1 is due Wednesday
  4. Work on Project 1 and book chapters

Wednesday

  1. Project 1 due – look at projects
  2. Adobe tutorials – finish working on these tutorials. The videos are here. Download these files
  3. Work on assignment and book chapters

Assignment

  • Finsih Project 1 – 30 seconds long, animate a quote, song lyric or saying, add music. You may also add video and other extras if you like. – due a week from today
  • Work on the next chapter in the textbook and turn in your work to the Google Drive folder
Basic Audio Production

Basic Audio Production – week 5

Classroom

  1. Check in and let us know where you are with Project 1
  2. Discuss this article
  3. Here’s a new article to check out
  4.  Use Korg portable PA to demonstrate:
    1. Proximity effect
    2. On and off axis with a mic – talk about Uma’s mic
  5. Mic shock mount
  6. Discuss how to pick a microphone  (mic frequency response)
  7. Reverb examples
  8. Talk about mic transient response
  9. Bring in home-made acoustic panel
  10. Work on Project 1 with your team – due next week

Assignments

  • Work with your team on your commercial (Project 1) which is due in one week
Interactive Design

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. Talk about a discussion topic below
  3. Work on project 2

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

 

Web Design

Web Design – week 5

Classroom

Beginning

  1. Show an example of how to:
    1. Pick a theme that resembles a student mock up
    2. Cut up images  and paste text into WordPress
    3. Make custom adjustments to the site
  2. If there’s time: discuss the online HTML tutorials
  3. Look at any student sites where progress has been made

Advanced

  1. If there’s time, discuss the online PHP tutorials and  how PHP works
  2. Talk about the  database assignment. We will working on the stuff below:
    1. Creating a db with MySQL DB Wizard
    2. Creating a table in the 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 e-mail you the files you will need to do this assignment
    6. You will need to ftp  your final files to the “db2/your name” folder in the dreamco.org directory. You can see a working example of the files on the web here

Assignments

Beginning

  1. Do the next five pages of beginning HTML tutorial. Start here
  2. Find a theme that suits your mock up and put your image and text content into WordPress

Advanced

  1. Do the next five pages of this beginning PHP tutorial. Start here
  2. Start putting your text and image content into WordPress
  3. Work on database assignment

 

 
Game Design

Game Design – week 5

Classroom

  1. Continue to discuss Chapter 1: The Basics in textbook (Challenges). Start with “Approaches to game design?” Here are my notes
  2. Share class presentation schedule
  3. Check out this article
  4. Check in to see where teams are on their games. Your game is due next Thursday (Sept. 26th). All files should be uploaded and proofed on the gamecrafter website.
  5. Time to work with team on board game

Assignments

  • Continue to read chapter 1 in textbook (Challenges link above)
  • Work on your board game as a team
Web Design

Web Design – week 4

Classroom

  1. Discuss the online HTML tutorials and the basics of HTML
  2. Look at how to cut up your web design home page mockups and demo how to bring that info into WordPress. I’ll show you an example in class, using a student’s mockup
  3. Work on getting your mockups cut up and into WordPress

Advanced

  1. Discuss the online PHP tutorials and  how PHP works
  2. Talk about the .php include assignment I gave last week
  3. Talk about the new database assignment. We will working on the stuff below:
    1. Creating a db with MySQL DB Wizard
    2. Creating a table in the 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 e-mail you the files you will need to do this assignment
    6. You will need to ftp  your final files to the “db2/your name” folder in the dreamco.org directory. You can see a working example of the files on the web here

Assignments

Beginning

  1. Do the next five pages of beginning HTML tutorial. Start here
  2. Start putting your image content into WordPress

Advanced

  1. Do the next five pages of this beginning PHP tutorial. Start here
  2. Start putting your image content into WordPress
  3. Work on database assignment

 

 
Game Design

Game Design – week 4

Classroom

  1. Continue to discuss Chapter 1: The Basics in textbook (Challenges). Start with “Where do game ideas come from?” Here are my notes
  2. Share class presentation schedule
  3. Demo board games on which I worked, bring in game component boxes
  4. Show examples of file for laser cutting figures
  5. Check in with the teams to see where people are with creating their games. Your deadline for completing your game is in 2 weeks, on Sept. 26th.
  6. Time to work with team on board game

Assignments

  • Continue to read chapter 1 in textbook (Challenges link above)
  • Work on your board game as a team
Interactive Design

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

 

Animation

Animation – week 4

Classroom

Monday

  1. Cognitive drawing exercise
  2. Do Adobe Audition tutorial – download this file
  3. Look at squash and stretch heads people have animated (you may save your files as .fla files to upload to Google Drive)
  4. Share class presentation schedule
  5. Demo  creating a walk cycle using this image

Wednesday

  1. Cognitive drawing exercise
  2. Watch 12 Principles of Animation video: 2. Anticipation
  3. Do an anticipation exercise in Adobe Animate – animate a character anticipating an action
  4. Work on creating a walk cycle for your character

Assignment

  1. Do a walk cycle with your character, use this image as a guide

 

 

After Effects

After Effects – week 4

Classroom

Monday

  1. Share presentation schedule
  2. How to animate a mask in After Effects
  3. Please take a look at this article about  frame rates
  4. Do Audition tutorial. For visuals – download this file. For audio – download this file.
  5. Discuss deadline for Project 1
  6. Work on assignments and book chapters

Wednesday

  1. Adobe tutorials – start working on these tutorials. The videos are here. Download these files
  2. Work on assignment and book chapters

Assignment

  • Work on Project 1 – 30 seconds long, animate a quote, song lyric or saying., add music. You may also add video and other extras if you like. – due a week from today
  • Work on the next chapter in the textbook and turn in your work to the Google Drive folder
Basic Audio Production

Basic Audio Production – week 4

Classroom

  1. Check in and let us know where you are with Project 1
  2. Discuss Neal Young article
  3. Demo microphones and accessories:
    1. Dynamic (moving coil, most common type of mic) – Shure SM58 – affordable (as low as $100) for loud sounds (used for vocals, loud instruments), can take a beating (used on tour a lot). Shure SM57 – used for instruments (snare drums, guitar amps, etc.) Talk about the way the mic is constructed
    2. Condenser – Neumann – expensive ($750 – tens of thousands) – used in-studio for vocals, cymbals, acoustic guitars, and high-end recording. Talk about the way the mic is constructed
    3. Mic stands (standup and desk), pop screen
    4. XLR (noise cancelling – balanced – can be very long) vs. TRS (tip-ring-sleeve, guitar, instrument, unbalanced, 1/4″ – can be noisy – should be short) 
  4. Lavalier  – clip-on mics used for interviews
  5. Discuss wind screens (dead cat), boom poles
  6. Microphone polar patterns
  7. Do Adobe Audition tutorial – download this file
  8. Work on Project 1 with your team

Assignments

  • Work with your team on your commercial (Project 1) which is due in two weeks
  • Read this article, so we can discuss it next week
After Effects

After Effects – week 3

Classroom

Wednesday

  1. Go over chapter 1, if people have questions
  2. Show how to render movie falls from book lessons
  3. Share presentation schedule
  4. Talk briefly about  frame rates
  5.  Watch shape layer video, download the files to work with
  6. Do in-class exercise with shapes – syncronize shape movement with music from http://www.bensound.com
  7. Work on assignments – consider incorporating shapes into. your assignments

Assignment

  • Work on Project 1 – 30 seconds long, animate a quote, song lyric or saying., add music. You may also add video and other extras if you like
  • Work on the next chapter in the textbook and turn in your work to the Google Drive folder
Animation

Animation – week 3

Classroom

Wednesday

  1. Talk about history of animation: Pixar
  2. Look at changes to character turnarounds
  3. Watch 12 Principles of Animation video: 1. Squash and Stretch
  4. Do a squash and stretch exercise in Adobe Animate – first with a ball, then with a character’s head, as if they are walking
  5. Cognitive drawing
  6. Talk about tweening animation vs. frame by frame animation and demonstrate
  7. Share class presentation schedule – end of class

Assignment

  1. Do an animation where your character’s head is squashing and stretching, as it would during a walk cycle. Use this image as a guide to how it will squash and stretch (it will squash at the lowest point in the walk cycle, and stretch at the highest point

 

 

Basic Audio Production

Basic Audio Production – week 3

Classroom

  1. Discuss your outlines for Project 1 (commercial project) and talk about the different ways you can record audio (cell phones, on location, DAW) and the different type of audio (dialogue – ADR – automated dialogue replacement, scores, sound effects)
  2. Discuss Neal Young article
  3. Brief lecture about audio (recording studios)
    1. I’ve got a recording studio in my pocket!
    2. Professional recording studios
    3. DIY recording studios
  4. Notes about music
  5. Share presentation schedule – end of class

Assignments

  • Take a look at the Notes I posted above regarding chapter 1 (specifically, what we discussed in class)
  • Work with your team on your commercial (Project 1)
Web Design

Web Design – week 3

Classroom

  1. Discuss and demonstrate what we’ll be doing on WordPress.com and on the Siteground websites with the 2016 theme
    1. On WordPress.com – use whatever theme and plugins you want. Use this website to experiment and learn what you can do with WordPress. This is where you can make a great-looking website
    2. On Siteground – use only 2016 theme. This site is being used as a learning tool, and it will probably never look as good as your website on WordPress.com, because it’s a very bare-bones theme, but you can do more stuff on this website because it has fewer restrictions than WordPress.com
    3. You can use the same content (text, images) on both websites, or different content (this will result in two different sites). It is up to you, but you’ll get more out of using different content for each site
  2. Dina Snow looking for web design help. Contact her at AztecaDesign.com
  3. Share class presentation schedule
  4. Check out this cool web font
  5. Look at website mockups

Advanced

  1. Demonstrate how PHP works
  2. Show how to do a .php include

Assignments

Beginning

  1. Do first five pages of this beginning HTML tutorial.
  2. Turn your website mockups into visual assets by cutting up the images, and cutting and pasting the text into  a text file
  3. As best you can, start figuring out how to get this content into WordPress (I’ll show you an example in class, using a student’s mockup)

Advanced

  1. Do the first five pages of this beginning PHP tutorial
  2. Turn your website mockups into visual assets by cutting up the images, and cutting and pasting the text into  a text file
  3. As best you can, start figuring out how to get this content into WordPress
  4. Make a webpage that uses a .php include (you can make this in Dreamweaver, if you like)

 

 
Interactive Design

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

 

Game Design

Game Design – week 3

Classroom

  1. Game Design Teams:
    1. Nexsun
    2. Delvers
    3. Summoners Rift
    4. Team Titan
  2. Dynamics, Mechanics, Aesthetics definitions. Here are my notes
  3. Continue to discuss Chapter 1: The Basics in textbook (Challenges)
  4. Make a schedule for completing games by the end of the month
  5. Point out supplies that can be used for mocking up games
  6. Time to work with team on board game

Assignments

  • Continue to read chapter 1 in textbook (Challenges link above)
  • Work on your board game as a team
Game Design

Game Design – week 2

Classroom

  1. Discuss student game concepts: what is the name of your team? How did communications go this week? Does it make sense to have a team captain? If so, who will it be?
  2. Dynamics, Mechanics, Aesthetics definitions. Here are my notes
  3. Take a look at a sample Game Design Document
  4. The Pima game club is called the Game Development Guild and their e-mail address is gamdevguild@gmail.com. They meet in this classroom. Contact them for meeting times
  5. Download and read Chapter 1: The Basics in textbook (Challenges). We’ll discuss it next week
  6. Time to work with team on board game

Assignments

  • Read chapter 1 in textbook (Challenges link above)
  • Work on your board game as a team
  • Check out this article
  • And read this article
Interactive Design

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

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 
Web Design

Web Design – Week 2

Classroom

    1. Attendance, introductions and review syllabus
    2. Go over Adobe login
    3. Discuss presentations
    4. Create a Google Drive folder called “DAR256 your name” or “DAR257 your name” and share with me (gjloumeau@pima.edu).

Beginning

Resources for you to check out when you have time

Assignments

Beginning & Advanced

    1. Create a website on wordpress.com
    2. Make a Photoshop mockup of. a website homepage

 

 
Basic Audio Production

Basic Audio Production – Week 2

Classroom

  1. Introductions, discuss syllabus
  2. Create a folder in Google Drive and share it with me
  3. Talk about Adobe login
  4. Discuss presentations
  5. We need a note taker in the class. You can make $120 for the semester. Volunteers?
  6. Watch History of Audio video to 5:55. For more information, check out the Wikipedia page
  7. Notes about music
  8. Form teams and start work on Project 1:
    1. Create a 30-second video commercial for a product or service (real or fake)
    2. Develop sound fx and a score (background music) for the commercial
    3. Record dialogue (can be people talking in the commercial or voice over)

Assignments

  • Take a look at the Notes I posted above regarding chapter 1 (specifically, what we discussed in class)
  • Work with your team on an outline for your commercial (Project 1)
  • Read this article. We’ll discuss it next time.
Animation

Animation – Week 2

Classroom

Monday

  1. Attendance. Introductions and review syllabus
  2. Talk about Adobe login
  3. Here’s where you can get a  monthly subscription to the animation software we’re using for $9/month https://store.toonboom.com/students
  4. Create a folder on Google Drive and share with me.
  5. Talk about presentations
  6. Demonstrate how to use Cintiqs and pen checkout process. 
  7. Discuss history of animation, watch video
  8. Share physical and virtual examples of Zoetrope, 3D Zoetrope & Flipbook (Pixar), Thaumatrope, Praxinoscope

Assignment

  1. Sketch the turnaround view of a character that you want to animate this semester. It can be black and white or color. Here’s a video of how to do it. Scan it in or take a digital picture of it that we can share with everyone during the next class. Upload it to your Google Drive folder. Due next class.
  2. Example below (click to enlarge):

kumaclone

Wednesday

  1. Look at character turnarounds
  2. Look at Harmony program

Assignment

  • Work on improvements to turnarounds. We’ll look at them next week

 

 

After Effects

After Effects – Week 2

Classroom

Monday

  1. Attendance, introductions and review syllabus
  2. Create a Google Drive folder and share with me. Talk about presentations
  3. Discuss Adobe login and do that
  4. Look at example of great After Effects Projects (Forest, Stuxnet, Buenos Aires) with more here (Procrastination, Breaking Bad) Ira Glass, From Paper to Screen, 29 Ways to Stay Creative)
  5. Terminology video
  6. Interface drive-by tour

Assignment

  1. Buy the book. You will need to download the exercise files and have access to the After Effects software to do the homework.
  2. Do chapter one and upload your finished work to your Google Drive folder. We’ll go over it together during the next class.

Wednesday

  1. Go over chapter 1
  2. Discuss presentations
  3. Talk about first project – animated text
  4. Do sample Project 1 together. Download these:
    1. American Flag video
    2. Here’s the JFK quote
    3. And some stirring music (the President’s March)

Assignment

  • Work on ideas for Project 1 – 30 seconds long, animate a quote, song lyric or saying., add music. You may also add video and other extras if you like
  • On your own time, look at this post explaining frame rates

Instructor: Greg Loumeau