Opacity & blending modes

7 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.81
List Price:  €129.94
You save:  €37.13
£79.68
List Price:  £111.56
You save:  £31.87
CA$136.70
List Price:  CA$191.38
You save:  CA$54.68
A$151.47
List Price:  A$212.07
You save:  A$60.59
S$134.88
List Price:  S$188.84
You save:  S$53.96
HK$781.18
List Price:  HK$1,093.68
You save:  HK$312.50
CHF 90.49
List Price:  CHF 126.69
You save:  CHF 36.20
NOK kr1,087.35
List Price:  NOK kr1,522.33
You save:  NOK kr434.98
DKK kr692.92
List Price:  DKK kr970.11
You save:  DKK kr277.19
NZ$166.33
List Price:  NZ$232.87
You save:  NZ$66.53
د.إ367.25
List Price:  د.إ514.16
You save:  د.إ146.91
৳10,943.35
List Price:  ৳15,321.13
You save:  ৳4,377.77
₹8,337.18
List Price:  ₹11,672.39
You save:  ₹3,335.20
RM473.95
List Price:  RM663.55
You save:  RM189.60
₦123,487.65
List Price:  ₦172,887.65
You save:  ₦49,400
₨27,738.77
List Price:  ₨38,835.40
You save:  ₨11,096.62
฿3,675.50
List Price:  ฿5,145.85
You save:  ฿1,470.34
₺3,235.04
List Price:  ₺4,529.19
You save:  ₺1,294.14
B$509.60
List Price:  B$713.47
You save:  B$203.86
R1,850.72
List Price:  R2,591.08
You save:  R740.36
Лв181.51
List Price:  Лв254.13
You save:  Лв72.61
₩135,590.93
List Price:  ₩189,832.73
You save:  ₩54,241.80
₪370.74
List Price:  ₪519.05
You save:  ₪148.31
₱5,705.78
List Price:  ₱7,988.32
You save:  ₱2,282.54
¥15,303.96
List Price:  ¥21,426.16
You save:  ¥6,122.20
MX$1,697.07
List Price:  MX$2,375.96
You save:  MX$678.89
QR363.69
List Price:  QR509.19
You save:  QR145.49
P1,358.38
List Price:  P1,901.79
You save:  P543.40
KSh13,211.65
List Price:  KSh18,496.84
You save:  KSh5,285.18
E£4,788.95
List Price:  E£6,704.73
You save:  E£1,915.77
ብር5,723.72
List Price:  ብር8,013.44
You save:  ብር2,289.71
Kz83,591.64
List Price:  Kz117,031.64
You save:  Kz33,440
CLP$94,219
List Price:  CLP$131,910.38
You save:  CLP$37,691.37
CN¥723.64
List Price:  CN¥1,013.13
You save:  CN¥289.48
RD$5,794.19
List Price:  RD$8,112.10
You save:  RD$2,317.90
DA13,457.95
List Price:  DA18,841.67
You save:  DA5,383.72
FJ$225.30
List Price:  FJ$315.43
You save:  FJ$90.13
Q775.06
List Price:  Q1,085.12
You save:  Q310.05
GY$20,860.22
List Price:  GY$29,205.14
You save:  GY$8,344.92
ISK kr13,949.49
List Price:  ISK kr19,529.85
You save:  ISK kr5,580.35
DH1,005.73
List Price:  DH1,408.07
You save:  DH402.33
L1,766.28
List Price:  L2,472.87
You save:  L706.58
ден5,712.52
List Price:  ден7,997.75
You save:  ден2,285.23
MOP$802.57
List Price:  MOP$1,123.63
You save:  MOP$321.06
N$1,845.78
List Price:  N$2,584.16
You save:  N$738.38
C$3,670.67
List Price:  C$5,139.09
You save:  C$1,468.41
रु13,313.56
List Price:  रु18,639.52
You save:  रु5,325.95
S/372.22
List Price:  S/521.13
You save:  S/148.90
K385.44
List Price:  K539.63
You save:  K154.19
SAR375.02
List Price:  SAR525.04
You save:  SAR150.02
ZK2,689.66
List Price:  ZK3,765.63
You save:  ZK1,075.97
L462.03
List Price:  L646.86
You save:  L184.83
Kč2,326.92
List Price:  Kč3,257.79
You save:  Kč930.86
Ft36,152.68
List Price:  Ft50,615.20
You save:  Ft14,462.51
SEK kr1,078.64
List Price:  SEK kr1,510.15
You save:  SEK kr431.50
ARS$87,815.44
List Price:  ARS$122,945.14
You save:  ARS$35,129.69
Bs690.51
List Price:  Bs966.74
You save:  Bs276.23
COP$388,367.89
List Price:  COP$543,730.59
You save:  COP$155,362.69
₡50,962.55
List Price:  ₡71,349.61
You save:  ₡20,387.06
L2,463.20
List Price:  L3,448.58
You save:  L985.38
₲746,475.93
List Price:  ₲1,045,096.16
You save:  ₲298,620.23
$U3,821.56
List Price:  $U5,350.33
You save:  $U1,528.77
zł401.98
List Price:  zł562.79
You save:  zł160.80
Already have an account? Log In

Transcript

In this video, we are going to talk about more layer properties and that will be opacity and blending mode. If we look at the layer darker, up here we can see we have a pulldown list that says normal, and a slider called opacity. Let's talk about opacity. First, if you want to follow along, just download the file I provided for this lesson. opacity controls how opaque or how transparent a layer is against the layers below it. As you can see, in this file, I have three layers, one background layer with solid gray color called BG and one layer on top of it with a star shape and these colorful boxes and finally, the top layer which contain a grayscale boxes.

Okay. Now if I select this layer, and then drag this opacity value You left and right, we can see layer will get more transparent as we drag the opacity to the left towards zero percent, and it will become more opaque as we drag the opacity slider to the right towards 100%. Now you need to understand that both opacity slider and the blending mode in here are contextual, meaning it shows the value of currently active layer. So if I make these layers opacity to around 50% Oh yes, besides dragging with your mouse cursor, you can also Hover your mouse on top of it without clicking and just scroll your mouse wheel. Or you can also input by typing the value directly through that you need to right click on it, then type 50 for example. Okay, now we have this layers opacity set to 50%.

Now notice if I Select this layer below it. The opacity slider shows 100%. If we select this layer again, it shows 50%. So again, these values will change based on whichever layer is currently active. Let's change this back to 100%. This pulldown list controls the blending mode of the active layer.

Okay, so what is exactly blending mode. Blending Mode is a mathematical algorithm which controls how colors blend between each other, or to be more precise between color in one layer with color on the layers below it. Blending Mode is a general term in computer graphic. It is a term not only applicable to creator, but it exists in almost every computer graphics software in the world. At least every software which allows you to do image composition. If you open the Layer Properties window by right clicking on a layer and then choose Properties in here, we can see that we can control the blending in the Properties panel also, just click Cancel for now.

Okay, when we see the word normal in here, this simply means the layer use the default blending mode, which basically block everything below it. If we click on this blending mode, pull down lists, as we can see, creator comes with so many blending modes and normal is just one of them. They are categorized in several sub lists in here. Now obviously we are not going to discuss all of them one by one in this video. That will be too long to cover. We are only going to discuss the six most commonly used blending modes and they are normal multiply screen, overly Color Dodge and lighten.

Okay, for the rest of the blending modes, you can simply test them one by one to see which one you like best. Okay, if we use the Move Tool and move this layer so that the grayscale boxes blocking the star and all the colorful boxes in here, it will just block everything out. This is the normal behavior of a layer which basically a full opaque image will block the visibility of images below it. And we call this blending mode as normal. Okay. Now what if we change the normal Blending Mode to Multiply?

When I move this on top of this star image or this colorful strip, it darkens it. So now we know that multiply blending mode darkens images below it. What's unique about multiply blending mode is White Collar will become pure transparent. black color however, will become fully opaque. So to recap, multiply blending mode will make everything below it visible but darker, Black will be fully opaque and white will be fully transparent and other color spectrum will follow the pattern, which is the darker the color, the more opaque it becomes. the brighter the color, the more transparent it becomes.

Usually, we use multiply blending mode to add shadows to our illustration. Now let's change the Blending Mode to Screen. screen is the opposite of multiply it lighten everything below it. As you already noticed in here, how it affects color below it. Screen blending mode makes black collar become fully transparent in white collar become fully opaque. We use screen blending mode mainly for adding glows or highlights to an image.

Next is overlay blending mode. The overlay blending mode is like the multiply and the screen combined together. So dark colors will have multiplier effect, which make everything below it darker, bright colors will have a screen effect which make everything below it brighter. The unique effect of overlay blending mode is that a perfect 50% gray color will become fully transparent as we can see in here. One strange behavior of overlay blending mode that I found is that if the colors below it are pure RGB colors, what I mean by that pure red color, pure blue color and pure green color, the current layers color will become transparent no matter what color you have on it. Usually, I use awfully blending mode for adding texture to the illustration and also for additional color correction process.

The last two blending modes are used a lot is lightened and Color Dodge. Both of these blending modes are still one family with screen, meaning they all make images below them become writer, but each of them has slightly different characteristic. I use lightened blending mode, mainly for adding fog effect or adding particles in the air. And I use Color Dodge for adding strong glowing effects on the illustration. Okay, guys, I think we cover enough information about blending modes. I suggest that you play around with them.

Just try to experiment with different kind of blending modes available and see what kind of artworks you can create by using them.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.