0 1 00:00:00,062 --> 00:00:03,734 It's time to do some advanced image tips and tricks. 1 2 00:00:03,867 --> 00:00:05,085 There's not much we can do... 2 3 00:00:05,110 --> 00:00:08,593 but there's some cool little work flow things I think you'll like. 3 4 00:00:08,626 --> 00:00:09,531 Let's get started. 4 5 00:00:09,556 --> 00:00:11,968 So first trick is - I'm going to zoom out a little bit. 5 6 00:00:11,993 --> 00:00:14,203 - I want to bring in an image, and crop it... 6 7 00:00:14,773 --> 00:00:18,000 and not use a Clipping Mask, I want to delete the stuff. 7 8 00:00:18,305 --> 00:00:20,188 So I want to go 'File', 'Place'. 8 9 00:00:20,492 --> 00:00:23,765 And we're going to find the one called 'Desk'. 9 10 00:00:24,189 --> 00:00:26,453 Then click 'Place', I want to make it really big... 10 11 00:00:26,813 --> 00:00:30,984 because I want to-- what I want to do is, I want it to fit in a space about... 11 12 00:00:31,461 --> 00:00:33,109 about a third of my document, right? 12 13 00:00:34,171 --> 00:00:36,515 At the moment that's the space I wanted to fill. 13 14 00:00:36,540 --> 00:00:38,406 What we could do is grab this image... 14 15 00:00:38,648 --> 00:00:41,343 and kind of get it to where we want, select both of them. 15 16 00:00:41,368 --> 00:00:44,031 Hit 'Command 7', or 'Control 7' on a PC. 16 17 00:00:44,087 --> 00:00:45,329 That kind of crops it down. 17 18 00:00:45,354 --> 00:00:47,930 We can double click to edit it, get it to how we want. 18 19 00:00:48,570 --> 00:00:50,328 Double click the background to get back out. 19 20 00:00:50,353 --> 00:00:51,820 Now the problem with this is that... 20 21 00:00:51,845 --> 00:00:54,960 you can kind of see, if I hover above the image, there's a red band around it. 21 22 00:00:54,985 --> 00:00:56,461 Means the image is actually still in there... 22 23 00:00:56,486 --> 00:00:59,032 which is kind of cool, I can get to edit it, I understand that... 23 24 00:00:59,258 --> 00:01:02,406 but let's say I want to get rid of it because it keeps the file size really big. 24 25 00:01:02,431 --> 00:01:04,313 Having extra pixels that I don't need. 25 26 00:01:04,406 --> 00:01:06,219 And one of my big grouse is... 26 27 00:01:06,251 --> 00:01:08,564 there's a lot of times when we try to export... 27 28 00:01:08,589 --> 00:01:11,265 kind of do things, and it-- I'll show you what I mean. 28 29 00:01:11,290 --> 00:01:14,296 'Window', if I go to 'Asset Export'... 29 30 00:01:14,321 --> 00:01:16,961 and let's say I want to export this for a website. 30 31 00:01:17,383 --> 00:01:18,372 I'm going to drag it in here... 31 32 00:01:18,427 --> 00:01:21,945 you'll notice it doesn't match up to my Crop Mark. 32 33 00:01:21,970 --> 00:01:24,109 It actually matches up to the full image. 33 34 00:01:24,227 --> 00:01:25,695 So it's not what I want. 34 35 00:01:25,852 --> 00:01:28,703 So what I can do is - I'm going to close that down. 35 36 00:01:28,796 --> 00:01:30,773 - I'm going to undo out. 36 37 00:01:31,430 --> 00:01:32,852 Undo, undo, undo. 37 38 00:01:33,430 --> 00:01:35,086 What I can do is... 38 39 00:01:35,111 --> 00:01:37,844 I want to get it roughly where I think it should be. 39 40 00:01:37,869 --> 00:01:39,844 Actually I'll give this 'no' Fill. 40 41 00:01:40,383 --> 00:01:42,507 So that's the interesting crop that I want. 41 42 00:01:42,532 --> 00:01:44,109 Now I'm going to crop it full. 42 43 00:01:44,359 --> 00:01:47,227 So it's not really anything to do with us, that's handy... 43 44 00:01:47,383 --> 00:01:51,218 but if I select the image, I can go to this one that says 'Crop Image'. 44 45 00:01:51,688 --> 00:01:55,492 And I can grab the images here, and it will snap to that box. 45 46 00:01:55,517 --> 00:01:57,984 So a similar sort of a process is the Cropping Mask. 46 47 00:01:58,195 --> 00:02:02,109 If I click 'Apply', that now is gone. 47 48 00:02:02,134 --> 00:02:05,430 Deleted all the pixels, there's that line around the outside that I don't need. 48 49 00:02:05,891 --> 00:02:09,546 That now is totally gone, if I go inside of it, it's just that image. 49 50 00:02:09,711 --> 00:02:13,258 Keeps the file size small, and when I use the 'Asset Export'... 50 51 00:02:13,578 --> 00:02:15,711 I drag him in, it's just that guy. 51 52 00:02:15,929 --> 00:02:18,179 I know it looks like it's actually on the side, but it's not. 52 53 00:02:18,398 --> 00:02:19,477 It needs to be square. 53 54 00:02:20,406 --> 00:02:22,031 Awesome! Next trick. 54 55 00:02:22,258 --> 00:02:24,617 Our next one is, I'm going to go to 'File', 'Place'. 55 56 00:02:24,642 --> 00:02:26,805 I'm going to bring in multiple images. 56 57 00:02:26,830 --> 00:02:29,813 This is quite cool. I can bring in multiple images at once. 57 58 00:02:31,966 --> 00:02:33,833 Nice thing is your arrow keys. 58 59 00:02:33,858 --> 00:02:36,231 So your arrow keys, can you see, I got one of four... 59 60 00:02:36,256 --> 00:02:38,184 but let's say I want to put them in order. 60 61 00:02:38,333 --> 00:02:40,419 So I don't want this one here, I can cycle through... 61 62 00:02:40,444 --> 00:02:42,256 and say, that's the one I want, I want that one here... 62 63 00:02:42,857 --> 00:02:46,169 and I want the next one, it's that guy, I was just making it up... 63 64 00:02:47,568 --> 00:02:49,006 but you get the idea. 64 65 00:02:50,777 --> 00:02:51,698 That's where you can go. 65 66 00:02:51,740 --> 00:02:52,865 So multiple images. 66 67 00:02:52,890 --> 00:02:55,974 Let's look at bringing in images a slightly different way. 67 68 00:02:56,209 --> 00:02:57,499 Let's go to 'File', 'Place'. 68 69 00:02:57,524 --> 00:02:59,389 There's two ways of bringing in images. 69 70 00:02:59,414 --> 00:03:01,646 We can link them, or not link them. 70 71 00:03:01,671 --> 00:03:03,920 So I'm going to not link this guy... 71 72 00:03:04,162 --> 00:03:05,826 and I'm going to link the next person. 72 73 00:03:05,928 --> 00:03:08,193 I'll show you the pros and cons of both of these. 73 74 00:03:09,162 --> 00:03:11,966 'Bike 1', I'll link this guy, bring him in. 74 75 00:03:13,967 --> 00:03:15,084 One guy's linked, one guy's not. 75 76 00:03:15,109 --> 00:03:17,397 You can kind of tell, one has got the Placeholder... 76 77 00:03:17,422 --> 00:03:18,889 or the big X in the middle of it. 77 78 00:03:19,217 --> 00:03:21,522 Now the trouble with each of them. 78 79 00:03:21,717 --> 00:03:23,529 This guy here is linked... 79 80 00:03:24,223 --> 00:03:27,466 which means-- Illustrator works a bit faster, this guy's embedded... 80 81 00:03:27,505 --> 00:03:30,290 so he's in the Illustrator file, makes the file size quite big... 81 82 00:03:30,315 --> 00:03:31,623 and make the machine run slow. 82 83 00:03:31,904 --> 00:03:35,373 So if you've got lots of images, try and link them, makes them fast. 83 84 00:03:35,701 --> 00:03:36,860 The only trouble with this... 84 85 00:03:36,885 --> 00:03:39,217 is if you go and delete that image off your hard drive... 85 86 00:03:39,242 --> 00:03:40,865 'Bike 1', you're going to hit 'Delete'. 86 87 00:03:40,890 --> 00:03:42,537 It's going to go, "Hey, where did that thing go?" 87 88 00:03:43,373 --> 00:03:45,287 So there's pros and cons. 88 89 00:03:45,436 --> 00:03:47,404 One of the things you can do though, say you got one... 89 90 00:03:47,429 --> 00:03:49,584 and you're like, "Actually, stop being linked," it's a pain... 90 91 00:03:49,787 --> 00:03:51,123 because I want to send it to somebody... 91 92 00:03:51,148 --> 00:03:53,233 and I want it to be all inside the Illustrator file. 92 93 00:03:53,732 --> 00:03:56,240 You can go to 'Window', 'Links'... 93 94 00:03:57,576 --> 00:03:58,772 and in here are my images. 94 95 00:03:58,797 --> 00:04:02,005 Once I have this image here, it means that they're embedded... 95 96 00:04:03,389 --> 00:04:05,248 and this one's not, that's linked. 96 97 00:04:06,740 --> 00:04:09,427 What I want to do is, this guy, I want to unembed. 97 98 00:04:09,452 --> 00:04:11,303 So I can right click it, and say 'Unembed'. 98 99 00:04:12,490 --> 00:04:14,443 It will ask you where you want to put it. 99 100 00:04:14,468 --> 00:04:16,881 Save it on your hard drive, and we'll make it a link. 100 101 00:04:17,490 --> 00:04:19,904 It kind of gets it out of Illustrator. 101 102 00:04:20,561 --> 00:04:22,279 This one here, I can right click... 102 103 00:04:22,498 --> 00:04:24,201 and I can say 'Embed Image'. 103 104 00:04:24,226 --> 00:04:25,920 It will kind of yank it from its link... 104 105 00:04:25,945 --> 00:04:29,169 and now it's stuck inside this Illustrator file forever. 105 106 00:04:29,389 --> 00:04:30,459 That can be handy. 106 107 00:04:30,484 --> 00:04:32,568 This Links panel is quite handy, open it up... 107 108 00:04:32,593 --> 00:04:35,240 because sometimes you've got like-- depends on who you're working with, right? 108 109 00:04:35,265 --> 00:04:37,843 I got things that I work with, and make it work... 109 110 00:04:37,990 --> 00:04:40,428 I don't know how they end up there, but they end up with... 110 111 00:04:40,732 --> 00:04:42,387 like a snail trail of design up there... 111 112 00:04:42,412 --> 00:04:44,309 and you're like, "I wonder why this Illustrator file is big"... 112 113 00:04:44,334 --> 00:04:46,631 and you're looking at it here, and you're like, "Who's this guy?" 113 114 00:04:46,959 --> 00:04:49,810 And you can click on, I think it's this option here, takes you to the link. 114 115 00:04:50,115 --> 00:04:51,779 It shows me all the way up here... 115 116 00:04:52,139 --> 00:04:54,053 here's that file. Cool. 116 117 00:04:56,856 --> 00:04:59,934 I'm going to close that down and move on to our next trick. 117 118 00:05:00,152 --> 00:05:02,262 The next one is creating-- 118 119 00:05:02,287 --> 00:05:04,481 I'm going to create a 'New Document'. 119 120 00:05:07,165 --> 00:05:09,664 I've done a drawing in my note book, I've taken a photo of it... 120 121 00:05:09,689 --> 00:05:11,688 or of a scan, and I want to draw over the top. 121 122 00:05:11,728 --> 00:05:13,430 I want to put it on its own layer. 122 123 00:05:13,455 --> 00:05:16,477 Maybe lower the opacity, make a new layer on top of that. 123 124 00:05:16,502 --> 00:05:19,344 Lock the Background layer, all of that jazz, we've done it before. 124 125 00:05:19,665 --> 00:05:23,094 What we can do is go to 'File', 'Place'. 125 126 00:05:24,094 --> 00:05:26,329 Go down to 'Curvature Tool'. 126 127 00:05:26,524 --> 00:05:28,759 I'm not going to link them, because it's a Template. 127 128 00:05:29,024 --> 00:05:30,696 Let's click 'Place'. 128 129 00:05:31,009 --> 00:05:33,032 It's pretty cool, it goes through and... 129 130 00:05:33,204 --> 00:05:35,173 watch this, I kind of clicked on it, it's faded out... 130 131 00:05:35,198 --> 00:05:37,165 It's on its own layer. 131 132 00:05:37,190 --> 00:05:40,118 It's locked, I've got a new layer to work on, super handy. 132 133 00:05:40,143 --> 00:05:44,048 Last thing we'll do is, we'll start pasting images inside of things. 133 134 00:05:44,073 --> 00:05:47,399 Let's say I want this inside of the text. 134 135 00:05:49,001 --> 00:05:51,126 What I need to do is get it where I want it to go. 135 136 00:05:51,151 --> 00:05:52,939 I'm going to make mine a bit bigger... 136 137 00:05:53,266 --> 00:05:55,298 because I want to do this. 137 138 00:05:55,516 --> 00:05:57,618 Select them both, make sure the text is on front... 138 139 00:05:57,643 --> 00:06:00,555 and hit 'Command 7', or 'Control 7' on a PC. 139 140 00:06:00,813 --> 00:06:02,621 Cool thing about it, the text is still editable... 140 141 00:06:02,646 --> 00:06:04,275 I need to double click it a couple of times. 141 142 00:06:07,548 --> 00:06:08,868 Old gag, I know. 142 143 00:06:11,524 --> 00:06:14,141 I click off, click back in the background a couple of times. 143 144 00:06:15,493 --> 00:06:19,235 So with images inside, and the text is still editable. Super cool. 144 145 00:06:19,438 --> 00:06:21,774 Now getting inside, say a shape like this. 145 146 00:06:21,799 --> 00:06:24,368 Let's say I'm going to-- it's a new shape. 146 147 00:06:24,399 --> 00:06:26,509 I'm going to make it so it's just a part of circles. 147 148 00:06:26,759 --> 00:06:28,462 If I do that with this... 148 149 00:06:28,649 --> 00:06:31,977 and I go, 'Send to Back', try to do the exact same thing... 149 150 00:06:32,002 --> 00:06:33,282 actually it's on its own layer. 150 151 00:06:34,219 --> 00:06:36,337 Sorry, I got it wrong, it's a wrong layer. 151 152 00:06:36,462 --> 00:06:39,821 So I've got you, I've put it at the back, I select you guys... 152 153 00:06:39,962 --> 00:06:41,157 and I'm going to go 'Command 7'. 153 154 00:06:41,438 --> 00:06:43,712 It picks whichever one is at the top. 154 155 00:06:44,048 --> 00:06:45,592 So that's not going to work... 155 156 00:06:45,617 --> 00:06:48,962 so I'm going to select these guys, and group them, 'Control G'. 156 157 00:06:49,298 --> 00:06:50,977 Select these guys, 'Command 7'. 157 158 00:06:52,055 --> 00:06:53,376 It works even worse. 158 159 00:06:53,563 --> 00:06:56,633 So what we need to do is not group them, I'm going to 'ungroup' them. 159 160 00:06:56,821 --> 00:06:59,626 And what we're going to do is make him a Compound Shape. 160 161 00:06:59,798 --> 00:07:01,495 The shortcut is 'Command 8'... 161 162 00:07:01,520 --> 00:07:04,946 or, there's that 'Command 7' that I was just talking about. 162 163 00:07:04,971 --> 00:07:07,266 There's the 'Command 8', that's the Compound Path. 163 164 00:07:07,657 --> 00:07:10,071 Nothing really happens, right? You're like, Whoop Dee Doo 164 165 00:07:10,415 --> 00:07:12,899 But, magic, now if I do it... 165 166 00:07:13,141 --> 00:07:15,164 now if I do 'Command 7'... 166 167 00:07:15,829 --> 00:07:18,102 'Command 8', 'Command 7', that will happen. 167 168 00:07:18,127 --> 00:07:21,062 Awesome! That is it for my tips and tricks for images. 168 169 00:07:21,141 --> 00:07:22,836 Let's get on to the next video.