Rasterska i vektorska grafika
Završio nastavnik informatike
Srednja škola MBOU u selu Starobazanovo Valitova Valentina Nikolaevna
![](https://i1.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img1.jpg)
Računarske slike
Vector
Raster
![](https://i1.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img2.jpg)
RASTER GRAFIKA
- Rasterska slika se pohranjuje pomoću tačaka različitih boja (piksela) koje formiraju redove i stupce.
![](https://i0.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img3.jpg)
Rasterska grafika
- Pixel – minimalna površina slike kojoj se može samostalno dodijeliti boja
Pixel
![](https://i1.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img4.jpg)
Kvalitet rasterske slike zavisi od:
1. Veličina slike
2. Broj boja na slici
![](https://i2.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img5.jpg)
- Veliki volumen
- Veliki volumen
- Zoom Sensitivity
Nedostaci rasterske slike:
![](https://i0.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img6.jpg)
zadatak: odrediti količinu informacija slike
- Određivanje broja boja n na slici. U ovom slučaju slika je crno-bijela, dakle n=2
- Određivanje broja piksela k na slici. k= 7 x 8 = 56 piksela.
![](https://i2.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img7.jpg)
VEKTORSKA GRAFIKA
- Vektorske slike se formiraju od grafičkih primitiva (tačke, prave linije, krugovi, pravokutnici, itd.)
- U ovom slučaju, položaj strelice je opisan koordinatama početka i kraja njenih sastavnih linija i matematičkim jednadžbama
![](https://i0.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img8.jpg)
- Mala zapremina
- Mala zapremina
- Skaliranje bez gubitka kvalitete
Prednosti vektorske slike:
![](https://i0.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img9.jpg)
Grafički urednik
- Graficki editor je program za kreiranje, uređivanje i pregled grafičkih slika
- Photoshop Paint
- Photoshop
- Boja
- CorelDraw Macromedia Flash MX
- CorelDraw
- Macromedia Flash MX
Raster editori
Vektorski uređivači
![](https://i0.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img10.jpg)
Formati grafičkih datoteka
Način pohranjivanja informacija
Područje primjene
Raster
Raster
Za razmjenu podataka sa drugim aplikacijama
U izdavačkim sistemima
Raster
Za pohranjivanje slika s malim brojem boja
Raster
Za čuvanje fotografija i ilustracija
Vector
Za slike kreirane u CorelDraw-u
![](https://i1.wp.com/fsd.multiurok.ru/html/2018/01/18/s_5a60ec16221a9/img11.jpg)
REZULTAT ČASA
- znam šta je:
- Rasterska grafika; Pixel; Vektorska grafika; Grafički uređivač Formati grafičkih datoteka.
- Rasterska grafika;
- Pixel;
- Vektorska grafika;
- Graficki editor
- Formati grafičkih datoteka.
- Mogu:
- odrediti obim informacija rasterske slike.
ZADAĆA
- Odredite količinu informacija rasterske slike veličine 1024 x 768 piksela i koja se sastoji od 64 boje
KOMPJUTERSKE SLIKE - Formiraju se od tačaka različitih boja (piksela), koje formiraju redove i kolone - Formiraju se od osnovnih grafičkih objekata, za svaku od kojih su određene koordinate referentnih tačaka, kao i boja, debljina i stil linije njegove konture
RASTERSKA GRAFIKA Rasterske grafičke slike nastaju u procesu pretvaranja grafičkih informacija iz analognog u digitalni oblik, na primjer, tokom procesa skeniranja, kada se koriste digitalne foto i video kamere, korištenjem grafičkog uređivača. Rasterske grafičke slike se formiraju u procesu pretvaranja grafičkih informacija iz analognog u digitalni oblik, na primjer, tokom procesa skeniranja, kada se koriste digitalne foto i video kamere, korištenjem grafičkog uređivača.
Kada se rasterska slika smanji, nekoliko susjednih tačaka se pretvara u jednu, a samim tim se gubi jasnoća finih detalja slike Rasterske slike su osjetljive na skaliranje (uvećanje ili smanjenje).
Kada uvećate sliku, veličina svake tačke se povećava i pojavljuje se efekat koraka koji se može vidjeti golim okom. Kada uvećate sliku, veličina svake tačke se povećava i pojavljuje se efekat koraka koji se može vidjeti golim okom. Normalna slika Uvećani fragment slike
VEKTORSKA GRAFIKA Vektorska grafika je optimalno sredstvo za skladištenje visoko preciznih grafičkih objekata (crteža, dijagrama), za koje je važno održavati jasne i jasne konture. Vektorska grafika je optimalno sredstvo za pohranjivanje visoko preciznih grafičkih objekata (crteža, dijagrama), za koje je važno održavati jasne i jasne konture.
Vektorske slike se formiraju od objekata (tačka, linija, krug, pravougaonik) koji se pohranjuju u memoriju računala u obliku grafičkih primitiva i formula koje ih opisuju. Vektorske slike se formiraju od objekata (tačka, linija, krug, pravougaonik) koji se pohranjuju u memoriju računala u obliku grafičkih primitiva i formula koje ih opisuju. Prednost vektorske grafike je u tome što su datoteke koje pohranjuju vektorske grafičke slike relativno male veličine. Prednost vektorske grafike je u tome što su datoteke koje pohranjuju vektorske grafičke slike relativno male veličine.
Vektorski grafički objekti opisuju se matematičkim formulama. tačka je određena svojim koordinatama (x,y); tačka je određena svojim koordinatama (x,y); linija – koordinate početka (x1, y1) i kraja (x2, y2); linija – koordinate početka (x1, y1) i kraja (x2, y2); krug – koordinate centra kružnice – koordinate centra (x, y) i poluprečnik R; (x, y) i poluprečnik R; pravougaonik - veličina stranica i koordinate gornjeg lijevog ugla (x1, y1) i donjeg desnog ugla (x2, y2) itd. pravougaonik - veličina stranica i koordinate gornjeg lijevog ugla (x1, y1) i donjeg desnog ugla (x2, y2) itd. ZA SVAKI PRIMITIV JE POSTAVLJENA BOJA. ZA SVAKI PRIMITIV JE POSTAVLJENA BOJA.
Vektorske grafičke slike mogu se povećavati ili smanjivati bez gubitka kvalitete (Ovo je moguće, budući da se skaliranje događa korištenjem jednostavnih matematičkih operacija - množenjem parametara grafičkih primitiva s faktorom skaliranja) Vektorske grafičke slike mogu se povećati ili smanjiti bez gubitka kvalitete. (ovo je moguće, budući da se skaliranje događa korištenjem jednostavnih matematičkih operacija - množenjem parametara grafičkih primitiva faktorom skaliranja) Normalna slika Mala slika Uvećana slika
GRAFIČKI UREĐIVAČI Za obradu slika na računaru koristimo se specijalni programi- grafički urednik. Grafički uređivač je program za kreiranje, uređivanje i pregled grafičkih slika. Grafički uređivač je program za kreiranje, uređivanje i pregled grafičkih slika.
Rasterski grafički uređivači su najbolje sredstvo za obradu fotografija i crteža, jer pružaju visoku preciznost u prenošenju gradacija boja i polutonova. Oni su najbolje sredstvo za obradu fotografija i crteža, jer pružaju visoku preciznost u prenošenju gradacija boja i polutonova. Jednostavna rasterska GR boja. Jednostavna rasterska GR boja.
Da biste kreirali crtež na tradicionalan način, potrebno je da izaberete alat za crtanje sa trake sa alatkama. Da biste kreirali crtež na tradicionalan način, potrebno je da izaberete alat za crtanje sa trake sa alatkama. Paint Word alati za odabir Alati za crtanje Alati za kreiranje objekata Postavke alata za odabir Alati za kreiranje objekata Alati za crtanje Alati za grupisanje, razgrupiranje, rotaciju Trake alata za raster i vektorsku grafiku
Pitanja: 1. Zašto se njegov kvalitet pogoršava kada se rasterska slika smanji ili poveća? 2. Koje su glavne razlike između formata rasterskih grafičkih datoteka? 3. Koja je razlika između rasterskih i vektorskih slika? 4. Koju grafiku (vektorsku ili rastersku) ćete koristiti: A) Za razvoj logotipa organizacije, vodeći računa da će se morati štampati na malim vizitke i na velikim posterima; B) za digitalno uređivanje fotografija
Literatura 1.S.V.Glushakov, G.A.Knabe Računalna grafika // Tečaj za obuku. – M.: AST, – 503 str. 2.V.N.Porev Kompjuterska grafika. – Sankt Peterburg: BHV-Petersburg, – 432 str. 3.L.A.Zalogova Radionica o kompjuterska grafika. – M.: Laboratorij za osnovna znanja, – 320 str.
Kriterijum poređenja Vektorska grafika Rasterska grafika Metoda predstavljanja slike Vektorska slika je opisana pomoću niza grafičkih naredbi. Rasterska slika se konstruiše od mnogih diskretnih objekata Kvalitet promjene slike (transformacije) Konverzija slika bez gubitka kvaliteta Konverzija slika je ozbiljno ograničena zbog gubitka kvaliteta i pojave izobličenja Prikaz slike uz pomoć tehnički uređaji Ako uređaj za prikaz implementira odgovarajući princip, onda je kvalitet visok. Prikaz na uređaju suprotnog principa, kvalitet prikaza može se osigurati sa bilo kojom unaprijed određenom tačnošću. Kada pokušate da prikažete na uređaju suprotnog principa, kvalitet prikaza je ili nizak ili uopšte nije praktičan stvarnom svijetu Displej je donekle veštački Prikaz je izuzetno realističan
Osnove teorije prenošenja slike pomoću boje, karakteristike percepcije boja ljudskim okom; suština reprodukcije boja u glavnim modelima: RGB, CMYK, HSB, L*a*b; glavni parametri modela; aditivne i subtraktivne boje; područja primjene modela u boji; Karakteristike formiranja slike (prenos boja) tehničkim sredstvima: kompjuterski monitor i uređaji za štampanje
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Format, u cm Rezolucija, u dpi ili ppi Veličina, u tačkama ili pikselima Režim slike Količina grafičkih podataka Napomena 5 x x 170 Monohrom (Bitmap), (1 bit po boji) 3 KB Za gledanje na monitoru Sivi tonovi (crno-bijeli) , (8 bita po sivim tonovima) 24 KB RGB, (8 bita po boji) 71 KB CMYK, (8 bita po boji) 95 KB X 628 monohromatski (bitmap), (1 bit po boji) 41 KB Za grubo štampanje Poluton (crno) i bijela), (8 bita po nijansi sive) 322 KB RGB, (8 bita po boji) 966 KB CMYK, (8 bita po boji) 1,26 MB X 1417 monohromatski (bitmap), (1 bit po boji) 205 KB Za visokokvalitetni ispis Poluton (crno-bijeli), (8 bita po nijansi sive) 1,6 MB RGB, (8 bita po boji) 4,8 MB CMYK, (8 bita po boji) 6,4 MB X 2835 Monochrome ( Bitmap), (1 bit po boji) 820 KB Za visokokvalitetno (fotografsko) štampanje Poluton (crno-bijelo), (8 bita po nijansi sive) 6,41 MB RGB, (8 bita po boji) 19,2 MB CMYK, (8 bita po boji) 25,6 MB
9 x X 369 Monohrom (Bitmap), (1 bit po boji) 12 KB Za gledanje na monitoru Poluton (crno-bijeli), (8 bita po nijansi sive) 92 KB RGB, (8 bita po boji) 276 KB CMYK , ( 8 bita po boji) 368 KB X 1364 Monohrom (Bitmap), (1 bit po boji) 158 KB Za grubu štampu Poluton (crno-bijeli), (8 bita po nijansi sive) 1,23 MB RGB, (8 bita po boja ) 3,69 MB CMYK, (8 bita po boji) 4,91 MB X 3076 Monohrom (Bitmap), (1 bit po boji) 800 KB Za visokokvalitetno štampanje Poluton (crno-bijelo), (8 bita po nijansi sive) 6 ,24 MB RGB, (8 bita po boji) 18,8 MB CMYK, (8 bita po boji) 25 MB X 6151 Monohrom (Bitmap), (1 bit po boji) 3,13 MB Za visokokvalitetno (fotografsko) štampanje Poluton (crno i bijela), (8 bita po sivim tonovima) 25 MB RGB, (8 bita po boji) 74,9 MB
RASTERSKA GRAFIKA Rasterska slika se sastoji od tačaka različitih boja (piksela) koje formiraju redove i kolone. Svaki piksel ima svoje specifičnosti
Kvalitet rasterske slike zavisi od: n n veličine slike (broj piksela horizontalno i vertikalno); broj boja koje pikseli mogu prihvatiti.
Datoteke koje pohranjuju rasterske slike imaju veliku količinu informacija. Posebno rasterske grafičke slike višebojnih fotografija i ilustracija dobivenih pomoću skenera.
Rasterske slike su vrlo osjetljive na skaliranje (uvećanje ili smanjenje). n n Kada se smanji, nekoliko susjednih tačaka se pretvara u jednu, tako da se gubi čitljivost malih detalja slike. Kako zumirate, veličina svake tačke se povećava i pojavljuje se efekat koraka, koji se može vidjeti golim okom.
Vektorska grafika. n n optimalno sredstvo za pohranjivanje visoko preciznih grafičkih objekata (crteža, dijagrama, itd.), za koje je važno održavanje jasnih i jasnih obrisa. slike se formiraju od objekata (tačka, linija, krug, pravougaonik, itd.)
Vektorski grafički objekti opisuju se matematičkim formulama. tačka je određena svojim koordinatama (x, y); n red – koordinate početka (x 1, y 1) i kraja (x 2, y 2); n krug – koordinate centra (x, y) i poluprečnika R; n pravougaonik - veličina stranica i koordinate gornjeg lijevog ugla (x 1, y 1) i donjeg desnog ugla (x 2, y 2), itd. n ZA SVAKI PRIMITIV SE POSTAVLJA BOJA. n
Prednosti vektorske grafike n n datoteke koje pohranjuju vektorske grafičke slike imaju relativno mali volumen. vektorska grafika se može povećati ili smanjiti bez gubitka kvaliteta.
Rasterski grafički uređivači n n su najbolje sredstvo za obradu fotografija i crteža, jer pružaju visoku preciznost u prenošenju gradacija boja i polutonova. Paint, Imaging, Adobe Photoshop, Corel Photo-Paint
Prozor grafičkog editora Paint Prozor ima standardni izgled Windows sistema, uz dodatak palete boja koja vam omogućava da odaberete ne samo boju slike, već i boju pozadine. Veći dio prozora zauzima prazan prostor – područje za crtanje. Sa leve strane nalazi se grupa ikona – traka sa alatkama. Na dnu prozora nalazi se paleta boja.
Imaging - Image Viewer je dizajniran da radi sa grafikom koju izvoze digitalne kamere i skeneri za pregled faks dokumenata.
Koristeći dugmad na alatnoj traci, možete dobiti male sličice, uvećati, smanjiti, rotirati crtež, prikazati crtež u sivim tonovima, dodati tekst i druge grafičke elemente na crtež
Adobe Photoshop je alat za profesionalno uređivanje rasterske grafike i fotografija, koji vam omogućava da izvršite gotovo sve potrebne modifikacije slike
Corel Photo-Paint, za razliku od Corel Draw-a, radi isključivo sa rasterskim slikama i uključuje ogroman broj alata i efekata za manipulisanje rasterskim slikama za profesionalni rad i kreativnost
Pokretanje programa Paint n Kliknite na dugme Start U glavnom meniju izaberite naredbu Programs U podmeniju koji se pojavi izaberite komandu Standardni.
Paleta Pomoću birača boja možete odabrati dvije boje: ovo je boja kojom crtamo i jednu dodatnu – boju pozadine. Kada se program pokrene, zadana boja slike je postavljena na crnu, a boja pozadine na bijelu.
Faza kreiranja crteža 1. 2. 3. 4. 5. Odaberite alat. Postavite širinu linije, oblik četke ili vrstu pravokutnika. Odaberite boju slike. Odaberite boju pozadine. Počni crtati.
Selection Ovaj alat se zove Selection i koristi se za odabir pravokutnog fragmenta slike. Pogledajte prethodni slajd za odabir prilagođenog područja. Povratak
Gumica / Gumica u boji dizajnirana je za brisanje pojedinačnih dijelova crteža. Odabir boje gumice desnim klikom na birač boja
Birač boja Alat Birač boja mijenja boju slike ili boju pozadine u boju bilo koje tačke na slici.
Povećalo zumiranje vam omogućava da uvećate pojedinačne fragmente slike. Možete odabrati pomoću lijeve tipke miša koliko puta želite povećati sliku
Caption postavlja tekst na crtež. Nakon odabira alata, potrebno je nacrtati okvir u kojem će se nalaziti tekst, unijeti tekst i kliknuti izvan okvira. Kada radite s tekstom, možete ga uređivati i formatirati pomoću panela Atributi teksta (Prikaz: Ploča s atributima teksta)
Linija se koristi za crtanje pravih linija. Možete odabrati debljinu linije. Ako držite pritisnutu tipku Shift dok crtate liniju, dobit ćete ili striktno horizontalnu, ili strogo vertikalnu, ili liniju pod uglom od 450.
Pravougaonik se koristi za crtanje pravougaonika i kvadrata. Da biste dobili kvadrat, trebate držati pritisnutu tipku Shift. Vrste pravougaonika: 1. samo ivica 2. popunjen pravougaonik sa obrubom 3. popunjen pravougaonik bez ivica
Elipsa se koristi za prikazivanje elipsa i krugova. Krug će biti kreiran ako crtate dok držite pritisnutu tipku Shift. Vrste elipsa i krugova su iste kao i kod pravougaonika
Zaobljeni pravougaonik vam omogućava da crtate pravokutnike i kvadrate sa zaobljenim rubovima. Stavovi su isti kao i kod drugih figura.
To se može učiniti u posebnom području, koje se nalazi direktno ispod kutije s alatima. Možete crtati linije debljine od jedne do pet tačaka i koristiti nekoliko vrsta četkica i pravokutnika.
Da biste odabrali boju kojom želite crtati, postavite pokazivač miša na kvadrat sa željenom bojom u paleti i kliknite lijevu tipku miša.
Da biste odabrali boju pozadine, postavite pokazivač miša preko željene boje u paleti i kliknite desnim tasterom miša. Ovaj korak je neophodan ako radite sa alatom koji kreira objekte koristeći pozadinu (pravokutnik, poligon, elipsa, zaobljeni pravougaonik).
Da biste koristili bilo koji alat za crtanje, morate izvršiti sljedeće korake: 1. Postavite pokazivač miša na alat kojim trenutno želite crtati i kliknite na njega. 2. Postavite pokazivač miša na kvadrat s bojom u paleti i. levi klik. 3. Pomerite pokazivač u oblasti za crtanje na mesto gde želite da počnete da crtate. 4. Pritisnite dugme miša i, ne puštajući ga, povucite pokazivač u željenom pravcu. 5. Otpustite tipku miša na mjestu gdje završavate crtanje.
Konstrukcije pomoću tipke SHIFT. Nacrtaj kocku. 1. 1. Odaberite alat Rectangle. U panelu Adjustments izaberite ivice oblika. 2. Nacrtajte kvadrat držeći pritisnutu tipku SHIFT dok crtate. 3. 3. Odaberite alat Linija. U panelu postavki odaberite najtanju vrstu linije. 4. Iz tri vrha kvadrata, nacrtajte kosih linija držeći pritisnutu tipku SHIFT. 5. 4. Nacrtajte horizontalne i vertikalne linije za zadnji zid kocke. 6. 5. Pomoću gumice pažljivo uklonite sve izbočene dijelove linija. 7. Koristeći alat Fill, ispunite stranice kocke različitim bojama.
Izvodite razne operacije sa crtežima. odabir fragmenta slike kopiranje fragmenta slike preslikavanje fragmenta slike Zatim rotiranje slike
Za odabir fragmenta slike potrebno je: 1. Odaberite jedan od alata za odabir 2. Napravite okvir blizu željenog fragmenta slike prevlačenjem miša i držanjem lijevog gumba.
Za rotiranje fragmenta za ugao od 900, 1800, 2700 potrebno je: 1. Odaberite fragment slike. 2. Iz menija Slika izaberite komandu Flip/Rotate. Kada odaberete ovu naredbu, pojavljuje se dijaloški okvir. 3. Kliknite na okvire Rotate by angle i odredite ugao od 900.
Da biste dobili kopiju fragmenta slike potrebno je: 1. Odaberite fragment slike. 2. Kopirajte. Zalijepi ga. Uredi - Kopiraj Uredi - Zalijepi Povratak
Da biste preokrenuli kopiju slike, potrebno je: 1. U meniju Slika izaberite komandu Okreni/Rotiraj. 2. Odaberite akciju Okreni lijevo na desno ili Okreni vrh na dno.
![](https://i1.wp.com/present5.com/presentation/184306821_132999339/image-60.jpg)
Slajd 1
Uvod Sve kompjuterske slike, svi formati za njihovo pohranjivanje i svi programi za njihovu obradu podijeljeni su u dvije velike klase - vektorske i rasterske - koje se razlikuju prvenstveno po nivou apstrakcije primijenjene na sliku. Može se reći da dok vektorska grafika pokušava oponašati ljudsku percepciju slika, rasterski format pohranjuje grafiku u obliku u kojem ih računar najlakše probavlja.Slajd 2
![](https://i1.wp.com/bigslide.ru/images/12/11592/389/img1.jpg)
Slajd 3
![](https://i0.wp.com/bigslide.ru/images/12/11592/389/img2.jpg)
Slajd 4
![](https://i1.wp.com/bigslide.ru/images/12/11592/389/img3.jpg)
Slajd 5
![](https://i1.wp.com/bigslide.ru/images/12/11592/389/img4.jpg)
Slajd 6
![](https://i2.wp.com/bigslide.ru/images/12/11592/389/img5.jpg)
Slajd 7
![](https://i2.wp.com/bigslide.ru/images/12/11592/389/img6.jpg)
Slajd 8
![](https://i0.wp.com/bigslide.ru/images/12/11592/389/img7.jpg)