Topicm254d3d3e23925c0f_1528449000663_0Topic

Vector graphics

Levelm254d3d3e23925c0f_1528449084556_0Level

Third

Core curriculumm254d3d3e23925c0f_1528449076687_0Core curriculum

Grades VII - VIII

II. Programming and solving problems using the computer and other digital devices.

The student:

3) develops solutions to problems using selected applications:

a) designs two- and three‑dimensional models, creates and edits designs in raster and vector graphics, uses various formats of images, and transforms graphic files taking into account the size and quality of images,

Timingm254d3d3e23925c0f_1528449068082_0Timing

45 minutes

General objectivem254d3d3e23925c0f_1528449523725_0General objective

To select appropriate file formats for specific operations.

Specific objectivesm254d3d3e23925c0f_1528449552113_0Specific objectives

To distinguish between vector and raster graphics files.

Learning outcomesm254d3d3e23925c0f_1528450430307_0Learning outcomes

1. Student creates simple vector graphics .
2. Student identifies the extensions of vector and raster graphics files.

Methodsm254d3d3e23925c0f_1528449534267_0Methods

Flipped classroom

Forms of workm254d3d3e23925c0f_1528449514617_0Forms of work

1. Individual work.
2. Class work.

Lesson stages

Introductionm254d3d3e23925c0f_1528450127855_0Introduction

Task:
Find information on computer graphics on the internet.

Task:
Answer the questions:

• What is computer graphics?

• What graphic files can be created using the computer?

• Whhat graphic files can be edited using the computer?

• What kind of graphics and for what purpose would you like to design using the computer?

On the basis of the discussion the students formulate the definition of computer graphics.

Definition:

Computer graphics – an area of information technology dealing with the use of computer technologies for visualisation purposes.m254d3d3e23925c0f_1527712094602_0Computer graphics – an area of information technology dealing with the use of computer technologies for visualisation purposes.

Procedurem254d3d3e23925c0f_1528446435040_0Procedure

Task:

Open the applet and observe the changes while enlarging and reducing vector and raster graphicsraster graphicsraster graphics .

[geogebra aplet]

Conclusion:

Enlarging raster graphicsraster graphicsraster graphics results in reducing the imageimageimage quality.

Raster graphics – a form of graphics in which an image is represented by a two‑dimensional matrix of pixels which is called a bitmap.m254d3d3e23925c0f_1527752263647_0Raster graphics – a form of graphics in which an image is represented by a two‑dimensional matrix of pixels which is called a bitmap.

Vector graphics – a form of graphics in which objects are represented by polygons and curves.m254d3d3e23925c0f_1527752256679_0Vector graphics – a form of graphics in which objects are represented by polygons and curves.

All photo‑realistic images obtained with devices such as cameras and scanners are raster graphicsraster graphicsraster graphics files. Images that you create with computer programmes (do not confuse it with processing) and which are not photo‑realistic are vector graphicsvector graphicsvector graphics . Of course, you can save graphics created in a vector graphics programme as a raster file, but this way you will lose the possibility to perform operations that are specific for vector graphics processing, such as scaling or merging objectobjectobject s. However, you will be able to modify particular pixels of the images.

An interesting fact:

The potentials of modern vector graphicsvector graphicsvector graphics software are so enormous that their professional users can create graphic images that are difficult to distinguish from lifelike ones. Many scenes and special effects in films are currently created with the use of computers.

Task:

Find free and commercial vector and raster graphicsraster graphicsraster graphics programmes on the internet.

Vector graphicsvector graphicsVector graphics software enables:

• creating shapes, lines, arrows,

• creating Bézier curves,

• bending a text along the curve,

• painting objects,

• adding transparencytransparencytransparency to objects,

• changing the shape of any object using extended note edit,

• adding and subtracting paths,

• grouping and ungrouping objects,

• creating texts.

ImageimageImage editors usually include sets of filters that make it possible to obtain many graphical effects as well as to add raster elements to vector graphics.

Vector graphics file formats:

• SVG (Scalable Vector Graphics) – a format based on Extensible Markup Language (XML). It is used in creating animationanimationanimation s.

• CDR (Corel Draw) – a format patented by Corel Corporation.

• AI (Adobe Illustrator) – an extension of the vector graphics file format of Adobe.

• EPS (Encapsulated PostScript) – a PostScript format used for professional printing. It is supported by most professional printing devices.

Discussion:

List the advantages and disadvantages of vector graphics.

Lesson summarym254d3d3e23925c0f_1528450119332_0Lesson summary

Vector graphics creates files that can be freely scalescalescale d without reducing their quality.

Selected words and expressions used in the lesson plan

animationanimationanimation

imageimageimage

objectobjectobject

raster graphicsraster graphicsraster graphics

scalescalescale

transparencytransparencytransparency

vector graphicsvector graphicsvector graphics