Andy Needham shows you how to setup After Effects with a folder structure to keep the project organised. He shares a tip for creating compositions at a pre-defined duration and how to import artwork directly into a folder and how to keep it razor sharp using the continuously rasterise layer property.
- [Voiceover] Let's begin by setting up…our After Effects project with folder…so we can stay organized.…Then we'll import the Illustrator…files we created in the previous chapter.…Finally, we'll do a bit of work to get…the artwork reading for further editing…within After Effects.…So, to create the folders, there's…a handy keyboard shortcut, which is…Command, Alt, Shift, and N,…and if that's a bit of a stretch for you,…I'll show you…another way of creating a folder.…Let's just delete that.…You can just come down to here,…in the project panel,…and just create one there.…
Or, you can use the file menus,…and just navigate to creating a new folder here.…So, let's press return and we can name our file,…start with Artwork.…I'm gonna click out of here, and just press…the button one more time.…And I'm going to call this one Comps,…and still with that selected,…I'll just press this button again to…create a folder within the folder,…and we'll call this Pre-comps.…So, it's important that we create compositions…with enough duration.…
Author
Andy Needham
Released
6/6/2016In 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
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome34s
-
-
1. App Plan and Pre-Production
-
The app creation33s
-
Sketch out ideas3m 8s
-
Choose the user journey1m 45s
-
-
2. Explore the App Screens
-
3. Prepare Assets for Animation in After Effects
-
Set up and import artwork5m 14s
-
Create reusable components4m 31s
-
Build the Dashboard tiles6m 26s
-
Build the Dashboard screens7m 25s
-
-
4. Animate in After Effects
-
Animate the Steps screen8m 29s
-
Animate the Friends screen7m 50s
-
5. Build and Export the Sequence
-
Export the final sequence4m 45s
-
Conclusion
-
Next steps1m 9s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Set up and import artwork