1 00:00:06,830 --> 00:00:09,720 Hi there. This video we'll look at 2 00:00:09,720 --> 00:00:12,380 creating a gradient like this one here in the background. 3 00:00:12,380 --> 00:00:14,410 Let's go and make it in our document. 4 00:00:14,410 --> 00:00:16,470 I'm on my Page 1. 5 00:00:16,470 --> 00:00:18,420 Some pages pane on double click Page 1. 6 00:00:18,420 --> 00:00:19,490 I'm going to zoom out a little bit. 7 00:00:19,485 --> 00:00:21,335 I'm going to turn W key off. 8 00:00:21,330 --> 00:00:23,570 I'll click it so I can see all of my working. 9 00:00:23,570 --> 00:00:26,780 Why? Because I need this to go over entire bleed. 10 00:00:26,780 --> 00:00:29,030 I'm going to grab my rectangle tool 11 00:00:29,030 --> 00:00:31,760 and don't worry about what color or fill it has at the moment, 12 00:00:31,760 --> 00:00:35,180 just drag a box that covers everything including our blade 13 00:00:35,180 --> 00:00:39,820 and will amend the fill just make sure your stroke is set to none. 14 00:00:39,820 --> 00:00:44,830 Okay? Even in if I had a stroke and we cut off in the bins and no big drama them. 15 00:00:44,825 --> 00:00:46,615 What we want do is we're going to go 16 00:00:46,610 --> 00:00:49,310 to the reason we don't worry about filling it with a color. 17 00:00:49,310 --> 00:00:50,990 Okay. If I fill it with a color, 18 00:00:50,990 --> 00:00:55,110 it's just going to be re-replaced by all gradient in a second, okay. 19 00:00:55,110 --> 00:00:57,180 To open up gradients, go to "Window", 20 00:00:57,180 --> 00:00:59,060 go down to "Color", 21 00:00:59,055 --> 00:01:04,215 and go to "Gradient" with your black arrow, okay? 22 00:01:04,215 --> 00:01:06,765 the selection tool here make sure this box is selected. 23 00:01:06,760 --> 00:01:08,560 You might have to grab the outside of it, okay. 24 00:01:08,560 --> 00:01:11,900 The edge of it if it has no fill and we're going to select "Type", 25 00:01:11,900 --> 00:01:13,540 I'm going to go to linear. 26 00:01:13,535 --> 00:01:16,135 Now we're going to talk about linear all the way through this tutorial, 27 00:01:16,130 --> 00:01:19,450 but you could switch it to radio and everything applies the same. 28 00:01:19,445 --> 00:01:22,885 Linear by default, you give him black and white. 29 00:01:22,885 --> 00:01:24,415 We're going to do it once with 30 00:01:24,410 --> 00:01:27,100 freehand colors and then we'll do without corporate colors. 31 00:01:27,095 --> 00:01:29,215 This little white house down in here, 32 00:01:29,210 --> 00:01:31,190 this little box, if I clicking on it, 33 00:01:31,190 --> 00:01:37,100 I'm going to switch my colors so you need to be able to see window color panel, 34 00:01:37,095 --> 00:01:39,795 and in here, you could just pick colors from this. 35 00:01:39,790 --> 00:01:41,440 If there are no colors in here, 36 00:01:41,440 --> 00:01:44,260 you can click on this little flat menu and because 37 00:01:44,260 --> 00:01:47,550 we're going to be working in RGB for most of our document, 38 00:01:47,545 --> 00:01:48,915 we switching it to that, 39 00:01:48,910 --> 00:01:50,680 then you sure to pick a color. 40 00:01:50,680 --> 00:01:53,920 Pick a color, do the same for the other ends, okay, 41 00:01:53,920 --> 00:01:56,260 so pick the black and this one's 42 00:01:56,260 --> 00:01:59,760 defaulted to swap black slider which is no cool got to RGB, 43 00:01:59,755 --> 00:02:03,435 pick another color and that my friends is horrific. 44 00:02:03,430 --> 00:02:07,900 Okay. So green to pink gradients is bang, 45 00:02:07,900 --> 00:02:09,610 I think there are legal in most countries, 46 00:02:09,610 --> 00:02:10,670 definitely here in Ireland. 47 00:02:10,670 --> 00:02:12,610 To change the direction of this, 48 00:02:12,610 --> 00:02:15,350 there's a whole tool for it's called the gradients watch tool. 49 00:02:15,345 --> 00:02:19,535 Click on this and all you do is click "Hold" and drag, drag, drag, drag. 50 00:02:19,530 --> 00:02:21,330 You can play around with the angle. 51 00:02:21,330 --> 00:02:23,450 You can manually type it in and see the angles here. 52 00:02:23,450 --> 00:02:25,460 If I wanted to be 90 degrees okay, 53 00:02:25,460 --> 00:02:26,780 I can have it straight up and down. 54 00:02:26,780 --> 00:02:29,330 Zeros going to do left to right. 55 00:02:29,325 --> 00:02:31,535 Okay, so you can kind of watch this. 56 00:02:31,530 --> 00:02:33,110 I can make a really small line as well, 57 00:02:33,110 --> 00:02:34,930 make it kind of like just a little bend, 58 00:02:34,925 --> 00:02:37,175 will get an eighties right here look at that. 59 00:02:37,175 --> 00:02:39,865 I feel like a Jane Fonda exercise video, 60 00:02:39,860 --> 00:02:43,210 not that I ever watched one but that's why I feel like would happen, 61 00:02:43,205 --> 00:02:45,635 these colors would combine in a gradient. 62 00:02:45,635 --> 00:02:48,575 Anyway. If you want to use corporate colors, 63 00:02:48,575 --> 00:02:49,915 I want mine to go straight up and down, 64 00:02:49,910 --> 00:02:51,830 So I'm going to do 90 degrees, 65 00:02:51,830 --> 00:02:54,170 or I can click and drag across this, 66 00:02:54,170 --> 00:02:56,050 okay, and to get it going straight up and down. 67 00:02:56,045 --> 00:02:57,775 What I'm going to do, it's a little weird, 68 00:02:57,770 --> 00:02:59,320 I need to see this gradient panel, 69 00:02:59,315 --> 00:03:01,645 okay, but I also need to see my swatches panel. 70 00:03:01,640 --> 00:03:04,610 So what I need to do is find my swatch, 71 00:03:04,610 --> 00:03:06,760 I do I have them all applied here. 72 00:03:06,755 --> 00:03:08,245 Some of them are over here. 73 00:03:08,240 --> 00:03:10,070 The problem with CC libraries at the moment is, 74 00:03:10,070 --> 00:03:13,990 you can't drag from the CC Libraries panel into the gradient panel. 75 00:03:13,985 --> 00:03:17,665 What I'm going to do is select all of these, okay? 76 00:03:17,660 --> 00:03:20,710 Actually I might undo to keep my gradient back. 77 00:03:20,710 --> 00:03:23,120 Click over in the background, so nothing selected. 78 00:03:23,120 --> 00:03:24,620 I'm going to make sure all of these are added. 79 00:03:24,620 --> 00:03:26,750 So I'm going to right-click them and say add the swatches. 80 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. 81 00:03:30,140 --> 00:03:32,420 So grab my black arrow, click on this guy, 82 00:03:32,420 --> 00:03:35,120 and with this house here, the first one, 83 00:03:35,120 --> 00:03:37,280 I'm going to pick my mid green, 84 00:03:37,280 --> 00:03:39,170 click drag and drag, drag it, 85 00:03:39,170 --> 00:03:40,670 you've got to be really careful. 86 00:03:40,670 --> 00:03:41,840 Watch this. I've got to kind of, 87 00:03:41,840 --> 00:03:43,600 can you see some black there? 88 00:03:43,600 --> 00:03:44,990 Means I'm replacing that one. 89 00:03:44,985 --> 00:03:48,445 If you get it kind of close but not quite, 90 00:03:48,440 --> 00:03:52,120 watch this scene up kind of like close as there and you end up with a like this, 91 00:03:52,115 --> 00:03:54,235 all one little mix there, okay, 92 00:03:54,230 --> 00:03:56,080 if you doing that with this and there's two of them, 93 00:03:56,075 --> 00:03:58,825 you can just click "Hold" and drag the one you don't want off. 94 00:03:58,820 --> 00:04:00,680 Just kind of drag it down to no-man's land. 95 00:04:00,680 --> 00:04:02,330 So there's green to start with. 96 00:04:02,330 --> 00:04:05,480 I'm going to grow my dark green to replace this one. 97 00:04:05,480 --> 00:04:08,140 Okay? That is my beautiful gradient. 98 00:04:08,140 --> 00:04:09,890 This is a why way around? 99 00:04:09,885 --> 00:04:11,975 Yes, I've got in my example. 100 00:04:11,970 --> 00:04:13,830 Then my friends is how to make gradients. 101 00:04:13,830 --> 00:04:15,740 If you're following along with this tutorial series, 102 00:04:15,740 --> 00:04:17,600 we're going to add a few extra little pods, 103 00:04:17,600 --> 00:04:21,290 we'll add this imaged on the side here and this logo and this text. 104 00:04:21,290 --> 00:04:24,590 The first thing we're going to bring in is this text. 105 00:04:24,590 --> 00:04:27,200 So let's go to the type tool actually, 106 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. 107 00:04:30,005 --> 00:04:33,055 Whenever I'm working with the big colored background like this, 108 00:04:33,050 --> 00:04:36,860 you can see my type tool to wants to turn this box into a tight box. 109 00:04:36,860 --> 00:04:39,910 What I'm going to do, remember, type tool on this side, 110 00:04:39,905 --> 00:04:41,435 type it out, I'm lazy, 111 00:04:41,430 --> 00:04:43,020 I'm going to copy and paste it from here. 112 00:04:43,020 --> 00:04:44,840 You're going to have to type out, 113 00:04:44,835 --> 00:04:47,475 Green at Heart Annual Report, and style it. 114 00:04:47,475 --> 00:04:51,135 Okay, it's up to you how you style it. That's how I have done mine. 115 00:04:51,130 --> 00:04:55,070 The big thing with my type is that I've used the same font, 116 00:04:55,065 --> 00:05:00,145 but I've used a bold vision in this one here is the light vision of Roboto Slab. 117 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. 118 00:05:04,040 --> 00:05:07,020 Doesn't look good? It's okay. 119 00:05:07,020 --> 00:05:09,760 Next thing I'm going to do is bring in my image. 120 00:05:09,755 --> 00:05:11,315 So I'm going to have nothing selected. 121 00:05:11,315 --> 00:05:13,525 Go to file, place, 122 00:05:13,520 --> 00:05:20,470 and then he is going to be called Green Logo4, okay? 123 00:05:20,465 --> 00:05:21,995 Now this keeps appearing, 124 00:05:21,990 --> 00:05:23,840 we not going to do anything for these changes. 125 00:05:23,840 --> 00:05:25,480 I'm going to cancel, I'm going to turn that off. 126 00:05:25,480 --> 00:05:28,460 It's a bit of a pain whenever you turn on the show input options. 127 00:05:28,460 --> 00:05:30,950 So far I'll place this down here, 128 00:05:30,950 --> 00:05:32,630 was awesome when we're bringing through tics, 129 00:05:32,630 --> 00:05:34,510 but now it's a pain for images. 130 00:05:34,510 --> 00:05:36,290 There's nothing we want to change. 131 00:05:36,290 --> 00:05:38,650 Click and drag it out how big is it going to be. 132 00:05:38,645 --> 00:05:40,265 It's kind of sit down here, 133 00:05:40,265 --> 00:05:43,205 like this document here, maybe a bit big. 134 00:05:43,205 --> 00:05:47,105 Come on shift, drag it down, but smaller, awesome. 135 00:05:47,100 --> 00:05:48,330 Just in my image, 136 00:05:48,330 --> 00:05:49,440 okay? Is file place. 137 00:05:49,440 --> 00:05:51,050 You got nothing selected. 138 00:05:51,045 --> 00:05:53,405 I'm going to bring in my image where is it? 139 00:05:53,405 --> 00:05:56,965 It's this one. Not him. 140 00:05:56,965 --> 00:06:01,365 Tabletop that's up. I'm going to click and drag it. 141 00:06:01,400 --> 00:06:04,060 Might have to actually zoom out a little bit, 142 00:06:04,055 --> 00:06:06,805 it's hard to work with full-size images, 143 00:06:06,800 --> 00:06:09,580 when you're very close, I'm going to make mine very very big 144 00:06:09,575 --> 00:06:13,355 and I'm going to align mine up, something like this. 145 00:06:13,350 --> 00:06:17,330 I'm going to make sure it lines up there and make sure it 146 00:06:17,330 --> 00:06:21,900 lines up the bottom already and I'm going to drag this side across. 147 00:06:21,895 --> 00:06:25,395 How far was it going to be across? 148 00:06:25,760 --> 00:06:28,490 Yeah, that far. 149 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. 150 00:06:31,825 --> 00:06:35,085 Hit "W". Yeah it looks all right. 151 00:06:35,080 --> 00:06:39,490 One of the big things that's happened is that underneath here is my image, 152 00:06:39,485 --> 00:06:41,925 because he was placed in the newest, 153 00:06:41,925 --> 00:06:43,215 he's at the topest. 154 00:06:43,215 --> 00:06:46,125 Okay. What we need to do is play without a range. 155 00:06:46,120 --> 00:06:49,050 I want to push him backwards. 156 00:06:49,045 --> 00:06:52,955 So I'm going to right-click him and go to arrange and we're going to go and see. 157 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. 158 00:06:56,700 --> 00:06:57,960 So same back would, 159 00:06:57,955 --> 00:06:59,775 so it goes behind the last thing. 160 00:06:59,770 --> 00:07:01,160 Which was our image. 161 00:07:01,155 --> 00:07:04,685 So I'm going to put them roughly in the middle and that is arranging. 162 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 163 00:07:07,300 --> 00:07:10,040 doing layers because arranging is fine, 164 00:07:10,040 --> 00:07:12,890 but sometimes it's just a pain to have a background image on 165 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. 166 00:07:16,220 --> 00:07:18,990 So we'll look at layers in the next video.