Due to unexpected circumstances, my classes will be canceled between April 19th-22nd. Any deadlines or events that were supposed to happen during this time period will be postponed to the following week. Please continue to work on your projects this week. Thank you.
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
- Join Zoom class
- Video of today’s class, Passcode: bSY8+?CV
- Presentation
- Check out the Build Your Own Laptop podcast
- More on how to build an app – demo Ionic test app
- There are tutorials on Ionic’s website to teach you how to start with apps, and there are also some other tutorials available online
- Watch next Bring Your Own Laptop (76-78) videos
Assignments
- Continue to work on your app design.
Web Design – week 14
Class
- Join class via Zoom
- Video of today’s class, Passcode: @4%e%A*q
- Presentations
- Continue discussion about HTML, CSS and WordPress websites
- Look at student sites
Assignments
- Put text and image content on your website
Wednesday
- Join class via Zoom
- Video of today’s class, Passcode: 3HH%f0dX
- Presentations
- Here’s a cool “under construction” plugin
- Bootstrap UI Kits in XD
- Font packs
- Continue discussion about HTML, CSS and WordPress websites
- Look at student sites
Assignments
- Continue to work on your WordPress site
Animation – Week 14
Class
Tuesday
- Join class via Zoom
- Video of today’s class, Passcode: nywEy.s7
- Presentation
- Any storyboards or animatics to look at?
- Go over how to turn an animatic into a rough draft of an animation. Use Marco’s example.
- CD Day 15: Cognitive drawing file
- Work on your animated scene
Assignment
- Continue to work on your animation idea based on feedback you received in class
Class
Thursday
- Join class via Zoom
- Video of today’s class, Passcode: Jz^tWS64
- Presentation
- CD Day 16: Do the “sleep on it” exercise from day 15, then download this file.
- Any storyboards or animatics to look at?
- Watch 12 Principles of Animation: 8. Secondary Action
- Do exercise for principle #8 (gestures that support the main action to add more dimension to character animation)
- Work on your animated scene
Assignments
- Continue to work on ideas for your scene
- Work on storyboard/animatic
Interactive Design II – week 14
Classroom
Monday
- Join class via Zoom
- Show progress on project and discuss what can be done
Assignments
- Continue to work on your designs based on feedback
Wednesday
- Join class via Zoom
- The deadline for our current project is Wednesday, April 28th
- 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
-
- Join class via Zoom
- Video of today’s class, Passcode: 2*ddVgGb
- Presentations
- Check to see how people are doing on the abstract art project
- Reminder: the deadline for project 3 is April 19th = one week from today
- Look at any Cinemagraphs we haven’t seen
- Discuss Prometheus’ definition of non-narrative film
- Discuss: why you should be making experimental film
- Watch: a beginner’s guide to experimental cinema
- Watch: Surrealism and David Lynch
- Work on project 3
Assignments
- Complete chapter 11 in the book. If you’ve already finished it, go on to the next chapter
- Work on Project 3
Class
Wednesday
- Join class via Zoom
- Video of today’s class, Passcode: ds$TGM0r
- Presentations
- Masterclass: Watch 2 videos from David Lynch: How to Think Cinematically (#2 and #9)
- Time to work on book chapters and project 3
Assignments
- Work on book chapters
- Work on project
Game Design – week 14
Class
Tuesday
- Join class via Zoom
- Video of today’s class, Passcode: $8y@ky?=
- Check out this article about the worst things in video game design
- Presentation
- Schedule who will do play testing on Thursday and next Tuesday:
- Totally Glitchin’ – Thursday. Eva and Matthew.
Server name: totally glitchin
Password: hi - Team 3/Team 4 – Thursday. Kevin, Ysidro, Leo K.
Server name: betrade
Password: 02 - Kitchen Crew 7 – Tuesday
- Stormguard – Tuesday
- The Legend of Team 5 – Tuesday
- Totally Glitchin’ – Thursday. Eva and Matthew.
- Masterclass video
- Meet with teams
Assignments
- Work on your board game with your team
Class
Thursday
- Join class via Zoom
- Video of today’s class, Passcode: hP9Ne*e8
- Presentation
- Check out Protospiel.online
- Do play testing
- Masterclass video
- Work with team on game
Assignments
- Work on game with team
Animation – Week 13
Class
Tuesday
- Join class via Zoom
- Video of today’s class, Passcode: =d3j5qJ8
- Any storyboards or animatics to look at?
- This week you must finish your storyboard. Once it’s done, please move on to your animatic
- Presentation
- CD Day 13: Cognitive drawing file
- Work on your animated scene
Assignment
- Continue to work on your animation idea based on feedback you received in class
Class
Thursday
- Join class via Zoom
- Video of today’s class, Passcode: 6ehY$i$2
- Presentation
- CD Day 14: Open day 13 file and do the last drawing, then download this file.
- Any storyboards or animatics to look at?
- Watch 12 Principles of Animation: 7. Arcs
- Do exercise for principle #7 (animate objects moving in arcs)
- Work on your animated scene
Assignments
- Continue to work on ideas for your scene
- Work on storyboard/animatic
Web Design – week 13
Class
- Join class via Zoom
- Video of today’s class, Passcode: ^6vz$azK
- Presentations
- Finish going over the CSS study guide so people can do the CSS take-home test.
- Note: I emailed the files I worked on today in class to you. The ones I placed on the website earlier had incorrect URLs.
- For advanced – my list of things you should know to do web design
Assignments
- Put text and image content on your website
- Reading assignment: learn about fonts.
Wednesday
- Join class via Zoom
- Video of today’s class, Passcode: qpz!Q14+
- Presentations
- How to create anchor links in Adobe XD
- Things Every Web Designer Should Know
- Continue discussion about HTML, CSS and WordPress websites
- Look at student sites
Assignments
- Continue to work on your WordPress site
Game Design – week 13
Class
Tuesday
- Join class via Zoom
- Video of today’s class, Passcode: fY?H7y6Y
- Presentation
- Masterclass video
Assignments
- Work on your board game with your team
Class
Thursday
- Join class via Zoom
- Video of today’s class, Passcode: Qti.U1ak
- Presentation
- The deadline to finish the games (both in TTS and uploaded to The Gamecrafter) is April 28th
- Masterclass video
- Work with team on game
Assignments
- Work on game with team
Interactive Design II – week 13
Classroom
Monday
- Join class via Zoom
- Show progress on project and discuss what can be done
Assignments
- Continue to work on your designs based on feedback
Wednesday
- Join class via Zoom
- 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
-
- Join class via Zoom
- Video of today’s class, Passcode: wne=6zm+
- Presentations
- Check to see how people are doing on the abstract art project
- Reminder: the deadline for project 3 is April 19th
- Cinemagraphs:
-
- Check out these cinemagraphs
- Do cinemagraph as a class using the tutorial below and this video file
- 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.
- Work on project 3
Assignments
- Complete chapter 10 in the book. If you’ve already finished it, go on to the next chapter
- Work on Project 3
Class
Wednesday
- Join class via Zoom
- Video of today’s class, Passcode: Yv71M2!X
- Presentations
- Look at cinemagraphs
- Tutorials:
- Time to work on book chapters and project 3
Assignments
- Work on book chapters
- 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:
- 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
- Join Zoom class
- Video of today’s class, Passcode: 10w0Mc8*
- Presentation
- Talk about the programs that can be used to develop apps:
- Watch next Bring Your Own Laptop (57-59) videos
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
- Join class via Zoom
- Video of today’s class, Passcode: $5u&hs3y
- Presentations
- Check to see who has new project descriptions for abstract art project
- Talk about a deadline for project 3. We agreed on April 19th as the deadline.
- Tutorials:
- Work on project 3
Assignments
- Complete chapter 9 in the book. If you’ve already finished it, go on to the next chapter
- Work on Project 3
Class
Wednesday
- Join class via Zoom
- Video of today’s class, Passcode: 1jSkS07!
- Presentations
- Tutorials:
- Time to work on book chapters and project 3
Assignments
- Work on book chapters
- Work on project
Interactive Design II – week 12
Classroom
Monday
- Join class via Zoom
- Show progress on project and discuss what can be done
Assignments
- Continue to work on your designs based on feedback
Wednesday
- TBA
Assignments
- Continue to work on your designs based on feedback
Animation – Week 12
Class
Tuesday
- Join class via Zoom
- Video of today’s class, Passcode: 3H.5RhV3
- Presentation
- CD Day 11: Cognitive drawing new file
- Work on your animated scene
Assignment
- Continue to work on your animation idea based on feedback you received in class
Class
Thursday
- Join class via Zoom
- Video of today’s class, Passcode: Zt!N57cS
- Presentation
- CD Day 12: Download this file
- Any storyboards or animatics to look at?
- Watch 12 Principles of Animation: 6
- Do exercise for principle #6
- Work on your animated scene
Assignments
- Continue to work on ideas for your scene
- Work on storyboard/animatic
Game Design – week 12
Class
Tuesday
- Join class via Zoom
- Video of today’s class, Passcode: 5$@mdd#U
- Presentation
- Play test remaining games (2)
- Kevin and Eva’s Game:
- Jenk
- Tim
- Amberlin
- Leo’s Team game:
- Matthew
- Erick
- Daniel
- 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
- Join class via Zoom
- Video of today’s class, Passcode: m3^baxp3
- Presentations
- Go over the CSS study guide
Assignments
- Put text and image content on your website
- Reading assignment: learn about fonts.
Wednesday
- Join class via Zoom
- Video of today’s class, Passcode: GC?F0kkI
- Presentations
- CSS cheat sheet
- HTML cheat sheet
- 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.
- Continue discussion about HTML, CSS and WordPress websites
- Look at student sites
- For advanced – start making the list students need to enter the workforce
Assignments
- Continue to work on your WordPress site
Game Design – week 11
Class
Tuesday
- Join class via Zoom
- Video of today’s class, Passcode: iTE80=8k
- Presentation
- Start playtesting games
- Masterclass video
- Work with team on game
Assignments
- Work on your board game with your team
Class
Thursday
- Join class via Zoom
- Video of today’s class, Passcode: y5x5.5hr
- Presentation
- Continue playtesting games, if necessary
- Masterclass video
- Work with team on game
Assignments
- Work on game with team
Animation – Week 11
Class
Tuesday
- Join class via Zoom
- Video of today’s class, Passcode: Ew6UC%PD
- Presentation
- CD Day 9: Cognitive drawing file
- Work on your animated scene
Assignment
- Continue to work on your animation idea based on feedback you received in class
Class
Thursday
- Join class via Zoom
- Video of today’s class, Passcode: .WafVZu3
- Presentation
- CD Day 10: Download this file
- Any storyboards or animatics to look at?
- Watch 12 Principles of Animation: 5. Follow-Through and Overlapping Action
- Do exercise for principle #5 – create an animation where a character has some sort of appendage (hair, tail, etc.) that is demonstrating this principle
- Work on your animated scene
Assignments
- Continue to work on ideas for your scene
- Work on storyboard/animatic
Interactive Design II – week 11
Classroom
Monday
- Join class via Zoom
- Talk about next projects and take time to work on ideas
Assignments
- Continue to work on your designs based on feedback
Wednesday
- Join class via Zoom
- Show ideas for your next project
Assignments
- Continue to work on your designs based on feedback
After Effects – Week 11
Class
Monday
- Join class via Zoom
- Video of today’s class, Passcode: zQ.Cg9ve
- Presentations
- Watch How to Make. 2D Animations with After Effects
- Tutorials:
- Discuss Project 3 and begin work on it. The next project, Project 3, will be to create an abstract video, 1-2 minutes long.
- What is abstract art? With Project 3, try to communicate certain information and/or evoke an emotion
- Talk about the definition of Abstract Film and show examples (2 that are animated and two that are not):
Assignments
- Complete chapter 8 in the book. If you’ve already finished it, go on to the next chapter
- Work on Project 3
Class
Wednesday
- Join class via Zoom
- Video of today’s class, Passcode: C8p.q8mX
- Presentations
- Look at ideas for Project 3
- Do tutorials from Monday
- Tutorials:
- Time to work on book chapters
Assignments
- Work on book chapters
Web Design – week 11
Class
Monday
- Join class via Zoom
- Video of today’s class, Passcode: !7t8p%lF
- Presentations
- Reset existing WP sites with the WP-Reset plugin (see this article) or create new sites for people who need them
- Go over the CSS study guide
Assignments
- Put text and image content on your website
- Reading assignment: learn about fonts. Read from this page to this page and do the exercises and examples
Wednesday
- Join class via Zoom
- Video of today’s class, Passcode: X0jg9$%1
- Presentations
- Look at and download this resource folder
- Continue to talk about CSS study guide
- Talk about next project: partner with someone in class who can give you constructive criticism about your website
- Talk about when people can finish the first website project
- Continue discussion about HTML, CSS and WordPress websites, including the 5 pages students were asked to look at on w3schools.com
- Look at student sites
- For advanced – start making the list students need to enter the workforce
- Talk about platforms:
- WordPress (27+ Million Live Websites)
- Wix (3.8+ Million Live Websites)
- Squarespace (2.2+ Million Live Websites)
- Joomla! (1.5+ Million Live Websites)
- Shopify (1.4+ Million Live Websites)
- Progress Sitefinity (1.4+ Million Live Websites)
- GoDaddy Website Builder (1.2+ Million Live Websites)
- Weebly (935+ Thousand Live Websites)
- Drupal (562+ Thousand Live Websites)
- Blogger (459+ Thousand Live Websites)
Assignments
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.