mirror of
https://github.com/pepaskopec-blip/Graduately.git
synced 2026-10-27 15:14:35 +00:00
79 lines
3 KiB
Markdown
79 lines
3 KiB
Markdown
---
|
|
id: pg-1-bitmapa-a-vektor
|
|
nazev: Bitmapa a vektor
|
|
popis: Kdy je obrázek z pixelů a kdy z křivek.
|
|
nazev_cviceni: Kvíz: bitmapa a vektor
|
|
nadpis_kvizu: Poznejte, co se při zvětšení rozmaže
|
|
---
|
|
|
|
# Výklad
|
|
|
|
## Dva druhy obrázku
|
|
*Pixel a křivka*
|
|
|
|
- Bitmapa je mřížka pixelů. Fotka z telefonu je bitmapa a otevírá se ve Photoshopu.
|
|
- Vektor je popis křivek. Logo a ikona se kreslí v Illustratoru a při zvětšení zůstávají ostré.
|
|
- Photoshop umí obojí, ale fotku v něm nepřekreslíte na křivky. Naopak Illustrator není na retuš.
|
|
- Když nevíte, který soubor je který, přibližte ho na 400 %. Bitmapa ukáže čtverečky.
|
|
|
|
> Tip: Přípona napoví: JPG a PNG jsou bitmapa, SVG a AI jsou vektor. PSD může obsahovat obojí.
|
|
|
|
## Co se stane při zvětšení
|
|
*Kvalita*
|
|
|
|
- Bitmapu 800 px širokou nelze vytisknout ostře na velký plakát. Pixely se jen roztáhnou.
|
|
- Vektor se zvětší přepočtem křivky. Hranu má pořád hladkou.
|
|
- Zmenšení bitmapy pixely zahodí. Zvětšení zpět je nevrátí.
|
|
- Proto se logo neukládá jako malé JPG a fotka se nefotí až ve chvíli, kdy už je pozdě.
|
|
|
|
> Tip: Jednou zmenšenou fotku už nedostanete zpátky. Nechte si původní soubor.
|
|
|
|
## Který program kdy
|
|
*Volba*
|
|
|
|
- Fotku, retuš a plakát z fotografie berte do Photoshopu.
|
|
- Logo, piktogram a čisté tvary berte do Illustratoru. Ten přijde ve čtvrtém ročníku.
|
|
- Video nepatří ani do jednoho. Na střih je Premiere Pro, ve třeťáku.
|
|
- Hotové logo z Illustratoru se do Photoshopu vloží jako chytrý objekt, ne jako malý JPG.
|
|
|
|
> Tip: Chytrý objekt drží původní kvalitu. ZJPG-ované logo už křivky nemá.
|
|
|
|
## Zadání: porovnání
|
|
*Cvičení*
|
|
|
|
- Otevřete ve Photoshopu fotku a přibližte ji na 400 %. Okraj předmětu se rozpadne na pixely.
|
|
- Stejný pohled udělejte u loga ve formátu SVG nebo AI. Hrana zůstane hladká.
|
|
- Do sešitu napište, který soubor je bitmapa a který vektor, a proč.
|
|
- Fotku uložte jako porovnani.psd. Logo nepřevádějte na JPG.
|
|
|
|
> Tip: Když SVG ve Photoshopu rastruje, zaškrtněte velký rozměr. Malý náhled nic neukáže.
|
|
|
|
# Kvíz
|
|
|
|
## Co uvidíte na fotce při zvětšení na 400 %?
|
|
- Hladkou křivku bez pixelů
|
|
- [x] Čtverečky pixelů
|
|
- Jen ořezové značky
|
|
- Prázdné plátno
|
|
> Fotka je bitmapa. Zvětšení roztáhne pixely, křivku z ní neudělá.
|
|
|
|
## Kam patří nové logo školy?
|
|
- Do Photoshopu jako malé JPG
|
|
- [x] Do Illustratoru jako křivky
|
|
- Do Premiere jako titulek
|
|
- Do JPG o šířce 80 px
|
|
> Logo se zvětšuje na plakát i na vizitku. Křivka to zvládne, malé JPG ne.
|
|
|
|
## Co se stane, když bitmapu zmenšíte a pak znovu zvětšíte?
|
|
- Pixely se vrátí
|
|
- [x] Ostrost se ztratí
|
|
- Soubor se stane vektorem
|
|
- Přibude spadávka
|
|
> Zmenšení pixely zahodí. Zvětšení je neumí vymyslet zpět.
|
|
|
|
## Jak se má logo vložit do plakátu ve Photoshopu?
|
|
- Jako JPG 80 px
|
|
- [x] Jako chytrý objekt
|
|
- Vložením snímku obrazovky
|
|
- Jako zvuková stopa
|
|
> Chytrý objekt podrží zdroj. JPG logo už nejde zvětšit bez rozmazání.
|