Setting up a project file correctly will allow you to hit the ground running when you start designing - it's also good practice for any project. In this video, learn how to use presets to create the correct document for the target output and how to place artwork which will be used for reference into the document. Finally, learn how to work with and organize artboards.
- [Instructor] We're going to set-up our project file…on our target device,…which is the iPhone 6s Plus.…Illustrator has some handy presets that we can use.…Now, when you first start illustrator,…you may see something different to this,…and it looks like you know,…I've got a couple of options for creating a new document,…I can click here,…I can click over here,…I can choose file, new.…So let's just click one of these,…whichever one you can see,…we're gong to create a new document.…
So the new document dialog opens up.…And what we want to do, is come on over to this,…see this top strip of presets here,…I'm going to come over to the mobile one.…And sure enough,…if I click into the second one,…I have the iPhone 6 Plus.…Which is totally fine.…So over here, we can see the width and the height…of our document, the orientation,…the fact that we're using pixels,…and we can also specify the number of ArtBoards as well,…which can be really handy.…
Now I want to show you some other methods of…creating ArtBoards so,…we'll just leave it at one for now.…
Author
Andy Needham
Released
1/16/2018Learn 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
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome55s
-
-
1. Planning the App
-
Review references1m 57s
-
Choose a user journey2m 25s
-
2. Setting Up the Project in Illustrator
-
Set up the project file6m 3s
-
3. Designing Reusable Components
-
Create the header8m 44s
-
Create the title bar4m 9s
-
Create the goal area6m 10s
-
Create a dashboard tile5m 11s
-
Create the bar chart6m 19s
-
Create a data item4m 10s
-
Create a friend item3m 42s
-
Create the navigation bar9m 59s
-
-
4. Completing the App Screens
-
Complete the Steps screen4m 55s
-
Complete the Friends screen2m 59s
-
5. Finishing Touches
-
Organize our project file3m 15s
-
Export artboards1m 16s
-
Get files ready to animate3m 53s
-
-
Conclusion
-
Next steps1m 11s
-
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 the project file