×
Introducing Creative Market Pro: Download unlimited assets to elevate your work. LEARN MORE

What's The Difference Between Photoshop and Illustrator?

By on Feb 28, 2017 in Inspiration
What's The Difference Between Photoshop and Illustrator?

Whether you're new to graphic design or just the Adobe Creative Cloud system, you might have a question that has come up before: what's the difference between Photoshop and Illustrator?

Well, Photoshop does raster files, and Illustrator does vector files. There you go, story done. Ahem.

Obviously it's a bit more complicated than that. So instead of just glossing over the entire thing with a witty quip, let's get into the weeds and figure it all out. Come on, it'll be fun!

The Basics: Raster vs. Vector

Let's start way at the beginning, just in case you're new to the designer scene. Adobe offers a suite of programs called the Adobe Creative Cloud, and for a monthly subscription fee, you get access to all of their offerings. In there are the two programs that we're dealing with today: Adobe Illustrator and Adobe Photoshop. Each one has their focus, and it's important that you know what both of them are if you want to be a quality designer.

The two programs diverge right at the start with the types of files they handle. I've talked about it before, because it's one of those questions that non-designers ask designers all the time: what's the difference between raster and vector files? Well, I'll tell you in a story.

I've got a client that sells custom car equipment, and he has a super complex logo that I've worked with over at my sticker business. There's a variation of the design that includes the state flag in the middle, and when he wanted that version included in a flyer that he wanted me to design, I asked for the file. He sent over a JPEG, and I knew we were in trouble.

JPEGs are raster files (also known as bitmap files), and they're made up of pixels, which are those tiny blocks that make up the display on your computer. Your personal photos and most image content on the web are raster files, and it allows for blending of tones, shading, and things like that. Raster files are no-nos in the world of logo design, which is why I was upset when he sent over that JPEG. Worse yet, the designer that worked on it previously had spilled colors into each other, so it was just messy. And the client complained that although the design worked OK on a T-shirt, he couldn't do much else because the quality just wasn't present. There's a reason for that.

Vector files are based on lines, not pixels. This means that no matter how small or how large the design is, the computer will render it exactly the same way. It's the reason why you can have an identical logo on a business card and a billboard, and create them from the exact same file.

Why does this matter? Well the simple answer is sizing and rendering. Let's say you have two identical images, and they're the exact same size. One is a vector drawing (done in Illustrator), and the other was made in Photoshop, making it a raster file. If you enlarge the vector, everything will be perfect and look flawless. But enlarging the raster file is different. Since it's based on pixels, changing the number of pixels present in the object causes the computer to estimate where pixels need to be removed or added to complete the look. Sometimes that works great, sometimes not so much. It's why if you blow up an image to twice its size that it looks gnarly and pixelated.

Now at first, this may seem like I'm coming off pro-vector, and that might be a side effect of me using Illustrator all the time. Vector designs definitely have their limitations, and they certainly are more difficult to work with, particularly if you're starting off. So with that in mind, let's talk about the good, the bad, and the ugly of both formats.

The Pros and Cons of Raster Files

If you're working with a photo, then you're working with a raster graphic by default. After all, the shots that come out of a camera could be RAW, JPEG, PNG, or even TIFF, but those are all different types of raster graphics, so that's the world you're living in. But that's OK, it's a pretty good place to be.

Raster files are great for artists because they offer a lot of flexibility. You can blend, use paint brushes and get smooth gradients with raster files, and although you can achieve some of those things with vector files, it's so much easier with raster. Because it's based on pixels, there's a natural blending point that occurs when you pass your tool over multiple pixel points. That gives you great options when you want to get artistic, and it's how you can manipulate photos so easily.

On the down side, they're not scalable — for the most part. Like I said before, since everything is based on pixels, it's up to the computer to figure out what color should go where when the image is resized. In addition, many print shops have requirements for the DPI (dots per inch) of the images they use. Often it's 300DPI and up, and to achieve that you need a high-resolution image. You can't just change the DPI and expect it to be the same quality or size — one of them has to give. But you can play with sizes a little bit, particularly if you're going smaller. The fidelity of the image usually stays the same going that direction, even if you do mess with the DPI a bit in the process. The key is to remember that if you go bigger, you will lose quality in the process.

For that same reason, it can be more difficult to change colors in a raster file, because there are so many different tones to choose from. It means that you have to become a ninja with the lasso tool if you want to change a background, and although that's fine, it can be daunting to the new designer.

The Pros and Cons of Vector Files

The most obvious advantage when it comes to vector files is their ability to be scaled. It doesn't matter what resolution monitor you use or the object it's going on, a vector file can be infinitely resized in either direction with no resulting problems with quality or pixelation. In short, it's the only file type you should use when working on any design that needs to be bigger or smaller at any point.

It's also super simple to change a color in a vector file: tap it, and pull a new one in from a swatch or color picker. Easy-peasy, as they say.

Which brings us then to the downsides. Creating photorealistic vector images is possible, but it's not only quite complex to do, but time-consuming as well. You can combine raster effects with vectors — gradients and the like — but again, it can be tough. After all, they're not true vector images if they have a raster effect, and all of that can break down when you look at the results in outline view.

For the uninitiated, outline view is a mode in Illustrator that lets you see the lines of a drawing by themselves. In a simple vector drawing, it shows where the points actually connect, and if you're using an effect or trying to make something photorealistic, the outline becomes much more complex. It looks like a topographical map of the French Alps, minus the snow.

Now that may or may not matter to you as a designer. Most people I know that work in Illustrator rarely use outline view, and for them, that's fine. But as a sticker guy, I use the outline view all the time. Every line in a vector is translated as a cut on our plotter, so I need to make sure that everything works perfectly. And I always have the pathfinder palette open, because I have to combine shapes regularly or else it just doesn't work.

The other issue with vector graphics, and Illustrator specifically, is that it's much more difficult to learn how to use. While Photoshop seems intuitive, working with points and the pen tool in Illustrator can be downright infuriating, because it doesn't always work the way you expect. And when you're trying to combine paths, that can be just as daunting or frustrating to do, because sometimes you disagree with how Illustrator sees the situation. It makes you want to huck your computer through a wall, and as someone that has great respect for their home's drywall, I'm not a huge fan of that proposition.

Pick Your Poison

At the end of it all, the program you pick to edit or create your files depends entirely on where it will be used. If you want to make a logo, go with Adobe Illustrator. If you want to tweak some pictures, go with Adobe Photoshop. And for everything in between, it all depends on where it's going.

If you're fluent in one and not the other, here's a piece of advice: become a master of both programs. It makes you more flexible as a designer, and there's nothing wrong with picking up a new skill.


Products Seen In This Post:

Free lettering worksheets


Download now!

img

Download now!

Getting started with hand lettering?

Download these worksheets and start practicing with simple instructions and tracing exercises.

9 Comments

  1. Thank you! Great article. So hard to find simple and understandable explanations when you are a newbie!

  2. When I was first getting into design, I could not understand the difference between Photoshop and Illustrator. To me, it didn't make sense why everything could be done in the same software! It was also really hard to find a simple explanation.

    Thanks for answering a surprisingly confusing questions for new designers. Great article, Kevin!

  3. Great article! I got so confused with this when I first started using the adobe programs. Now I tend to use photoshop for cropping, resizing and enhancing images and illustrator for creating icons, graphics, logos and banners :)

  4. This is so helpful in being able to explain the difference to clients! I know it in my head but you've put it into words! Thank you :-)

  5. It's amazing how many designers still don't understand why logos should be designed in Illustrator. It used to be everyone knew what camera ready art was. Logos had to be camera ready, meaning black and white for process cameras to reproduce onto film. Camera ready today could also be considered vector art, which is easily scalable. With the myriad of effects that can be easily applied to typography and logos today, it is always tempting to go that route for a cool look. To the service provider that has to convert logos to cut vinyl or any other three-dimensional object, it is a frustrating endeavor to deal with raster designs meant for a business card. But now the client is asking for it on their delivery truck or store window. It often entails redoing the logo entirely in a vector program. No one wants to pay for that because they think it has already been designed and is good to go. If a logo does not work in a black and white version, it used to be not acceptable as a logo. I still think that is a good practice to always keep in mind.

  6. I totally agree with you Rick. If I'm not the one that's designing the logo for my clients and am working with an inherited logo I often spend far too much time having to recreate their logo so it can be useable for anything print related or beyond. I remember being taught and trained that vector art was the way to go and the rule of thumb was that it must be reproducible (meaning back then - photocopiable!) or have a version suitable for black and white. Not everyone that businesses get their logos designed by are trained like that though...

  7. Hopefully, the blog by Kevin Whipps will help to educate those of our ilk who do not understand the difference and why it is important to keep in mind. If this basic concept is not being taught by educational design departments, they are doing a disservice to their students. I suspect that so much is designed for digital media these days that this issue rarely comes up for many designers who don't work in traditional media.

  8. Thank you so much for the great article!! It really helps me to understand the differences between the two programs!!!

You must be signed in to post a comment.

Made with Creative Market

Browse a gallery of inspiration made with design assets from Creative Market.

Explore the Gallery →

Meet the Creative Market Authors

Learn more about the talented writers behind the articles.

Meet the Authors →

Download Our FREE Branding eBook

Get a FREE, fun, and friendly guide to design your own brand.

Get your eBook →