WEEK 1
1/26 - 30FF / Wireframing
top
Discuss Homework
- Amusing Ourselves to Death
- Example work
30 Minute Film Festival
- Getting videos out of your phone:
- USB cable (Android File Transfer for Android, iPhotos for iOS)
- Upload them to Google Drive/iCloud
- Share them on Whatsapp/Telegram
- Editing videos with:
Wireframes
Discuss Assignment #1 - Personal Website
Adobe XD Intro
- Recorded demo: link
- Transferring your sketches onto XD
- In the future, feel free to use XD to sketch out your wireframes
- NYUAD Public Computers / Software list
Homework (due before next class 1/31)
- CHOOSE how to make your wireframe. You can use Adobe XD (trial version or in the library), another tool, or make drawings by hand
- FINISH a "Basic Wireframe" for your 30MFF World Premiere Site using
Adobe XD, other software, or hand drawings. Be prepared to share your work next class. Submit your wireframe to
Brightspace using the Assignments tab.
- READ Scott Murray's Interactive Data Viz "Chapter 3
Technology Fundamentals" (starting on page 15)
WEEK 2
1/31 - Web Fundamentals
top
2/2 - Web Fundamentals Workshop
top
Workshop - Making A Web Page
- Recorded demo: link
- Must include:
- A title
- A paragraph
- A link
- An image
- Embedding videos
- Additional CSS Layout Resources
- Vertical Centering using Flexbox (Advanced)
Homework (due before next class 2/7)
- START building a web page with HTML and some CSS for your 30MFF World
Premiere Site. We'll cover layout more next week, but for now get the main content into the page or
pages (if you have more than one) and set up links. Think about what kind of interaction you want to
happen. Be prepared to share your progress in class.
- You can find a link to your video that you can use on your site here: 30MFF Fall 2021 videos
WEEK 3
Discuss Readings
- Janet Murray - Inventing the Medium
Web Development 2.0
- Lecture - CSS Styling
- Fonts
- Colors
- Layout
- Tips
- Templates
- Lecture references
Workshop
- DOWNLOAD
- Additional GitHub tutorials
- UPLOAD your website to GitHub pages
Homework
- READ
- WATCH
WEEK 4
2/14 - Web Interactivity
top2/16 - EC Workshop (Mandatory attendance) / Assignment #1 Due
top
Connect2 & Editshare Workshop
Present Assignment #1
Homework (due next class 2/21)
- READ
Chris Crawford Ch.1 Storytelling
Add your thoughts to the Week 4 Discussion
- What is the point of storytelling?
- What do you think of the author's distinction of pattern thinking and linear thinking?
- What are some important components of stories?
- CREATE a story in 3 Images (a.k.a. the power of sequencing) - collect
3 images (your own photos, screen grabs, doodles, cut from magazines, etc) that "tell a story" in
TWO different ways. Each version MUST have a beginning, a middle, and an end. Include your
two different sequences of the images in your post in the Week 4 Discussion.
WEEK 5
2/21 - Storytelling Fundamentals
top
Asynchronous class - complete the Photoshop and Illustrator tutorials and assignments on your own time
- Come work in the classroom (bring headphones for the video tutorials) or do on your own time
- Computer lab locations (Creative Cloud)
- Login with a personal Creative Cloud account to unlock the full suite on the lab computer, and remember to log out of CC at the end
- If Creative Cloud is already signed in (e.g. Photoshop already works) make sure to sign out with Help->Sign Out and then sign in with your account
- You can contact Academic Tech with any issues
- Submit your work using Brightspace Assignments - once you've submitted, you're done!
Photoshop - "Compositing Images"
- Watch the Photoshop video demo
- Composite two images with one another to make a new image. Submit the image using Brightspace Assignments.
Introduction to Illustrator
- Video demo here: Illustrator Video Demo
- Create an image using Illustrator
-
Export that image as an SVG and put it on a page on the web. Add a link to your SVG page in Brightspace Assignments.
Adobe Creative Suite Resources
- Adobe Photoshop
- Adobe Illustrator
- What Is InDesign?
Homework (due 2/28)
- SUBMIT Your Photoshop image and website with SVG using Brightspace Assignments
- READ Ch.5 through 9 of Scott
McCloud’s “Understanding Comics”
- EXPLORE Adobe Suite Tutorial Video(s)
WEEK 6
2/28 - CSS Flexbox / Grid
top3/2 - JavaScript libraries
top
WEEK 7
3/7 - Responsive Design / p5.js
top3/9 - Assignment #2 Comic Due
top
Present Comic Assignment
- Each group gets 10 minutes to present
SPRING BREAK SPRING BREAK SPRING BREAK
WEEK 8
3/21 SPRING BREAK - NO CLASS
top
3/23 - Intro To Sound / Audacity Workshop
top
Please bring wired headphones for the Audacity sound editing workshop!
Introduction to Sound
- Lecture / Discussion - Intro to Sound
- Examples/Inspiration
- Narrative
- Site Specific
- Maps
- Remix
- Sonification
- Performance
- Programmatic
- Various Others
Discuss Assignment #3
Workshop: Intro to Audacity
- Recorded demo: link
- Alternate recorded Demo: Recording with Audacity (18 minutes)
- Make a soundscape from your hometown
- Find related files in Github repo for Comm Lab.
- Finish and submit your soundscape before next class (see homework below)
Software Resources
- Audacity
- Audacity Tutorials
- Resources
Homework
- MAKE a 60 to 90 second audio soundscape of your hometown and submit a link via Brightspace->Assignments->Week 9 Soundscape
- LOOK over free audio resources
- MAKE A GROUP of 4 people for your sound piece and create your group in Brightspace. The group CANNOT be the same as for the Comic project.
- WORK with your group to brainstorm ideas for your sound piece.
- WRITE a rough script for your sound piece.
- BEGIN making a list of what audio clips to record and collect.
WEEK 9
3/28 - Equipment Center Sound Workshop
top3/30 - Sound Interactivity on the Web / Guest Lecture - Kristin Mueller: Sound Theory and Design (12pm-1pm)
top
Sound Assignment Check-In
Sound Interactivity on the Web
- Lecture / Discussion - Basics of Sound on the Web
- Video demo - Basics of Audio Element, Using Tone.js
- Example site
Resources
- JS Libraries
Lecture by Kristin Mueller: Sound Theory and Design
Homework (due next class 4/4)
- WATCH Kirby Ferguson’s Embrace the Remix
- WRITE down some thoughts Brightspace->Discussions->Readings->Week 9 - Everything is a remix
- Do you agree with Kirby Ferguson that everything is a remix? Why or why not?
- In what ways might your own creative practice involve remix?
- How does the fact that many works come in a digital form impact their role in remixing?
- WORK on your sound project
WEEK 10
4/4 - Sound Project Work Session
top
Bring headphones if working on lab computers
Work with your group (OK to work outside classroom, e.g. recording sounds)
Homework (due 4/6)
- FINISH your sound assignment
- SUBMIT a link to your sound assignment to Brightspace->Assignments->Assignment 3 Sound
- PREPARE a short presentation of your sound assignment
4/6 - Sound Assignment Due / Video Storytelling
top
Present Sound Assignment
Discuss Assignment #4 Video (Due 4/25)
Introduction to the Moving Image
- Lecture / Discussion - Video Fundamentals - Storytelling with the Moving Image
- More Examples/Inspiration - Click to View
Links
Homework (due next class 4/11)
- Review work examples
- 7 Deadly Sins
- Infinite Bad Guy
- Infinite Bad Guy tech
- Write down your thoughts in Brightspace Discussion->Reading Responses->Week 10
- How is user interaction designed to organize the experience (Infinite Bad Guy)
or content of the site (7 Deadly Sins)? How does the interaction make the user a part of the
experience (what role do they have)?
- What might be another way to organize the content in 7 Deadly Sins? or Infinite Bad Guy?
- JOIN into groups for the video project on Brightspace
- WATCH Every Frame Is A Painting "Akira Kurosawa -
Composing Movement"
- WATCH Lewis Criswell "Colour In
Storytelling"
WEEK 11
4/11 - Video Production / Video Editing
top
4/13 - Video Equipment Workshop (TBD) - Video Editing / Video Effects
top
Video Equipment Workshop - Meet on time at beginning of class!
Discuss Project Progress
Group Checkin
Editing with Premiere
- Recorded demo here
- Create an edit by using footage from Editshare, downloading videos from youtube or from stock footage or from footage you already have
- Theme: WHY
- Between 30 and 120 seconds, at least 6 different clips
- Submit your video to Brightspace->Assignments->Week 11 before start of next class
Animating with After Effects
- Recorded lecture here
Resources - Animation and Visual Effects
- General
- Character Animation
- Motion
Tracking
- Rotoscoping to create clone
of character
- Green Screen with Garbage Matte
- Basic
Typography & Motion Graphics
- Vimeo Scary Special Effects
Part Boo
- Tutorial: Getting Started with Content-Aware Fill (object removal)
Homework (due 4/18)
- SUBMIT your completed WHY video to Brightspace->Assignments->Week 11 before start of next class (4/18)
- WORK on Assignment #4
- FINALIZE script and storyboards.
- CREATE shot list.
- START SHOOTING video and audio.
- READ In The Blink Of An Eye (pp.1-37, until "Afterword: Digital Film Editing")
ADD some thoughts to Brightspace->Discussions->Readings->Week 11
- What does one have to keep in mind when editing a movie?
- What goes into choosing, and making a good cut?
- Take a scene from a favorite movie (or commercial) and give examples of where it is using one of
the Six Rules for a cut.
- What might a "blink" be in a web-based interactive piece?
- WATCH (OPTIONAL) How Star Wars was saved in the edit (YouTube)
WEEK 12
4/18 - Video Interactivity
top4/20 - CSS Transitions + Animations - Work Session
top
Homework (due 4/25)
- FINISH your video production
- FIX all of the smallest issues
- FINISH website and interactions
- ENSURE your layout is responsive in all orientations and screen sizes
- ADD your completed site to Brightspace-Assignments->Assignment 4 Video
- PREPARE to present your work in class
WEEK 13
4/25 Assignment #4 Video Due
top
Present Assignment #4
Discuss Final Assignment
4/27 Portfolio Websites
top
WEEK 14
5/2 EID AL-FITR - NO CLASS
top
5/4 EID AL-FITR - NO CLASS
top
5/5 THURSDAY Webdev Review
top
LEGISLATIVE DAY - Class meets Thursday 10:25-11:40AM
Review reading - My Website is a shifting house / personal websites
Requested webdev topics
Homework
- FIX all of the smallest issues in your portfolio
- ENSURE your layout is responsive in all orientations and screen sizes
- DUE Final Portfolio Assignment is due on 5/11. No documentation due
- ADD your portfolio link to the Brightspace->Assignments->Assignment 5 Portfolio Website
WEEK 15
5/9 Other topics / Review
top
Other topics / Review
Homework
- FINISH your portfolio and submit the link via Brightspace (due 5/11)
5/11 Final Class - Portfolio Due (5/11)
top