1 00:00:00,580 --> 00:00:02,410 Hello, everyone, and welcome back. 2 00:00:03,370 --> 00:00:07,270 In today's video, we will learn how to design gradients in CSX. 3 00:00:07,780 --> 00:00:09,910 Let's start with what is gradient. 4 00:00:10,750 --> 00:00:13,570 It is a smooth transition between two or more colors. 5 00:00:14,620 --> 00:00:16,920 There are two types of gradients on CSX. 6 00:00:17,750 --> 00:00:22,450 First, linear gradient and second, radiate redeemed. 7 00:00:23,080 --> 00:00:25,010 Let's start with linear reading first. 8 00:00:26,160 --> 00:00:28,850 In the lenient grading, the Ghaleb transition is linear. 9 00:00:29,040 --> 00:00:32,560 I guess it can go either up, down, left, right or diagonal. 10 00:00:33,630 --> 00:00:34,170 Let's try it. 11 00:00:34,210 --> 00:00:35,970 Unexampled to understand a bit of. 12 00:00:37,440 --> 00:00:38,970 Let's create a dive here. 13 00:00:39,090 --> 00:00:40,260 Let's give it an I.D.. 14 00:00:40,800 --> 00:00:42,140 Say div one. 15 00:00:43,680 --> 00:00:45,400 Let's create two motives. 16 00:00:46,880 --> 00:00:47,790 Two on three. 17 00:00:48,750 --> 00:00:51,480 So coming here, let's try using this. 18 00:00:51,510 --> 00:00:51,820 Dave? 19 00:00:55,300 --> 00:00:56,860 Let's give it the Red Sea. 20 00:00:56,930 --> 00:00:57,890 Hundred percent. 21 00:00:57,970 --> 00:01:01,260 Let's give it to high sea exits. 22 00:01:01,960 --> 00:01:02,560 Let's save it. 23 00:01:03,220 --> 00:01:04,440 Let's bring a with it to. 24 00:01:06,780 --> 00:01:09,610 And let's run this with lifeSo. 25 00:01:13,990 --> 00:01:17,440 Now, to give it a gradient, we can use the back down property. 26 00:01:18,190 --> 00:01:22,990 So let's just use background and to give it a great value. 27 00:01:23,010 --> 00:01:27,850 We will have to use media agreed to because we are designed billionaire driven right now. 28 00:01:28,810 --> 00:01:33,090 So this living, breathing method, it accepts at least three botto meters. 29 00:01:33,760 --> 00:01:35,220 So the first one is detection. 30 00:01:35,620 --> 00:01:36,640 So let's say. 31 00:01:39,750 --> 00:01:40,070 Right. 32 00:01:40,460 --> 00:01:44,470 So we want everything to flow from left to right. 33 00:01:44,980 --> 00:01:48,480 Then the next one is first color or the starting gate. 34 00:01:49,240 --> 00:01:54,070 Let's say F eight, six, nine, unbe five. 35 00:01:55,890 --> 00:01:58,520 Come up and let's give them a second or that ending. 36 00:01:59,550 --> 00:02:00,200 So harsh. 37 00:02:00,300 --> 00:02:01,780 Five, six, five, zero. 38 00:02:01,970 --> 00:02:02,350 And d. 39 00:02:02,580 --> 00:02:02,900 E. 40 00:02:05,020 --> 00:02:05,510 Let's save it. 41 00:02:07,090 --> 00:02:13,420 And as you can see here, we've got this great game with stocks from other Benkler in Stuart Blueish 42 00:02:13,440 --> 00:02:14,340 for balance sheet. 43 00:02:14,730 --> 00:02:16,750 And this is not half bank in half. 44 00:02:16,890 --> 00:02:18,750 But look, it is like a smooth transition. 45 00:02:18,770 --> 00:02:19,670 It goes from bank. 46 00:02:19,740 --> 00:02:22,830 So we've got a 100 percent bank here. 47 00:02:22,880 --> 00:02:24,860 And it keeps blending with bubble. 48 00:02:25,330 --> 00:02:28,180 Well, here it's half and half, but it's smooth. 49 00:02:28,200 --> 00:02:30,960 It's not a very sharp transition. 50 00:02:31,290 --> 00:02:36,390 And then as you move into it's the right, you get this blue collar. 51 00:02:37,050 --> 00:02:41,430 So this was linear on the direction was right. 52 00:02:41,970 --> 00:02:43,500 Let's try something different. 53 00:02:44,170 --> 00:02:46,290 So let's use our other live. 54 00:02:47,600 --> 00:02:53,050 Let's say live do, let's just copy all this and let's face it here. 55 00:02:54,270 --> 00:02:56,160 So instead of doing right, we can give. 56 00:02:57,770 --> 00:02:58,820 The anger at Israel. 57 00:02:59,150 --> 00:03:02,480 So we have to give ongoing degrees, let's say 45 degrees. 58 00:03:03,350 --> 00:03:03,890 Let's save it. 59 00:03:05,030 --> 00:03:11,050 As you can see, it's not very clear that the great aid is going diagonally to 45 degrees. 60 00:03:11,920 --> 00:03:13,910 Just just because the wind is too high. 61 00:03:14,510 --> 00:03:16,640 So let's reduce this, let's say, on suits. 62 00:03:17,390 --> 00:03:24,590 And as you can see here, this grading is going from pink to purple, 45 degrees diagonally. 63 00:03:25,250 --> 00:03:29,060 Let's give it a margin up just for a bit of separation. 64 00:03:29,120 --> 00:03:30,640 That's a 48 pixels. 65 00:03:31,310 --> 00:03:31,740 All right. 66 00:03:32,510 --> 00:03:36,620 Similarly, you can change it to anything else you want. 67 00:03:36,770 --> 00:03:38,660 Let's say there are three. 68 00:03:42,270 --> 00:03:47,010 Just base to two, sort of 45 degree, you can have 90 degrees as well. 69 00:03:48,530 --> 00:03:50,740 Ah, see, a hundred and eighty degrees. 70 00:03:54,430 --> 00:03:56,440 And as you can see, it's moving from top to bottom. 71 00:03:56,470 --> 00:03:59,770 So we've got this pink on the top, on blue at the bottom. 72 00:04:00,190 --> 00:04:01,720 So just give it a try. 73 00:04:01,750 --> 00:04:05,680 Use different angles, different colors and design ingredients that you like. 74 00:04:06,490 --> 00:04:11,060 So moving on to the next one, which is radial gradient ingredient. 75 00:04:11,090 --> 00:04:11,370 Great. 76 00:04:11,430 --> 00:04:16,360 In the other, transition is so good, it looks like range of different colors. 77 00:04:16,960 --> 00:04:18,930 Let's try an example to understand that. 78 00:04:21,910 --> 00:04:23,830 Well, let's just go with this one. 79 00:04:25,550 --> 00:04:28,430 Find all these and let's face this here. 80 00:04:31,040 --> 00:04:33,230 Let's change the word to say 100 percent. 81 00:04:34,070 --> 00:04:38,690 I pixels, pixels, and now instead of leaning ingredient, we will be using. 82 00:04:40,130 --> 00:04:42,180 Radial gradient, so let's add that. 83 00:04:42,710 --> 00:04:45,380 So we do a breeding function right now. 84 00:04:45,430 --> 00:04:46,770 Let's just do it Tupelo's. 85 00:04:47,270 --> 00:04:51,110 So let's say four eight, six, nine, five. 86 00:04:52,580 --> 00:04:57,220 And the second color, five six five zero and DP. 87 00:04:58,520 --> 00:05:05,330 That's later, and as you can see, there's this electical sort of structure in the center and it's 88 00:05:05,330 --> 00:05:12,120 feeding outside and do so by default, it takes this electrical shoot, but we can change it to. 89 00:05:13,550 --> 00:05:17,840 So for that, we can add another BOTTOMLY to human, say, Soko. 90 00:05:18,030 --> 00:05:18,700 That's a lot. 91 00:05:19,730 --> 00:05:26,480 Now, as you can see, the Greenan is circular, but it feeds all the way to the farthest edge we can. 92 00:05:26,480 --> 00:05:33,730 Explicitly declared the position of having to ensure that the front end by the closest edge or the closest 93 00:05:33,750 --> 00:05:34,190 Sayam. 94 00:05:35,320 --> 00:05:35,990 So let's try. 95 00:05:37,330 --> 00:05:42,870 So right after circlet, just give it a space and wait closest, save it. 96 00:05:42,880 --> 00:05:43,300 Save it. 97 00:05:43,960 --> 00:05:48,580 Now, as you can see, we've got this so good in the middle of the screen. 98 00:05:49,060 --> 00:05:50,750 It also accepts three more of these. 99 00:05:51,250 --> 00:05:52,570 So it sort of closes. 100 00:05:52,620 --> 00:05:53,200 You can have. 101 00:05:54,510 --> 00:05:55,310 For this site. 102 00:05:56,040 --> 00:06:00,840 And as you can see, organics is crashing and feeding to us the edges. 103 00:06:03,600 --> 00:06:10,110 Similarly, we can have the farthest corner, as you can see, it looks pretty much the same. 104 00:06:12,990 --> 00:06:16,690 And then you've got closest to Gordon Taylor. 105 00:06:17,340 --> 00:06:19,380 And as you can see, it looks pretty much the same. 106 00:06:19,890 --> 00:06:26,130 And the reason these rallies aren't making any difference is because the weather is a hundred percent. 107 00:06:26,640 --> 00:06:29,080 It's pretty big and a gradient. 108 00:06:29,520 --> 00:06:30,900 It's starting from the center. 109 00:06:31,440 --> 00:06:37,830 So by the time it reaches the edges, it feeds or by the time it reaches the Gardiners, it feeds. 110 00:06:38,280 --> 00:06:42,940 So let's stretching the wind first since, you know, coming back under closing, let's say, doing 111 00:06:42,950 --> 00:06:43,400 a big. 112 00:06:44,490 --> 00:06:46,930 Similarly for this one, Vixen's David. 113 00:06:47,700 --> 00:06:50,400 And as you can see, this is how the tools are scoring. 114 00:06:51,300 --> 00:06:52,770 So let's starching do. 115 00:06:54,410 --> 00:06:55,530 For this golden. 116 00:06:56,830 --> 00:06:59,560 That charging you do for this side. 117 00:07:01,170 --> 00:07:03,810 That's starting to close this site. 118 00:07:06,000 --> 00:07:07,680 Now, let's try changing the position. 119 00:07:07,970 --> 00:07:10,290 Some sort of disclosers and protest site. 120 00:07:14,070 --> 00:07:14,550 That's right. 121 00:07:14,700 --> 00:07:15,000 OK. 122 00:07:15,780 --> 00:07:16,900 So we specified that. 123 00:07:17,400 --> 00:07:19,710 So I saved up left. 124 00:07:19,890 --> 00:07:20,440 Let's save it. 125 00:07:21,430 --> 00:07:25,440 Now, as I can see, the center of our greeting is on the top left corner. 126 00:07:25,980 --> 00:07:28,890 Similarly, say we wanted it to be up top. 127 00:07:28,890 --> 00:07:29,280 Right. 128 00:07:29,520 --> 00:07:32,690 So we got to change it to duplicate this. 129 00:07:33,660 --> 00:07:34,650 That's all for today, guys. 130 00:07:35,010 --> 00:07:36,990 If there's something that you did not understand. 131 00:07:37,280 --> 00:07:39,620 Feel free to drop a comment and we will discuss it. 132 00:07:40,800 --> 00:07:42,930 So you in the next video by Undig.