Though a color change is commonly used to show a user clicking on an object, another common technique is to have the cursor pulse. In this video, learn how to do this with a simple shape and no effects.
- [Instructor] Back in chapter two,…I showed you how to create a simple tap microinteraction.…In this exercise, we're going to expand on…that technique and build a tap interaction…that has the cursor ripple outwards or pulse…to indicate a tap.…This is a fairly common method of showing a tap,…so let's get started.…And to get yourself started, open the…06cursorpulse.aep file found in your chapter download.…To start, we're going to draw out an ellipse,…so we're going to come over and get the ellipse tool…right here, make sure that the fill is white,…there's no stroke, and be sure that you've got…Bezier Path selected, and we're going to need this…because we are going to be manipulating the shape…and we'll need access to the handles.…
Now to draw the circle, all you have to do…is just hold down the shift key, and just draw a circle.…I'm going to draw it just a little over the white…area here, there we go.…Now to create the ripple, we need to use a mask.…So the first thing you need to do to get that mask…is to get the shape.…
- 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.