Andy Needham, motion graphics artist and animation director introduces Ray Dynamic Color; a script by Sander van Dijk which can be downloaded from aescripts.com. Andy demonstrates how to re-color artwork using the script. Then Andy completes the dashboard tiles which we'll be using to build the dashboard screens.
- [Voiceover] Let's finish our dashboard tile template…by adding some color, then we'll use it…to complete the remaining dashboard tiles…by duplicating it, renaming it, and going in…and changing some properties.…To color the artwork we're going to use a script called,…Ray Dynamic Color, which can be found on aescripts.com.…There's instructions here on how to install…the script and you'll see it's a real time saver…and worth every cent, in my opinion.…With the script installed,…let's take a look at how we'd recolor our artwork.…
So you can find the script in the Window, Ray Dynamic Color…and we'll just click this and it'll open up a new palette.…So what we want to do is add the effect.…Click this plus button and it will a new composition…with a series of color effects.…So, we want to open up the comp…and you can see we have these effects here…and I will take these tile steps here.…What we can do is just click color two, for example,…and that is gonna add a fill effect to our text,…so we can go through and do that…
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