A common gesture used to open something on an interface is a double-tap gesture. In this video, look at a rather efficient method of doing just that by duplicating keyframes.
- [Instructor] In this exercise we are going to prototype…a double tap or double click event,…which is traditionally used to open an item…or other UI element on a screen.…To get yourself started, open the O2 double tap file…found in your download.…And when it opens you'll notice the tap layer,…right here, the double tap,…is slightly longer than the one from the previous exercise.…And the reason for that one is,…is a double tap involves physically lifting a finger…and then tapping again.…Of course if you're using a mouse,…you're essentially adding new mouse down…and mouse up events.…
Seeing as how we are using five frame increments,…the next tap event,…so the first tap event should happen…on frames 20, 25, and 30.…The next one would kick off at frame 35.…So let's get this thing wired up.…So you're going to select the double tap layer,…and you're going to press the S key,…and then you're going to hold down the shift key…and press T to add opacity.…Now we're only going to add three key frames here.…So we'll just add scale, and opacity key frames at the ...…
- 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.