Chaining Multiple Filters

4 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$49.99
List Price:  $69.99
You save:  $20
€46.73
List Price:  €65.43
You save:  €18.69
£39.55
List Price:  £55.38
You save:  £15.82
CA$68.39
List Price:  CA$95.75
You save:  CA$27.36
A$76.50
List Price:  A$107.11
You save:  A$30.60
S$68.11
List Price:  S$95.36
You save:  S$27.25
HK$391.33
List Price:  HK$547.90
You save:  HK$156.56
CHF 45.19
List Price:  CHF 63.27
You save:  CHF 18.08
NOK kr551.82
List Price:  NOK kr772.60
You save:  NOK kr220.77
DKK kr348.47
List Price:  DKK kr487.88
You save:  DKK kr139.41
NZ$84.17
List Price:  NZ$117.84
You save:  NZ$33.67
د.إ183.60
List Price:  د.إ257.06
You save:  د.إ73.45
৳5,499.99
List Price:  ৳7,700.43
You save:  ৳2,200.43
₹4,169.28
List Price:  ₹5,837.33
You save:  ₹1,668.04
RM238.32
List Price:  RM333.67
You save:  RM95.35
₦66,060.50
List Price:  ₦92,489.99
You save:  ₦26,429.48
₨13,951.51
List Price:  ₨19,533.24
You save:  ₨5,581.72
฿1,848.80
List Price:  ฿2,588.46
You save:  ฿739.66
₺1,625.07
List Price:  ₺2,275.23
You save:  ₺650.15
B$255.76
List Price:  B$358.08
You save:  B$102.32
R938.81
List Price:  R1,314.42
You save:  R375.60
Лв91.38
List Price:  Лв127.95
You save:  Лв36.56
₩68,890.62
List Price:  ₩96,452.39
You save:  ₩27,561.76
₪190.87
List Price:  ₪267.23
You save:  ₪76.36
₱2,881.72
List Price:  ₱4,034.64
You save:  ₱1,152.92
¥7,903.16
List Price:  ¥11,065.06
You save:  ¥3,161.90
MX$857.83
List Price:  MX$1,201.03
You save:  MX$343.20
QR182.72
List Price:  QR255.83
You save:  QR73.10
P689.81
List Price:  P965.79
You save:  P275.98
KSh6,639.79
List Price:  KSh9,296.24
You save:  KSh2,656.45
E£2,392.59
List Price:  E£3,349.82
You save:  E£957.23
ብር2,876.01
List Price:  ብር4,026.64
You save:  ብር1,150.63
Kz41,694.65
List Price:  Kz58,375.85
You save:  Kz16,681.20
CLP$47,588.94
List Price:  CLP$66,628.33
You save:  CLP$19,039.38
CN¥362.20
List Price:  CN¥507.11
You save:  CN¥144.91
RD$2,937.78
List Price:  RD$4,113.13
You save:  RD$1,175.34
DA6,709.29
List Price:  DA9,393.54
You save:  DA2,684.25
FJ$113.10
List Price:  FJ$158.35
You save:  FJ$45.25
Q389.77
List Price:  Q545.71
You save:  Q155.94
GY$10,484.28
List Price:  GY$14,678.83
You save:  GY$4,194.55
ISK kr7,005.56
List Price:  ISK kr9,808.34
You save:  ISK kr2,802.78
DH506.20
List Price:  DH708.72
You save:  DH202.52
L888.32
List Price:  L1,243.72
You save:  L355.39
ден2,874.95
List Price:  ден4,025.16
You save:  ден1,150.21
MOP$404.09
List Price:  MOP$565.76
You save:  MOP$161.67
N$945.52
List Price:  N$1,323.80
You save:  N$378.28
C$1,844.23
List Price:  C$2,582.07
You save:  C$737.84
रु6,681.04
List Price:  रु9,353.99
You save:  रु2,672.95
S/188.25
List Price:  S/263.57
You save:  S/75.31
K193.43
List Price:  K270.82
You save:  K77.39
SAR187.48
List Price:  SAR262.49
You save:  SAR75
ZK1,328
List Price:  ZK1,859.31
You save:  ZK531.30
L232.80
List Price:  L325.94
You save:  L93.14
Kč1,174.50
List Price:  Kč1,644.39
You save:  Kč469.89
Ft18,330.20
List Price:  Ft25,663.75
You save:  Ft7,333.54
SEK kr544.35
List Price:  SEK kr762.14
You save:  SEK kr217.78
ARS$43,786.41
List Price:  ARS$61,304.48
You save:  ARS$17,518.06
Bs347.54
List Price:  Bs486.59
You save:  Bs139.04
COP$198,222.27
List Price:  COP$277,527.04
You save:  COP$79,304.77
₡25,463.28
List Price:  ₡35,650.64
You save:  ₡10,187.35
L1,237.47
List Price:  L1,732.56
You save:  L495.08
₲373,144.52
List Price:  ₲522,432.19
You save:  ₲149,287.66
$U1,931.55
List Price:  $U2,704.33
You save:  $U772.77
zł201.47
List Price:  zł282.07
You save:  zł80.60
Already have an account? Log In

Transcript

So this movie is going to be very special movie, because in this movie, I'm going to show you that how you can combine multiple filters together in order to create more complex visual effect. So let me show you what I mean. So this is the original image. And if you see this image, now this image has a two filter applied on it. The first one is deception effect. And the second one is this drop shadow effect.

And if any of you see this a 30 minute, well, this image has four filter applied to it, the grayscale, the contrast, brightness, and drop shadow. So yeah, you can combine multiple filters to create more complex visual effect. So let me just show you the code here, because we will definitely going to dig deep into coding and citizen action. But first, let me just give you the idea how it's look. So this is our filter property. And we have this one filter, which is separate.

Then we have this whitespace and then contrast and then again, whitespace, and then this drop shadow. So this is how you can combine multiple filter together in order to create more Complex effect, but you need to make sure that all filters are whitespace separated. So let me just go to my greater way and show you this code in action. So here I am on my equator. And this is the last two images we're going to work on which have a class of image two and Ms three, so let me just go to Filter, and let's target image two. So now image Oh, I'm gonna use this filter property.

And then we have this grayscale filter. And I don't like these characters. So you'll see that now this second image is going to be completely gray. But now if I want to apply more effect, let's say I'm going to add here more contrast. So now you see that it's looked like this, it's not have more contrast. I'm gonna put here contrast.

So contrast is going to be is 300%. And you see that I have separated with this whitespace. Now if I go here, you'll see that we have this defect, but we also have this 300% contrast, which is a lot. So let's make it 200% so it's going to be doing now this image has to filter, the grayscale and the contrast If you want to add more brightness, you can put the space and then you can simply see our brightness. And let's make it 1.5%. Right, which is 150%.

And figure here, you see that now this image has three filter, the grayscale, the contrast and the brightness. So let me just go here. And actually, let me just get rid of it because it's crazy look, you know, boring. But what I can do right now is there let me just go to this image third, and also have a filter. And here I want to rotate, it's a hue color, let's say 120 degree. So nothing here you see that now I have applied 120 degree shooter red color, so I want to be a little bit brighter.

So let me add this right in here. So you know brightness is going to be 1.5% which is 150%. You see that now we have this 150% brightness, which looks nice. And then I also have drop shadows. So what I'll do here is going to be a drop shadow. So let's add drop shadow here.

And now this time I want three pixels to be horizontal, or four pixel is going To be vertical, then we need a blood spread here, which is going to be 10 pixels. And the color I want here is going to be called. Now I just to save it and figure here, you see that now we have this gold strop shadow around this image, which is crazy, right? So we have this hero date, then we have brightness. And then we have drop shadow. This is the way you can create online photo editing app, you can create some kind of a slider where it is a slide to just adjust, rotate, brightness, contrast, blur, and so on.

Let me just show you. If I go to this here, you see this is a canvas application. And if I go to this edge here, you see there's a brightness, contrast saturations. There's also blur, right? So you see if I added contrast, you see my image right, I'm adding a lot of contrast I see the contrast and I'm gonna add to add this saturation, you see has an a look and if I want to add brightness, well this is how I can add brightness. So yeah, this camera photo editor is a great example of this applying multiple filter together.

In order to create a more complex effect so that's it for this movie. Thanks for watching.

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.