Andy Needham, motion graphics artist and animation director demonstrates how to use the tiles and pre-compositions we've created during this course to build the Dashboard screens. He show multiple methods of replacing layers in After Effects and shares keyboard shortcuts which will speed up your workflow.
- [Voiceover] Before we build the dashboard screens…using our pre-composed dashboard tiles…there's a few things I want to do to the dashboard tile…because I'm not 100% happy with it yet.…I want to make some changes to the steps,…the color of this, because I want it to be grey.…I think the focus should be on the numbers…and the progress bar so we'll keep those green.…Then we'll reduce the intensity of the background here,…maybe just change the opacity.…We'll remove the illustrator artwork that…we've been using as a guide.…
We won't need that layer,…so let's just remove it from the comp.…I'm going to reveal the illustrator artwork and solo it.…We want to sample this color around here,…so I'll zoom in,…and we'll open up our ray palette.…If that doesn't work when you first click open…just hit refresh once and that will scan the project…for the palette then you can click open.…We'll go into our Effect controls and just lock those.…Back in our comp we're going to sample using…color number six.…
We're going to sample just around here.…
In this course, Andy Needham shows how to create an app interface from scratch using Adobe Illustrator, and then take the finished design into After Effects for animation. This is a start-to-finish project, going from concept sketches to the final product (an animated GIF). The prototype will showcase the navigation and interactive aspects of the app interface and can be used for marketing or gathering client and user feedback.
- Sketching ideas
- Planning ahead: knowing your target output
- Designing screens in Illustrator
- Preparing artwork for After Effects
- Creating reusable components
- Building and animating screens
- Adding transitions and gesture animations
- Exporting the final sequence as an animated GIF