1
00:00:00,330 --> 00:00:05,070
In this video, we're going to look at split screen effects now, they're a bit old fashioned, but

2
00:00:05,070 --> 00:00:09,210
there's some of my favorite effect and you can still see them done in music videos today.

3
00:00:09,420 --> 00:00:15,810
And that of you as old as me, you might even remember them from the 1980s and the 1990s, really popular

4
00:00:15,810 --> 00:00:18,420
in starting credits to TV shows and films.

5
00:00:18,750 --> 00:00:23,430
Now, doing a split screen is actually quite easy because all you're doing is overlaying three clips

6
00:00:23,820 --> 00:00:25,660
on top of an original clip.

7
00:00:25,680 --> 00:00:29,490
So here we've got our slow motion wave, which kind of just goes on and on here.

8
00:00:29,910 --> 00:00:31,080
And then what we've done is we've.

9
00:00:31,380 --> 00:00:35,280
Right clicked and added a new video track three times.

10
00:00:35,280 --> 00:00:41,460
So we've got the one, two, three as our brand new video tracks and V4, which was our original video

11
00:00:41,460 --> 00:00:41,810
track.

12
00:00:42,240 --> 00:00:47,970
And then what we do is we just place our videos, the bottom one being slightly longer than the next

13
00:00:47,970 --> 00:00:50,400
one, and that one slightly longer than the one on top.

14
00:00:50,860 --> 00:00:58,230
So the effect you get as it plays is that you get one clip on top of another clip on top.

15
00:00:59,930 --> 00:01:07,190
So the effect we get is basically one videoclip will turn up on top and next to it will be another one.

16
00:01:08,550 --> 00:01:12,460
And then lastly, the final third will be kind of taken care of there.

17
00:01:12,900 --> 00:01:14,010
So how do we do this?

18
00:01:14,010 --> 00:01:15,850
Let's go through it really quickly.

19
00:01:16,020 --> 00:01:20,160
My original clip is just this slow motion wave, so let's bring that back over here.

20
00:01:20,430 --> 00:01:25,500
So if I was to play, it's just going to play like that now for my three overlay clips.

21
00:01:25,500 --> 00:01:27,010
I've already marked the Internet.

22
00:01:27,050 --> 00:01:31,920
Now, if you don't know what I'm talking about with ins and outs and adding video tracks and things

23
00:01:31,920 --> 00:01:37,590
like that, it's really important that you go back and watch BASIX one and basically two of my Lightworkers

24
00:01:37,590 --> 00:01:41,070
series with that kind of get you up to speed with what I'm doing.

25
00:01:41,430 --> 00:01:41,850
So.

26
00:01:43,250 --> 00:01:48,020
My three clips, which are my leaves, my cherry blossoms and my clouds, I have already marked the

27
00:01:48,020 --> 00:01:48,580
ins and outs.

28
00:01:48,590 --> 00:01:52,220
I'm going to pick up the leaves and I'm just going to place it somewhere on the time line there.

29
00:01:53,130 --> 00:01:57,170
I'm going to pick up the cherry blossoms and I'm going to put them there.

30
00:01:58,220 --> 00:02:01,760
And then the clouds, I'm going to put them there, you can see that I've marked the ins and outs quite

31
00:02:01,760 --> 00:02:02,090
well.

32
00:02:02,870 --> 00:02:06,140
I already see that there's a bit of a mistake with the cherry blossoms.

33
00:02:06,140 --> 00:02:08,550
It's a little bit shorter than it should be.

34
00:02:08,570 --> 00:02:13,640
So what I'm going to do, first of all, is just disable all tracks like that.

35
00:02:13,640 --> 00:02:15,600
I'm going to move it to roughly where it should be.

36
00:02:15,600 --> 00:02:16,910
It should be there.

37
00:02:17,330 --> 00:02:23,220
Or so I'm just going to make it slightly longer just by pulling the end of them.

38
00:02:23,270 --> 00:02:25,830
And let's bring back our video tracks like this.

39
00:02:26,270 --> 00:02:30,860
So what we've got is the same effect as before, but with one big difference.

40
00:02:30,890 --> 00:02:37,730
You can see now that my clips, rather than being one third of the screen like they were here, they're

41
00:02:37,730 --> 00:02:39,320
actually taking up the whole screen.

42
00:02:39,540 --> 00:02:42,070
That's because I haven't actually done anything to them yet.

43
00:02:42,530 --> 00:02:44,870
So let's move directly to the VFX.

44
00:02:45,050 --> 00:02:46,760
You can see our clips are already there.

45
00:02:46,760 --> 00:02:49,160
They kind of lined up exactly the way they should be.

46
00:02:49,400 --> 00:02:50,210
And let's add.

47
00:02:51,110 --> 00:02:56,990
Our DVD, what we're going to do is we're just going to add a DVD to each one, which is a 2D, we were

48
00:02:56,990 --> 00:02:59,420
going to put that on the leaves, dancing one.

49
00:02:59,450 --> 00:03:03,370
And what we're going to do is we're going to cut the right hand side.

50
00:03:03,380 --> 00:03:07,210
We need to cut 66 percent off the right hand side.

51
00:03:07,260 --> 00:03:08,330
Let's go to the crop.

52
00:03:08,820 --> 00:03:09,850
Let's go to the right.

53
00:03:09,980 --> 00:03:15,560
And you can see I'm already cutting it way easier if I just type in sixty six point sixty six like so.

54
00:03:16,370 --> 00:03:18,710
And that's basically cut off the right hand side over there.

55
00:03:19,550 --> 00:03:25,370
I'm going to now move the play had forward to the cherry blossoms that, of course, taking the whole

56
00:03:25,370 --> 00:03:25,850
screen.

57
00:03:26,780 --> 00:03:28,910
I'm going to add a two divi to that.

58
00:03:30,770 --> 00:03:35,880
And what I'm going to do is cut off 33 percent from this side and 33 percent from this side.

59
00:03:35,900 --> 00:03:41,120
In other words, I'm cutting both the left and the right off, so I'm going to go thirty three point

60
00:03:41,150 --> 00:03:47,180
three, three on the left hand side and thirty three point thirty three on the right hand side.

61
00:03:47,780 --> 00:03:49,730
Therefore, I've only got the middle third left.

62
00:03:50,330 --> 00:03:52,250
And lastly, let's put a DVD.

63
00:03:53,520 --> 00:03:54,450
On the clouds.

64
00:03:56,300 --> 00:04:02,870
And I'm going to crop that on the left, I'm going to crop it sixty six point six percent and what you've

65
00:04:02,870 --> 00:04:07,790
got is a perfect one third, one third, one third kind of situation going on here.

66
00:04:08,180 --> 00:04:09,980
So really quickly, we've created.

67
00:04:10,870 --> 00:04:16,930
The same effect that we had before, which is basically the pictures kind of come in and take up their

68
00:04:16,930 --> 00:04:17,920
space on the screen.

69
00:04:18,130 --> 00:04:23,770
Now, it might be worth noting, those of you who have not done multiple video tracks, when you put

70
00:04:23,770 --> 00:04:30,220
DVD on multiple video tracks, they turn up here as tabs just so that you don't get confused with what

71
00:04:30,220 --> 00:04:30,870
you're looking at.

72
00:04:31,120 --> 00:04:39,580
If the play head is only on the original channel or the VFX disappear as soon as you move it onto anything

73
00:04:39,580 --> 00:04:41,200
with the VFX, it appears here.

74
00:04:41,920 --> 00:04:46,720
When we move it to the next one, you will see that we have to inventory and obviously they correspond

75
00:04:46,720 --> 00:04:48,390
to V to victory over here.

76
00:04:48,850 --> 00:04:53,650
So if you're looking for your VFX and you can't see them here, that means you play head is somewhere

77
00:04:53,650 --> 00:04:56,320
else and the VFX isn't actually there yet.

78
00:04:56,650 --> 00:04:58,750
That's I know that confuses a lot of people.

79
00:04:59,020 --> 00:05:04,720
So if we now go back to our edit, we've actually just recreated the effect that we had at the start,

80
00:05:04,720 --> 00:05:05,920
which is a really cool effect.

81
00:05:06,530 --> 00:05:07,390
Let's just bring that back.

82
00:05:07,390 --> 00:05:12,280
So all we've done is recreate this starting again over here.

83
00:05:12,460 --> 00:05:18,820
So I would like to take this to the next level and animate the entrances of those leaves, the cherry

84
00:05:18,820 --> 00:05:22,680
blossoms and the cloud, which is going to make the effect so much better.

85
00:05:23,110 --> 00:05:24,320
So let's get on with that one.

86
00:05:24,340 --> 00:05:26,980
So what we're going to do, let's go back to our VFX.

87
00:05:27,790 --> 00:05:29,980
Let's make sure that we're on the correct one.

88
00:05:30,210 --> 00:05:31,210
We're on the correct one.

89
00:05:32,080 --> 00:05:37,930
And what I need to do now is not only is the crop going to be there, I'm also going to animate the

90
00:05:37,930 --> 00:05:38,590
position.

91
00:05:38,860 --> 00:05:43,810
Now, we've covered animation before in one of our videos, but we're going to go into a lot more detail

92
00:05:43,810 --> 00:05:44,500
right now.

93
00:05:44,860 --> 00:05:49,750
So what we're going to do is the following using arrow keys were just going to move the play hit until

94
00:05:49,750 --> 00:05:52,870
we get to the first frame, which is that one there.

95
00:05:53,320 --> 00:05:58,000
We're going to get to the first frame and we are going to move.

96
00:05:58,830 --> 00:06:03,470
How leaves just out of the screen just so that they're disappeared there?

97
00:06:03,490 --> 00:06:08,850
So that's one point five one, I'm going to remember that what I'm going to do is click on the clock,

98
00:06:09,210 --> 00:06:11,760
which starts the keyframes.

99
00:06:12,030 --> 00:06:17,190
Now, some of you will have noticed that as soon as I click the clock, I got a little diamond appearing

100
00:06:17,190 --> 00:06:19,250
in the KeyFrames panel over here.

101
00:06:19,440 --> 00:06:20,940
This is going to be very important.

102
00:06:21,240 --> 00:06:23,460
And with my arrow keys, I'm just going to move it.

103
00:06:23,670 --> 00:06:28,140
One, two, three, four, five, six, seven, eight frames forward.

104
00:06:28,470 --> 00:06:31,200
And what I'm going to do is add a new key frame here.

105
00:06:33,600 --> 00:06:39,720
And position my clip all the way down to zero point five, which means it's in its original position.

106
00:06:39,730 --> 00:06:46,530
So one really annoying thing that you're going to notice now, just disabled those two, is that when

107
00:06:46,530 --> 00:06:50,810
it comes in, it immediately bounces and tries to go back from where it started.

108
00:06:50,820 --> 00:06:54,930
It's one of those really frustrating things about Lightworkers.

109
00:06:55,560 --> 00:07:02,670
Easy way to fix this is simply to forward your clip all the way to the end like so.

110
00:07:04,360 --> 00:07:11,320
And move your clip back to where it was and you'll notice that it now stays exactly where it should

111
00:07:11,320 --> 00:07:11,490
be.

112
00:07:11,580 --> 00:07:15,430
It's as I said, it's one of those really annoying things about light works, which you really can't

113
00:07:15,430 --> 00:07:16,210
do anything about.

114
00:07:16,570 --> 00:07:19,840
I'll take a slightly different approach with video, too.

115
00:07:20,000 --> 00:07:23,530
As you can now see, this animation is going to come in like so.

116
00:07:23,890 --> 00:07:29,050
And we're going to put a similar animation for clip number two, which is the cherry blossoms.

117
00:07:29,350 --> 00:07:34,180
So we're going to do exactly as we did before, which is we're going to position them off the screen.

118
00:07:36,450 --> 00:07:38,580
Like, so we're going to.

119
00:07:41,260 --> 00:07:43,810
Go to the first frame of that animation there.

120
00:07:45,520 --> 00:07:51,280
Remember to double check which video track you're looking at in this case, I'm on V2, so I must be

121
00:07:51,280 --> 00:07:51,600
there.

122
00:07:52,860 --> 00:07:56,250
Let's take it look, first frame, I'm going to click on the.

123
00:07:58,320 --> 00:08:06,510
Keyframe of the clock symbol there to get a keyframe, I'm going to say one, two, three, four, five,

124
00:08:06,750 --> 00:08:11,460
six, seven, eight, again, eight frames you might be able to see.

125
00:08:11,460 --> 00:08:13,260
My laptop's lagging a bit here.

126
00:08:13,270 --> 00:08:16,020
This is actually quite hard for most computers to do.

127
00:08:16,330 --> 00:08:18,120
I'm going to click on the key frame again.

128
00:08:19,500 --> 00:08:26,850
Like, so I'm going to position my clip at zero point five, precisely so that it's exactly where I

129
00:08:26,850 --> 00:08:31,530
want it to be, and this time around, I'm going to show you a slightly different way of doing it,

130
00:08:31,830 --> 00:08:33,020
which is going to the graphs.

131
00:08:33,030 --> 00:08:36,660
So if we go to the graphs, you can see that for my video clip.

132
00:08:36,660 --> 00:08:42,180
It starts all the way up at one point, five drops down to zero point five, which is where we are right

133
00:08:42,180 --> 00:08:42,500
now.

134
00:08:43,020 --> 00:08:48,510
And then for the rest of the clip, it actually tries to go back to where it came from, which is.

135
00:08:49,910 --> 00:08:52,190
One point five, now, that's not what we want.

136
00:08:52,610 --> 00:08:54,650
So what we can do is just manually.

137
00:08:56,520 --> 00:08:57,120
Pick up.

138
00:08:58,570 --> 00:09:02,300
And drag that down to zero point five somewhere around there.

139
00:09:02,680 --> 00:09:06,310
Let's say let's just move that clip forward and see that we manage to get it.

140
00:09:08,780 --> 00:09:09,710
So let's have a look.

141
00:09:13,750 --> 00:09:17,860
Yeah, that's pretty good, and let's do the last one, which is, again, we're going to go to the

142
00:09:17,860 --> 00:09:23,880
V one like so so let's make sure we're on VH1 and VH1 DVD.

143
00:09:23,920 --> 00:09:26,920
We're going to go to the first frame again like so.

144
00:09:31,550 --> 00:09:33,830
The one we're going to.

145
00:09:35,460 --> 00:09:37,200
Move our clip of the screen.

146
00:09:38,560 --> 00:09:45,520
Just there, we're going to click the clock, making sure that first grade starts, lets forward it

147
00:09:45,520 --> 00:09:52,720
by eight frames one, two, three, four, five, six, seven, eight.

148
00:09:53,410 --> 00:09:55,420
Just let my computer catch up with itself.

149
00:10:00,060 --> 00:10:03,030
It's good going to add another keyframe.

150
00:10:04,270 --> 00:10:09,700
We're going to bring it back down to zero point five, like so go to my Graff's.

151
00:10:10,570 --> 00:10:11,710
And just drag.

152
00:10:12,970 --> 00:10:17,590
That down there, until it's level like so if we have a look at this animation now, let's see how it

153
00:10:17,590 --> 00:10:18,030
looks.

154
00:10:21,670 --> 00:10:27,430
I think you'll agree that looks pretty good and can kind of add a really nice touch to a video you're

155
00:10:27,430 --> 00:10:30,310
making, so I'm just going to show you a comparison of the two.

156
00:10:31,960 --> 00:10:37,780
Go back to our edit, you can see zoom out, you can see that we've got two approaches there to a split

157
00:10:37,780 --> 00:10:40,120
screen kind of effect, the first one.

158
00:10:42,160 --> 00:10:44,560
Make the screen bigger, the first one you'll see.

159
00:10:48,120 --> 00:10:49,330
Has a really nice touch.

160
00:10:49,360 --> 00:10:52,080
It kind of is just a panel to pair.

161
00:10:53,210 --> 00:10:58,110
And that's a pretty nice effect, second one, we've kind of added that touch with the animation.

162
00:11:00,890 --> 00:11:05,030
Which is also really nice now, of course, you can have them animating back out.

163
00:11:05,400 --> 00:11:06,830
That's a whole different thing.

164
00:11:07,970 --> 00:11:13,040
And if you want to animate it back out, I would recommend that you do it using the graph and not the

165
00:11:13,040 --> 00:11:13,890
keyframes themselves.

166
00:11:13,890 --> 00:11:21,630
So if we were to just animate them out, so if they were coming in like so, I would animate V3 first.

167
00:11:21,680 --> 00:11:24,110
So what I would do is add a keyframe here.

168
00:11:25,450 --> 00:11:34,810
Like, so one, two, three, four, five, six, seven, eight, and notice I'm counting, it kind

169
00:11:34,810 --> 00:11:38,890
of keeps your animations the same length, which means it looks a little bit more professional when

170
00:11:38,890 --> 00:11:39,310
you do it.

171
00:11:40,670 --> 00:11:42,580
I'm going to add another keyframe there.

172
00:11:44,540 --> 00:11:48,680
This time around, I'm going to go directly to the grass, which you can see what I need to do now.

173
00:11:48,680 --> 00:11:49,250
I need to.

174
00:11:51,940 --> 00:11:58,670
I need to take this and pull it up to one point five and also that one as well, two one point five.

175
00:11:59,140 --> 00:12:00,460
So what that should do now?

176
00:12:01,620 --> 00:12:05,670
For disabled V two and V one, you'll see that the animation brings it in.

177
00:12:07,300 --> 00:12:11,750
And then at a certain moment brings it out and it's a really, really cool effect if you get it right.

178
00:12:11,770 --> 00:12:16,990
So if I was to do that quickly for all the other ones, I'd come in like this.

179
00:12:19,360 --> 00:12:23,910
That would go somewhere around here in V2, I would do the same thing.

180
00:12:27,310 --> 00:12:28,360
Stephanie Keyframe.

181
00:12:29,300 --> 00:12:34,370
One, two, three, four, five, six, seven and eight.

182
00:12:35,580 --> 00:12:38,000
Wait for my laptop to catch up with itself.

183
00:12:40,970 --> 00:12:42,170
Out of keyframe in.

184
00:12:49,650 --> 00:12:56,310
Go to my graphs and again, deal with this with the graphs and not.

185
00:12:57,940 --> 00:13:01,540
By moving stuff around because it's so much easier, so I'm just going to move that there.

186
00:13:03,050 --> 00:13:06,320
Let's just do a quick test on our first two panels.

187
00:13:09,630 --> 00:13:13,500
That's quite nice listed last one, just to make sure that it looks kind of cool.

188
00:13:14,060 --> 00:13:15,540
So let's see where the panels are going up.

189
00:13:15,690 --> 00:13:17,010
Netjes, I'm doing this all by.

190
00:13:17,010 --> 00:13:23,270
I might be nicer if you did it by timing or by frames because it would look a little bit more professional.

191
00:13:23,280 --> 00:13:25,740
So let's have a look at what goes up there.

192
00:13:25,750 --> 00:13:30,930
So let's have that one going up in V1 at a keyframe.

193
00:13:32,920 --> 00:13:35,770
Let's go one to three.

194
00:13:36,770 --> 00:13:40,850
Four, five, six, seven, eight, like, sir.

195
00:13:43,450 --> 00:13:44,710
Well, at our keyframe.

196
00:13:48,530 --> 00:13:55,670
And again, we'll just jump straight to the graph and do it by hand like so and move the last animation

197
00:13:55,680 --> 00:13:56,150
as well.

198
00:13:57,520 --> 00:13:59,380
So if we go back to our edit.

199
00:14:01,620 --> 00:14:03,900
We have an animation that really looks quite cool.

200
00:14:09,120 --> 00:14:13,850
You see, my timing's off there, but I think you get the right idea, so it's a really cool way of

201
00:14:13,850 --> 00:14:17,780
bringing kind of something cool and new to a picture in picture.

202
00:14:18,020 --> 00:14:22,340
So rather than a standard picture in picture, you can do a split screen.

203
00:14:22,520 --> 00:14:27,620
But even if you want to do picture in picture, I hope that you can see that using a few key frames

204
00:14:27,920 --> 00:14:33,260
and animating some stuff can really add a bit of zip and a bit of pizzazz to your videos.