WEBVTT X-TIMESTAMP-MAP=LOCAL:00:00:00.000,MPEGTS:0 00:00:06.830 --> 00:00:09.720 Hi there. This video we'll look at 00:00:09.720 --> 00:00:12.380 creating a gradient like this one here in the background. 00:00:12.380 --> 00:00:14.410 Let's go and make it in our document. 00:00:14.410 --> 00:00:16.470 I'm on my Page 1. 00:00:16.470 --> 00:00:18.420 Some pages pane on double click Page 1. 00:00:18.420 --> 00:00:19.485 I'm going to zoom out a little bit. 00:00:19.485 --> 00:00:21.330 I'm going to turn W key off. 00:00:21.330 --> 00:00:23.570 I'll click it so I can see all of my working. 00:00:23.570 --> 00:00:26.780 Why? Because I need this to go over entire bleed. 00:00:26.780 --> 00:00:29.030 I'm going to grab my rectangle tool 00:00:29.030 --> 00:00:31.760 and don't worry about what color or fill it has at the moment, 00:00:31.760 --> 00:00:35.180 just drag a box that covers everything including our blade 00:00:35.180 --> 00:00:39.820 and will amend the fill just make sure your stroke is set to none. 00:00:39.820 --> 00:00:44.825 Okay? Even in if I had a stroke and we cut off in the bins and no big drama them. 00:00:44.825 --> 00:00:46.610 What we want do is we're going to go 00:00:46.610 --> 00:00:49.310 to the reason we don't worry about filling it with a color. 00:00:49.310 --> 00:00:50.990 Okay. If I fill it with a color, 00:00:50.990 --> 00:00:55.110 it's just going to be re-replaced by all gradient in a second, okay. 00:00:55.110 --> 00:00:57.180 To open up gradients, go to "Window", 00:00:57.180 --> 00:00:59.055 go down to "Color", 00:00:59.055 --> 00:01:04.215 and go to "Gradient" with your black arrow, okay? 00:01:04.215 --> 00:01:06.760 the selection tool here make sure this box is selected. 00:01:06.760 --> 00:01:08.560 You might have to grab the outside of it, okay. 00:01:08.560 --> 00:01:11.900 The edge of it if it has no fill and we're going to select "Type", 00:01:11.900 --> 00:01:13.535 I'm going to go to linear. 00:01:13.535 --> 00:01:16.130 Now we're going to talk about linear all the way through this tutorial, 00:01:16.130 --> 00:01:19.445 but you could switch it to radio and everything applies the same. 00:01:19.445 --> 00:01:22.885 Linear by default, you give him black and white. 00:01:22.885 --> 00:01:24.410 We're going to do it once with 00:01:24.410 --> 00:01:27.095 freehand colors and then we'll do without corporate colors. 00:01:27.095 --> 00:01:29.210 This little white house down in here, 00:01:29.210 --> 00:01:31.190 this little box, if I clicking on it, 00:01:31.190 --> 00:01:37.095 I'm going to switch my colors so you need to be able to see window color panel, 00:01:37.095 --> 00:01:39.790 and in here, you could just pick colors from this. 00:01:39.790 --> 00:01:41.440 If there are no colors in here, 00:01:41.440 --> 00:01:44.260 you can click on this little flat menu and because 00:01:44.260 --> 00:01:47.545 we're going to be working in RGB for most of our document, 00:01:47.545 --> 00:01:48.910 we switching it to that, 00:01:48.910 --> 00:01:50.680 then you sure to pick a color. 00:01:50.680 --> 00:01:53.920 Pick a color, do the same for the other ends, okay, 00:01:53.920 --> 00:01:56.260 so pick the black and this one's 00:01:56.260 --> 00:01:59.755 defaulted to swap black slider which is no cool got to RGB, 00:01:59.755 --> 00:02:03.430 pick another color and that my friends is horrific. 00:02:03.430 --> 00:02:07.900 Okay. So green to pink gradients is bang, 00:02:07.900 --> 00:02:09.610 I think there are legal in most countries, 00:02:09.610 --> 00:02:10.670 definitely here in Ireland. 00:02:10.670 --> 00:02:12.610 To change the direction of this, 00:02:12.610 --> 00:02:15.345 there's a whole tool for it's called the gradients watch tool. 00:02:15.345 --> 00:02:19.530 Click on this and all you do is click "Hold" and drag, drag, drag, drag. 00:02:19.530 --> 00:02:21.330 You can play around with the angle. 00:02:21.330 --> 00:02:23.450 You can manually type it in and see the angles here. 00:02:23.450 --> 00:02:25.460 If I wanted to be 90 degrees okay, 00:02:25.460 --> 00:02:26.780 I can have it straight up and down. 00:02:26.780 --> 00:02:29.325 Zeros going to do left to right. 00:02:29.325 --> 00:02:31.530 Okay, so you can kind of watch this. 00:02:31.530 --> 00:02:33.110 I can make a really small line as well, 00:02:33.110 --> 00:02:34.925 make it kind of like just a little bend, 00:02:34.925 --> 00:02:37.175 will get an eighties right here look at that. 00:02:37.175 --> 00:02:39.860 I feel like a Jane Fonda exercise video, 00:02:39.860 --> 00:02:43.205 not that I ever watched one but that's why I feel like would happen, 00:02:43.205 --> 00:02:45.635 these colors would combine in a gradient. 00:02:45.635 --> 00:02:48.575 Anyway. If you want to use corporate colors, 00:02:48.575 --> 00:02:49.910 I want mine to go straight up and down, 00:02:49.910 --> 00:02:51.830 So I'm going to do 90 degrees, 00:02:51.830 --> 00:02:54.170 or I can click and drag across this, 00:02:54.170 --> 00:02:56.045 okay, and to get it going straight up and down. 00:02:56.045 --> 00:02:57.770 What I'm going to do, it's a little weird, 00:02:57.770 --> 00:02:59.315 I need to see this gradient panel, 00:02:59.315 --> 00:03:01.640 okay, but I also need to see my swatches panel. 00:03:01.640 --> 00:03:04.610 So what I need to do is find my swatch, 00:03:04.610 --> 00:03:06.755 I do I have them all applied here. 00:03:06.755 --> 00:03:08.240 Some of them are over here. 00:03:08.240 --> 00:03:10.070 The problem with CC libraries at the moment is, 00:03:10.070 --> 00:03:13.985 you can't drag from the CC Libraries panel into the gradient panel. 00:03:13.985 --> 00:03:17.660 What I'm going to do is select all of these, okay? 00:03:17.660 --> 00:03:20.710 Actually I might undo to keep my gradient back. 00:03:20.710 --> 00:03:23.120 Click over in the background, so nothing selected. 00:03:23.120 --> 00:03:24.620 I'm going to make sure all of these are added. 00:03:24.620 --> 00:03:26.750 So I'm going to right-click them and say add the swatches. 00:03:26.750 --> 00:03:30.140 Now they're all part of this down the bottom here and this is the stuff that I want. 00:03:30.140 --> 00:03:32.420 So grab my black arrow, click on this guy, 00:03:32.420 --> 00:03:35.120 and with this house here, the first one, 00:03:35.120 --> 00:03:37.280 I'm going to pick my mid green, 00:03:37.280 --> 00:03:39.170 click drag and drag, drag it, 00:03:39.170 --> 00:03:40.670 you've got to be really careful. 00:03:40.670 --> 00:03:41.840 Watch this. I've got to kind of, 00:03:41.840 --> 00:03:43.600 can you see some black there? 00:03:43.600 --> 00:03:44.985 Means I'm replacing that one. 00:03:44.985 --> 00:03:48.440 If you get it kind of close but not quite, 00:03:48.440 --> 00:03:52.115 watch this scene up kind of like close as there and you end up with a like this, 00:03:52.115 --> 00:03:54.230 all one little mix there, okay, 00:03:54.230 --> 00:03:56.075 if you doing that with this and there's two of them, 00:03:56.075 --> 00:03:58.820 you can just click "Hold" and drag the one you don't want off. 00:03:58.820 --> 00:04:00.680 Just kind of drag it down to no-man's land. 00:04:00.680 --> 00:04:02.330 So there's green to start with. 00:04:02.330 --> 00:04:05.480 I'm going to grow my dark green to replace this one. 00:04:05.480 --> 00:04:08.140 Okay? That is my beautiful gradient. 00:04:08.140 --> 00:04:09.885 This is a why way around? 00:04:09.885 --> 00:04:11.970 Yes, I've got in my example. 00:04:11.970 --> 00:04:13.830 Then my friends is how to make gradients. 00:04:13.830 --> 00:04:15.740 If you're following along with this tutorial series, 00:04:15.740 --> 00:04:17.600 we're going to add a few extra little pods, 00:04:17.600 --> 00:04:21.290 we'll add this imaged on the side here and this logo and this text. 00:04:21.290 --> 00:04:24.590 The first thing we're going to bring in is this text. 00:04:24.590 --> 00:04:27.195 So let's go to the type tool actually, 00:04:27.195 --> 00:04:30.005 I'm not going to bring it in, I'm actually just going to type it out. 00:04:30.005 --> 00:04:33.050 Whenever I'm working with the big colored background like this, 00:04:33.050 --> 00:04:36.860 you can see my type tool to wants to turn this box into a tight box. 00:04:36.860 --> 00:04:39.905 What I'm going to do, remember, type tool on this side, 00:04:39.905 --> 00:04:41.430 type it out, I'm lazy, 00:04:41.430 --> 00:04:43.020 I'm going to copy and paste it from here. 00:04:43.020 --> 00:04:44.835 You're going to have to type out, 00:04:44.835 --> 00:04:47.475 Green at Heart Annual Report, and style it. 00:04:47.475 --> 00:04:51.130 Okay, it's up to you how you style it. That's how I have done mine. 00:04:51.130 --> 00:04:55.065 The big thing with my type is that I've used the same font, 00:04:55.065 --> 00:05:00.140 but I've used a bold vision in this one here is the light vision of Roboto Slab. 00:05:00.140 --> 00:05:04.040 I've made this font little smaller up just so that they both line up either the side. 00:05:04.040 --> 00:05:07.020 Doesn't look good? It's okay. 00:05:07.020 --> 00:05:09.755 Next thing I'm going to do is bring in my image. 00:05:09.755 --> 00:05:11.315 So I'm going to have nothing selected. 00:05:11.315 --> 00:05:13.520 Go to file, place, 00:05:13.520 --> 00:05:20.465 and then he is going to be called Green Logo4, okay? 00:05:20.465 --> 00:05:21.990 Now this keeps appearing, 00:05:21.990 --> 00:05:23.840 we not going to do anything for these changes. 00:05:23.840 --> 00:05:25.480 I'm going to cancel, I'm going to turn that off. 00:05:25.480 --> 00:05:28.460 It's a bit of a pain whenever you turn on the show input options. 00:05:28.460 --> 00:05:30.950 So far I'll place this down here, 00:05:30.950 --> 00:05:32.630 was awesome when we're bringing through tics, 00:05:32.630 --> 00:05:34.510 but now it's a pain for images. 00:05:34.510 --> 00:05:36.290 There's nothing we want to change. 00:05:36.290 --> 00:05:38.645 Click and drag it out how big is it going to be. 00:05:38.645 --> 00:05:40.265 It's kind of sit down here, 00:05:40.265 --> 00:05:43.205 like this document here, maybe a bit big. 00:05:43.205 --> 00:05:47.100 Come on shift, drag it down, but smaller, awesome. 00:05:47.100 --> 00:05:48.330 Just in my image, 00:05:48.330 --> 00:05:49.440 okay? Is file place. 00:05:49.440 --> 00:05:51.045 You got nothing selected. 00:05:51.045 --> 00:05:53.405 I'm going to bring in my image where is it? 00:05:53.405 --> 00:05:56.965 It's this one. Not him. 00:05:56.965 --> 00:06:01.360 Tabletop that's up. I'm going to click and drag it. 00:06:01.400 --> 00:06:04.055 Might have to actually zoom out a little bit, 00:06:04.055 --> 00:06:06.800 it's hard to work with full-size images, 00:06:06.800 --> 00:06:09.575 when you're very close, I'm going to make mine very very big 00:06:09.575 --> 00:06:13.350 and I'm going to align mine up, something like this. 00:06:13.350 --> 00:06:17.330 I'm going to make sure it lines up there and make sure it 00:06:17.330 --> 00:06:21.895 lines up the bottom already and I'm going to drag this side across. 00:06:21.895 --> 00:06:25.390 How far was it going to be across? 00:06:25.760 --> 00:06:28.485 Yeah, that far. 00:06:28.485 --> 00:06:31.825 I'm sure it should be like a third, but I'm just going to wing it. 00:06:31.825 --> 00:06:35.080 Hit "W". Yeah it looks all right. 00:06:35.080 --> 00:06:39.485 One of the big things that's happened is that underneath here is my image, 00:06:39.485 --> 00:06:41.925 because he was placed in the newest, 00:06:41.925 --> 00:06:43.215 he's at the topest. 00:06:43.215 --> 00:06:46.120 Okay. What we need to do is play without a range. 00:06:46.120 --> 00:06:49.045 I want to push him backwards. 00:06:49.045 --> 00:06:52.950 So I'm going to right-click him and go to arrange and we're going to go and see. 00:06:52.950 --> 00:06:56.700 I don't want to send it back to the back because it'll go behind that gradient box. 00:06:56.700 --> 00:06:57.955 So same back would, 00:06:57.955 --> 00:06:59.770 so it goes behind the last thing. 00:06:59.770 --> 00:07:01.155 Which was our image. 00:07:01.155 --> 00:07:04.680 So I'm going to put them roughly in the middle and that is arranging. 00:07:04.680 --> 00:07:07.300 What we're going to do in the next video is we're going to look at 00:07:07.300 --> 00:07:10.040 doing layers because arranging is fine, 00:07:10.040 --> 00:07:12.890 but sometimes it's just a pain to have a background image on 00:07:12.890 --> 00:07:16.220 every layer you just want to kind of like put it in its own layer and lock it. 00:07:16.220 --> 00:07:18.990 So we'll look at layers in the next video.