See how to make and apply opacity patterns and reflections when using the OpacityMask.
- [Narrator] In this video, I'll look at some of…the interesting effects that you can make…with an opacity mask.…We'll start by looking at this file, swirl window.…It has two grids, there's the main grid…and it has a linear gradient brush…that goes from red to black…and there is another grid that has a gradient…that goes from purple to a orange color.…Now, this second grid is super imposed over top…of the first grid.…What I'll do, is I'll apply an opacity mask…so I can start seeing through the one gradient…and see the colors of the second gradient…that's behind it.…
And rather than doing a gradient brush for the opacity mask,…I'll use an image brush.…And the images I'll be working with are shown here.…They're these geometry brushes,…they're these black and white patterns.…Actually, I shouldn't say black and white…because what looks like white on this screen,…is actually a transparent color.…Let me show you what I mean.…Double click on this PNG file…and this checkerboard in here shows you…that this is a transparent area of this picture.…
Author
Released
1/19/2017- Working with brushes
- Painting properties
- Painting in code
- Working with RGB channels
- Using hexadecimal values
- Setting opacity and transparency
- Editing color in the Visual Studio Color Editor
- Using gradient brushes
- Decorating with tiled brushes
- Adding brushes and colors to resources
- Working with opacity masks
Skill Level Intermediate
Duration
Views
Related Courses
-
Windows Presentation Foundation: 2 Layout
with Walt Ritscher2h 13m Intermediate
-
Introduction
-
Welcome1m 2s
-
Use the exercise files1m 27s
-
-
1. Brush and Color Overview
-
Overview of the brushes5m 58s
-
Examples of the brushes4m 25s
-
The Brush type converter4m 22s
-
-
2. Colors
-
Color and colorspaces3m 45s
-
Work with RGB channels5m 38s
-
Use hexadecimal color values5m 13s
-
Opacity and transparency3m 29s
-
sRGB colorspace3m 7s
-
Use WPF preset colors7m 2s
-
-
3. The Visual Studio Color Editor
-
Basics4m 32s
-
Use the Eyedropper1m 45s
-
-
4. The Gradient Brushes
-
Why use gradients in the UI3m 47s
-
Transform gradients4m 43s
-
-
5. The Tiled Brushes
-
6. Brushes and Colors in Resources
-
Add colors to XAML resources6m 41s
-
Use system color resources3m 16s
-
-
7. Opacity Mask
-
Examples of opacity patterns6m 47s
-
Conclusion
-
Next steps1m 11s
-
- 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.
CancelTake 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.
Share this video
Embed this video
Video: Examples of opacity patterns