Having icons or other objects change into different objects is a neat technique. In this video, learn how to morph vector objects into each other and how to do the same thing with PNG files.
- [Instructor] In this exercise we are going to explore…a very common technique.…Using After Effects to morph one shape into another.…And you can do this with icons, and menu items, whatever.…But it's kind of an interesting technique.…And we're going to do this in a couple of ways.…First is to have two shapes from an Illustrator document,…which you're looking at, morph into each other.…So we're going to have the person morph into the eyeball,…and the eyeball morph back into the person.…The second will show you how to deal with those situations…where the objects that morph are bitmaps,…and this is a little bit more complicated.…
So let's get started, and to get yourself started,…open the icons.ai file found in your chapter download.…And when the file opens, you'll see what I'm looking at here…are two icons, I got a person and an eyeball.…And the plan is, as I said,…to have this guy morph into the eyeball,…and then have the morph go backwards.…We're going to have the eyeball morph back into the guy.…There is one thing you need to know…
- Prototyping motion
- Using the Graph Editor
- Working with shapes and masks
- Supporting tap, press, and swipe gestures
- Handling pinch and spread gestures
- Designing patterns
- Making navigation, buttons, and breadcrumbs
- Creating progress bars
- Working with modals, menus, and cards
- Zooming content
- Making a floating action button
- Handling text input and cursors
Skill Level Beginner
Modular UX Design with Photoshopwith Jesse Freeman48m 8s Advanced
1. Microinteraction Fundamentals
2. The Common Gestures
3. Design Patterns
Next steps1m 21s
- 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.Cancel
Take 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.