This technique that can be used to fill a glass with liquid is also a rather intriguing method of approaching loading progress in a creative manner. In this video, discover a great use for the Turbulent Displace effect and a couple of different ways of us
- [Instructor] In this exercise,…we are going to explore a slightly different take…on a preloader or progress animation.…Essentially, I'm going to show you…how to fill a glass of water, but…this technique can have a number…of applications beside, well the obvious.…So let's get started, and to get started,…open the field.aep file in your chapter download.…And when the file opens, you'll see…what you're looking at here, a great big W…that is nothing more than a capital W…which was set in the Raleway font…and converted to outlines in Adobe Illustrator.…
And the plan here is to have the…W fill up with a wavy pattern.…To create the pattern, we start with a new blue solid,…so we're going to come up to Layer, new, solid, right here.…And we'll double click the color picker,…and the color picker will open up,…and we'll just choose a nice, light…blue color, we'll go with that one.…Click OK, and you notice that the solid fills the screen,…well no big deal, what we're going to do is,…we're going to mask out what we don't need,…
- 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.