Open lesson vector graphics presentation. Pagtatanghal sa computer science sa paksang "Raster at vector graphics. Mga graphic editor." Mga Kakulangan ng Vector Graphics

RASTER GRAPHICS Ang raster na imahe ay binubuo ng mga tuldok na may iba't ibang kulay (pixel) na bumubuo ng mga row at column. Ang bawat pixel ay may partikular

Ang kalidad ng isang raster na imahe ay nakasalalay sa: n n laki ng imahe (bilang ng mga pixel nang pahalang at patayo); ang bilang ng mga kulay na maaaring tanggapin ng mga pixel.

Ang mga file na nag-iimbak ng mga raster na imahe ay may malaking dami ng impormasyon. Lalo na ang mga raster graphic na larawan ng mga multi-color na litrato at mga guhit na nakuha gamit ang isang scanner.

Ang mga larawan ng raster ay napakasensitibo sa pag-scale (pagpapalaki o pagbabawas). n n Kapag nabawasan, ang ilang mga kalapit na punto ay na-convert sa isa, kaya ang pagiging madaling mabasa ng maliliit na detalye ng imahe ay nawala. Habang nag-zoom in ka, tataas ang laki ng bawat tuldok at may lalabas na step effect, na makikita sa mata.

Vector graphics. n ang pinakamainam na paraan para sa pag-iimbak ng mga high-precision na graphic na bagay (mga guhit, diagram, atbp.), kung saan mahalaga ang pagpapanatili ng malinaw at malinaw na mga balangkas. Ang mga imahe ay nabuo mula sa mga bagay (punto, linya, bilog, parihaba, atbp.)

Mga bagay vector graphics inilalarawan ng mga pormula sa matematika. ang isang punto ay tinukoy ng mga coordinate nito (x, y); n linya – mga coordinate ng simula (x 1, y 1) at dulo (x 2, y 2); n bilog - mga coordinate ng sentro (x, y) at radius R; n rectangle - ang laki ng mga gilid at ang mga coordinate ng kaliwang sulok sa itaas (x 1, y 1) at kanang sulok sa ibaba (x 2, y 2), atbp. n

Mga kalamangan ng vector graphics n n mga file na nag-iimbak ng mga vector graphic na imahe ay may medyo maliit na volume. ang mga vector graphics ay maaaring palakihin o bawasan nang walang pagkawala ng kalidad.

Ang mga editor ng raster graphics n ay ang pinakamahusay na paraan pagpoproseso ng mga larawan at mga guhit, dahil nagbibigay sila ng mataas na katumpakan sa pagpapadala ng mga gradasyon ng mga kulay at mga halftone. Pintura, Imahe, Adobe Photoshop, Corel Photo-Paint

Paint graphic editor window Ang window ay may karaniwang hitsura ng Windows system, kasama ang pagdaragdag ng isang paleta ng kulay na nagpapahintulot sa iyo na piliin hindi lamang ang kulay ng imahe, kundi pati na rin ang kulay ng background. Karamihan sa bintana ay inookupahan ng walang laman na espasyo - ang lugar ng pagguhit. Sa kaliwa nito ay isang grupo ng mga icon – ang toolbar. Sa ilalim ng window ay may isang color palette.

Imaging - Ang Image Viewer ay idinisenyo upang gumana sa mga graphics na na-export mga digital camera at mga scanner para sa pagtingin sa mga dokumento ng fax.

Gamit ang mga button ng toolbar, maaari kang makakuha ng maliliit na thumbnail, palakihin, bawasan, paikutin ang drawing, ipakita ang drawing sa grayscale, magdagdag ng text at iba pang mga graphic na elemento sa drawing

Ang Adobe Photoshop ay isang tool para sa propesyonal na pag-edit ng mga raster graphics at mga larawan, na nagbibigay-daan sa iyo upang maisagawa ang halos anumang kinakailangang pagbabago ng imahe.

Ang Corel Photo-Paint, hindi tulad ng Corel Draw, ay gumagana nang eksklusibo sa mga raster na larawan at kasama malaking halaga raster image manipulation tools at effects para sa propesyonal na trabaho at pagkamalikhain

Paglulunsad ng Paint program n n Mag-click sa Start button Sa Main menu, piliin ang Programs command Sa submenu na lalabas, piliin ang Standard command Sa susunod na submenu, piliin ang Graphic Editor Paint command.

Palette Gamit ang Color Picker, maaari kang pumili ng dalawang kulay: ito ang kulay kung saan kami gumuhit, at isang karagdagang isa - ang kulay ng background. Kapag nagsimula ang programa, ang default na kulay ng imahe ay nakatakda sa itim at ang kulay ng background sa puti.

Yugto ng paggawa ng guhit 1. 2. 3. 4. 5. Pumili ng kasangkapan. Itakda ang lapad ng linya, hugis ng brush, o uri ng parihaba. Piliin ang kulay ng larawan. Piliin ang kulay ng background. Simulan ang pagguhit.

Selection Ang tool na ito ay tinatawag na Selection at ginagamit upang pumili ng isang parihabang fragment ng isang larawan. Tingnan ang nakaraang slide para sa kung paano pumili ng custom na lugar. Bumalik

Ang Eraser / Color eraser ay idinisenyo upang burahin ang mga indibidwal na bahagi ng isang drawing. Pagpili ng kulay ng pambura sa pamamagitan ng pag-right click sa color picker

Color Picker Binabago ng Color Picker tool ang kulay ng imahe o kulay ng background sa kulay ng anumang punto sa larawan.

Nagbibigay-daan sa iyo ang Magnifier Zoom na palakihin ang mga indibidwal na fragment ng larawan. Maaari mong piliin gamit ang kaliwang pindutan ng mouse kung gaano karaming beses mo gustong palakihin ang larawan

Ang caption ay naglalagay ng teksto sa drawing. Ang pagkakaroon ng napiling tool, kailangan mong gumuhit ng isang frame kung saan matatagpuan ang teksto, ipasok ang teksto, at mag-click sa labas ng frame. Kapag nagtatrabaho ka sa teksto, maaari mong i-edit at i-format ito gamit ang panel ng Mga Katangian ng Teksto (Tingnan: Panel ng Mga Katangian ng Teksto)

Ang linya ay ginagamit upang gumuhit ng mga tuwid na linya. Maaari mong piliin ang kapal ng linya. Kung pipigilan mo ang Shift key habang gumuhit ng isang linya, makakakuha ka ng alinman sa isang mahigpit na pahalang, o mahigpit na patayo, o isang linya sa isang anggulo na 450.

Ang parihaba ay ginagamit para sa pagguhit ng mga parihaba at parisukat. Upang makakuha ng isang parisukat, kailangan mong pindutin nang matagal ang Shift key. Mga uri ng parihaba: 1. border lang 2. filled rectangle na may border 3. filled rectangle na walang border

Ang Ellipse ay ginagamit upang ilarawan ang mga ellipse at bilog. Ang isang bilog ay malilikha kung gumuhit ka habang pinipigilan ang Shift key. Ang mga uri ng mga ellipse at bilog ay kapareho ng sa isang parihaba

Binibigyang-daan ka ng Rounded Rectangle na gumuhit ng mga parihaba at parisukat na may mga bilugan na gilid. Ang mga pananaw ay kapareho ng iba pang mga pigura.

Magagawa ito sa isang espesyal na lugar, na matatagpuan mismo sa ilalim ng toolbox. Maaari kang gumuhit ng mga linya mula isa hanggang limang puntos ang kapal at gumamit ng ilang uri ng mga brush at parihaba.

Upang piliin ang kulay na gusto mong iguhit, ilagay ang mouse pointer sa parisukat na may nais na kulay sa palette at i-click ang kaliwang pindutan ng mouse.

Upang pumili ng kulay ng background, iposisyon ang mouse pointer sa nais na kulay sa palette at i-right-click. Ang hakbang na ito ay kinakailangan kung nagtatrabaho ka sa isang tool na lumilikha ng mga bagay gamit ang isang background (parihaba, polygon, ellipse, bilugan na parihaba).

Upang gumamit ng anumang tool para sa pagguhit, dapat mong gawin ang mga sumusunod na hakbang: 1. Ilagay ang mouse pointer sa tool kung saan mo gustong gumuhit. sa sandaling ito, at i-click ito. 2. Ilagay ang mouse pointer sa parisukat na may kulay sa palette at. kaliwang pindot. 3. Ilipat ang pointer sa lugar ng pagguhit sa lugar kung saan mo gustong simulan ang pagguhit. 4. Pindutin ang pindutan ng mouse at, nang hindi ito binibitiwan, i-drag ang pointer sa nais na direksyon. 5. Bitawan ang pindutan ng mouse sa punto kung saan natapos mo ang pagguhit.

Mga konstruksyon gamit ang SHIFT key. Gumuhit ng kubo. 1. 1. Piliin ang Rectangle tool. Sa Options bar, piliin ang mga hangganan ng hugis. 2. Gumuhit ng isang parisukat, habang pinipigilan ang SHIFT key habang gumuhit. 3. 3. Piliin ang Line tool. Sa panel ng mga setting, piliin ang pinakamanipis na uri ng linya. 4. Mula sa tatlong vertice ng parisukat, gumuhit ng mga slanted na linya habang pinipigilan ang SHIFT key. 5. 4. Gumuhit ng pahalang at patayong mga linya para sa likod na dingding ng kubo. 6. 5. Gamit ang isang pambura, maingat na alisin ang anumang nakausling bahagi ng mga linya. 7. Gamit ang Fill tool, punan ang mga gilid ng cube ng iba't ibang kulay.

Magsagawa ng iba't ibang mga operasyon na may mga guhit. pagpili ng isang fragment ng isang larawan pagkopya ng isang fragment ng isang larawan mirroring isang fragment ng isang larawan Susunod na pag-ikot ng imahe

Upang pumili ng fragment ng isang larawan kailangan mong 1. Pumili ng isa sa mga tool sa pagpili 2. Gumawa ng frame malapit sa gustong fragment ng larawan sa pamamagitan ng pag-drag sa mouse at pagpindot sa kaliwang button.

Upang paikutin ang isang fragment sa isang anggulo na 900, 1800, 2700 kailangan mong: 1. Pumili ng isang fragment ng larawan. 2. Mula sa Picture menu, piliin ang Flip/Rotate command. Kapag pinili mo ang command na ito, lilitaw ang isang dialog box. 3. Mag-click sa mga kahon ng Rotate by angle at tukuyin ang isang anggulo na 900.

Upang makakuha ng kopya ng isang fragment ng isang larawan kailangan mong: 1. Pumili ng isang fragment ng larawan. 2. Kopyahin ito. Idikit ito. I-edit - Kopyahin ang I-edit - I-paste ang Ibalik

Upang i-flip ang isang kopya ng isang larawan kailangan mong: 1. Sa Picture menu, piliin ang Flip / Rotate command. 2. Piliin ang Flip Left to Right o Flip Top to Bottom action.


Upang gumamit ng mga preview ng presentasyon, gumawa ng Google account at mag-log in dito: https://accounts.google.com


Mga slide caption:

Raster at vector graphics Paksa ng aralin:

MGA HALIMBAWA: RASTER VECTOR Mga na-scan na larawan Mga Larawan Mga Larawan Mga Guhit Autoshape Flowcharts Mga Guhit na Bagay Word Art WordArt

COMPOSITION: RASTER VECTOR Binubuo ng mga pixel, para sa bawat isa ay maaari kang magtakda ng kulay. Binubuo ito ng mga graphic primitive, para sa bawat isa kung saan ang mga coordinate ng mga anchor point ay tinukoy, pati na rin ang kulay, kapal at estilo ng linya. X 1 ,Y 1 X 2 ,Y 2 X 1 ,Y 1 X 2 ,Y 2 X,Y R X,Y

FORMATION: RASTER VECTOR Kapag nag-scan Kapag gumagamit ng mga digital na larawan at video camera Kapag nanonood ng mga programa sa TV sa isang computer Paggamit ng mga raster graphic editor Paggamit ng mga vector graphic editor Paggamit ng mga converter sa proseso ng pag-convert ng mga raster na imahe sa mga vector drawing

Galerya ng pintura

KALIDAD NG LARAWAN: RASTER VECTOR Maaari kang lumikha ng isang imahe na malapit sa masining (totoo). Palaging may malinaw na hangganan ng bagay, na nagbibigay sa imahe ng isang artipisyal na anyo.

PAG-EDIT: RASTER VECTOR Mga indibidwal na pixel o mga napiling fragment. Ang bawat bagay ay hiwalay.

Pag-scale: RASTER VECTOR Kapag nag-scale, lumalala ang kalidad ng imahe (step effect Kapag nag-scale, hindi nawawala ang kalidad).

LAKI NG MEMORY: RASTER VECTOR Ang isang drawing ay tumatagal ng maraming memory, dahil ang kulay ng bawat pixel ay naka-encode sa 2-3 byte. Ang imahe ay tumatagal ng makabuluhang mas kaunting memorya, dahil tanging ang uri ng bagay at mga parameter nito ang naka-encode.

MGA FORMAT NG FILE: RASTER VECTOR BMR TIFF GIF JPEG PSD PNG WMF SXD FRM CDR EPS CMX BMP WMF JPEG PNG PSD GIF TIFF CDR SXD FRM EPS

Editor ng graphics programa ng aplikasyon, na idinisenyo para sa paglikha at pag-edit ng mga graphic na larawan.

MGA GRAPHICS EDITORS: RASTER VECTOR Paint Adobe Photoshop Corel Photo- Paint Photo Finish Micrografx Picture Open Office Image Gimp Portable Corel Draw Adobe Illustrator Micrografx Designer Microsoft Draw Open Office Draw Compass 3-D

Tapusin ang gawain: Gawain 1.9 (p. 24) Itugma ang bawat drawing sa isang uri ng computer graphics

Takdang-Aralin: §1.2 Maghanda para sa pagsusulit na “Computer Graphics”.


Sa paksa: mga pag-unlad ng pamamaraan, mga pagtatanghal at mga tala

Raster at vector graphics

Subject: Informatics and ICTClass: 7 Program: N.D. Ugrinovich, 2008 Textbook: “Informatics and ICT. ika-7 baitang" N.D. Ugrinovich – BINOM. Knowledge Laboratory, 2007....

Raster at vector graphics

Nakumpleto ng isang guro sa computer science

sekondaryang paaralan ng MBOU sa nayon ng Starobazanovo Valitova Valentina Nikolaevna


Mga larawan sa kompyuter

Vector

Raster


RASTER GRAPHICS

  • Ang isang raster na imahe ay iniimbak gamit ang mga tuldok na may iba't ibang kulay (mga pixel) na bumubuo ng mga row at column.

Raster graphics

  • Pixel – ang pinakamababang lugar ng imahe na maaaring nakapag-iisa na magtalaga ng isang kulay

Pixel


Ang kalidad ng isang raster na imahe ay nakasalalay sa:

1. Laki ng larawan

2. Bilang ng mga kulay sa larawan


  • Malaking volume
  • Malaking volume
  • Mag-zoom Sensitivity

Mga disadvantages ng isang raster na imahe:


Gawain: matukoy ang dami ng impormasyon ng larawan

  • Pagtukoy sa bilang ng mga kulay n sa larawan. SA sa kasong ito Ang imahe ay itim at puti, kaya n=2
  • Pagtukoy sa bilang ng mga pixel k sa larawan. k= 7 x 8 = 56 pixels.

VECTOR GRAPHICS

  • Ang mga imahe ng vector ay nabuo mula sa mga graphic primitive (mga punto, tuwid na linya, bilog, parihaba, atbp.)
  • Sa kasong ito, ang posisyon ng arrow ay inilalarawan ng mga coordinate ng simula at pagtatapos ng mga constituent lines nito at mathematical equation.

  • Maliit na volume
  • Maliit na volume
  • Pag-scale nang walang pagkawala ng kalidad

Mga kalamangan ng isang imahe ng vector:


Graphic editor

  • Editor ng graphics ay isang programa para sa paglikha, pag-edit at pagtingin sa mga graphic na larawan
  • Photoshop Paint
  • Photoshop
  • Kulayan
  • CorelDraw Macromedia Flash MX
  • Corel Draw
  • Macromedia Flash MX

Mga editor ng raster

Mga editor ng vector


Mga format ng graphic na file

Paraan ng pag-iimbak ng impormasyon

Saklaw ng aplikasyon

Raster

Raster

Upang makipagpalitan ng data sa iba pang mga application

Sa mga sistema ng paglalathala

Raster

Para sa pag-iimbak ng mga imahe na may maliit na bilang ng mga kulay

Raster

Para sa pag-iimbak ng mga larawan at mga guhit

Vector

Para sa mga larawang ginawa sa CorelDraw


RESULTA NG ARALIN

  • Alam ko kung ano ito:
  • Raster graphics; Pixel; Vector graphics; Graphic editor Mga graphic na format ng file.
  • Raster graphics;
  • Pixel;
  • Vector graphics;
  • Editor ng graphics
  • Mga format ng graphic na file.
  • Kaya ko:
  • matukoy ang dami ng impormasyon ng isang raster na imahe.

TAKDANG ARALIN

  • Tukuyin ang dami ng impormasyon ng isang raster na imahe na may sukat na 1024 x 768 pixels at binubuo ng 64 na kulay

Panitikan 1.S.V.Glushakov, G.A.Knabe Computer graphics // Kursong pagsasanay. – M.: AST, – 503 p. 2.V.N.Porev Computer graphics. – St. Petersburg: BHV-Petersburg, – 432 p. 3.L.A.Zalogova Workshop sa computer graphics. – M.: Laboratory Pangunahing kaalaman, – 320 s.








Pamantayan sa paghahambing Vector graphics Raster graphics Paraan ng representasyon ng imahe Inilalarawan ang isang vector image gamit ang isang sequence ng mga graphic command Ang isang raster na imahe ay binuo mula sa maraming discrete object Kalidad ng pagbabago ng imahe (transformation) Conversion ng mga imahe nang walang pagkawala ng kalidad Ang conversion ng mga imahe ay lubhang limitado dahil sa pagkawala ng kalidad at ang paglitaw ng mga distortion Pagpapakita ng isang imahe gamit ang mga teknikal na device Kung ang display device ay nagpapatupad ng kaukulang prinsipyo, kung gayon ang kalidad mataas na lebel. Pagpapakita sa isang aparato ng kabaligtaran na prinsipyo, ang kalidad ng display ay maaaring matiyak sa anumang paunang natukoy na katumpakan Kung ang display device ay nagpapatupad ng kaukulang prinsipyo, kung gayon ang kalidad ay nasa mataas na antas. Kapag sinusubukang ipakita sa isang aparato ng kabaligtaran na prinsipyo, ang kalidad ng pagpapakita ay maaaring mababa o hindi praktikal.


Mga pundasyon ng teorya ng paghahatid ng imahe gamit ang kulay, mga tampok ng pang-unawa ng kulay ng mata ng tao; ang kakanyahan ng pagpaparami ng kulay sa mga pangunahing modelo: RGB, CMYK, HSB, L*a*b; pangunahing mga parameter ng mga modelo; additive at subtractive na mga kulay; mga lugar ng aplikasyon ng mga modelo ng kulay; mga tampok ng pagbuo ng imahe (pagpaparami ng kulay) teknikal na paraan: monitor ng computer at mga kagamitan sa pag-print










Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text







Format, sa cm Resolution, sa dpi o ppi Sukat, sa mga tuldok o pixel Mode ng imahe Dami ng graphic data Tandaan 5 x x 170 Monochrome (Bitmap), (1 bit bawat kulay) 3 KB Para sa pagtingin sa isang monitor Grayscale (itim at puti) , (8 bit bawat grayscale) 24 KB RGB, (8 bit bawat kulay) 71 KB CMYK, (8 bit bawat kulay) 95 KB X 628 Monochrome (Bitmap), (1 bit bawat kulay) 41 KB Para sa magaspang na pag-print Halftone ( itim at puti), (8 bit bawat lilim ng kulay abo) 322 KB RGB, (8 bit bawat kulay) 966 KB CMYK, (8 bit bawat kulay) 1.26 MB X 1417 Monochrome (Bitmap), (1 bit bawat kulay) 205 KB Para sa mataas na kalidad na pag-print Halftone (itim at puti), (8 bits bawat shade ng gray) 1.6 MB RGB, (8 bits bawat kulay) 4.8 MB CMYK, (8 bits bawat kulay) 6.4 MB X 2835 Monochrome ( Bitmap), (1 bit bawat kulay) 820 KB Para sa mataas na kalidad (photographic) na pag-print Halftone (itim at puti), (8 bit bawat lilim ng gray) 6.41 MB RGB, (8 bit bawat kulay) 19.2 MB CMYK, ( 8 bit bawat kulay) 25.6 MB


9 x X 369 Monochrome (Bitmap), (1 bit bawat kulay) 12 KB Para sa pagtingin sa isang monitor Halftone (itim at puti), (8 bit bawat shade ng gray) 92 KB RGB, (8 bit bawat kulay) 276 KB CMYK , ( 8 bit per color) 368 KB X 1364 Monochrome (Bitmap), (1 bit per color) 158 KB Para sa rough printing Halftone (black and white), (8 bit per shade of gray) 1.23 MB RGB, (8 bit per kulay ) 3.69 MB CMYK, (8 bit bawat kulay) 4.91 MB X 3076 Monochrome (Bitmap), (1 bit bawat kulay) 800 KB Para sa mataas na kalidad na pag-print Halftone (itim at puti), (8 bit bawat lilim ng gray) 6 ,24 MB RGB, (8 bit bawat kulay) 18.8 MB CMYK, (8 bit bawat kulay) 25 MB X 6151 Monochrome (Bitmap), (1 bit bawat kulay) 3.13 MB Para sa mataas na kalidad (photographic) na pag-print ng Halftone ( itim at puti), (8 bit bawat grayscale) 25 MB RGB, (8 bit bawat kulay) 74.9 MB