Raster, Vector and Type

While typing up documents and blogs in Microsoft Word, the software is using typefaces, or fonts, to determine the style of the text or type.   The title could be set up to be 24 points and the text of the project at 12 points, and the title would be as crisp and high quality looking as the other text.   This is all possible because type and fonts are vector-based graphics.

Typefaces in a Word Document

Typefaces in a Word Document

A good strategy for manipulating type as a vector shape in Adobe Photoshop in the same way you would be able to in Adobe Illustrator is by converting the type into a shape.   In order to accomplish this, all you have to do is open a new document in Photoshop, then type some text.   Now, right click the type layer on your layers window and select the “Convert to Shape” option.   After this step, your text has become a Photoshop shape and you can scale it up or down without loosing quality because now it is a vector object.

Convert Text to Shape In Photoshop

Convert Text to Shape In Photoshop

Because Photoshop’s limited text and type editing tools, I would advise you to create the raster graphics in Photoshop, then place in InDesign as a background and add the text directly in InDesign.   However, it is possible to layout both raster images, vector objects and text copy in Photoshop and then bring into InDesign while vector objects remain crisp and scalable, including text.   This can be achieved by saving the original Photoshop file as a Photoshop PDF or Photoshop EPS file.   Then this file should be placed in InDesign.

Raster Images vs. Vector Graphics

Graphic Design students should be aware of the two main different types of Graphics that designers work with on a day-to-day basis.   These main categories are raster and vector graphics.   Each type of graphics is used for different types of projects.   If we where to download the images posted below this post we would have three raster graphics as .jpg formats and three vector graphics in .eps or .ai formats.   Furthermore, if we where to open the downloaded graphics with the appropriate software application (Photoshop and Illustrator) and zoom in as much as possible on each image, we would see clearly one difference between both types of graphics.

The main difference between raster graphics and vector graphics is that raster graphics are composed of a set amount of pixels, or small squares of different colors.   On the other hand, vector graphics are composed of mathematically calculated lines or paths and anchor points that define each shape or object.   This main difference makes raster graphics unable to be enlarged too much, because they loose quality and become pixilated, meaning that the more we try to enlarge a raster graphic the less quality it will have.   On the other hand, vector graphics can be scaled as much as you wish either enlarging or shrinking the graphic.   This is the main reason why logos, along with other types of graphics should always be created using a vector based software application such as Illustrator.

Another difference between the both is that it is very easy to convert a vector graphic into a raster graphic.   However, converting a raster graphic into a vector graphic requires advanced software skills and the image is ultimately not visually equal to the original raster graphic, but instead it is a vector version of it.   Some raster images are too difficult to convert to vector, so it could also be impossible to do so for some images.  The conversion of vector into raster is as simple as selecting the “Export” option inside Illustrator and selecting the JPG format.   Converting a raster image into a vector version requires placing the image as a raster linked file into Illustrator and manually “tracing it” using the pen, pencil or brush tools.   Ultimately, the vector version of a raster image does not look exactly the same as the raster version, and a raster version of a vector graphic looks just like the vector graphic.

Another important difference, especially when it comes to designing logos and icons, is the transparency and shape restrictions.   When you create a raster image it will always be within a rectangular shaped canvas.   Even if you save the raster image as a PNG file format with a transparent background, you will have an “invisible” rectangular background behind it.   On the other hand, when you save an irregularly shaped design from a vector based application software, the image will be the shape of the object and it will have no background, not even an invisible background.

Vector Graphics

NFL Logo

Edward Tufte’s “Airport Signal People” Illustration

Social Networking Icons

Raster Graphics

Yann Arthus-Bertrand Aerial Photo of the Orinoco River in Venezuela

Digital artwork for Zlata Studna by Rado Zilisnky

Digital image manipulation by Maciej Hajnrich


%d bloggers like this: