Mobile App Design – week 14

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: =Z00nb?!
  • Presentation
  • You won’t believe how cool these Adobe UI Kits are (show example UI Kits)
  • Show how to bring fonts in from TypeKit, talk about licensing fonts for apps, though can use for free on websites)
  • Font packs
  • Demo working on an app in Avocode
  • Watch next Bring Your Own Laptop (More about Micro Interactions: 72 – 74)  videos

Thursday

Assignments

  • Continue to work on your app design.

 

Web Design – week 14

Class

  1. Join class via Zoom
  2. Video of today’s class, Passcode: @4%e%A*q
  3. Presentations
  4. Continue discussion about HTML, CSS and WordPress websites
  5. Look at student sites

Assignments

  1. Put text and image content on your website

Wednesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: 3HH%f0dX
  3. Presentations
  4. Here’s a cool “under construction” plugin
  5. Bootstrap UI Kits in XD
  6. Font packs
  7. Continue discussion about HTML, CSS and WordPress websites
  8. Look at student sites

Assignments

  • Continue to work on your WordPress site

Animation – Week 14

Class

 Tuesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: nywEy.s7
  3. Presentation
  4. Any storyboards or animatics to look at?
  5. Go over how to turn an animatic into a rough draft of an animation. Use Marco’s example.
  6. CD Day 15: Cognitive drawing  file
  7. Work on your animated scene

Assignment

  1. Continue to work on your animation idea based on feedback you received in class

Class

Thursday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: Jz^tWS64
  3. Presentation
  4. CD Day 16: Do the “sleep on it” exercise from day 15, then download this file.
  5. Any storyboards or animatics to look at?
  6. Watch 12 Principles of Animation:  8. Secondary Action
  7. Do exercise for principle #8 (gestures that support the main action to add more dimension to character animation)
  8. Work on your animated scene

Assignments

  1. Continue to work on ideas for your scene
  2. Work on storyboard/animatic

Interactive Design II – week 14

Classroom

Monday

  1. Join class via Zoom
  2. Show progress on project and discuss what can be done

Assignments

  • Continue to work on your designs based on feedback

Wednesday

  1. Join class via Zoom
  2. The deadline for our current project is Wednesday, April 28th
  3. Show progress on project and discuss what can be done

Assignments

  • Continue to work on your designs based on feedback

After Effects – Week 14

Class

Monday

    1. Join class via Zoom
    2. Video of today’s class, Passcode: 2*ddVgGb
    3. Presentations
    4. Check to see how people are doing on the abstract art project
    5. Reminder: the deadline for project 3 is April 19th = one week from today
    6. Look at any Cinemagraphs we haven’t seen
    7. Discuss Prometheus’ definition of non-narrative film
    8. Discuss: why you should be making experimental film
    9. Watch: a beginner’s guide to experimental cinema
    10. Watch: Surrealism and David Lynch
    11. Work on project 3

Assignments

  1. Complete chapter 11 in the book. If you’ve already finished it, go on to the next chapter
  2. Work on Project 3

Class

Wednesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: ds$TGM0r
  3. Presentations
  4. Masterclass: Watch 2 videos from David Lynch: How to Think Cinematically (#2 and #9)
  5. Time to work on book chapters and project 3

Assignments

  1. Work on book chapters
  2. Work on project

Game Design – week 14

Class

Tuesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: $8y@ky?=
  3. Check out this article about the worst things in video game design
  4. Presentation
  5. Schedule who will do play testing on Thursday and next Tuesday:
    1. Totally Glitchin’ – Thursday. Eva and Matthew.
      Server name: totally glitchin
      Password: hi
    2. Team 3/Team 4 – Thursday. Kevin, Ysidro, Leo K.
      Server name: betrade
      Password: 02
    3. Kitchen Crew 7 – Tuesday
    4. Stormguard – Tuesday
    5. The Legend of Team 5 – Tuesday
  6. Masterclass video
  7. Meet with teams

Assignments

  • Work on your board game with your team

Class

Thursday

Assignments

  • Work on game with team

Animation – Week 13

Class

 Tuesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: =d3j5qJ8
  3. Any storyboards or animatics to look at?
  4. This week you must finish your storyboard. Once it’s done, please move on to your animatic
  5. Presentation
  6. CD Day 13: Cognitive drawing  file
  7. Work on your animated scene

Assignment

  1. Continue to work on your animation idea based on feedback you received in class

Class

Thursday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: 6ehY$i$2
  3. Presentation
  4. CD Day 14: Open day 13 file and do the last drawing, then download this file.
  5. Any storyboards or animatics to look at?
  6. Watch 12 Principles of Animation:  7. Arcs
  7. Do exercise for principle #7 (animate objects moving in arcs)
  8. Work on your animated scene

Assignments

  1. Continue to work on ideas for your scene
  2. Work on storyboard/animatic

Web Design – week 13

Class

  1. Join class via Zoom
  2. Video of today’s class, Passcode: ^6vz$azK
  3. Presentations
  4. Finish going over the CSS study guide so people can do the CSS take-home test.
  5. Note: I emailed the files I worked on today in class to you. The ones I placed on the website earlier had incorrect URLs.
  6. For advanced – my list of things you should know to do web design

Assignments

  1. Put text and image content on your website
  2. Reading assignment: learn about fonts.

Wednesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: qpz!Q14+
  3. Presentations
  4. How to create anchor links in Adobe XD
  5. Things Every Web Designer Should Know
  6. Continue discussion about HTML, CSS and WordPress websites
  7. Look at student sites

Assignments

  • Continue to work on your WordPress site

Interactive Design II – week 13

Classroom

Monday

  1. Join class via Zoom
  2. Show progress on project and discuss what can be done

Assignments

  • Continue to work on your designs based on feedback

Wednesday

  1. Join class via Zoom
  2. Show progress on project and discuss what can be done

Assignments

  • Continue to work on your designs based on feedback

After Effects – Week 13

Class

Monday

    1. Join class via Zoom
    2. Video of today’s class, Passcode: wne=6zm+
    3. Presentations
    4. Check to see how people are doing on the abstract art project
    5. Reminder: the deadline for project 3 is April 19th
  1. Cinemagraphs:
      1. Check out these cinemagraphs
      2. Do cinemagraph as a class using the tutorial below and this video file
      3. Here are the steps I used to make the cinemagraph
    • Now download a video from a site such as videezy.com and make your own cinemagraph. Put it in the Google Drive folder so we can check it out next class.
  2. Work on project 3

Assignments

  1. Complete chapter 10 in the book. If you’ve already finished it, go on to the next chapter
  2. Work on Project 3

Class

Wednesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: Yv71M2!X
  3. Presentations
  4. Look at cinemagraphs
  5. Tutorials:
    1. Cut out an object with masks
    2. Animate an infographic
  6. Time to work on book chapters and project 3

Assignments

  1. Work on book chapters
  2. Work on project

Mobile App Design – week 13

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: 18Uf$U8$
  • Presentation
  • We decided on a May 4th deadline for the app mockups
  • Watch next Bring Your Own Laptop (65-68)  videos

Thursday

  • Join Zoom class
  • Video of today’s class, Passcode: m4CAKZ#K
  • Presentation – Dylan
  • Discuss how the app design process works:
      1. Project Brief
      2. Personas
      3. Wireframes (lo-fi)
      4. Hi-fi mockup
      5. Handoff of mockup to developers – Discuss programs that help you do this, including Avocode, Zeplin, and InVision
      6. Inspect visuals/code
      7. Share work-in-progress/Comments
      8. Test/Revise/Test
      9. Final App
    1. Note: many of the programs listed above have student discounts
  • Watch next Bring Your Own Laptop (69, 70, 71) videos

Assignments

  • Continue to work on your app design.

 

Mobile App Design – week 12

Classroom

Tuesday

Thursday

  • Join Zoom class
  • Video of today’s class, Passcode: qe!N%!3a
  • Presentation
  • Continue to talk about app development programs:
    • Sign up for bubble.io account with Pima address and do the map demo (first lesson)
  • Watch next Bring Your Own Laptop (62, 65-68) videos

Assignments

  • Continue to work on your app design.

 

After Effects – Week 12

Class

Monday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: $5u&hs3y
  3. Presentations
  4. Check to see who has new project descriptions for abstract art project
  5. Talk about a deadline for project 3. We agreed on April 19th as the deadline.
  6. Tutorials:
    1. How to Use Masks to Control Effects
    2. Rotoscope Nature Footage
  7. Work on project 3

Assignments

  1. Complete chapter 9 in the book. If you’ve already finished it, go on to the next chapter
  2. Work on Project 3

Class

Wednesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: 1jSkS07!
  3. Presentations
  4. Tutorials:
    1. Remove unwanted objects with content-aware fill
    2. Isolate elements with the rotobrush tool
  5. Time to work on book chapters and project 3

Assignments

  1. Work on book chapters
  2. Work on project

Interactive Design II – week 12

Classroom

Monday

  1. Join class via Zoom
  2. Show progress on project and discuss what can be done

Assignments

  • Continue to work on your designs based on feedback

Wednesday

  1. TBA

Assignments

  • Continue to work on your designs based on feedback

Animation – Week 12

Class

 Tuesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: 3H.5RhV3
  3. Presentation
  4.  CD Day 11: Cognitive drawing new file
  5. Work on your animated scene

Assignment

  1. Continue to work on your animation idea based on feedback you received in class

Class

Thursday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: Zt!N57cS
  3. Presentation
  4. CD Day 12: Download this  file
  5. Any storyboards or animatics to look at?
  6. Watch 12 Principles of Animation:  6
  7. Do exercise for principle #6
  8. Work on your animated scene

Assignments

  1. Continue to work on ideas for your scene
  2. Work on storyboard/animatic

Game Design – week 12

Class

Tuesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: 5$@mdd#U
  3. Presentation
  4. Play test remaining games (2)
  5. Kevin and Eva’s Game:
    1. Jenk
    2. Tim
    3. Amberlin
  6. Leo’s Team game:
    1. Matthew
    2. Erick
    3. Daniel
  7. Masterclass video

Assignments

  • Work on your board game with your team

Class

Thursday

  • Join class via Zoom
  • Video of today’s class, Passcode: Qi=57un3
  • Presentation
  • Talk about an April deadline everyone can make to finish their games (both in TTS and uploaded to The Gamecrafter). April 28th?
  • Masterclass video
  • Work with team on game

Assignments

  • Work on game with team

Web Design – week 12

Class

Monday – finish CSS test walk through next week

  1. Join class via Zoom
  2. Video of today’s class, Passcode: m3^baxp3
  3. Presentations
  4. Go over the CSS study guide

Assignments

  1. Put text and image content on your website
  2. Reading assignment: learn about fonts.

Wednesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: GC?F0kkI
  3. Presentations
  4. CSS cheat sheet
  5. HTML cheat sheet
  6. Refer to this CSS study guide when doing this CSS take-home test which I would like you to do and return i in two weeks (ignore the due date on the test). I will go over how to do this with you. Dreamweaver is the best program to use but you can do the take-home test in any word processor.
  7. Continue discussion about HTML, CSS and WordPress websites
  8. Look at student sites
  9. For advanced – start making the list students need to enter the workforce

Assignments

  • Continue to work on your WordPress site

Animation – Week 11

Class

 Tuesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: Ew6UC%PD
  3. Presentation
  4. CD Day 9: Cognitive drawing file
  5. Work on your animated scene

Assignment

  1. Continue to work on your animation idea based on feedback you received in class

Class

Thursday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: .WafVZu3
  3. Presentation
  4. CD Day 10: Download this  file
  5. Any storyboards or animatics to look at?
  6. Watch 12 Principles of Animation:  5. Follow-Through and Overlapping Action
  7. Do exercise for principle #5 – create an animation where a character has some sort of appendage (hair, tail, etc.) that is demonstrating this principle
  8. Work on your animated scene

Assignments

  1. Continue to work on ideas for your scene
  2. Work on storyboard/animatic

Interactive Design II – week 11

Classroom

Monday

  1. Join class via Zoom
  2. Talk about next projects and take time to work on ideas

Assignments

  • Continue to work on your designs based on feedback

Wednesday

  1. Join class via Zoom
  2. Show ideas for your next project

Assignments

  • Continue to work on your designs based on feedback

After Effects – Week 11

Class

Monday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: zQ.Cg9ve
  3. Presentations
  4. Watch How to Make. 2D Animations with After Effects
  5. Tutorials:
    1. How to Use Masks to Control Effects
    2. Rotoscope Nature Footage
  6. Discuss Project 3 and begin work on it. The next project, Project 3, will be to create an abstract video, 1-2 minutes long.
  7. What is abstract art? With Project 3, try to communicate certain information and/or evoke an emotion
  8.  Talk about the definition of Abstract Film and show examples (2 that are animated and two that are not):
    1. Harry Smith: Early Abstractions
    2. Blinkety Blank
    3. Abstract short film
    4. Abstract film

Assignments

  1. Complete chapter 8 in the book. If you’ve already finished it, go on to the next chapter
  2. Work on Project 3

Class

Wednesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: C8p.q8mX
  3. Presentations
  4. Look at ideas for Project 3
  5. Do tutorials from Monday
  6. Tutorials:
    1. Remove unwanted objects with content-aware fill
    2. Isolate elements with the rotobrush tool
  7. Time to work on book chapters

Assignments

  1. Work on book chapters

Web Design – week 11

Class

Monday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: !7t8p%lF
  3. Presentations
  4. Reset existing WP sites with the WP-Reset plugin (see this article) or create new sites for people who need them
  5. Go over the CSS study guide

Assignments

  1. Put text and image content on your website
  2. Reading assignment: learn about fonts. Read from this page to this page and do the exercises and examples

Wednesday

  1. Join class via Zoom
  2. Video of today’s class, Passcode: X0jg9$%1
  3. Presentations
  4. Look at and download this resource folder
  5. Continue to talk about CSS study guide
  6. Talk about next project: partner with someone in class who can give you constructive criticism about your website
  7. Talk about when people can finish the first website project
  8. Continue discussion about HTML, CSS and WordPress websites, including the 5 pages students were asked to look at on w3schools.com
  9. Look at student sites
  10. For advanced – start making the list students need to enter the workforce
  11. Talk about platforms:
    1. WordPress (27+ Million Live Websites)
    2. Wix (3.8+ Million Live Websites)
    3. Squarespace (2.2+ Million Live Websites)
    4. Joomla! (1.5+ Million Live Websites)
    5. Shopify (1.4+ Million Live Websites)
    6. Progress Sitefinity (1.4+ Million Live Websites)
    7. GoDaddy Website Builder (1.2+ Million Live Websites)
    8. Weebly (935+ Thousand Live Websites)
    9. Drupal (562+ Thousand Live Websites)
    10. Blogger (459+ Thousand Live Websites)

Assignments

  • Continue to work on your WordPress site
  • Read from this page to this page and do the exercises and examples

Mobile App Design – week 11

Classroom

Tuesday

  • Join Zoom class
  • Video of today’s class, Passcode: Bv!%8DRe
  • Presentation
  • Show examples of a brief and persona created for a student project and discuss
  • Watch next Bring Your Own Laptop (43-44, 46-47) videos

Thursday

  • Join Zoom class
  • Video of today’s class, Passcode: 9@j.QtPe
  • Presentation
  • Show examples of a wireframe and hi-res prototype created for a student project and discuss
  • Watch next Bring Your Own Laptop (51, 53, 54,  57, ~58) videos

Assignments

  • Continue to work on your app design.

 

Instructor: Greg Loumeau