Illustrator Vs Photoshop For Drawing | Photoshop vs Illustrator vs Indesign – When to use each one

Teaching Tech

Subscribe Here

Likes

1,600

Views

85,396

Photoshop vs Illustrator vs Indesign - When to use each one

This is a transcript from the video mentioned above: (please support the original creator by liking and subscribing to their channel!)

Today. I’ll show you when to use Adobe Photoshop, Illustrator or Indesign [Music] you [Music] now most people are pretty familiar with Photoshop and what it can do people that use illustrator, however, a far rarer even rarer. So are those that use. Indesign in this video. I’m going to go through an overview of each one, so you know which one to use for which application let’s begin. Alrighty, let’s get started and in the most common program out of the three and that is. Photoshop. I’ve pasted it in a standard Chuck Norris, picture off the Internet. I’m gonna show you how the image is made up. Photoshop is what we call raster based, which is a fancy word for saying that it’s based on pixels. If you weren’t aware zooming in will show you exactly what this means. Pixel images are made up of a grid of different squares in each one of those has a color as you to mount this up to blend together and that’s how the image is created. Photoshop is number one for image editing Photoshop. It is perfect for taking the image off your phone, your camera or even the internet and touching it up in this example here. I’m going to play with the black and white balance By changing the curve. One of the real strengths of Photoshop is using the layer’s. Cassini arrow have David Hasselhoff and Chuck Norris on two separate layers So I can move them around independently of each other By using the transform tool, it’s very easy to resize, move, skew and add perspective, different objects. This is what makes. Photoshop so popular for those funny image edits where people swap the head from one thing on to another before we had Instagram filters. We have Photoshop filters, and there are heaps of them here. There’s a huge range of effects that you can achieve with these filters. Here’s an example of one this is liquefying liquify enables you to more pan image around using very little skill. The presets are very powerful and not much time having never done it before you can get something. That looks pretty crazy. [MUSIC] Another really prominent use for Photoshop is retouching fashion images whether need it or not, so in this example. I’m going to use the clone tool. The basically I can hold down the Alt key and set my target, and then when I come back and paint, I will transfer that bit of texture into its place, so this is commonly used to get rid of imperfections and little marks and things like that. It adds to the effect that people described as being airbrushed. I’ve established that Photoshop is the number one program for editing images, especially when it comes to print and Web. So why don’t we need illustrator? Well, let’s revisit that concept of Photoshop being pixel based here. I’ve got a simple pattern where I’ve drawn a rectangle and a circle Photoshop stores this information by recording the color of every single pixel on the grid. When we zoom in, we’ll see the problem with this, we can see you hear that Our circle is beginning to become pixelated the way to get around. This is to draw all of our shapes in an enormous resolution, so that way we have to zoom in for some time before it starts to pixelate. This, however, makes really big file sizes, which isn’t quite ideal if we switch to illustrator and have the same type of pattern and we can see the difference between raster and vector graphics. Every time I zoom in here, It simply redraws it and you can see that we never lose quality. If I hover the mouse over, I can see that the vector is highlighted, whereas Photoshop stores, the final image in a series of pixels on a grid illustrator stores, the instructions to create the image. In this example, it will keep instructions to know that there’s a rectangle here and a circle here, as well as the proportion and relative positioning of each every time we zoom in or out, it simply follows those instructions to redraw it on the screen and create it perfectly for this reason. Illustrator is perfect for doing things like logos. If we visit our teaching tackle logo here and zoom in, we can see that all of the little shapes that make it up are made out of vectors. The advantage here is that I can blow this up to the size of the building and it will never lose quality. I can also shrink it down really small for something like a business garden, and it’ll look great there too. I’ve pasted it in a picture of the Hopf to show that illustrator, in fact, can handle Raster graphics. It doesn’t automatically convert them to vectors, however, so if you zoom in that still will become pixelated, the illustrator is particularly good for quickly moving and placing different elements to create things like posters. It’s important to note that illustrator does have a range of grass to editing capabilities, but it’s not really anything compared to Photoshop, In fact, it calls it the Photoshop effects, but it’s still vastly cut down from what you’ll find in Photoshop, despite being vectorbase that fills an illustrator are quite powerful. Here we have two examples of different fills. The one on the left is a straight gradient. You can bring up your gradient panel. Select your object and then change your range of parameters to do with the gradient. You can also change from linear to radial and include extra colors. If you wish this example on the right isn’t as well-known. This one uses the mesh tool. You can see when I hover over. It’s divided the shape up into a bunch of segments. I come up with the white cursor tool and click on one of the segments. I can set the color for that segment and it will try and blend it into the other ones around it, here’s. An example of a poster made as an instruction sheet using illustrator, all of the individual shapes are vectors and gradients of it applied to make different parts Stand out in this program. It’s extremely easy to move things around and to place them. Here’s another example of some more advanced editing in Illustrator zooming in might make you think this is something that’s been done in Photoshop, but hovering the mouse over reveals that everything is in fact vectors. This section on the front. Here we can see is a gradient mesh, and we’ve also used some of the filters from the drop-down menus to get the drop shadow and the texture because this is an illustrator. Every time we zoom in or out its redrawn and it should never pixelate. Of course, illustrator is vector based. It’s also good for making files for laser cutting. You can see here the pieces for my heart puzzle from my Valentine’s Day 3d printing special. Each one of them is made up of vectors, and this is a type of path that the laser cutter needs to follow to be able to cut something out. We’ve established that Photoshop is great for single images. Illustrator is good for logos and single page layouts and that brings us to Adobe Indesign. Indesign is what you switch to when you’ve got to create a lot of something here. I’ve set up an example page to show you some of the ways that InDesign can work here. Some features that might be of interest. We come to either of the rulers and click and drag across. When you let go. It’ll leave a guideline now. When you’re moving things around, you can easily snap to that guideline. The text boxes are a little bit different to other programs. You can see that we can resize them and there were some text hidden underneath you’ll notice. There’s a red plus here, which is telling us there’s text. That’s not fitting well. We hit the plus it’ll. Prompt us to drag another text and then the text will continue in that. If I resize the original one, The text will flow between them as it needs to now. Images and InDesign are a little bit different as well. Well, we click on them. We have two functions. General resizing will resize the box and effectively crop the image. If you double click now, you can resize the actual image, but that doesn’t resize the box if you click on an image and hold down. Shift + Ctrl. Now you’re resizing the bounding box as well as the image in the same go. If we examine the components of our design, we can see the Indesign supports both raster and vector graphic zooming in on my Chuck Norris image shows me that it is, in fact still pixels. If I come over to my logo and zoom right in, you can see that the vectors that make it up are still traced around the outside. Despite this press being a vector from illustrator, you notice that the quality doesn’t look that great? That’s because InDesign where it can keeps a reference to the original file and then displays a preview quality version. Only that means if I update this design and illustrator, it will instantly update in InDesign saving me a lot of time. If I come up to view over print preview, it’ll transform to the highest quality possible– to show you how it’s actually going to print like. We touched on earlier. The real beauty of Indesign is when you need to do a lot of something because of its templating system, you’ll notice under my page’s panel that I have my master up the top, and then my actual page is down below. Let’s make a copy of my logo and set it up as a watermark, Then a double click on a master, and it turns black up here and the pages of blank then. I’m gonna paste in my logo. I’m gonna resize it and move it up to the top left hand corner. I’m gonna make a copy and put it in the top right hand corner. Now you will never actually place this without white space here, but as an example for now, it’ll do the job, but double click to come back to our page. You’ll notice that it’s been applied because if this page is labeled with a which corresponds to the a master up the top as they’re adding new pages, you’ll see that each one automatically bears the image that we set up in our master. If I want to come back to my master at anytime and edit the way this is positioned when I come back to the page, it’ll instantly be updated there as well. We also have some really good templating for our paragraph text. I come to this text box here and then make sure I have paragraph. Styles open. I can add a new one from the button down below If I double, click on it. The control box will come up. What I’m going to do is rename this one with whatever I feel in this case. I’m going to call it heading one. Now when I’m editing other text all I need to do to apply this. Formatting here is to click on heading 1 in a complicated document. You’re going to end up with probably five or six different paragraph styles. This means you can write and edit your text in a program with spellcheck and then when you paste it in, it’s very quick to come back and click single time to set the type of style that you want just like with the master layout paragraph. Styles can be edited very quickly by double-clicking them and then changing whatever we want soon as they hit, okay. Everything in the document will come through an update. You can see this. One here has turned accidentally to the heading one so all. I need to do is put my cursor somewhere in the paragraph and then do a single click to revert it. Let’s do a little recap. Photoshop excellent for image editing that includes the images off your camera and as well as graphic designs and single pictures that you’re making for a variety of applications illustrator, excellent for logos and in some cases, single page graphic design layouts and finally InDesign, which is set for making long documents where you can use the templating to make sure everything stays consistent. Well, that wraps it up. I hope you found this overview on comparison. Very informative. Thanks for watching and Ill. See you next time, Gday. It’s Michael again. If you liked the video, then please click like if you want to see more content like this in future click. Subscribe and make sure you click on the bell to receive every notification. If you really want to support the channel and see exclusive content, become a patron, visit my patreon page. See you next time.