DOCSLIB.ORG

COMD 1162 – Raster and Vector Graphics

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
COMD 1162 – Raster and Vector Graphics New York City College of Technology The City University of New York Communication Design Department COMD 1162 – Raster and Vector Graphics Course Description Basic concepts related to the two fundamental digital graphic forms (raster and vector graphics) and learning best uses and practices for each. This course covers basic digital imaging terminology and techniques including size, resolution, color space, file elements, measurements, file formats, and scanning software and hardware. Class projects require students to explore the meaning of communication through design and how it correlates with client satisfaction and target audience. Students become proficient with both raster and vector applications, such as Adobe Photoshop and Adobe Illustrator. 2 cl hrs, 2 lab hrs, 3 cr Prerequisites CUNY proficiency in reading, writing and mathematics or concurrent enrollment in ENG 092R, ESOL 022R or 032R; ENG 092W, ESOL 021W, or ESOL 031W; MAT 0630 or MAT 0650 as required. Course Objectives INSTRUCTIONAL OBJECTIVES ASSESSMENT For the successful completion of this course, Evaluation methods and criteria students should be able to: (1) Describe and explain the difference between the (1) Projects and quizzes. two fundamental digital graphic forms, raster and vector. Examine the best use and best practices associated with raster and vector. weeks 1, 2, 7, 8 (2) Demonstrate active learning. (2) Group critiques of projects both on screen weeks 4, 5, 6, 8, 9, 11, 12, 14 and printed. 1 (3) Demonstrate professionalism by emphasizing (3) Students will exhibit professionalism by accuracy, correct file preparation, integrity, and submitting projects on time, in the appropriate timeliness in submitting design projects. file format, and correct specifications set forth weeks 4, 8, 10, 15 for each project. Students will also show professionalism by revising projects based on classroom critiques and self-assessments. General Education Outcomes General Education Outcome covered: How the outcome is covered: Thinking Critically Students will develop their critical The student will demonstrate the ability to thinking by participating in class critiques, evaluate evidence and apply reasoning to make applying standards learned in class to their valid inferences. own work and that of classmates Qualitative Literacy Student projects and in-class discussions of The student will demonstrate the ability to interpret work in progress. raster and vector digital forms through the creation of conceptually valid digital imagery. Lifelong Learning Students discuss resources and techniques The student will demonstrate an awareness of that they can use as references. resources for continued lifelong learning. Teaching/Learning Method ● Lectures and Readings ● Software Demonstration and Lab Exercises ● Design Projects for Screen and Print ● Testing ● Discussion and Critiques ● Peer and Self-Evaluation Suggested Texts • Adobe Photoshop CC Classroom in a Book, by the Adobe Creative Team. Published by Adobe Press. ISBN-10: 0321827333, ISBN-13: 978-0321827333. • Adobe Illustrator CC Classroom in a Book, by the Adobe Creative Team. Published by Adobe Press. ISBN-10: 032182248X, ISBN-13: 978-0321822482. • Lectures, reference and supplemental materials will also be provided on Blackboard. These may include the following on-line educational references: www.adobephotoshoptutorials.com/ 2 www.adobe.com/support/photoshop/ www.adobe.com/designcenter/ www.grafx-design.com/phototut.html www.pslover.com/ www.smashingmagazine.com/2007/02/03/adobe-illustrator-tutorials/ www.adobeillustratortutorials.com/ www.adobe.com/support/illustrator/ www.learnit2.com/illustrator.html www.vectordiary.com/illustrator/best-illustrator-tutorials-articles-of-2008/ Grading • In-class productivity 15% • Two quizzes 25% • Four projects 60% TOTAL 100% 3 Wee Class One Lecture Class One Lab Class One Class Two Class Two Lab Class Two k Homework Lecture Homework 1 Introduction: Brief Using the Review Class Show file Repeat steps for Overview of the Critique/Share of camera on the One hierarchies in homework 1: in basic principles of lab computer introduction to Finder, then Illustrator or raster and vector homework #1. take a picture of basic concepts show file similar vector graphics. Explain the yourself. In of raster vs. hierarchies in program fundamental photoshop or vector. Review Adobe Bridge. students will functions of each and similar program, HW 1. Shift Batch rename trace their photo how they are using whatever conversation to and batch resize creating a vector different from each skills the focus on files. Add self-portrait, other. Discuss how students have, Illustrator. metadata to then add type. each are used in plus what was files. industry and show discussed in Discuss role of real world examples class, and any designer in the of each. Examples additional field, and role should highlight research they that raster and technical function as must remove the vector play in well as the difference background and designers’ between the two replace it with a workflow. graphic forms. Pixels background of vs Bezier Curves. their choice. Emphasis on working Add text to the Non-Destructively in image. Raster programs. Explain how vectors function in raster environment and vice versa, and appropriate use of each, and why we have two different programs for each. 2 Adobe Illustrator: Brief Critique/Share Project 2: Adobe Demonstrate Pick one sketch Shape Tools and of homework #1. Students will Illustrator: Transform and from each The Pen Tool choose three Shape Tools Select, Align, category and Building with Object and Paths: items and create and The Pen swatches and begin tracing in Shapes: Show how to Demonstrate use of contour Tool: Color and color the vector create vector shapes, basic geometric shape drawings in Add complexity picker palette. program. how to move them tools in vector Illustrator using to their vector forwards and programs. Show how the pen and skills using the backwards on the to edit the objects once shape tools: one Pathfinder tools artboard. they are created using mechanical, one and grouping The Pen Tool: is the Anchor point, Whole organic, one objects, etc. most basic and also object, Curve segment, food item. the most powerful Direction handles. and widely used tool in any vector Trace simple images program. Show how and edit vectors for to create and edit technical precision. shapes using Anchors, Bezier Demonstrate Curves, Arms, Direct Transform and Select, Selection, and Align, and Color. Adjusting Paths. Fill and Stroke: Weight, Inside, 4 center, outside, Dashed line, JOINED anchor, CAPPED point, Note different options for caps & corners; bevel, miter, round. 3 The Pen Tool: Part Pen Tool Exercises: Finish HW2 Discussion: Brief Pen Tool II: Students will use a Workflows – Critique/Share Exercises: A more detailed and reference sheet of what are they of homework Students will precise look at what shapes and forms to and how can #2. use a reference the Pen Tool can do build their pen tool they be used? Work with sheet of shapes and what is creation and editing What does students and forms to appropriate, skills. “industry individually to build their pen professional use of standard” mean? improve their tool creation and this tool. Refine HW2 homework. editing skills. 4 Logos and Create type from Project 3: What is Review Choose one Typography: basic shapes. Create at least effective logo Sketches direction and Students are 10 pencil design: how begin introduced to sketches for research and translating different their Personal context are as work from classifications of Logo. Logo important as sketch to typefaces. The should “good design” vector. vocabulary of incorporate AT professional LEAST two typography is letters and one presented and image/form/obje defined. Students are ct. introduced to the websites of digital type foundries so that they can learn how to find key information about the fonts they are choosing. A page layout program is used to illustrate vocabulary terms introduced during lecture. 5 Vector Type: Type Tool: Using the Project 3: How do Work in groups Continue to How type behaves Type Tool to create Personal Logo icons and to give peer develop and differently in raster and edit type and Create first type work feedback on refine Logo and vector letterforms draft of together? work in based on class environments. Using Personal progress. feedback. the Type Tool. Logo in Editing and vector Lab time to customizing program. work on letterforms using Personal Logo vector tools. project. 6 Printing: Discuss Type Book: Print: Use More on Lab time to Finish Personal how printing from a Create a 1 page classroom printing and work on Logo. vector file works and document printer to print file delivery: projects. what happens to the Creating a set of work in progress knowing the color of a file. background boxes to discuss with right format Discuss variables that which will range from professor and means asking will affect quality of 10 to 10% of a specific peers for the right 5 print; service bureau, color. Explore what feedback and questions: what type of printer, file happens to type as it is advice. is the final formats, etc. set into a variations of output? will it backgrounds live on multiple platforms, media, etc.? 7 Raster Graphics: Critique: Personal Finish Raster Editing: Raster Finish Type Introduction to raster Logos (printed and Classwork: Read a Graphics: Book: graphics. Define mounted) Demo Continue to histogram and Introduction to Re-do any pages basic
Load more

Recommended publications
  • Author Graphics Guide (PDF)
    Annual Reviews Graphics Guide 1. Keep figures editable If you are creating your figures from scratch: Annual Reviews has a team of Illustration Editors who work with your figures • Send the original, editable/vector format using Adobe Illustrator to ensure accuracy and consistency, provide graphical wherever possible (for graphs, diagrams, etc.). enhancements, and apply our house style. During this process, we may change Avoid creating line- or text-heavy diagrams in font, type size, colors, layout, figure size, and information hierarchy, and we may raster programs such as Photoshop. redraw certain elements. • Keep text/lines on separate layers from any Therefore, while we prefer that figures be as close to final as possible when you photo, or send one version of the image with send them, please make sure the files are not flattened* or uneditable. labels and one without. Suggested: place the photo in Illustrator or PowerPoint, then add NOTE: many other journals require print-ready, flattened files; our requirement text/lines; send us the original .AI or .PPT file. for editable files is quite different, due to the figure enhancement and editing we provide. • Make sure all photos you start with are high resolution (300 dpi at desired final size). Examples of desired figure attributes: Knob K If you are using previously published figures: Mauer’s Editable, vector clefts lines, shapes, MCs and arrows • The low-resolution figures found in online Parasite journals are usually not adequate for our plasma PPM membrane press-quality publication. Contact the author or PVM Text is live and publisher for high-resolution, editable files.
    [Show full text]
  • 14. Using Your Own Images
    Cricut Design Space User Manual 14. Using your own images D. Preparing artwork from CorelDRAW Cricut Design Space™ lets you upload most .jpg, .gif, .png, .bmp, .svg, and .dxf images and convert them into cuttable shapes. The tool doesn’t allow you to make modifications to the design itself, which is why working with CorelDRAW to prepare your files is effective. With CorelDRAW, you can use the full range of tools to create and modify your designs, and then upload them to Cricut Design Space. The two different types of images are Basic and Vector. CorelDRAW is primarily a vector program, which means it saves vector files like .svg and .dxf, but it can also save .jpg, .png, and .bmp files. Artwork created in CorelDRAW can be used to: (1) Print the image on your home printer and cut it out using your Cricut® machine with the Print then Cut feature. (2) Cut or draw the outline of the image. Page | 1 Cricut Design Space User Manual (3) Create cuttable shapes and images. Multilayer images will be separated into layers on the Canvas. Tip: Multilayer images can be flattened into a single layer in Cricut Design Space. Use the Flatten tool to turn any multilayer image into a single layer that can be used with Print then Cut. Page | 2 Cricut Design Space User Manual Preparing artwork The following steps use CorelDRAW X8. Although the screenshots will be different in older versions, the process is the same. Vector files .dxf and .svg Step 1 Create or modify an image using any of the CorelDRAW tools.
    [Show full text]
  • Raster Images in R Graphics by Paul Murrell
    48 CONTRIBUTED RESEARCH ARTICLES Raster Images in R Graphics by Paul Murrell Abstract The R graphics engine has new sup- 39837_s_at 1267_at 402_s_at 32562_at 37600_at 1007_s_at 36643_at 1039_s_at 40215_at 39781_at port for rendering raster images via the func- 266_s_at 307_at 38408_at 37539_at 1911_s_at 1463_at 2057_g_at 39556_at 41744_at 34789_at 34850_at rasterImage() grid.raster() 38631_at tions and . This 37280_at 36536_at 37006_at 41397_at 41346_at 40692_at 35714_at 1992_at 33244_at 40167_s_at 32872_at 34699_at 33440_at leads to better scaling of raster images, faster 36275_at 33809_at 40953_at 1308_g_at 1928_s_at 1307_at 40504_at 41742_s_at 41743_i_at 1674_at 40784_at 40785_g_at rendering to screen, and smaller graphics files. 37978_at 37099_at 1973_s_at 38413_at 2036_s_at 1126_s_at 31472_s_at 37184_at 35256_at 40493_at 41779_at 33412_at Several examples of possible applications of 37193_at 37479_at 39210_at 919_at 1140_at 41478_at 35831_at 176_at 37724_at 38385_at 41401_at 41071_at these new features are described. 39135_at 34961_at 37251_s_at 41470_at 1947_g_at 37810_at 36777_at 38004_at 177_at 36897_at 34106_at 31615_i_at 35665_at 33358_at 39315_at 41191_at 931_at 1914_at 36873_at 37809_at 39635_at 38223_at 33936_at 37558_at 41348_at 31605_at 205_g_at 32475_at 34247_at 36149_at 1500_at 34098_f_at 33528_at 35663_at 40393_at 33193_at 39716_at 33405_at 1929_at 36092_at 32215_i_at 41448_at 40763_at 873_at Prior to version 2.11.0, the core R graphics engine 37225_at 38056_at 37413_at 39424_at 32116_at 2039_s_at 40480_s_at 35816_at 1134_at
    [Show full text]
  • Introduction to Scalable Vector Graphics
    Introduction to Scalable Vector Graphics Presented by developerWorks, your source for great tutorials ibm.com/developerWorks Table of Contents If you're viewing this document online, you can click any of the topics below to link directly to that section. 1. Introduction.............................................................. 2 2. What is SVG?........................................................... 4 3. Basic shapes............................................................ 10 4. Definitions and groups................................................. 16 5. Painting .................................................................. 21 6. Coordinates and transformations.................................... 32 7. Paths ..................................................................... 38 8. Text ....................................................................... 46 9. Animation and interactivity............................................ 51 10. Summary............................................................... 55 Introduction to Scalable Vector Graphics Page 1 of 56 ibm.com/developerWorks Presented by developerWorks, your source for great tutorials Section 1. Introduction Should I take this tutorial? This tutorial assists developers who want to understand the concepts behind Scalable Vector Graphics (SVG) in order to build them, either as static documents, or as dynamically generated content. XML experience is not required, but a familiarity with at least one tagging language (such as HTML) will be useful. For basic XML
    [Show full text]
  • Understanding Image Formats and When to Use Them
    Understanding Image Formats And When to Use Them Are you familiar with the extensions after your images? There are so many image formats that it’s so easy to get confused! File extensions like .jpeg, .bmp, .gif, and more can be seen after an image’s file name. Most of us disregard it, thinking there is no significance regarding these image formats. These are all different and not cross‐ compatible. These image formats have their own pros and cons. They were created for specific, yet different purposes. What’s the difference, and when is each format appropriate to use? Every graphic you see online is an image file. Most everything you see printed on paper, plastic or a t‐shirt came from an image file. These files come in a variety of formats, and each is optimized for a specific use. Using the right type for the right job means your design will come out picture perfect and just how you intended. The wrong format could mean a bad print or a poor web image, a giant download or a missing graphic in an email Most image files fit into one of two general categories—raster files and vector files—and each category has its own specific uses. This breakdown isn’t perfect. For example, certain formats can actually contain elements of both types. But this is a good place to start when thinking about which format to use for your projects. Raster Images Raster images are made up of a set grid of dots called pixels where each pixel is assigned a color.
    [Show full text]
  • Minnesota State Archives Preferred File Formats
    Minnesota State Archives Preferred File Formats This document outlines file formats preferred by the Minnesota State Archives for digital preservation. This list is not intended to be a comprehensive list of what is accepted, but to provide guidance where multiple formats are possible to transfer to the archives. At the end of this document, you can also find some best practices when preparing files for transfer to the state archives. File Formats by Content Type ● Text ○ PDF/A ○ PDF ○ TXT ○ RTF ○ DOC or DOCX ● Spreadsheets ○ CSV ○ XLS or XLSX ● Raster/Bitmap Images ○ TIFF ○ JPEG ○ PDF/A ○ PNG ○ DNG, RAW, or other ‘negative’ formats ○ JPEG2000 ● Vector Graphics ○ SVG ● Audio ○ BWF ○ WAV ○ Video ○ MP4 ○ MOV ○ AVI ○ Motion JPEG 2000 ● Web pages ○ WARC ○ HTML - for static/as-developed only ● Email ○ MBOX Minnesota State Archives, September 2016 (v.1) ○ MSG ● Presentations/Slideshows ○ PDF if possible ○ PPT or PPTX ● Database ○ CSV if possible, original format if not ● Containers ○ ZIP ● Other files ○ if they can be faithfully represented in PDF/A (secondarily, PDF), include the original format and PDF ○ sets of files, interdependent files, executable files, proprietary formats, other weird/complex files = provide in original format, zipped for download Best Practices for Preparing Files for Transfer Once you have negotiated the transfer of digital materials to the State Archives, the materials will then need to be prepared. The State Archives can offer guidance and assistance throughout this process, but these best practices are a useful place to start: ● Identify and remove as many duplicates as possible, whether they are identical digital copies or where both digital and paper copies exist ○ There are some free software tools available to help identify digital duplicates; talk to the State Archives staff for more information.
    [Show full text]
  • Coreldraw Graphics Suite 2020 Product Guide
    Create Connect Complete Welcome to our fastest, With a focus on innovation, CorelDRAW Graphics Suite 2020 powers the professional Say hello to smartest, and most connected graphic design workflow from concept to final graphics suite ever. output. Consider it done: Manage your creative Whether your preferred platform is Windows or workflow more efficiently with tools for serious Mac, CorelDRAW® Graphics Suite 2020 sets a productivity. Collaborate on important design new standard for productivity, power, and projects with clients and key stakeholders to collaboration. Experience design tools that use get more done in less time—and deliver artificial intelligence (AI) to anticipate the exceptional results. results you're looking for and make them a reality. Use CorelDRAW.app™ to collaborate Connect with your creative side: Applications with colleagues and clients in real time. Plus, for vector illustration and layout, photo editing, take advantage of performance boosts across and typography help unleash your creative the applications that further accelerate your genius in digital and print. Transform ideas into creative process. works of art with unique features that simplify complex workflows and inspire jaw-dropping Three years ago, CorelDRAW made history with designs. the introduction of LiveSketch™, the industry's first AI-based vector drawing experience. Now Express yourself with confidence: Control the we've incorporated AI technology across our design experience with powerful graphics tools key applications to expand your design built natively for Windows, macOS, and web. capabilities and accelerate your workflow. JPEG Customizable workspaces and flexible features artifact removal, upsampling results, bitmap- complement the way you work. Design how to-vector tracing, and eye-catching art styles you want, wherever and whenever it's are all made exceptional by machine-learned convenient for you.
    [Show full text]
  • Graphic File Preparation for Letterpress Printing ©2016
    GRAPHIC FILE PREPARATION FOR LETTERPRESS PRINTING ©2016, Smart Set, Inc. COMMON GRAPHIC FILE FORMATS Vector Formats .ai (Adobe Illustrator) Native Illustrator file format. Best format for importing into Adobe InDesign. Illustrators’s native code is pdf, so saving files in .ai contains the portability of pdf files, but retaining all the editing capabilities of Illustrator. (AI files must be opened in the version of Illustrator that they were created in (or higher). .pdf (Adobe Portable Document Format) A vector format which embeds font and raster graphics within a self-con- tained document that can be viewed and printed (but not edited) in Adobe’s Reader freeware. All pre-press systems are in the process of transitioning from PostScript workflows to PDF workflows. Because of the ability to em- bed all associated fonts and graphics, pdf documents can be generated from most graphics software packages and can be utilized cross-platform and without having all versions of different software packages. Many large printers will now only accept pdf files for output. .eps (Encapsulated PostScript) Before Adobe created the pdf format, PostScript allowed files to be created in a device-independent format, eps files printed on a 300 dpi laser printer came out 300 dpi, the same file printed to an imagesetter would come out at 2540 dpi. PostScript files are straight code files, an Encapsulated PostScript includes a 72 dpi raster preview so that you can see what you’re working with in a layout program such as Quark XPress or InDesign. COMMON GRAPHIC FILE FORMATS Raster Formats .tiff (Tagged Image File Format) Tiffs are binary images best for raster graphics.
    [Show full text]
  • Vector Graphic Definition Vector Graphic
    8/21/2015 Vector Graphic Definition Vector Graphic Unlike JPEGs, GIFs, and BMP images, vector graphics are not made up of a grid of pixels. Instead, vector graphics are comprised of paths, which are defined by a start and end point, along with other points, curves, and angles along the way. A path can be a line, a square, a triangle, or a curvy shape. These paths can be used to create simple drawings or complex diagrams. Paths are even used to define the characters of specific typefaces. Because vector-based images are not made up of a specific number of dots, they can be scaled to a larger size and not lose any image quality. If you blow up a raster graphic, it will look blocky, or "pixelated." When you blow up a vector graphic, the edges of each object within the graphic stay smooth and clean. This makes vector graphics ideal for logos, which can be small enough to appear on a business card, but can also be scaled to fill a billboard. Common types of vector graphics include Adobe Illustrator, Macromedia Freehand, and EPS files. Many Flash animations also use vector graphics, since they scale better and typically take up less space than bitmap images. File extensions: .AI, .EPS, .SVG, .DRW http://techterms.com/definition/vectorgraphic © 2015 Sharpened Productions http://techterms.com/definition/vectorgraphic 1/1 8/21/2015 Raster Graphic Definition Raster Graphic Most images you see on your computer screen are raster graphics. Pictures found on the Web and photos you import from your digital camera are raster graphics.
    [Show full text]
  • Two-Dimensional Analysis of Digital Images Through Vector Graphic Editors in Dentistry: New Calibration and Analysis Protocol Based on a Scoping Review
    International Journal of Environmental Research and Public Health Review Two-Dimensional Analysis of Digital Images through Vector Graphic Editors in Dentistry: New Calibration and Analysis Protocol Based on a Scoping Review Samuel Rodríguez-López 1,* , Matías Ferrán Escobedo Martínez 1 , Luis Junquera 2 and María García-Pola 2 1 Department of Operative Dentistry, School of Dentistry, University of Oviedo, C/. Catedrático Serrano s/n., 33006 Oviedo, Spain; [email protected] 2 Department of Oral and Maxillofacial Surgery and Oral Medicine, School of Dentistry, University of Oviedo, C/. Catedrático Serrano s/n., 33006 Oviedo, Spain; [email protected] (L.J.); [email protected] (M.G.-P.) * Correspondence: [email protected]; Tel.: +34-600-74-27-58 Abstract: This review was carried out to analyse the functions of three Vector Graphic Editor applications (VGEs) applicable to clinical or research practice, and through this we propose a two- dimensional image analysis protocol in a VGE. We adapted the review method from the PRISMA-ScR protocol. Pubmed, Embase, Web of Science, and Scopus were searched until June 2020 with the following keywords: Vector Graphics Editor, Vector Graphics Editor Dentistry, Adobe Illustrator, Adobe Illustrator Dentistry, Coreldraw, Coreldraw Dentistry, Inkscape, Inkscape Dentistry. The publications found described the functions of the following VGEs: Adobe Illustrator, CorelDRAW, and Inkscape. The possibility of replicating the procedures to perform the VGE functions was Citation: Rodríguez-López, S.; analysed using each study’s data. The search yielded 1032 publications. After the selection, 21 articles Escobedo Martínez, M.F.; Junquera, met the eligibility criteria. They described eight VGE functions: line tracing, landmarks tracing, L.; García-Pola, M.
    [Show full text]
  • LO1: Investigating Digital Graphics
    Name: Freya Ellis Candidate Number: 5068 Centre Number: 29335 Series: June 2019 R082 – Creating a Digital Graphic LO1: Investigating Digital Graphics Purpose of digital graphic: A digital graphic is an electronic image that can be used for a variety of different things, however the image does not always have to be used on electronic devices as it can be printed and used. Some examples of a digital graphic are magazines, posters, logos etc.. My poster will include images and pictures of popular films to create an eye catching poster that will gather the audience the client wants. The images wont be of just any movies but a wide range as this is an all inclusive film festival for people of all ages. The poster will be very high quality print using 600ppi. It will also have a .tiff image format because it is a high quality print, a big file size and has a lossless compression. With our digital graphic we must make it appealing to everybody because it is a family movie festival, so thus we need to combine the demographics of adults, teenagers and small children. This make it difficult as all of these demographics are very different and so we have to make it eye catching for younger audience but also very informative for an older audience, as well as not looking too childish as to attract teenagers. The graphic I’m going to create will be not only eye catching but also informative and show the true atmosphere that the festival will have, this means it will be simplistic yet interesting easy to read yet informative as I feel this will feel my client needs the best.
    [Show full text]
  • Vector Graphics Is the Use of Geometrical Primitives Such As Points, Lines, Curves, and Polygons to Represent Images in Computer Graphics
    Preparing Images for the Web Anne Nolan EWD Workshop Thursday January 19, 2006 Vector & Raster What is the difference? Which is best for Web graphics? How can you tell the difference? Vector or Bitmap Vector graphics is the use of geometrical primitives such as points, lines, curves, and polygons to represent images in computer graphics Bitmap or raster graphics is the representation of images as a collection of pixels or dots Vector Graphics Vector Graphics Creation and Editing Software Illustrator .ai Corel Draw .cdr Freehand .fh# CAD Files .dwg EPS Encapsulated Postscript .eps PDF .pdf Raster Graphics Raster Creation and Editing Software Photoshop .psd Fireworks .png ImageReady .psd Corel PhotoPaint Paintshop Pro .psp Common Raster Image File Extensions .gif, .jpg, .png, .bmp, .tif Characteristics Scaling: Raster graphics cannot be scaled to a higher resolution without loss of apparent quality Vector graphics easily scale to the quality of the device on which they are rendered without distortion Characteristics Visual Usage: Raster graphics are more practical than vector graphics for photographs and photo- realistic images Vector graphics are often more practical for typesetting or graphic design Characteristics Web Usage: Vector file formats (most) are NOT viewable in a browser without a plug-in. Example: the SVG file format created in Flash needs the Flash Player Raster graphics are easily used on the Web due to the pixel based display of computer monitors. Vector or Raster? Vector or Raster? Raster it is!
    [Show full text]