Getting the screens out of Adobe Illustrator as separate files need not be a laborious task. In this video, Andy walks you through the process of exporting a project file with multiple artboards into separate files.
- [Instructor] To make our lives easier when we come to prototype this, this mockup, what we'd like to do is separate this document into individual files. So we have each screen in its own file. Now it's really easy to do this. What we can do is come over here and choose file, and you could use, save as, but we're going to choose, save a copy. So we're going to save a copy of this into our layered screens folder, and I'm going to rename it, activity tracker.
Now if I press save, don't press anything yet. Come down to where it says, save each artboard to a separate file, and check this on. And we want to make sure we have all selected, and we'll choose, okay. So now that's done. We can come over to the finder and verify that we have set up an individual file for each of our screens. And then we have another file that has all of those screens in as well. So we don't really need this additional file, we can delete that.
So now we have all our art screens separated into separate files, and that was just so easy to do using that function of the Illustrator option save dialogue.
Learn how to animate the prototype by watching Andy's follow-up course, Creating a Mobile App Interface in After Effects.
- Planning the app
- Sketching ideas
- Designing reusable components
- Converting artwork to symbols
- Completing the app screens
- Exporting artboards
- Preparing for animation