1 00:00:00,000 --> 00:00:03,770 Today, I'll show you when to use Adobe Photoshop, Illustrator 2 00:00:03,770 --> 00:00:04,383 or InDesign. 3 00:00:04,383 --> 00:00:07,525 [MUSIC PLAYING] 4 00:00:07,525 --> 00:00:16,370 5 00:00:16,370 --> 00:00:18,530 Now, most people are pretty familiar with Photoshop 6 00:00:18,530 --> 00:00:19,680 and what it can do. 7 00:00:19,680 --> 00:00:22,440 People that use Illustrator, however, are far rarer. 8 00:00:22,440 --> 00:00:24,930 Even rarer so, are those that use InDesign. 9 00:00:24,930 --> 00:00:27,690 In this video, I'm going to go through an overview of each one. 10 00:00:27,690 --> 00:00:30,180 So you know which one to use for which application. 11 00:00:30,180 --> 00:00:32,270 Let's begin. 12 00:00:32,270 --> 00:00:33,750 Alrighty, let's get started. 13 00:00:33,750 --> 00:00:35,960 And in the most common program out of the 3 14 00:00:35,960 --> 00:00:37,290 and that is Photoshop. 15 00:00:37,290 --> 00:00:39,410 So I've pasted in a standard Chuck Norris picture 16 00:00:39,410 --> 00:00:41,202 off the internet, and I'm going to show you 17 00:00:41,202 --> 00:00:42,470 how the image is made up. 18 00:00:42,470 --> 00:00:44,700 Photoshop is what we call raster-based, 19 00:00:44,700 --> 00:00:47,873 which is a fancy word for saying that it's based on pixels. 20 00:00:47,873 --> 00:00:49,790 If you weren't aware, zooming in will show you 21 00:00:49,790 --> 00:00:50,905 exactly what this means. 22 00:00:50,905 --> 00:00:53,150 [MUSIC PLAYING] 23 00:00:53,150 --> 00:00:56,070 Pixel images are made up of a grid of different squares, 24 00:00:56,070 --> 00:00:57,750 and each one of those has a color. 25 00:00:57,750 --> 00:00:59,840 As you zoom out, they start to blend together 26 00:00:59,840 --> 00:01:02,280 and that's how the image is created. 27 00:01:02,280 --> 00:01:05,220 Photoshop is number one for image editing. 28 00:01:05,220 --> 00:01:06,990 Photoshop is perfect for taking an image 29 00:01:06,990 --> 00:01:09,630 off your phone, your camera, or even the internet 30 00:01:09,630 --> 00:01:10,825 and touching it up. 31 00:01:10,825 --> 00:01:12,450 In this example here, I'm going to play 32 00:01:12,450 --> 00:01:14,783 with the black and white balance by changing the curves. 33 00:01:14,783 --> 00:01:17,730 [MUSIC PLAYING] 34 00:01:17,730 --> 00:01:20,657 One of the real strengths of Photoshop is using the layers. 35 00:01:20,657 --> 00:01:22,740 You can see here I have David Hasselhoff and Chuck 36 00:01:22,740 --> 00:01:24,198 Norris on two separate layers, so I 37 00:01:24,198 --> 00:01:28,080 can move them around independently of each other. 38 00:01:28,080 --> 00:01:30,480 By using the Transform tool, it's very easy 39 00:01:30,480 --> 00:01:33,060 to resize, move, skew, and add perspective 40 00:01:33,060 --> 00:01:34,240 to different objects. 41 00:01:34,240 --> 00:01:37,000 This is what makes Photoshop so popular for those funny image 42 00:01:37,000 --> 00:01:39,000 edits, where people swap the head from one thing 43 00:01:39,000 --> 00:01:40,230 onto another. 44 00:01:40,230 --> 00:01:43,350 Before we had Instagram filters, we had Photoshop filters 45 00:01:43,350 --> 00:01:45,373 and there are heaps of them here. 46 00:01:45,373 --> 00:01:47,040 There's a huge range of effects that you 47 00:01:47,040 --> 00:01:48,580 can achieve with these filters. 48 00:01:48,580 --> 00:01:49,930 Here's an example of one. 49 00:01:49,930 --> 00:01:52,200 This is Liquify. 50 00:01:52,200 --> 00:01:54,180 Liquify enables you to morph an image 51 00:01:54,180 --> 00:01:57,000 around using very little skill. 52 00:01:57,000 --> 00:01:58,800 The presets are very powerful and not 53 00:01:58,800 --> 00:02:00,680 much time, having never done it before, 54 00:02:00,680 --> 00:02:02,597 you can get something that looks pretty crazy. 55 00:02:02,597 --> 00:02:06,100 [MUSIC PLAYING] 56 00:02:06,100 --> 00:02:08,229 Another really prominent use for Photoshop 57 00:02:08,229 --> 00:02:11,780 is retouching fashion images, whether it's needed or not. 58 00:02:11,780 --> 00:02:14,300 So in this example, I'm going to use the Clone tool. 59 00:02:14,300 --> 00:02:17,840 So basically, I can hold down the Alt key and set my target. 60 00:02:17,840 --> 00:02:19,690 And then when I come back and paint, 61 00:02:19,690 --> 00:02:23,150 I will transfer that piece of texture into its place. 62 00:02:23,150 --> 00:02:25,720 So this is commonly used to get rid of imperfections 63 00:02:25,720 --> 00:02:27,658 and little marks and things like that. 64 00:02:27,658 --> 00:02:29,200 And it adds to the effect that people 65 00:02:29,200 --> 00:02:32,332 describe as being airbrushed. 66 00:02:32,332 --> 00:02:34,540 So we've established that Photoshop is the number one 67 00:02:34,540 --> 00:02:36,940 program for editing images, especially when it 68 00:02:36,940 --> 00:02:38,510 comes to print and web. 69 00:02:38,510 --> 00:02:40,070 So why do we need Illustrator? 70 00:02:40,070 --> 00:02:45,040 Well, let's revisit that concept of Photoshop being pixel-based. 71 00:02:45,040 --> 00:02:46,750 Here I've got a simple pattern where I've 72 00:02:46,750 --> 00:02:49,460 drawn a rectangle and a circle. 73 00:02:49,460 --> 00:02:50,950 Photoshop stores this information 74 00:02:50,950 --> 00:02:54,550 by recording the color of every single pixel on the grid. 75 00:02:54,550 --> 00:02:58,000 When we zoom in, we'll see the problem with this. 76 00:02:58,000 --> 00:02:59,620 We can see here that our circle is 77 00:02:59,620 --> 00:03:01,620 beginning to become pixelated. 78 00:03:01,620 --> 00:03:04,070 The way to get around this is to draw all of our shapes 79 00:03:04,070 --> 00:03:05,747 in an enormous resolution. 80 00:03:05,747 --> 00:03:07,580 So that way we have to zoom in for some time 81 00:03:07,580 --> 00:03:09,030 before it starts to pixelate. 82 00:03:09,030 --> 00:03:10,980 This, however, makes a really big file sizes, 83 00:03:10,980 --> 00:03:12,530 which isn't quite ideal. 84 00:03:12,530 --> 00:03:15,150 If we switch to Illustrator and have the same type of pattern, 85 00:03:15,150 --> 00:03:17,275 we can see the difference between raster and vector 86 00:03:17,275 --> 00:03:18,560 graphics. 87 00:03:18,560 --> 00:03:21,260 Every time I zoom in here, it simply redraws it, 88 00:03:21,260 --> 00:03:24,770 and you can see that we never lose quality. 89 00:03:24,770 --> 00:03:26,630 If I hover the mouse over, I can see 90 00:03:26,630 --> 00:03:30,110 that the vector is highlighted. 91 00:03:30,110 --> 00:03:32,360 Whereas Photoshop stores the final image 92 00:03:32,360 --> 00:03:34,940 in a series of pixels on a grid, Illustrator 93 00:03:34,940 --> 00:03:36,940 stores the instructions to create the image. 94 00:03:36,940 --> 00:03:38,690 In this example, it will keep instructions 95 00:03:38,690 --> 00:03:41,460 to know that there's a rectangle here and a circle here, 96 00:03:41,460 --> 00:03:44,780 as well as the proportion and relative positioning of each. 97 00:03:44,780 --> 00:03:46,580 Every time we zoom in or out, it simply 98 00:03:46,580 --> 00:03:48,860 follows those instructions to redraw it on the screen 99 00:03:48,860 --> 00:03:50,510 and create it perfectly. 100 00:03:50,510 --> 00:03:53,030 For this reason, Illustrator is perfect for doing things 101 00:03:53,030 --> 00:03:54,380 like logos. 102 00:03:54,380 --> 00:03:57,090 If we visit our teaching tech logo here and zoom in, 103 00:03:57,090 --> 00:03:59,580 we can see that all of the little shapes that make it up 104 00:03:59,580 --> 00:04:01,350 are made out of vectors. 105 00:04:01,350 --> 00:04:03,540 The advantage here is that I can blow this up 106 00:04:03,540 --> 00:04:05,963 to the size of a building, and it never lose quality. 107 00:04:05,963 --> 00:04:08,130 I can also shrink it down really small for something 108 00:04:08,130 --> 00:04:11,040 like a business card, and it'll look great there too. 109 00:04:11,040 --> 00:04:12,487 I face it in a picture of the Hof 110 00:04:12,487 --> 00:04:14,070 to show that Illustrator, in fact, can 111 00:04:14,070 --> 00:04:15,520 handle raster graphics. 112 00:04:15,520 --> 00:04:18,040 It doesn't automatically convert them to vectors, however, 113 00:04:18,040 --> 00:04:20,820 so if you Zoom in, it still will become pixelated. 114 00:04:20,820 --> 00:04:23,460 Illustrator is particularly good for quickly moving and placing 115 00:04:23,460 --> 00:04:26,095 different elements to create things like posters. 116 00:04:26,095 --> 00:04:27,720 It's important to note that Illustrator 117 00:04:27,720 --> 00:04:30,160 does have a range of raster-editing capabilities, 118 00:04:30,160 --> 00:04:32,740 but it's not really anything compared to Photoshop. 119 00:04:32,740 --> 00:04:34,573 In fact, it calls it the Photoshop effects, 120 00:04:34,573 --> 00:04:36,240 but it's still vastly cut down from what 121 00:04:36,240 --> 00:04:37,282 you'll find in Photoshop. 122 00:04:37,282 --> 00:04:39,630 [MUSIC PLAYING] 123 00:04:39,630 --> 00:04:42,150 Despite being vector-based, the fills in Illustrator 124 00:04:42,150 --> 00:04:43,300 are quite powerful. 125 00:04:43,300 --> 00:04:45,490 Here we have two examples of different fills. 126 00:04:45,490 --> 00:04:47,560 The one on the left is a straight gradient. 127 00:04:47,560 --> 00:04:50,118 You can bring up your gradient panel, select your object 128 00:04:50,118 --> 00:04:51,660 and then change a range of parameters 129 00:04:51,660 --> 00:04:52,980 to do with the gradient. 130 00:04:52,980 --> 00:04:55,830 You can also change from linear to radial and include 131 00:04:55,830 --> 00:04:58,470 extra colors if you wish. 132 00:04:58,470 --> 00:05:00,920 This example on the right isn't as well known. 133 00:05:00,920 --> 00:05:02,392 This one uses the mesh tool. 134 00:05:02,392 --> 00:05:03,850 You can see when I hover over, it's 135 00:05:03,850 --> 00:05:06,410 divided the shape up into a bunch of segments. 136 00:05:06,410 --> 00:05:08,050 If I come up with the White cursor tool 137 00:05:08,050 --> 00:05:09,620 and click on one of the segments, 138 00:05:09,620 --> 00:05:11,180 I can set the color for that segment 139 00:05:11,180 --> 00:05:14,770 and it will try and blend it into the other ones around it. 140 00:05:14,770 --> 00:05:17,500 Here's an example of a poster made as an instruction sheet 141 00:05:17,500 --> 00:05:18,800 using Illustrator. 142 00:05:18,800 --> 00:05:20,705 All of the individual shapes are vectors, 143 00:05:20,705 --> 00:05:22,330 and gradients have been applied to make 144 00:05:22,330 --> 00:05:23,780 different parts stand out. 145 00:05:23,780 --> 00:05:26,590 In this program, it's extremely easy to move things around 146 00:05:26,590 --> 00:05:28,390 and to place them. 147 00:05:28,390 --> 00:05:30,730 Here's another example of some more advanced editing 148 00:05:30,730 --> 00:05:31,698 in Illustrator. 149 00:05:31,698 --> 00:05:34,240 Zooming in might make you think that this is something that's 150 00:05:34,240 --> 00:05:36,490 been done in Photoshop, but hovering the mouse over 151 00:05:36,490 --> 00:05:39,100 reveals that everything is, in fact, vectors. 152 00:05:39,100 --> 00:05:42,325 This section on the front here we can see is a gradient mesh. 153 00:05:42,325 --> 00:05:44,950 And we've also used some of the filters from the dropdown menus 154 00:05:44,950 --> 00:05:47,230 to get the drop shadow and the texture. 155 00:05:47,230 --> 00:05:50,120 Because this is in Illustrator, every time we zoom in or out, 156 00:05:50,120 --> 00:05:53,290 it's redrawn and it should never pixelate. 157 00:05:53,290 --> 00:05:54,950 Because Illustrator is vector-based, 158 00:05:54,950 --> 00:05:57,670 it's also good for making files for laser cutting. 159 00:05:57,670 --> 00:05:59,910 You can see here the pieces for my heart puzzle from 160 00:05:59,910 --> 00:06:02,730 my Valentine's Day 3D printing special. 161 00:06:02,730 --> 00:06:04,540 Each one of them is made up of vectors, 162 00:06:04,540 --> 00:06:06,090 and this is the type of path that the laser 163 00:06:06,090 --> 00:06:08,382 cutter needs to follow to be able to cut something out. 164 00:06:08,382 --> 00:06:09,582 [MUSIC PLAYING] 165 00:06:09,582 --> 00:06:11,040 So we've established that Photoshop 166 00:06:11,040 --> 00:06:12,700 is great for single images. 167 00:06:12,700 --> 00:06:15,490 Illustrator is good for logos and single page layouts. 168 00:06:15,490 --> 00:06:18,480 And that brings us to Adobe InDesign. 169 00:06:18,480 --> 00:06:20,460 InDesign is what you switch to when you've got 170 00:06:20,460 --> 00:06:23,130 to create a lot of something. 171 00:06:23,130 --> 00:06:24,660 Here, I've set up an example page 172 00:06:24,660 --> 00:06:27,160 to show you some of the ways that InDesign can work. 173 00:06:27,160 --> 00:06:29,200 Here's some features that might be of interest. 174 00:06:29,200 --> 00:06:30,660 If you come to either of the rulers 175 00:06:30,660 --> 00:06:33,370 and click and drag across, when you let go, 176 00:06:33,370 --> 00:06:34,383 it'll leave a guideline. 177 00:06:34,383 --> 00:06:35,925 Now when you're moving things around, 178 00:06:35,925 --> 00:06:38,730 you can easily snap to that guideline. 179 00:06:38,730 --> 00:06:41,652 The text boxes are a little bit different to other programs. 180 00:06:41,652 --> 00:06:43,110 You can see that we can resize them 181 00:06:43,110 --> 00:06:45,617 and there was some text hidden underneath. 182 00:06:45,617 --> 00:06:47,200 You'll notice there's a red plus here, 183 00:06:47,200 --> 00:06:49,283 which is telling us this text that's not fitting. 184 00:06:49,283 --> 00:06:50,700 When we hit the plus, it'll prompt 185 00:06:50,700 --> 00:06:53,310 us to drag another text box, and then the text 186 00:06:53,310 --> 00:06:56,430 will continue in that. 187 00:06:56,430 --> 00:06:58,470 If I resize the original one, the text 188 00:06:58,470 --> 00:07:01,240 will flow between them as it needs to. 189 00:07:01,240 --> 00:07:04,690 Now, images in InDesign are a little bit different as well. 190 00:07:04,690 --> 00:07:07,060 When we click on them, we have two functions. 191 00:07:07,060 --> 00:07:09,340 Generally, resizing will resize the box 192 00:07:09,340 --> 00:07:11,240 and effectively crop the image. 193 00:07:11,240 --> 00:07:13,880 If you double-click, now you can resize the actual image, 194 00:07:13,880 --> 00:07:15,910 but that doesn't resize the box. 195 00:07:15,910 --> 00:07:18,920 If you click on an image and hold down Shift and Control, 196 00:07:18,920 --> 00:07:21,430 now you're resizing the bounding box as well as the image 197 00:07:21,430 --> 00:07:23,470 in the same go. 198 00:07:23,470 --> 00:07:25,550 If we examine the components of our design, 199 00:07:25,550 --> 00:07:28,120 we can see that InDesign supports both raster and vector 200 00:07:28,120 --> 00:07:29,440 graphics. 201 00:07:29,440 --> 00:07:31,120 Zooming in on my Chuck Norris image 202 00:07:31,120 --> 00:07:33,970 shows me that it is, in fact, still pixels. 203 00:07:33,970 --> 00:07:35,873 If I come over to my logo and zoom right in 204 00:07:35,873 --> 00:07:37,540 can see that the vectors that make it up 205 00:07:37,540 --> 00:07:40,030 are still traced around the outside. 206 00:07:40,030 --> 00:07:42,155 Despite this crest being a vector from Illustrator, 207 00:07:42,155 --> 00:07:44,447 you'll notice that the quality doesn't look that great. 208 00:07:44,447 --> 00:07:46,130 That's because InDesign, where it can, 209 00:07:46,130 --> 00:07:47,740 keeps a reference to the original file 210 00:07:47,740 --> 00:07:50,240 and then displays a preview quality version only. 211 00:07:50,240 --> 00:07:52,850 That means if I update this design in Illustrator, 212 00:07:52,850 --> 00:07:54,530 it will instantly update in InDesign, 213 00:07:54,530 --> 00:07:55,850 saving me a lot of time. 214 00:07:55,850 --> 00:07:58,910 If I come up to view overprint preview, 215 00:07:58,910 --> 00:08:01,580 it'll transform to the highest quality possible to show you how 216 00:08:01,580 --> 00:08:03,200 it's actually going to print. 217 00:08:03,200 --> 00:08:05,660 Like we touched on earlier, the real beauty of InDesign 218 00:08:05,660 --> 00:08:07,702 is when you need to do a lot of something because 219 00:08:07,702 --> 00:08:09,050 of its templating system. 220 00:08:09,050 --> 00:08:10,760 You'll notice under my Pages panel 221 00:08:10,760 --> 00:08:12,680 that I have my master up the top, and then 222 00:08:12,680 --> 00:08:14,430 my actual pages down below. 223 00:08:14,430 --> 00:08:18,380 Let's make a copy of my logo and set it up as a watermark. 224 00:08:18,380 --> 00:08:20,240 I'm going to double click on a master 225 00:08:20,240 --> 00:08:23,420 and it turns black up here, and the pages look blank. 226 00:08:23,420 --> 00:08:25,260 I'm going to paste in my logo. 227 00:08:25,260 --> 00:08:27,140 I'm going to resize it and move it up 228 00:08:27,140 --> 00:08:30,650 to the top left-hand corner. 229 00:08:30,650 --> 00:08:35,252 I'm going to make a copy and put it in the top right hand corner. 230 00:08:35,252 --> 00:08:36,919 Now, you would never actually place this 231 00:08:36,919 --> 00:08:39,440 without white space here, but as an example, for now 232 00:08:39,440 --> 00:08:40,590 it'll do the job. 233 00:08:40,590 --> 00:08:42,480 Let's double click to come back to our page. 234 00:08:42,480 --> 00:08:45,080 You'll notice that it's been applied because as this page is 235 00:08:45,080 --> 00:08:48,330 labeled with A which corresponds to the A master at the top. 236 00:08:48,330 --> 00:08:50,000 As I add in New pages, you'll see 237 00:08:50,000 --> 00:08:52,310 that each one automatically Bears the image 238 00:08:52,310 --> 00:08:55,002 that we set up in our master. 239 00:08:55,002 --> 00:08:56,960 If I want to come back to my master at any time 240 00:08:56,960 --> 00:08:58,635 and edit the way this is positioned. 241 00:08:58,635 --> 00:09:00,510 When I come back to the page, it'll instantly 242 00:09:00,510 --> 00:09:02,863 be updated there as well. 243 00:09:02,863 --> 00:09:04,530 We also have some really good templating 244 00:09:04,530 --> 00:09:06,810 for our paragraph text. 245 00:09:06,810 --> 00:09:09,030 If I come to this text box here and then 246 00:09:09,030 --> 00:09:11,020 make sure I have paragraph styles open, 247 00:09:11,020 --> 00:09:13,620 I can add a new one from the button down below. 248 00:09:13,620 --> 00:09:16,710 If I double click on it, the control box will come up. 249 00:09:16,710 --> 00:09:19,690 What I'm going to do is rename this one with whatever I feel. 250 00:09:19,690 --> 00:09:23,610 In this case, I'm going to call it heading 1. 251 00:09:23,610 --> 00:09:25,390 Now, when I'm editing other text, 252 00:09:25,390 --> 00:09:27,600 all I need to do to apply this formatting here 253 00:09:27,600 --> 00:09:30,035 is to click on heading 1. 254 00:09:30,035 --> 00:09:31,410 In a complicated document, you're 255 00:09:31,410 --> 00:09:33,952 going to end up with probably five or six different paragraph 256 00:09:33,952 --> 00:09:35,100 styles. 257 00:09:35,100 --> 00:09:37,620 This means you can write and edit your text in a program 258 00:09:37,620 --> 00:09:39,790 with spell check, and then when you paste it in, 259 00:09:39,790 --> 00:09:41,580 it's very quick to come back and click 260 00:09:41,580 --> 00:09:44,340 single time to set the type of style that you want. 261 00:09:44,340 --> 00:09:46,360 Just like with the master layout, 262 00:09:46,360 --> 00:09:48,480 paragraph styles can be edited very quickly 263 00:09:48,480 --> 00:09:52,530 by double clicking them, and then changing whatever we want. 264 00:09:52,530 --> 00:09:54,660 As soon as I hit OK, everything in the document 265 00:09:54,660 --> 00:09:56,490 will come through and update. 266 00:09:56,490 --> 00:09:58,600 I can see this one here has turned accidentally 267 00:09:58,600 --> 00:09:59,743 to the heading 1. 268 00:09:59,743 --> 00:10:01,660 So all I need to do is put my cursor somewhere 269 00:10:01,660 --> 00:10:06,310 in the paragraph, and then do a single click to revert it. 270 00:10:06,310 --> 00:10:08,110 Let's do a little recap. 271 00:10:08,110 --> 00:10:10,360 Photoshop, excellent for image editing 272 00:10:10,360 --> 00:10:12,087 that includes the images off your camera, 273 00:10:12,087 --> 00:10:14,170 and as well as graphic designs and single pictures 274 00:10:14,170 --> 00:10:17,290 that you're making for a variety of applications. 275 00:10:17,290 --> 00:10:20,000 Illustrator, excellent for logos, and in some cases, 276 00:10:20,000 --> 00:10:22,570 single page graphic design layouts. 277 00:10:22,570 --> 00:10:24,623 And finally InDesign, which is set 278 00:10:24,623 --> 00:10:27,040 for making long documents where you can use the templating 279 00:10:27,040 --> 00:10:30,220 to make sure everything stays consistent. 280 00:10:30,220 --> 00:10:31,640 Well, that wraps it up. 281 00:10:31,640 --> 00:10:34,730 I hope you found this overview and comparison very informative. 282 00:10:34,730 --> 00:10:38,290 Thanks for watching, and I'll see you next time. 283 00:10:38,290 --> 00:10:39,770 Good day, it's Michael again. 284 00:10:39,770 --> 00:10:41,750 If you liked the video, then please click like. 285 00:10:41,750 --> 00:10:43,917 If you want to see more content like this in future, 286 00:10:43,917 --> 00:10:45,400 click Subscribe and make sure you 287 00:10:45,400 --> 00:10:47,532 click on the bell to receive every notification. 288 00:10:47,532 --> 00:10:49,240 If you really want to support the channel 289 00:10:49,240 --> 00:10:51,980 and see exclusive content, become a patreon 290 00:10:51,980 --> 00:10:53,440 visit my Patreon page. 291 00:10:53,440 --> 00:10:54,190 See you next time. 292 00:10:54,190 --> 00:10:57,840 [MUSIC PLAYING] 293 00:10:57,840 --> 00:10:59,000