Thursday, December 2, 2010

001: Raster Rage

Why can't Photoshop do vectors like Illustrator?

I am a person that is very savvy with Photoshop. Since the day I discovered it once upon a time after my Information Processing assignment in high school, I've been using and abusing it for drawing and illustration, visual effects, and photomanipulation. It opened up my eyes to not only a new way of drawing (since all I ever used before was Microsoft Paint for digital art), but a vast variety of mixed media and design. I joined Communications Technology in my last year, took only 2/3 of the classes for the course, and I got the Advanced class award for the highest average. I loved Photoshop, I love it to this day, and it is my favourite tool of the trade for anything graphics-related.

In Commtech, however, I was introduced to more Adobe programs I never thought I'd be experimenting with. This included Adobe Flash and Illustrator. I opened up Illustrator, ready to use the tools that the big guns used and the first thing I said after a few things was: 

"Oh my God this isn't Photoshop." 

For the brief period of time I used Illustrator in school, I realized one thing at that moment: this wasn't the same as Photoshop. I know friends have told me that yes it's...it's similar eventually, but I'm sorry, this was a complete culture shock for me. My way of life, disturbed by this superior program that I was inferior at, that I would have to learn one day anyway if I wanted to further pursue the fourth growing industry in North America.

The biggest change for me was the use of Layers. Now Layers in Photoshop and Layers in Illustrator was what shocked me the most. It's about as different as the sun and the moon.

Better yet, we can describe it like evolution.

 
For years until I was 14, I have been using Microsoft Paint for all my digital drawings with the assist of a Corel program just to blur my lines and make it look less jagged. Everyone knows that Paint doesn't have layers. Not even Windows 7 Paint has layers. You would think by now Microsoft would have introduced layers if they can upgrade 7 to having anti-aliased, smooth, nice-looking brushes similar to Photoshop, GIMP, or even Paint.NET. No, though, in Paint versions under 7, the lines are always aliased and choppy.

Back to the point at hand though. Paint doesn't have layers, simple as that. I use that fact as a popular example when I teach people how to work with Photoshop or a layer-component program, with some physical examples.
Me: You see this piece of paper? Everything you do is on the piece of paper gets stuck to it, whereas if you take another piece of paper and put it on top and do stuff on that, if you don't like whatever is on this paper, you can erase it.
Person: ...but paper is opaque.
Me: That's not the point...
However, in Photoshop, if you screw up one layer and your History can't go back and fix it, that's what you get. Say you draw a red blurry line over your nice, crisp lineart, and for some reason you don't notice it until it's finally out of your History. Well, now you're screwed. You can erase it and overlay it, or you redraw the whole thing via a number of methods.

With Illustrator, however, this takes it to a whole new level. If you draw a red blurry line over your lineart on that layer and you've already done about 100 other actions, you can actually move the red line out of the way and delete it. Every single stroke on that layer is like another sublayer, object thingy and the original integrity of everything is still maintained.

I've just purchased a new computer strictly for graphics, and the first thing I'm getting next to Photoshop is Illustrator. While I hate it, there's two reasons why I require it: one is that I'm a complete newbie at it, so I really shouldn't be talking. I have to practice it beyond high school, and I can't let my hatred for something I'm inexperienced at get in the way of learning its full potential, otherwise I'm just an idiot. Who knows? In due time, it may become one of my favourite Adobe programs next to Photoshop.

Secondly and most importantly, everybody I know in the field keeps saying how Illustrator is becoming the graphic designer's choice of graphics, especially for things that need to be printed and stuck on a wallpaper, and I'm lead to believe this is true. This is because of two things:
  1. Raster
  2. Vector 
So what are these if you don't already know/haven't turned to Google and Wikipedia yet like I did when my Commtech teacher brought it up? I'll show you in a way that will probably be reminiscent of an X for Dummies book. To do that, I'm going use Photoshop to show what the difference between these two things are just to spit on Illustrator's existence.



This is a blob. I used the Paths setting for the Shape Tool to create the shape, then applied Fill Path. Note how it looks like any other layer you would create something on. Watch what happens when I enlargen it.


Look at those enlarged pixels on the edge. They're so pixely. If you're working with a file that's way smaller than 8 x 11 inches and you want to print that stuff out in good quality, maybe even to poster size...good luck. You'll have to do a lot of retouching of the compression and pixels that you've just damaged.

This, ladies and gentlemen, is a raster. They are usually found in the file form of everything - your JPEGs, your GIFs, your PNGs, everything. This is is fine for a lot of stuff on your computer, but for things like logos, illustrations, and whatnot...this is where Illustrator comes in handy.


This is another blob done on Photoshop. This time I used the Shape Layers setting instead of Paths and created another blob instantly. Now note how it has a different Layer Style. I could explain it more technically to those who don't know what it is, but I don't want to because I don't know what it fully means yet either. But this is definitely a vector. Now here's the difference. 




I enlarged the image, and the original integrity of the edges was kept. There's no pixellation whatsoever. I can shrink it and enlarge it all I want and the edges stay crisp and clean, unlike the raster's. There's proper explanations for why this is the case, but here's the visual and general idea: vectors don't lose quality. 

It's like the SD vs. HD camera wars on Youtube. The difference is there, it is undeniable, and it is astounding and mind-blowing (well, maybe not that much) on just how much better the vector looks than the raster. This is why Illustrator also kicks Photoshop in its rear. Illustrator is fully capable of vectors. Almost anything you build in Illustrator is nearly incapable of being damaged. You can print out multiple-sized copies of work you have done in Illustrator up to whopping billboard size without fear of pixellation.

The question is, why can't Photoshop be capable of maintaining the original integrity of its own shapes? Better yet, why can't Photoshop and Illustrator be merged into one? I would love to be able to do the same things I do on rasters to vectors without any limits. Would it not be ABSOLUTELY AMAZING if I could do that with Illustrator? Granted, I probably could with a little bit of practice (NTS: review Smart Objects and Filters ASAP), but for a Photoshopaholic like me who abuses it up to eleven, Photoshop is just an easier tool for things like drawings and illustrations leaning towards the more artistic side than Illustrator which if anything is more appropriate for a more simpler, technical side of graphics.

Then again, Fireworks was the answer to that, and look how it fared out compared to those two programs. Guess I'll have to keep saving up for the full Adobe package and until I conquer Illustrator deal with what I'd like to call "Raster Rage".