In this video, learn how to work with clipping masks to create an icon which represents a user portrait. Complete the friend item by setting type.
- [Instructor] In this movie,…we're going to focus on creating (mumbles) item…that we can populate our list of friends,…and I'm going to base it on a lot of the things…that we've done with this data item here.…What I'll do to save a bit of time…is just select these elements, and then I'll press Cmd + C,…and then click into the (mumbles) that I have here,…and then press Cmd + D,…and what I'll do is just bring this up,…something like so.…
Now, I'll delete the word today,…in fact you might use that elsewhere,…so I'll just move it over,…and what we need to do now, is create a circle,…and then press M on the keyboard and create,…if we zoom in, see what we can do here,…I'll create a rectangle, press A, direct select…these top two points, and then bring those in a bit,…now press V and move this over and resize the head…of our little person here.…
Okay, so that's a little icon here,…and now we need to put this into a circle.…So, L, draw out a circle, like this,…shift + X, and these will group,…in fact I might make it a bit smaller, we'll group it,…
Author
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
Related Courses
-
Creating a Mobile App Interface in After Effects
with Andy Needham2h 34m Intermediate
-
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
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press 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: Create a friend item