Primary Element Design
Lesson 2 of 5 Mastering Film UI
In this lesson you'll focus on designing the most prominent interface element in your project. You'll first build on your earlier rough designs to create a set of refined sketches. Then you'll turn those into detailed, animation-ready designs in Illustrator.
- Sketching States Homework- Using your rough sketches from the previous lesson as a base, create a set of refined sketches depicting two different states of your primary interface. - For extra credit (and if the design calls for it), create another two states for your interface, for a total of four. - Note: You can find the clay renders Kris used as a base for his sketches, along with several other 'art department' assets, in the downloadable project files of Lesson 1. 
- Illustrator Practice Homework- Create a simple practice design in Illustrator. This design should not be related to the project you plan to work on in the course. Instead, let this assignment be a chance for you to get used to the various tools and techniques of Illustrator without any pressure. - Advanced students who are already familiar with Illustrator can skip this homework if they prefer, though we still recommend spending some time here to warm up! 
- Primary Design Homework- Create your primary element design in Illustrator. Keep the design's future animation in mind, and remember that you can return to this step while animating to alter things or make them fit better in After Effects. - You can build out all the various states of the design now, or you can choose to do a few now and design more later. For example, Kris designed two states here, and will return to design further states in the course's additional content, once these first two states are completed. 
Student Homework
- Lesson 1- Plan and Sketch- In this lesson, Kris will go over the basics of interface design and help you build your own project concept. You'll finish the lesson by creating your first rough planning sketches. - 1 hourTotal Lesson Duration
- 19 VideosVideo Lectures in this Lesson
- Project FilesDownloadable Project Files
 - Guidance- Introduction
- Understanding UI
- Project Planning
- Using Plates
- Research and Ideation
- Conclusion
 
- Lesson 2this lesson- Primary Element Design- In this lesson you'll focus on designing the most prominent interface element in your project. You'll first build on your earlier rough designs to create a set of refined sketches. Then you'll turn those into detailed, animation-ready designs in Illustrator. - 1 hour 45 minutesTotal Lesson Duration
- 12 VideosVideo Lectures in this Lesson
 - Guidance- Sketching the UI States
- Adobe Illustrator Intro
- Primary Design
- Conclusion
 
- Lesson 3- Secondary Screens- This lesson will cover the process of designing the various supporting elements for your project. These designs will range in style, function and prominence within the scene. - 1 hour 47 minutesTotal Lesson Duration
- 11 VideosVideo Lectures in this Lesson
- Project FilesDownloadable Project Files
 - Guidance- Large Interior Element
- Small Interior Elements
- Primary Interior Element
- Conclusion
 
- Lesson 4- Animation- Now that you've designed your main and supporting interfaces, it's time to bring them to life. In this lesson, you will start animating and adding basic complexity to your design. - 2 hoursTotal Lesson Duration
- 19 VideosVideo Lectures in this Lesson
 - Guidance- After Effects Intro
- Primary Element Initial Animation
- Adding Detail Elements
- Conclusion
 
- Lesson 5- Finishing Touches- In this lesson, you will finish the animated section you've been working on, and can repeat the process until your entire project is complete. You'll also get an extended look at Kris' work on his own project after the events of the course! - 1 hour 19 minutesTotal Lesson Duration
- 15 VideosVideo Lectures in this Lesson
- Project FilesDownloadable Project Files
 - Guidance- Finishing Touches
- Further Interfaces Overview
- Presentation
 
0 Comments
There are no comments
New comments from the community will be visible here.