Adobe Illustrator is a powerful vector graphics design tool. Andy Needham, motion graphics artist and animation director will explain his decision to use Adobe Illustrator over Adobe Photoshop and the role the software will take in the process. We take a closer look at the app screens that we'll be animating.
- [Voiceover] In this movie, we're going to examine Illustrator's role in this project. We could use Photoshop, but for our needs, Illustrator has certain advantages. Let's look at what we want to create. So, looking at the sketch here, generally speaking, we're not using many photos, and the bulk of our interface is made up of shapes and text, so Illustrator seems like the best choice for this. As you can see from this overview, we won't be creating the app screens themselves. That isn't the focus of this course. So I've already gone ahead and made them in Illustrator.
However, there are some things that we need to do in preparation for bringing them into after effects, and we'll do that together. Let's just take a closer at some of these, and you'll notice that there aren't any colors or anything like that on the screens themselves, and this was so I wasn't distracted when making the design decisions on where these items should go. I mean, I felt that it should work in grey scale, and then, I can add colors later. Now, if you're not familiar with Adobe Illustrator, don't worry.
I'll show you enough to get the task at hand completed, and if you want to further your knowledge, you can search the training library for more courses. As we go through this chapter, you'll see that Illustrator's a really powerful vector drawing tool and how it fits into this process that I'm teaching you.
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
Skill Level Intermediate
Q: This course was updated on 05/17/2018. What changed?
A: New videos were added that cover working with Sketch2AE.