This gesture is commonly used on smartphones and tablets to zoom in or out of screens. In this video, learn how to create a simple pinch and spread gesture to zoom in on an image.
- [Instructor] In the mobile space, it's quite common…to use a pinch or a spread gesture to zoom in or out…of text or other objects on a smartphone or tablet's screen.…This gesture's actually quite easy to prototype…and to get yourself started, open the O five pinch file…in your chapter download.…And when the file opens, you will see a number of flags…attached to a lamp post and the plan is to zoom in on the…flags using the spread gesture and then to return to the…starting size of the flags with a pinch.…
Thus, we have two cursor layers, cursor O one, cursor O two,…and the first step is to get these two cursors in motion.…To do that, what you're going to do is you're going to select both…layers, so you hold down the shift key and select both…cursor layers and press the P key.…And we're going to come in 15 frames and we're going to add…position key frames, there we go.…And now we're going to come out to frame 45…and we're going to move each cursor diagonally.…
So move it down there and we'll move this one there.…
- 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.