1
00:00:00,360 --> 00:00:00,850
‫Hey, there.

2
00:00:00,960 --> 00:00:01,590
‫Welcome back.

3
00:00:01,860 --> 00:00:08,610
‫Now in this lecture, the first thing I'm going to do is our no marks left to our sections at this point

4
00:00:08,610 --> 00:00:09,070
‫of time.

5
00:00:09,150 --> 00:00:13,600
‫This is taking the entire space which is available after this whole image.

6
00:00:13,620 --> 00:00:16,530
‫That means if there's images, maybe 20 pixels.

7
00:00:16,800 --> 00:00:20,850
‫So that means the remaining 80 pixel is taken by this whole section.

8
00:00:21,510 --> 00:00:22,980
‫It may add IMAX space.

9
00:00:23,700 --> 00:00:29,040
‫So here, if I jump in, this is going to be our section which is in cross-section.

10
00:00:29,040 --> 00:00:35,370
‫Or I should say this section basically entire section if I jump in and draw next.

11
00:00:36,540 --> 00:00:39,570
‫I want to find this on a close call with.

12
00:00:44,450 --> 00:00:52,490
‫And protect and head, I'm going to take out Maxwell, which is going to be 50 percent, save this one,

13
00:00:52,490 --> 00:00:58,940
‫and if I get back here, you can see now this is taking the 50 percent off the available space.

14
00:00:59,570 --> 00:01:03,620
‫That's the second thing we need to do is we need to make this image at the center.

15
00:01:03,920 --> 00:01:06,920
‫Also, I need to change the property for both of these.

16
00:01:06,920 --> 00:01:07,440
‫I don't.

17
00:01:08,710 --> 00:01:09,620
‫I get back here.

18
00:01:11,550 --> 00:01:13,020
‫For now, everything looks good.

19
00:01:13,200 --> 00:01:15,450
‫We just need to change certain elements.

20
00:01:17,280 --> 00:01:19,480
‫So it may provide a name to them.

21
00:01:19,570 --> 00:01:26,370
‫So for now, I'm going to have class, so this is going to be hard because you do, which is just one.

22
00:01:26,460 --> 00:01:28,770
‫And I'm going to call this as flawed.

23
00:01:29,670 --> 00:01:31,490
‫OK, which one is OK, this is?

24
00:01:31,500 --> 00:01:31,830
‫Yeah.

25
00:01:32,100 --> 00:01:34,020
‫So this is going to be flawed.

26
00:01:34,120 --> 00:01:34,400
‫What?

27
00:01:34,410 --> 00:01:37,080
‫I'm left and this is going to be flawed.

28
00:01:37,440 --> 00:01:38,040
‫Stop right.

29
00:01:38,460 --> 00:01:38,850
‫OK.

30
00:01:39,030 --> 00:01:39,390
‫Yeah.

31
00:01:41,610 --> 00:01:45,390
‫So this is going to be load bottom there.

32
00:01:46,140 --> 00:01:48,120
‫These are just random names that I'm giving.

33
00:01:49,200 --> 00:01:50,370
‫This is going to be.

34
00:01:51,400 --> 00:01:51,820
‫Lord.

35
00:01:53,190 --> 00:01:53,910
‫Stop right.

36
00:01:54,360 --> 00:01:57,780
‫And then here we have our big image, which is our banner.

37
00:01:57,920 --> 00:02:04,550
‫And I can call this as mean Namjoo, something like this, so I can contest the main bash, I imagine.

38
00:02:05,710 --> 00:02:06,610
‫Looks good to me.

39
00:02:07,920 --> 00:02:13,050
‫Now, since they will be on float, you can even if you want to arrange like this, things will work

40
00:02:13,050 --> 00:02:13,470
‫fine.

41
00:02:14,640 --> 00:02:21,630
‫Now, these podiums will be positioned abstract, so even if you want to arrange in a different manner,

42
00:02:21,630 --> 00:02:27,270
‫you can do that because at the end of the day, you need to provide top and bottom for them to have

43
00:02:27,270 --> 00:02:28,500
‫an exact position.

44
00:02:29,340 --> 00:02:31,710
‫What I mean by this if I scroll down here.

45
00:02:33,280 --> 00:02:38,530
‫And said, if I utilize this floor, I just need to utilize floor.

46
00:02:38,990 --> 00:02:41,240
‫And then there is bottom left.

47
00:02:41,630 --> 00:02:46,400
‫What I can do is I can see a position and I can say absolute.

48
00:02:47,930 --> 00:02:48,800
‫Save this one.

49
00:02:48,830 --> 00:02:49,610
‫Get back here.

50
00:02:51,440 --> 00:02:52,460
‫OK, that's gone.

51
00:02:52,490 --> 00:02:54,440
‫I need to provide some bottom.

52
00:02:55,590 --> 00:03:01,740
‫Since it's a bottomless pit, I can say a bottom, maybe on a picture, and then I can also provide

53
00:03:01,740 --> 00:03:04,950
‫left, maybe 50 bucks to save this one.

54
00:03:04,980 --> 00:03:05,730
‫Get back here.

55
00:03:06,720 --> 00:03:08,250
‫OK, so this is the item.

56
00:03:08,580 --> 00:03:14,370
‫Now the problem had, is this this correctly, the position of a stock should depend on patent.

57
00:03:14,700 --> 00:03:20,990
‫So what I need to do is whatever the patent or flawed vials, I need to make them relate to that.

58
00:03:20,990 --> 00:03:23,430
‫That's going to be in tremendous.

59
00:03:25,160 --> 00:03:32,690
‫So and if I jump back and go into images and head, I just need to select them as position relative,

60
00:03:32,840 --> 00:03:34,490
‫save this one and get back here.

61
00:03:34,910 --> 00:03:37,220
‫You can see this image is now floating here.

62
00:03:38,270 --> 00:03:40,130
‫I should add the correct position.

63
00:03:40,790 --> 00:03:45,140
‫I need to do something similar with the other image, so I'm going to go with.

64
00:03:46,410 --> 00:03:53,100
‫No doubt this is going to be top right and head, I just need to pass position, which is going to be

65
00:03:53,100 --> 00:03:57,550
‫absolute and the next thing is going to be about our top.

66
00:03:58,370 --> 00:04:01,020
‫So let's take all parts, maybe 50 percent.

67
00:04:02,500 --> 00:04:06,620
‫And then my right, which is going to be 50 bucks a.

68
00:04:09,610 --> 00:04:10,350
‫Save this one.

69
00:04:10,390 --> 00:04:11,110
‫Get back here.

70
00:04:11,440 --> 00:04:12,020
‫OK.

71
00:04:12,250 --> 00:04:12,880
‫Looks great.

72
00:04:13,180 --> 00:04:16,590
‫The problem currently we are facing is this image is not in.

73
00:04:17,980 --> 00:04:20,590
‫So what we need to do is we need to think that this image.

74
00:04:21,040 --> 00:04:22,540
‫There are few things that you can do.

75
00:04:22,570 --> 00:04:27,610
‫You can convert the image into blog and then you can make them margin auto.

76
00:04:28,520 --> 00:04:33,730
‫Now this sends this into images, which is there is a blog.

77
00:04:34,270 --> 00:04:38,590
‫What we can do is we can utilize margin auto.

78
00:04:40,410 --> 00:04:43,220
‫And this should bring all the content at the center.

79
00:04:43,920 --> 00:04:44,550
‫Looks good.

80
00:04:44,970 --> 00:04:48,360
‫Now here we can change the things, we can change the position.

81
00:04:48,360 --> 00:04:50,700
‫Currently, I think this is too much.

82
00:04:52,720 --> 00:04:54,520
‫We can change the left and right.

83
00:04:54,670 --> 00:04:59,410
‫So this is going to be bottom left, and I can say, maybe you can.

84
00:05:00,520 --> 00:05:03,340
‫If I get back here, you can see this is moving here.

85
00:05:03,970 --> 00:05:05,930
‫What we can do is we can inspect, right?

86
00:05:06,860 --> 00:05:12,760
‫If I select this image, which is bottom left and I can play with that, I can see where I need to move

87
00:05:12,760 --> 00:05:12,940
‫it.

88
00:05:13,510 --> 00:05:15,370
‫Totally depend on our requirements.

89
00:05:15,640 --> 00:05:21,670
‫Similarly, if I need to move this image, I can just selectively operate damage and then try to move

90
00:05:21,670 --> 00:05:22,450
‫it here and there.

91
00:05:24,270 --> 00:05:25,890
‫I hope you got the idea.

92
00:05:26,580 --> 00:05:31,290
‫So now all we need to do is select the correct position and then we can set these images.

93
00:05:31,830 --> 00:05:38,070
‫Now remember, even if I try to decrease or increase the size, that means squeeze them.

94
00:05:38,460 --> 00:05:43,170
‫These images are going to be spent in this building itself.

95
00:05:43,770 --> 00:05:48,600
‫Remember this point because of this relative awareness absolute relationship.

96
00:05:49,940 --> 00:05:54,590
‫OK, let me try to go with maybe zero and your hair, save this one.

97
00:05:54,810 --> 00:05:55,490
‫Get back.

98
00:05:55,820 --> 00:05:56,900
‫Try to refresh.

99
00:05:57,080 --> 00:05:57,590
‫OK.

100
00:06:00,600 --> 00:06:07,410
‫The other experiment, if you want, you can do is since currently we have added margin as auto because

101
00:06:07,410 --> 00:06:10,260
‫of this, we have a fixed ratio image.

102
00:06:10,800 --> 00:06:13,770
‫If you observe here, this image is empty.

103
00:06:14,130 --> 00:06:17,190
‫What I can do is I can provide way to this.

104
00:06:17,340 --> 00:06:22,500
‫Maybe I can say I removed this margin auto and I can say maybe it has.

105
00:06:23,490 --> 00:06:29,730
‫50 percent, something like this, they get back in now, the greatest 50 percent.

106
00:06:30,090 --> 00:06:32,730
‫Now I can arrange maybe this to center.

107
00:06:32,730 --> 00:06:37,920
‫All my items should be at center so I can text Align Center, save this one.

108
00:06:38,460 --> 00:06:41,490
‫Now you can see the images at the center also.

109
00:06:41,500 --> 00:06:46,380
‫Now this left or right will be counted from the border itself.

110
00:06:46,750 --> 00:06:50,670
‫So if I go here from this border itself, OK?

111
00:06:51,900 --> 00:06:58,230
‫Similarly for this, so currently, now I have a wealth of 50 percent, that's why I can do all these

112
00:06:58,230 --> 00:06:58,770
‫changes.

113
00:06:59,310 --> 00:07:00,690
‫Now let me change them.

114
00:07:01,170 --> 00:07:01,870
‫So let's go.

115
00:07:01,920 --> 00:07:03,590
‫This left ask depiction.

116
00:07:03,900 --> 00:07:06,110
‫And this writer's depiction?

117
00:07:07,050 --> 00:07:08,670
‫Send us on and get back here.

118
00:07:09,910 --> 00:07:10,660
‫Looks great.

119
00:07:11,140 --> 00:07:13,060
‫I hope you got the idea what we just did.

120
00:07:13,180 --> 00:07:15,820
‫We provided 50 percent to this.

121
00:07:16,060 --> 00:07:22,180
‫We provided 50 percent work to the other half and then we provided positions to them.

122
00:07:22,990 --> 00:07:23,720
‫Looks great.

123
00:07:23,740 --> 00:07:26,980
‫I need to add some top margin to define this difference.

124
00:07:27,340 --> 00:07:33,310
‫What I can do is I can jump on to this section part, which is going to be my section and head.

125
00:07:33,310 --> 00:07:34,720
‫I can provide some distance.

126
00:07:34,910 --> 00:07:40,930
‫OK, here's what I can do is maybe add something like margin, which is going to be seven.

127
00:07:43,310 --> 00:07:49,160
‫This will take care of top and bottom, then there will be left and right auto looks good to me.

128
00:07:51,150 --> 00:07:59,240
‫OK, now we have two choices, either we can complete these whole designs like animation acts and background

129
00:07:59,240 --> 00:08:04,600
‫that's floating image our effect or we can move on to the next section.

130
00:08:04,620 --> 00:08:08,220
‫That means this part depending on our aim.

131
00:08:08,580 --> 00:08:12,510
‫If this was my first project, I will move to the next part.

132
00:08:12,720 --> 00:08:18,240
‫But since we already have knowledge about CIUSSS, I strongly recommend let's complete this one because

133
00:08:18,240 --> 00:08:19,860
‫we can play with animations.

134
00:08:20,130 --> 00:08:25,920
‫We can play with how what effect we can play with before and after some transition, as well as some

135
00:08:25,920 --> 00:08:29,080
‫background image since we already have information.

136
00:08:29,100 --> 00:08:31,080
‫I think we should experiment with these.

137
00:08:31,530 --> 00:08:35,010
‫Otherwise, if this was your first project, I'm going to scroll down.

138
00:08:35,460 --> 00:08:38,670
‫So let's continue and play with the animation part.

139
00:08:39,270 --> 00:08:40,740
‫I hope this lecture was helpful.

140
00:08:40,800 --> 00:08:43,710
‫Thank you for calling and I see you guys in the next one.