1
00:00:00,500 --> 00:00:02,180
Hello and welcome back.

2
00:00:02,210 --> 00:00:07,130
We're going to jump right into how we can make some imagery look really dynamic.

3
00:00:07,400 --> 00:00:11,140
Now, remember what I said about stock photos, avoid them like the plague.

4
00:00:11,150 --> 00:00:12,020
They are horrible.

5
00:00:12,290 --> 00:00:16,690
They just don't really do anything for your product or your website or whatever you're building.

6
00:00:16,700 --> 00:00:18,580
They just make your designs look really amateur.

7
00:00:19,280 --> 00:00:25,070
So I want to show you how you can use the famous plug in splash to generate some really good imagery,

8
00:00:25,070 --> 00:00:29,720
and then we can use a couple of other plug ins that can make that imagery really stand out.

9
00:00:29,750 --> 00:00:31,910
So let's jump right in.

10
00:00:31,910 --> 00:00:34,940
What I'm going to do is I'm going to select on Splash.

11
00:00:35,940 --> 00:00:36,400
Perfect.

12
00:00:36,750 --> 00:00:40,500
Now, this is the plug in and it's really great, really easy to use.

13
00:00:40,510 --> 00:00:46,230
You can search based off of presets like these categories you can insert randomly, which I would never

14
00:00:46,230 --> 00:00:46,650
really do.

15
00:00:46,650 --> 00:00:51,600
But it's kind of interesting, too, if you just need a quick image and you don't care what it is.

16
00:00:52,140 --> 00:00:54,500
I like just searching quickly by string.

17
00:00:54,660 --> 00:00:56,880
So I'm going to select that.

18
00:00:56,880 --> 00:00:58,680
I'm going to type in like portrait.

19
00:01:00,450 --> 00:01:01,080
Let's see what comes up.

20
00:01:01,560 --> 00:01:02,280
Now, look at this.

21
00:01:02,670 --> 00:01:04,760
They don't necessarily look like stock photos.

22
00:01:04,770 --> 00:01:09,140
Some of them may be stock photos, but these are really nice images to use.

23
00:01:09,420 --> 00:01:10,550
I think I can grab this one.

24
00:01:11,040 --> 00:01:12,420
I really like the background.

25
00:01:14,010 --> 00:01:19,830
So we can click it and insert that image and then there it is, really easy.

26
00:01:19,860 --> 00:01:24,690
So we're just going to call this, ah, portrait so we know what to do.

27
00:01:24,870 --> 00:01:27,660
When we're going to do next is we're going to create another frame.

28
00:01:27,660 --> 00:01:29,420
So what we're going to create our first frame.

29
00:01:29,460 --> 00:01:37,950
We're going to press f drag that mouse and then we go, we got our frame, take this image and throw

30
00:01:37,950 --> 00:01:38,910
it into the frame.

31
00:01:40,590 --> 00:01:48,510
Perfect, so we'll just rename that to Debow so he can keep track of it, sometimes we'll get images,

32
00:01:48,780 --> 00:01:52,980
some like this and we'll just throw them into they'll throw the text beside it, will set the text and

33
00:01:52,980 --> 00:01:57,930
we'll forget about the image and kind of never look at it again or we won't necessarily do some extra

34
00:01:57,930 --> 00:01:58,380
work to it.

35
00:01:58,380 --> 00:02:03,720
But there are different ways we can, like, manipulate our images or work with them to make them much

36
00:02:03,720 --> 00:02:06,330
more dynamic and just visually interesting.

37
00:02:06,780 --> 00:02:10,620
So let me show you what plugins I usually use if I'm going to do that.

38
00:02:12,150 --> 00:02:15,660
So what I'm going to do is I'm going to go into plug ins again.

39
00:02:15,660 --> 00:02:17,580
And here's another plug in I really love.

40
00:02:17,610 --> 00:02:19,510
This is called Remove Background.

41
00:02:20,310 --> 00:02:23,640
Now you'll need to set up an account and then set up an epic.

42
00:02:23,760 --> 00:02:25,150
But it's super easy.

43
00:02:25,410 --> 00:02:26,220
Don't worry about it.

44
00:02:26,670 --> 00:02:27,540
You'll thank me later.

45
00:02:28,320 --> 00:02:33,690
So I'm going to create a copy of this and I'm going to remove this background.

46
00:02:38,340 --> 00:02:41,220
So it's running in the background right there and there you go.

47
00:02:42,090 --> 00:02:43,240
We have removed it.

48
00:02:43,710 --> 00:02:46,000
That's pretty awesome right now.

49
00:02:46,230 --> 00:02:48,300
This image is now pretty cool.

50
00:02:48,540 --> 00:02:52,710
We can work within different ways, like we can introduce other elements in the background.

51
00:02:52,710 --> 00:02:58,380
We can make it seem like we're manipulating space with this flat image.

52
00:02:58,710 --> 00:02:59,740
So let's do that.

53
00:03:00,150 --> 00:03:04,170
So sometimes I'll do something like this where I'll grab like a square.

54
00:03:05,850 --> 00:03:12,690
Now, the other thing about removing background, take a look at the side of her face, there is some

55
00:03:12,690 --> 00:03:15,490
sort of like purplish light from the original photo.

56
00:03:15,900 --> 00:03:16,890
It fits in this scene.

57
00:03:16,890 --> 00:03:19,290
But when you put her on a white background, it won't necessarily fit.

58
00:03:19,860 --> 00:03:21,600
And it depends what you're going to do with your composition.

59
00:03:21,600 --> 00:03:29,070
But keep that in mind, because that would look kind of weird just because you want whatever you remove

60
00:03:29,070 --> 00:03:33,850
in the background and whoever is in the foreground here to fit with whatever you're using it for.

61
00:03:34,410 --> 00:03:40,020
So for the sake of this demo, I'm going to set an example here so I can grab these colors.

62
00:03:41,250 --> 00:03:42,990
Now I'm going to select my color.

63
00:03:43,890 --> 00:03:48,630
I'm going to go to my linear gradient and here we can start doing some interesting things.

64
00:03:48,630 --> 00:03:49,530
So I'm going to select that.

65
00:03:49,530 --> 00:03:53,700
I'm going to copy this color and I'm going to select that.

66
00:03:53,730 --> 00:03:56,100
The opacity is defaulted to zero.

67
00:03:56,100 --> 00:03:57,960
So we're going to bring that up to one hundred.

68
00:03:59,100 --> 00:04:06,030
And we are going to take the color picker and Britney, grab that color right down there, so we basically

69
00:04:06,030 --> 00:04:07,770
just mimic.

70
00:04:09,170 --> 00:04:16,070
That gradient to the best of our abilities and what we can do is we can right click and send it to the

71
00:04:16,070 --> 00:04:16,490
back.

72
00:04:18,660 --> 00:04:23,540
And all of a sudden now this image is much more dynamic, much more interesting to look at.

73
00:04:24,760 --> 00:04:29,560
And you can start seeing now her face, the lighting, it starts matching with what we have here, we

74
00:04:29,560 --> 00:04:31,570
can alternate it any which way we like.

75
00:04:33,730 --> 00:04:35,560
It can make a little bit more later if we want.

76
00:04:39,050 --> 00:04:45,260
And there we go, like we can do stuff like that, and it's super easy, let's group this so we don't

77
00:04:45,260 --> 00:04:47,540
get lost and let's do something else.

78
00:04:47,540 --> 00:04:52,190
Let's manipulate how this two dimensional image looks like on your page.

79
00:04:52,340 --> 00:04:54,230
We give the illusion of three dimensional image.

80
00:04:55,850 --> 00:04:59,510
So what we'll do here is we can just grab that.

81
00:05:01,790 --> 00:05:07,580
We're going to put that there and we're going to actually copy that gradient, so we'll just select

82
00:05:07,580 --> 00:05:14,140
it on the side here and can see we can open up a stroke, select there and there we go.

83
00:05:14,150 --> 00:05:16,490
Now, our stroke actually has that.

84
00:05:17,300 --> 00:05:21,590
You can faintly see that and we can bump that up to whatever number we like.

85
00:05:22,430 --> 00:05:24,200
We'll just pick something like this.

86
00:05:25,880 --> 00:05:29,520
And we're going to bring this down just a bit.

87
00:05:29,540 --> 00:05:36,350
OK, so as you can see, it's snapping to the bottom of the image, which is great, something like

88
00:05:36,350 --> 00:05:36,740
that.

89
00:05:37,070 --> 00:05:45,580
OK, now here's where we can use masks to really help hide certain layers of the image.

90
00:05:45,590 --> 00:05:47,330
We can also even crop the image.

91
00:05:47,330 --> 00:05:49,660
It can act as a mask so we can do it both ways.

92
00:05:49,670 --> 00:05:50,980
And I'll show you how to do that both ways.

93
00:05:51,260 --> 00:05:53,420
So let's select our main image.

94
00:05:54,280 --> 00:05:56,660
We're in a command, see, copy and comfy.

95
00:05:56,780 --> 00:05:58,730
And now we have a second image over here.

96
00:05:59,540 --> 00:06:05,420
We can do is we can take that image and just use something like this.

97
00:06:06,560 --> 00:06:12,280
Crop it so it's only going to show what is within this actual these blue borders over here.

98
00:06:13,040 --> 00:06:14,310
So we're going to crop it to there.

99
00:06:14,900 --> 00:06:16,280
We're just going to call this one mass.

100
00:06:17,780 --> 00:06:22,570
I'm going to call this one hour OG or original, and we're going to send that to the back.

101
00:06:24,850 --> 00:06:30,130
And so you can start doing some interesting things, maybe not for the head like that, but let me show

102
00:06:30,130 --> 00:06:31,050
you what else we can do.

103
00:06:31,900 --> 00:06:40,690
We can take that original mask and we can apply that right to the top so we're not going to scale it.

104
00:06:40,720 --> 00:06:42,280
You saw what happened when we scaled that there.

105
00:06:44,280 --> 00:06:46,440
We kind of lost it a bit.

106
00:06:48,970 --> 00:06:53,860
And we kind of scaled it and it skewed the actual image, but there you go, like now we can have something

107
00:06:53,860 --> 00:06:55,330
that's really dynamic like that.

108
00:06:55,330 --> 00:06:56,650
We can use it for like an avatar.

109
00:06:56,650 --> 00:06:59,260
We can use it for like a team photo.

110
00:07:00,070 --> 00:07:02,830
But it's really simple to do something like this.

111
00:07:04,240 --> 00:07:10,270
Now, if we wanted to do the same trick, but with like an actual mask, we can do that as well so we

112
00:07:10,270 --> 00:07:17,080
can copy our ozone layer, which is in the background in a fancy command, we will bring the new one

113
00:07:17,080 --> 00:07:22,150
to the front right there and we'll call this masked image.

114
00:07:23,290 --> 00:07:25,720
We're going to grab our rectangle, too.

115
00:07:25,720 --> 00:07:27,610
So we will press are or you can go up here.

116
00:07:28,740 --> 00:07:35,520
And we're just going to drag that to the top and we're just going to line it up with the top of that

117
00:07:35,700 --> 00:07:36,690
image over here.

118
00:07:39,420 --> 00:07:47,940
Just so it's going to show above the actual stroked rectangle square so we can rename this to Mask.

119
00:07:48,970 --> 00:07:55,030
Rectangle and what we want to do is to make this mask work for the image, we're going to send the mask

120
00:07:55,030 --> 00:07:55,510
to the back.

121
00:07:55,510 --> 00:07:56,880
It needs to be behind the image.

122
00:07:57,490 --> 00:07:58,590
So send it to the back.

123
00:07:58,960 --> 00:08:00,040
We're going to select.

124
00:08:01,300 --> 00:08:07,660
So grab that and grab the finish in the front and we're going to select this right here, this is our

125
00:08:07,660 --> 00:08:13,780
mascot tool and it's going to use that rectangle to crop the image to that portion similarly to what

126
00:08:13,780 --> 00:08:14,390
we did before.

127
00:08:15,330 --> 00:08:15,720
There you go.

128
00:08:15,730 --> 00:08:16,570
Same effect.

129
00:08:17,230 --> 00:08:18,310
Other people like using mask.

130
00:08:18,310 --> 00:08:20,420
You can use cropping images as well.

131
00:08:20,650 --> 00:08:21,670
It's totally up to you.

132
00:08:23,250 --> 00:08:27,990
So now we have some interesting things that we can do like that there's other things that we can do

133
00:08:27,990 --> 00:08:30,430
even with like product based images.

134
00:08:30,450 --> 00:08:34,500
So when I'm going to do is I'm going to make a new frame.

135
00:08:35,140 --> 00:08:38,670
Look at this one more time with something else, something a little different.

136
00:08:40,370 --> 00:08:45,380
So we'll rename that to demo to blog, we're going to open up on splosh.

137
00:08:48,190 --> 00:08:54,340
And let's search for something like this for let's see something.

138
00:08:55,120 --> 00:08:55,930
Oh, there you go.

139
00:08:56,320 --> 00:08:57,230
This is this is good.

140
00:08:58,840 --> 00:09:00,430
So we're going to insert that image.

141
00:09:01,730 --> 00:09:03,410
Make sure it's in our.

142
00:09:05,130 --> 00:09:11,580
Frame, we're going to scale that and to scale to make sure that images scale proportionally, we're

143
00:09:11,580 --> 00:09:12,370
going to Holdem.

144
00:09:13,390 --> 00:09:19,900
Shift you can do shift in option shift will just drag the corner to the other corner shift option will

145
00:09:20,680 --> 00:09:23,350
kind of just drag everything together to center.

146
00:09:23,890 --> 00:09:26,380
So hold shift in option, do that.

147
00:09:29,730 --> 00:09:31,350
And there we go, we got we got an image here.

148
00:09:33,130 --> 00:09:39,370
I'm going to duplicate that, I'm just going to rename these Oggi, we call this the new Oggi.

149
00:09:40,810 --> 00:09:41,710
Great, OK.

150
00:09:43,110 --> 00:09:44,560
Let's make another copy.

151
00:09:44,670 --> 00:09:48,900
So what we're going to do here is we're going to use that same plug in, remove background.

152
00:09:50,220 --> 00:09:53,250
But that run over here, you'll see the status of it.

153
00:09:54,390 --> 00:09:59,460
Perfect, what I'm going to do is I'm going to drop that handle because it looks kind of weird.

154
00:10:02,000 --> 00:10:07,300
I mean, you could do interesting things with that, so I'm going to crop it out and here we go.

155
00:10:07,310 --> 00:10:09,300
We have our image now.

156
00:10:09,440 --> 00:10:11,010
This is a PlayStation controller.

157
00:10:11,420 --> 00:10:14,360
We can also do is we can grab like.

158
00:10:15,950 --> 00:10:19,050
A rectangle against oppressor grabbed the rectangle.

159
00:10:19,310 --> 00:10:25,310
Let's send this to the back and we're going to rename this B.G. for background.

160
00:10:25,610 --> 00:10:27,200
What we're going to do is we're going to do the same thing.

161
00:10:27,230 --> 00:10:28,250
We'll have a gradient.

162
00:10:29,400 --> 00:10:35,010
And we'll set it to like kind of the blue colors that PlayStation likes to use.

163
00:10:35,760 --> 00:10:38,900
So remember, this always gets defaulted in zero capacity.

164
00:10:38,910 --> 00:10:40,100
We can fix that quickly.

165
00:10:40,950 --> 00:10:41,670
So there we go.

166
00:10:41,670 --> 00:10:45,200
And now we have kind of like a little product image that we can use.

167
00:10:46,140 --> 00:10:47,370
We'll just move this over.

168
00:10:47,400 --> 00:10:49,440
I don't think we really need it right now, actually.

169
00:10:51,800 --> 00:10:58,160
Perfect, and we can start actually introducing different things like shapes, shadows, like we can

170
00:10:58,160 --> 00:11:02,060
make this image even seem much more three dimensional than I already kind of looks.

171
00:11:02,420 --> 00:11:05,570
So we can actually go in here and apply some effects.

172
00:11:05,990 --> 00:11:08,990
You can press the plus side, automatically apply a drop shadow.

173
00:11:10,740 --> 00:11:17,070
And we can do something like a 20 percent blur, which makes the drop shadow much more blurrier and

174
00:11:17,070 --> 00:11:17,910
it expands it.

175
00:11:18,840 --> 00:11:23,850
So you'll notice if I change the opacity 100 percent, that's going to change the shadow and you'll

176
00:11:23,850 --> 00:11:25,230
be able to see it much more clear.

177
00:11:26,190 --> 00:11:28,820
If I change that blur, it looks a little more fuzzy.

178
00:11:28,830 --> 00:11:33,450
So I'm going to bring it down to something like 40 maybe, and we're going to push it all the way to

179
00:11:33,450 --> 00:11:33,750
the left.

180
00:11:33,760 --> 00:11:37,770
So negative 10 on the Y axis.

181
00:11:39,330 --> 00:11:40,650
Maybe negative 20.

182
00:11:41,340 --> 00:11:47,790
That's that's OK, because we want to kind of work with the lighting we have here as well, so zero

183
00:11:47,790 --> 00:11:48,390
is fine.

184
00:11:49,600 --> 00:11:55,180
And we're going to reduce that opacity, so it's not as a parent, so we can also reduce the blurr.

185
00:11:57,020 --> 00:11:57,450
There you go.

186
00:11:57,500 --> 00:12:03,740
So we have something that looks a little bit natural, it looks like light is shining from here and

187
00:12:03,740 --> 00:12:07,550
we can even play with the way our lighting comes in from this radiant.

188
00:12:09,190 --> 00:12:14,830
So we can kind of like use this to our advantage a bit, can make that a little bit more lighter.

189
00:12:21,170 --> 00:12:25,640
You can do some interesting stuff also we can add some shapes, so you see the buttons that are the

190
00:12:25,640 --> 00:12:31,940
typical Circle X Square and triangle for the PlayStation controller so we can just grab our circle,

191
00:12:31,940 --> 00:12:33,590
a tool you just press.

192
00:12:34,290 --> 00:12:36,310
Oh, so that's the shortcut for that.

193
00:12:36,320 --> 00:12:41,810
So we'll just drop that in there and change that to a stroke with just by pressing that button.

194
00:12:41,900 --> 00:12:43,640
So if I were to remove it, it's just over here.

195
00:12:44,750 --> 00:12:51,950
Remove the fill and we're going to set that to read just kind of like that, the same color as the controller.

196
00:12:52,640 --> 00:12:53,870
We're going to bump that up.

197
00:12:56,720 --> 00:13:00,980
That's going to be fine, so we can just do something like that, will grab like a triangle.

198
00:13:02,130 --> 00:13:03,240
This is our polygon tool.

199
00:13:04,980 --> 00:13:09,060
We'll just drag that in there and same thing, we'll supply a stroke.

200
00:13:10,220 --> 00:13:12,320
It's green, so we'll just pick a green.

201
00:13:16,770 --> 00:13:23,670
Update that just a bit, we don't want them to be too harsh and we'll grab a square, so are for a rectangle.

202
00:13:24,510 --> 00:13:29,070
If you hold shift while you drag it, you'll actually make that square instead of just kind of going

203
00:13:29,070 --> 00:13:31,060
like this and skewing it to a rectangle.

204
00:13:31,770 --> 00:13:34,410
We are going to make that a stroke as well.

205
00:13:34,410 --> 00:13:37,080
And that is like a purplish color.

206
00:13:38,740 --> 00:13:44,740
So same thing, and we can start to do some interesting things, and we have an X right here as well,

207
00:13:45,040 --> 00:13:47,740
so we could take our line tool, which is just by pressing Al.

208
00:13:49,190 --> 00:13:50,210
Holding that down.

209
00:13:51,620 --> 00:13:56,900
We can create a line and two that's.

210
00:13:57,920 --> 00:14:05,330
And what we're going to do is we're just going to create like a blue for a lighter blue SUVs, a little

211
00:14:05,360 --> 00:14:11,990
more contrast with the background and we're going to click on that and press command see and command

212
00:14:12,020 --> 00:14:14,330
of and we're going to take the second one.

213
00:14:16,100 --> 00:14:18,040
And it doesn't need to be perfect.

214
00:14:20,200 --> 00:14:26,770
And we'll just group that, and now we have our own little thing here, our own little intellects,

215
00:14:27,530 --> 00:14:33,250
we could also do is we can take these lines and we can right click and go over to outline stroke and

216
00:14:33,250 --> 00:14:37,380
they'll turn them into actual shapes rather than strokes.

217
00:14:38,290 --> 00:14:43,120
So we're going to turn these into shapes and we are going to use our unions will appear.

218
00:14:44,490 --> 00:14:46,080
So we're going to union selection.

219
00:14:47,440 --> 00:14:52,650
And there you go, if you press command E, they'll merge these layers together snippets.

220
00:14:53,440 --> 00:14:54,130
And there you go.

221
00:14:55,570 --> 00:14:56,810
We don't even need this group anymore.

222
00:14:56,980 --> 00:15:04,600
OK, so we have some cool images that we can kind of play with in here and we could just bring this

223
00:15:04,600 --> 00:15:05,710
into our.

224
00:15:06,750 --> 00:15:07,560
Composition.

225
00:15:08,870 --> 00:15:17,690
If I send this and this to the back, if I hold those together now, I got something really interesting.

226
00:15:18,860 --> 00:15:21,410
I can even apply a greeting into it.

227
00:15:22,950 --> 00:15:30,540
If I put the gradient like that, like this, and I change this color to the same type of purple but

228
00:15:30,540 --> 00:15:35,790
darker, it's going to make it look like the actual controller is on top of it.

229
00:15:38,240 --> 00:15:41,600
So it looks like it's actually hidden by its shadow, which is really neat.

230
00:15:44,220 --> 00:15:45,330
So we can play with that.

231
00:15:47,350 --> 00:15:52,570
We can take our little X here, which looks like a plus sign, but now it's an X and we can overlay

232
00:15:52,570 --> 00:15:54,220
that on top and we can do the same thing.

233
00:15:54,220 --> 00:15:57,250
We can grab a linear gradient on top.

234
00:15:58,310 --> 00:16:02,540
And we can just angle that to kind of show that there's some sort of like.

235
00:16:04,390 --> 00:16:12,400
And we just picked that color, we can make it lighter and we can pick that color and just use the same

236
00:16:12,400 --> 00:16:13,750
color that we had before.

237
00:16:13,930 --> 00:16:15,610
There's some visual consistency.

238
00:16:17,410 --> 00:16:18,660
Now, that's cool.

239
00:16:21,500 --> 00:16:22,700
We're going to grab.

240
00:16:23,970 --> 00:16:25,050
Our triangle.

241
00:16:26,550 --> 00:16:32,610
We'll hold that, we'll we're going to click this click shift and we're going to click the backgrounds,

242
00:16:32,980 --> 00:16:35,280
they'll select everything and send it to the back.

243
00:16:36,600 --> 00:16:38,310
And we can do the same thing now with this.

244
00:16:44,700 --> 00:16:49,770
We're going to make it look like the controllers just on top of it just a bit.

245
00:16:51,760 --> 00:16:52,900
So we'll do that.

246
00:16:54,220 --> 00:16:57,310
And this will be the same color.

247
00:17:03,930 --> 00:17:05,850
And let's take our last.

248
00:17:07,600 --> 00:17:10,450
Little shape and bring that to the front.

249
00:17:12,640 --> 00:17:14,620
And we can apply another greeting to that.

250
00:17:19,560 --> 00:17:29,160
And there we go, like it was super easy and now you kind of have an image here that really works.

251
00:17:32,300 --> 00:17:33,140
With an ad selling.

252
00:17:34,580 --> 00:17:35,800
And it didn't take much time.

253
00:17:37,860 --> 00:17:42,720
Now, it looks really three dimensional now you can go around, you can fiddle with this just a little

254
00:17:42,720 --> 00:17:46,530
bit more, but I urge you to kind of play around when I'm doing this.

255
00:17:46,530 --> 00:17:49,890
And also, I mean, think about the type of images you have.

256
00:17:50,340 --> 00:17:51,920
Don't just throw them into your layout.

257
00:17:51,920 --> 00:17:56,010
Don't forget about them, but try to make them a little more dynamic.

258
00:17:56,670 --> 00:17:59,640
There's other ways you can do that and we'll get into in the next video.