1/2 oldal

8. b - digitális kultúra - "Raszter- és vektorgrafika"

A következő 3 órában ezekkel fogunk foglalkozni: Raszter- és vektorgrafikai ábra összehasonlítása, szerkesztése és illesztése különböző típusú dokumentumokba. Feladatleírás, illetve minta alapján vektorgrafikus ábra készítése. Görbék, csomópontok felhasználása rajzok készítésében. Csomópontműveletek.

Tanuló neve

Osztálya

1. Raszter- és vektorgrafika összehasonlítása

• Rasztergrafika (Pixelgrafika): Képpontokból (pixelekből) álló rács. Nagyításkor a kép veszít a minőségéből, "kockásodik" (pixelesedik). Jellemző fájlformátumok: JPG, PNG, BMP. Fő felhasználás: fotók, összetett színátmenetes képek.

• Vektorgrafika: Geometriai primitíveken (pontok, egyenesek, görbék, alakzatok) és matematikai képleteken alapul. Végtelenül nagyítható és kicsinyíthető minőségromlás nélkül. Jellemző fájlformátumok: SVG, AI, CDR, EPS. Fő felhasználás: logók, ikonok, diagramok, tipográfia.

Tesztkérdések

1. A rasztergrafikus kép nagyításkor nem veszít a minőségéből.

A
B

2. A vektorgrafika matematikai képleteken alapul.

A
B

3. Írj be egy jellemző fájlformátumot a rasztergrafikához!

4. Írj be egy jellemző fájlformátumot a vektorgrafikához!

5. A fotók szerkesztésére általában a vektorgrafikai programok a legalkalmasabbak.

A
B

8. Az Inkscape-et elsősorban vektorgrafikus szerkesztésre használjuk.

A
B

9. Írj be egy példát rasztergrafikus szerkesztőprogramra!

12. Milyen fájlformátumot javasol a leírás a fotók illesztésére?

6. Hogyan hívjuk azt a jelenséget, amikor a rasztergrafikus kép nagyításkor elveszíti a minőségét?

10. Milyen formátumban célszerű illeszteni egy logót a nyomtatási minőség megőrzése érdekében?

11. Fotókat célszerű vektorgrafikus formátumban (pl. SVG) illeszteni dokumentumokba.

A
B

20. A Bézier-görbék az egyenes vonalszakaszok elnevezése.

A
B

22. Mi a neve a görbe ívét és feszülését meghatározó karoknak?

2. Szerkesztés és dokumentumokba illesztés

• Szerkesztőprogramok: Raszterhez leggyakrabban az Adobe Photoshop vagy a GIMP, míg vektorgrafikához az Adobe Illustrator vagy az Inkscape használatos.

• Illesztés: Dokumentumokba (példák: Word, PDF, weboldalak) való beágyazáskor a cél határozza meg a formátumot. A logókat, ábrákat célszerű vektoros (SVG, PDF) formátumban illeszteni a tűéles nyomtatásért és skálázhatóságért, míg a fotókat raszteres (JPG, PNG) formátumban.

7. Az Adobe Photoshop egy vektorgrafikus szerkesztőprogram.

A
B

3. Vektorgrafikus ábra készítése feladatleírás / minta alapján

• A folyamat alapja: Egy meglévő skicc vagy leírás alapján a formákat geometriai alapalakzatokra (kör, téglalap) és egyedi vonalakra bontjuk le.

• Rétegek használata: A háttértől az előtérig, külön rétegeken érdemes felépíteni az ábra elemeit a könnyebb szerkeszthetőség érdekében.

13. A vektorgrafikus ábra készítésekor először mindig részletes raszteres fényképet kell importálni.

A
B

14. A geometriai alapalakzatok (kör, téglalap) a vektorgrafikus ábra készítésének alapkövei lehetnek.

A
B

15. A rétegek használata bonyolultabbá teszi a szerkesztést, ezért érdemes kerülni.

A
B

30. Mi történik két különálló végpont összekötésekor a görbék szétvágása után?

16. Mi a folyamat alapja egy vektorgrafikus ábra készítésekor (a leírás szerint)?

17. Érdemes a háttértől az előtérig rétegeken felépíteni az ábrát.

A
B

21. Az iránymutató karok hossza és iránya határozza meg a görbe ívét.

A
B

23. Mi a neve a vonalak sarok- vagy töréspontjainak?

18. Mit jelent a vektorgrafikus ábra készítésekor a "geometriai alapalakzatokra bontás"?

24. Hogy hívjuk a csomópontok közötti vonalszakaszokat?

4. Görbék és csomópontok (Bézier-görbék)

• Csomópontok (Nodes / Anchors): A vonalak és alakzatok sarok- vagy töréspontjai, amelyek meghatározzák az ábra szerkezetét.

• Görbék (Bézier-görbék): A csomópontok közötti vonalszakaszok. A pontokból kiinduló érintők (iránymutató karok) hossza és iránya határozza meg a görbe ívét és feszülését.

19. A csomópontok (Nodes) határozzák meg az ábra szerkezetét.

A
B

26. A pontok típusa nem módosítható utólag, ha már elhelyeztük őket.

A
B

20. A Bézier-görbék az egyenes vonalszakaszok elnevezése.

A
B

27. Milyen ponttípust használunk, ha éles törést szeretnénk létrehozni a görbén?

21. Az iránymutató karok hossza és iránya határozza meg a görbe ívét.

A
B

22. Mi a neve a görbe ívét és feszülését meghatározó karoknak?

28. Milyen ponttípust használunk, ha lágy, folytonos görbét szeretnénk létrehozni?

23. Mi a neve a vonalak sarok- vagy töréspontjainak?

29. A csomópontok törlésével a vonal egyszerűbbé és simábbá válhat.

A
B

24. Hogy hívjuk a csomópontok közötti vonalszakaszokat?

5. Csomópontműveletek

A vektoros rajzolás során a leggyakoribb műveletek a csomópontokkal:
• Hozzáadás / Törlés: Új pontok elhelyezése a görbén a részletgazdagabb formázáshoz, vagy felesleges pontok eltávolítása a vonal kisimításához.
• Típus módosítása: Pontok átalakítása hegyes/sarokponttá (éles törésekhez) vagy simított/szimmetrikus ponttá (lágy, folytonos görbékhez).
• Szétvágás / Összekötés: Görbék megnyitása egy pontnál, vagy két különálló végpont egyesítése egyetlen folytonos vonallá.

25. Új pontokat adhatunk hozzá a görbékhez, ha részletgazdagabb formát szeretnénk létrehozni.

A
B

Kahoot típusú kérdések

1. Mi történik a rasztergrafikus (pixel) képpel, ha erősen felnagyítjuk?

A
B
C
D

2. Melyik fájlformátum tisztán vektorgrafikus?

A
B
C
D

3. Milyen típusú grafika a legalkalmasabb egy céglogó tervezéséhez, amit a névjegykártyától az óriásplakátig mindenhol használni fognak?

A
B
C
D

4. Melyik szoftvert használjuk elsősorban vektorgrafikus ábrák készítésére és szerkesztésére?

A
B
C
D

5. Melyik formátumot érdemes választani, ha egy vektorgrafikus ábrát minőségromlás nélkül szeretnénk beilleszteni egy PDF dokumentumba vagy weboldalra?

A
B
C
D

6. Mi a legfőbb előnye annak, ha egy nyomtatott Word dokumentumba vektoros formátumban illesztjük be a diagramokat?

A
B
C
D

7. Mi a legelső és legpraktikusabb lépés, amikor egy bonyolult mintaleírás alapján elkezdünk felépíteni egy vektoros ábrát?

A
B
C
D

8. Miért használunk rétegeket (layers) egy összetett vektoros illusztráció elkészítésekor?

A
B
C
D

9. Ha egy meglévő papír alapú skicc (minta) alapján dolgozol, hogyan tudod azt a legpontosabban digitalizálni vektoros szoftverben?

A
B
C
D

10. Mik azok a csomópontok (nodes / anchors) a vektorgrafikában?

A
B
C
D

11. Mi határozza meg egy Bézier-görbe ívének irányát és „feszülését” a csomópontok között?

A
B
C
D

12. Hány csomópont szükséges minimum egy egyenes vonalszakasz meghatározásához a vektorgrafikában?

A
B
C
D

13. Mit érünk el azzal, ha egy meglévő görbén új csomópontokat helyezünk el (hozzáadás művelet)?

A
B
C
D

14. Mi történik, ha egy csomópont típusát „hegyes/sarokpontból” átalakítjuk „simított/szimmetrikus” ponttá?

A
B
C
D

15. Melyik csomópontműveletet kell alkalmazni, ha két különálló, nyitott vonal végpontjait szeretnénk egyetlen folytonos vonallá egyesíteni?

A
B
C
D
Gyakorlás: Kattints ide a gyakorláshoz! (Letöltés után nyisd meg a fájlt a böngésződben.)
Gyakorlás 2: Kattints ide a második gyakorláshoz! (Letöltés után nyisd meg a fájlt a böngésződben.)

Ide töltsd fel a munkáidat (PPT fájl):
Kérlek, mentsd el a készített képeket egy prezentációba (PPT), és azt töltsd fel ide. A fájl neve a saját neved és osztályod legyen.