Week 1 Discussion – Raster vs. Vector Art

Learning Objectives Covered

• LO 03.01 – Discuss the similarities and differences between raster and vector artwork
• LO 03.02 – Identify the differences between scalable and pixel-based art

Career Relevancy

It is imperative to have a great understanding of the similarity and differences between raster and vector artwork, and when and where to use each. In addition, today’s graphic designer needs to recognize vector vs. raster tools or programs and file formats. This understanding is not only critical, but it is considered part of the basic toolset that a designer has because the type of format used points to how the image renders in different situations.

Background

Vector artwork, in a nutshell, is a type of graphic that uses mathematical algorithms, allowing the image to be scaled or modified without loss of image quality or resolution. Vector graphics are often referred to as resolution independent, as they take on the resolution of the output device that they are being printed on. For example, a vector graphic will print clearly, whether it is the size of a business card or a billboard, whereas, a raster graphic sized for a business card enlarged to billboard size would pixelate. Vector graphics are the native file format from Adobe Illustrator and often have file extension which includes .ai, .pdf, .eps, and .svg.

On the other hand, we have raster graphics. Raster graphics are resolution dependent, which means that they are created from pixels. Each pixel is a particular size and color, and the combined pixels create an image. Photographs are raster graphics, as are illustrations created in Photoshop. Where vector artwork can be resized – up or down – with no loss in image quality, the same cannot be said for raster images. Taking a raster image down in size works just fine. Bringing it up in size doesn’t work at all – the edges get very jagged because the actual pixels are being blown up and we can now see them with the naked eye.

Creating pixel-based artwork is a little more intuitive since brushes work like handheld brushes and so on. Though a little more complex to learn, vector artwork is very worth the time and effort. Logos, for example, must be created as vector art since they are utilized in so many sizes and formats. From the size of a postage stamp to the size of a billboard, a company’s logo must be clear, recognizable and easy to read. Besides, converting from vector to raster is easy. Converting from raster to vector takes quite a bit of effort, so when you can start in vector for a project, it’s a good idea!

Prompt

For this discussion, read through the scenario of Land Ho Boating’s design needs then discuss the problems and give possible solutions presented below based on what you have learned about the differences between raster and vector artwork and using it in different types of deliverables.

Designer A specializes in website design. Part of their contract is to also design the logo for the website. The designer created a terrific logo for Land Ho Boating’s website. It has several gradients and a few drop shadows too, so it really leaps off the page,

Designer B works in a sign shop and has been asked to create the signage for their marina that their logo will be prominently placed. Land Ho Boating gives Designer B the logo Designer A created for the website.

1. Scenario 1: Designer A created the logo in Photoshop.
   • How will this affect Designer B’s needs and what would Designer B need to do to be able to use the logo effectively?
   • How did you come to your solution?
2. Scenario 2: Designer A created the logo in Illustrator, but keep in mind, it has drop shadows.
   • How will this affect Designer B’s needs and what would Designer B need to do to be able to use the logo effectively?
   • How did you come to your solution?
3. Conclusion: Discuss the similarities and differences of the two problems and after identifying the differences between scalable and pixel-based art, what suggestions do you have for Designer A or Designer B to make sure both can easily use a logo.

For your citation, you might use articles that show examples of how Illustrator deals with raster effects or how Photoshop deals with vector art. You can also find articles from experts that suggest how to deal with original artwork sizes when creating something that involves both vector art and raster-like effects.

Your initial and reply posts should work to develop a group understanding of this topic. Challenge each other. Build on each other. Always be respectful but discuss this and figure it out together.

Instructions (if needed) to upload and embed images to the discussion: (make sure you reference all images you use)

• How to embed an image in a discussion reply as a student: https://community.canvaslms.com/docs/DOC-1929 (Links to an external site.)Links to an external site.
• How do I upload a file to my user or group files: https://community.canvaslms.com/docs/DOC-3145 (Links to an external site.)Links to an external site.

Reply Requirements

Per the Due Dates and Participation Requirements for this course, you must submit 1 main post of 150+ words, 1 citation, and reference, as well as 2 follow-up posts of 50+ words. Responses can be addressed to both your initial thread and other threads but must be your own words (no copy and paste), each reply unique (no repeating something you already said), and substantial in nature. Remember that part of the discussion grade is submitting on time (20%) and using proper grammar, spelling, etc. (20% per post).

Remember that part of the discussion grade is submitting on time and using proper grammar, spelling, etc. You’re training to be a professional—write like it.

Click here for info on the Institution Writing Guidelines (IWG) if you have questions.

Task Benchmark Examples

The files below are PDFs showing A-level work by fellow students. The examples are provided to illustrate the quality of work needed to get an A on this task. Copying from the samples is considered cheating. Use the examples to inform your plan to create your own work. Look at the pieces for writing quality, use of citations, weaving outside sources and the author’s position together, ability to meet the goals of the task, and cohesion.