Vector Drawing Honor

Arts & Crafts

Requirements

1. What is vector drawing?

   Answer: Vector drawing is a graphic technique based on mathematical formulas that describe points, lines, and curves on a Cartesian plane. Instead of storing pixels, the file stores geometric parameters (coordinates, angles, radii). For this reason the image maintains full quality when enlarged or reduced, making it ideal for logos, icons, and editable illustrations. — Vector images use primitive geometric objects: points, line segments, Bézier curves, polygons, circles. Each element is described by mathematical equations stored in the file. Advantages: lossless resizing, non-destructive editing, compact files for images with few colors, easy manipulation by software. Limitations: it is difficult to reproduce realistic photographs with complex gradients. It is the standard in the visual identity, signage, cartography, 2D animation, and design industries for printing at any final size.

2. Name 3 programs specialized in vector drawing.

   Answer: Adobe Illustrator (Adobe), the professional market leader. CorelDRAW (Corel), traditional in Latin America and print shops. Inkscape (free, open-source, cross-platform). Others: Affinity Designer (Serif), Sketch (Mac), Figma (online), Boxy SVG, and Vectr. They all manipulate points, lines, curves, and colors as mathematically editable objects, exporting to SVG, PDF, EPS, AI, or CDR. — Vector programs form a consolidated market. Illustrator has been the professional standard since 1987, part of Creative Cloud. CorelDRAW has dominated small businesses and print shops in Brazil since the 90s. Inkscape (2003) is a powerful free alternative, with SVG as its native format. Affinity Designer gained traction for its one-time price (no subscription). Figma and Sketch are focused on UI/UX. Each has its nuances: Illustrator integrates with Photoshop; CorelDRAW prefers CDR; Inkscape edits native SVG; Figma enables real-time online collaboration between teams.

3. Name the 5 most common formats of vector images.

   Answer: SVG (Scalable Vector Graphics): an open W3C format, the web standard. AI (Adobe Illustrator): Illustrator's proprietary format. EPS (Encapsulated PostScript): a classic in print shops and printing. PDF (Portable Document Format): supports vector and raster, universal. CDR (CorelDRAW): CorelDRAW's proprietary format, common in Brazil among print shops. — Each format has a specific niche. SVG (1999) is readable XML text, ideal for the web and responsive icons. AI stores Illustrator objects with layers and effects. EPS is a classic for professional printing, supported by all print shops. PDF (1993) is universal and preserves fonts, vectors, and layers. CDR is native to CorelDRAW, dominant in Brazil. Others: WMF/EMF (Windows Metafile), DXF (CAD), PostScript (.ps), AFPHOT/Affinity. Professionals usually keep the original (.AI/.CDR) and export PDF/SVG depending on the use.

4. What are the differences between vector and raster drawing?

   Answer: Vector: mathematical (points, lines, curves), scalable without loss, small files, ideal for logos and illustrations. Raster: pixels in a grid, loses quality when enlarged (pixelation), larger files at high resolution, ideal for photos. Vector edits objects; raster edits pixels in layers. — The fundamental difference is how the image is encoded. Vector stores a formula ('a line from A to B with color X'); raster stores a matrix of colors per pixel ('1920x1080 RGB'). Vector: resolution independence, infinite scalability, non-destructive editing, compact files. Raster: realistic photographic detail, complex gradients, dependent on DPI/resolution. Cases: a logo (vector), a photograph (raster), icons (vector), realistic digital painting (raster). Professionals combine them: create in vector and render in raster for final use.

5. Explain how vector drawing can maintain its quality when enlarged.

   Answer: Vector is described by mathematical formulas (coordinates, curves), not by pixels. When enlarged, the software recalculates the points and lines for the new size, generating crisp lines at any scale. There is no fixed grid to stretch, so there is no jaggedness, blur, or pixelation. — Technically, when a vector image is enlarged, the renderer solves the geometric equations again for the new output resolution. Lines remain a crisp 1 pixel thick at any dimension, circles stay perfectly curved, vectorized text does not pixelate. Raster, on the other hand, contains a fixed matrix of pixels — enlarging requires interpolation (nearest neighbor, bilinear, bicubic), which creates intermediate pixels by estimation, generating a loss of detail. That is why professional logos are always made in vector and exported at any final size required.

6. What is a Bézier curve? What is its importance to the structure of vector drawing?

   Answer: A smooth parametric curve defined by control points (4: 2 anchors and 2 handles). Invented by Pierre Bézier (1962), it is the foundation that allows smooth and adjustable curves to be generated in vectors. Every curved shape (letters, icons, outlines) is described by connected sequences of Bézier curves. — Pierre Bézier developed the formula at Renault to design car bodies. The cubic version (B(t) = (1-t)³P0 + 3(1-t)²t P1 + 3(1-t)t² P2 + t³P3) uses 4 points: P0 and P3 are anchors, P1 and P2 are controls that 'pull' the curve. Moving P1/P2 changes the tangent. Concatenating segments forms a complex path. PostScript, SVG, TrueType fonts, and PDF use Bézier. In programs like Illustrator, the 'Pen Tool' adds points with handles that the user adjusts visually. Without Bézier, there is no modern vector.

7. What are the main differences between a bitmap image editor and a vector image editor? Name 2 examples of each type of editor.

   Answer: Bitmap edits pixels (a matrix of colors), loses quality when enlarged, ideal for photos. Vector edits geometric objects (points, curves), scalable without loss, ideal for logos and illustrations. Bitmap examples: Adobe Photoshop and GIMP. Vector examples: Adobe Illustrator and CorelDRAW (or Inkscape as a free alternative). — Bitmap editors (Photoshop, GIMP, Krita, Paint) work pixel by pixel — ideal for photo retouching, digital painting, manipulation of real images. Vector editors (Illustrator, CorelDRAW, Inkscape, Affinity Designer) work with editable geometric objects — ideal for logos, icons, visual identity, technical drawing. Professional workflow: a photo edited in Photoshop and a logo designed in Illustrator, integrated via PSD/AI in the final layout in InDesign. Each editor has its own specific tools optimized for the type of file.

8. Choose a vector drawing program, explain why you chose it, and then demonstrate to your instructor:
   • 5 or more mouse and/or keyboard shortcuts, within the chosen program
   • Present and demonstrate the use of at least 20 different tools.

   Answer: Choose a software (Illustrator, CorelDRAW, Inkscape) and justify it to the instructor. Demonstrate 5+ shortcuts (save, copy, paste, undo, zoom). Present 20 tools: selection, pen, shapes, text, gradient, color, freehand, transformations, scale, and rotation. — Defending the chosen program forces critical reflection. Common cross-platform shortcuts: Ctrl+S save, Ctrl+Z undo, V selection tool, A direct selection, P pen, Ctrl+G group, Ctrl+Shift+G ungroup. Standard tools: selection, pen (Pen), shapes (rectangle, ellipse, polygon), text, gradient, color (eyedropper), brush, free transform, mirror, scale, rotation, alignment, pathfinder, clipping mask, stroke, simplification, smoothing, outline, tracer. The live demonstration tests the Pathfinder's real practical fluency with the chosen tool.

9. Complete the following drawings:
   • The DI emblem of the Pathfinder Club, showing the use of guide lines and a ruler
   • A drawing of your choice, showing the use of the "freehand" tool
   • An animal, showing the use of details
   • A banner, sign, or poster promoting an event of your Club or Church
   • Transform a photo of a face into a vector drawing, using the necessary tools such as bitmap tracer, transparency filter, etc.

   Answer: Draw the Pathfinder Club emblem (PC) using guide lines and a ruler. A freehand drawing with the 'freehand' tool. An animal with refined details. A banner or poster for a club or church event. Vectorize a photo of a face using a bitmap tracer, filters, and transparency adjustments, transforming the raster image into an editable vector drawing. — The 5 drawings form a progressive portfolio. The PC emblem tests technical precision (lines, ruler, symmetry). 'Freehand' tests manual fluency in tracing. The animal requires mastery of details (feathers, fur, eyes). The banner tests layout and typography. The vectorization of a face introduces the hybrid raster→vector workflow with 'Image Trace' (Illustrator) or 'Trace Bitmap' (Inkscape), producing editable art from a photo. The set covers the main real applications of vector design: visual identity, illustration, communication, and graphic portraiture.

10. Submit the drawings made in fulfilling this Honor to the evaluation of professionals in the field, by visiting a specialist, or by publishing the works on a social network or specialized forum. After completing the activity, present to your instructor the comments, evaluations, and proposals made by the professionals for changes to your drawing.

    Answer: Submit the drawings to professionals by visiting a specialist or publishing on a social network/forum (Behance, Dribbble, DeviantArt, Reddit). Present to the instructor: comments, evaluations, proposals for changes, suggested improvements, and screenshots of the online feedback or written notes from the visit. — The requirement teaches the Pathfinder to accept professional feedback. Valid platforms: Behance (Adobe, professionals), Dribbble (designers), DeviantArt (illustrators), Reddit (r/graphic_design), Instagram (#graphicdesign). In-person visits to local designers also count. Present to the instructor: screenshots of the comments, a list of the positive and negative points identified, revision proposals, and an application plan. The exercise builds a professional attitude: listening to criticism, separating the technical from the personal, and improving the work based on qualified external opinion.