DES 251
Digital Media Design III / Spring '22
DES 251
Digital Media Design III
Course
Overview
Schedule
Resources
Submitting Work
Student Work
Assignments
Assignment 1: e-motion
Assignment 2: Flow Loop (Homework)
Assignment 3: Kinetic Typography
Assignment 4: Motion Poster
Assignment 5: Film Titles
5_1: Essay
5_2: Research
5_3: Exploration
5_4: Storyboard
5_5: Production
Articles/Lectures
Intro To Motion Graphics
History of Moving Images
Moving Image Basics
Film Design at SFG Basel (1968–1997)
Motion Vocabulary/Literacy
Brief History of Title Design
Title Designer Saul Bass
Title Designer Kyle Cooper
Art of the Title Interviews
Storyboards
DMD III Examples: Book Cover
DMD III Examples: Emotion
DMD III Examples: Flow
DMD III Examples: Kinetic Type
DMD III Examples: Motion Posters
DMD III Examples: Title Sequences
Kinetic Type Experiments
Kinetic/Motion Posters
Title Designs Trends
Random Examples
After Effects Expressions
20 Rules for making good graphic Design
Expressive Typography, Type as Image
Principles of (Graphic) Design
The language of Cinema
Color Schemes and Lighting in Films
The Sequential Composition
Saquinaula Brian A: Poster
Motion Poster
<p></p> <br><br> </div><!-- end of inner-main --> </div><!-- end of main --> <div id="footer"> <div id="inner-footer"> <div class="footer-left"> <p>DES 251 / Digital Media Design III<br/> A: TU/TH 9:00 to 11:40pm<br /> B: TU/TH 1:00 to 3:40pm<br /> Room # TBA </p> </div> <div class="footer-right"> Instructors: <p>Oliver Roeger: <a href="mailto:oroeger@uic.edu">oroeger@uicdesign.com</a></p> </div> </div><!-- end inner-footer --> </div><!-- end footer --> <script> $(document).ready(function () { $('.btn-close').fadeOut(200); var open = false; $('.button a').on('click', function () { if (open == false) { $('.overlay, .btn-close').fadeIn(500); $('nav ul li, .btn-open').fadeOut(500); open = true; } else { $('.overlay, .btn-close').fadeOut(500) $('nav ul li, .btn-open').fadeIn(500); open = false; } }); $('.overlay').on('mouseup', function () { $('.overlay, .btn-close').fadeOut(500); $('nav ul li, .btn-open').fadeIn(500); open = false; }); $('.wrap').on('mouseup', function () { return false; }); }) </script> </body> </html>
