Úvod do Adobe Photoshopu CS5 Ivo Šnábl Web studio Institut biostatistiky a analýz MU
[email protected]
Operační program Vzdělávání pro konkurenceschopnost Projekt Zvyšování IT gramotnosti zaměstnanců vybraných fakult MU Registrační číslo: CZ.1.07/2.2.00/15.0224, Oblast podpory: 7.2.2
Obsah část 1. nastavení Photoshopu CS5 rozlišení, barevné modely měřítko, vodítka vrstvy a výběry transformace uložení ... na příkladu: tvorba letáčku: export z MS Office vložení a úprava log, import z logo manuálu, převody do RGB změna velikosti, rozmístění, přebarvení vložení a úprava ilustrační fotografie (zmenšení, doostření, úrovně, výřez) vložení textu export
2
Photoshop: bitmapový editor Bitmapa je tvořena body, kterým se říká pixely.
vektorová grafika
bitmapová grafika
vs.
(definována křivkami a výplněmi)
Adobe Illustrator CorelDraw ...PowerPoint...
Adobe Photoshop CorelPaint ...Kreslení...
Formáty:
Formáty:
EPS, PDF, AI, CDR, SVG,
PSD, JPEG, TIFF, GIF, PNG, ...
EMF, WMF • • •
Hodí se na použití při velkém zvětšení, vysoké kvalitě Neztrácí kvalitu, takže na rozdíl od bitmapy můžete vektor libovolně zvětšovat a bude vždy vypadat stejně Každá část musí být vytvořena z nějakého objektu, není tedy zatím možné vektorizovat fotografie, protože je tam příliš mnoho informací
• • •
Používá se u fotografií a komplexních obrázků Můžete během okamžiku dělat mnohem výraznější a detailnější změny/úpravy Nemůžete příliš zvětšovat bez ztráty kvality, větší soubory bývají datově velmi náročné 3
Nastavení Licence; update (1 GB !) Předvolby > Jednotky a pravítka Rozlišení: DPI (dots per inch)
Nový soubor: CTRL+N Zvolte formát A4, 300 DPI, RGB 4
Barevný režim RGB (Red Green Blue), což je způsob míchání barev aktivních zobrazovacích zařízení (monitor,...). - vyzařování pro tisk - CMYK (Cyan Magenta Yellow blacK – azurová, purpurová, žlutá, černá) - odraz světla od papíru,... RGB dokáže zobrazit tzn. neonové, zářivější barvy CMYK – pastelové barvy, srov. tisk a zobrazení ukázky vlevo Pro práci na letáčku zvolíme RGB (více možností, menší soubor), při exportu pro tisková zařízení je možno převést do CMYKu.
5
Panel hlavních nástrojů
Okna: panel dalších nástrojů
6
Vodítka (kliknout do Pravítka a táhnout) Pravítka (CTRL+R)
Panel (okno) VRSTVY 7
Letáček A4 – práce ve vrstvách
Hromadný export obrázků z PPT (uložit do kompletního HTML), z PPTX (přejmenovat na ZIP, extrahovat podsložku ppt/media) Otevřete si prosím soubor krajina_original_velky.jpg (CTRL+O) Duplikujte vrstvu Pozadí (kontextová nabídka nebo přetažením myší na ikonku Nová vrstva) Korekce fotografie (vrstva Pozadí kopie) (Obraz > Přizpůsobení)
nejlépe na pův., nezmenšené verzi Úrovně: CTRL+L ... úprava histogramu Křivky: CTRL+M ... zde úprava barevnosti alternativně Jas a kontrast Tón / kontrast / barvy AUTOMATICKY
NĚKDY nevhodné (ukázka: odběry.jpg) zvolíme Tón automaticky (SHIFT+CTRL+L)
Příprava souboru A4: natočení (Obraz > Natočení obrazu) naležato (landscape vs. portrait) 8
Výběry, kopírování, ...
v pracovní vrstvě s upravenou krajinou vybereme vše (CTRL+A) anebo jen výřez: Nástroj obdélníkový výběr (kláv.zkr. M) kopírování a vkládání (CTRL+C a V) do souboru letáčku (nebo do nového souboru CTRL+N? P. navrhne rozměry!) zachovají se rozměry a kvalita kopírovaného obrázku (či výřezu), proto upravíme jeho velikost: (CTRL+A vs.) CTRL+klik na vrstvu TIP: Komu vadí záložkový nebo rovnou Úpravy > Libovolná transformace (CTRL+T) systém práce se soubory, může se přepnout na při transformaci: zachování poměru stran (+SHIFT), starší způsob práce v plovoucích oknech transformace ze středu (+ALT) vs. jednotlivý roh (+CTRL) vytvořme „rámeček“: zmenšíme krajinku a posuneme do středu, tak aby vrstva s pozadím vytvořila lem. Posun: šipky nebo SHIFT+šipky
přesahující (např. levou část) vybereme a vymažeme (klávesa DELETE)
9
Přesné umístění krajinky
zvětšíme (nástroj Lupa nebo ALT+kolečko) vybereme roh – čtvercový výběr (Obdélníkový výběr M, SHIFT+tažení) z Pravítka nahoře i vlevo „vytáhneme“ Vodítka, které se samy přitáhnou na výběr výběr vyplníme pomocnou barvou (nástroj Plechovka barvy G) přepneme se na nástroj výběr, v kontextovém menu zvolíme Vrstva vyjmutím zmenšíme plochu (poměr zobrazení 1:1 docílíme dvojklikem na nástroj Lupa) rychlé posouvání pracovní plochy: MEZERNÍK + táhnout myší čtverec přesunujeme nástrojem Přesun do dalších rohů a opakujeme akci s vytažením vodítek Vodítka nám ohraničí plochu pro krajinku. Do této plochy transformujeme vybraný obrázek (pokud je menší než ohraničená plocha, můžeme vložit a 10 upravit znovu...)
Obarvení, vzory
přepneme se na vrstvu s pozadím a pozadí obarvíme (vytvoříme vlastní barvu či ze vzorníku či přímo z fotky – pomocí kapátka) Nástroj Kapátko (kláv.zkr. I) možno rychle přepínat z nástroje Plechovka barvy pomocí ALT+G práci si uložme do souboru PSD otevřeme si manuál identity ESF (PDF) vybereme si stranu 10, vybereme logotyp s horizont. rozložením, výběr zkopírujeme nová skupina vrstev v souboru s letáčkem (dvojklik nebo přes kontext. nabídku se dostaneme na vlastnosti: přejmenujeme) CTRL+V vloží zkopírovaný výběr jako novou vrstvu; přemístíme - např. vlevo nahoru a zamkneme: máme vzor
11
Umístění log
vložte loga MU a IBA na patřičné pozice (nejlépe je přetáhnout soubor z průzkumníka přímo na plochu PSD) srov. využití formátů GIF, průhledný GIF,.. vs. vektorové EPS a AI (ty zůstanou v „křivkách“!) pomocí zmenšení a přesunu přesně umístěte v adekvátní velikosti (CTRL+T, V + šipky) přepněte se na vrstvu s ESF logy (nutno ji odemknout pro další úprqavy) a smažte černé obdélníky (M+táhnout, DEL)
pod vrstvami s logy vytvoříme vrstvu, do které vytvoříme podbarvení log: např. bílý obdélník, tak aby byla loga patřičně oddělena od pozadí 12
Přebarvení
alternativní skupina log: duplikujeme skupinu vrstev, původní skryjeme; v nové skupině skryjeme vrstvu s podbarvením (či smažeme) pro přebarvení log musíme ty vektorová loga vyrastrovat (Rastrovat vrstvu) odbarvení log ESF: Obraz > Přizpůsobení > Odbarvit (CTRL+SHIFT+U) převod do černobílé: Obraz... Křivky resp. Jas a kontrast logo IBA do černé: výběr z vrstvy (CTRL+klik na vrstvu), nová vrstva + vyplnit černou změna na bílou variantu loga IBA: Obraz > Přizpůsobení > Invertovat (CTRL+I). Srov. s přímým přebarvením loga MU ESF loga: změna krytí vrstvy na Rozdělit
13
Vyříznutí portrétu (nová fce CS5)
otevřete soubor portret.jpg pomocí Nástroje pro rychlý výběr (W) přejíždějte po místech, které si přejete vybrat při vybrání nesprávného místa použijte CTRL+D (zrušit výběr) a znovu začněte vybírat pomocí myši jemný výběr (vlasy): volba Zpřesnit okraje... Inteligentní poloměr, zvětšíme a cestujeme kolem hlavy, kde se nám mají objevit vlasy celkový výběr zkopírujeme pomocí CTRL+J do nové průhledné vrstvy (pro další doladění) výběr zkopírujeme do Letáčku zde zkorigujeme:
Obraz > Přizpůsobit > Křivky/Tón autom.
přidáme Živost, Stíny a světla (simulace venkovní fotografie)
14
Přidáme text, efekty, ....
Nástroj Text (T), volba ozdobného písma, psát do samostatné vrstvy obarvení, pokřivení, efekty,... z loga IBA v samost. souboru vytvoříme Vzorek: čtvercový výběr, Úpravy > Definovat vzorek tím se přidá mezi textury
lib. vrstvu opatříme efektem, anonymizujeme ...
15
Poděkování
Konání kurzu financováno z Operačního programu Vzdělávání pro konkurenceschopnost „ZVYŠOVÁNÍ IT GRAMOTNOSTI ZAMĚSTNANCŮ VYBRANÝCH FAKULT MU“ Registrační číslo: CZ.1.07/2.2.00/15.0224
16
