Úvod do Adobe Photoshopu CS5 Ivo Šnábl Web studio Institut biostatistiky a analýz MU snabl@iba.muni.cz 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 vs. bitmapová grafika (definována křivkami a výplněmi) Adobe Illustrator CorelDraw...PowerPoint... Adobe Photoshop CorelPaint...Kreslení... Formáty: EPS, PDF, AI, CDR, SVG, 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í Formáty: PSD, JPEG, TIFF, GIF, PNG,... 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
Pravítka (CTRL+R) Vodítka (kliknout do Pravítka a táhnout) 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 nebo rovnou Úpravy > Libovolná transformace (CTRL+T) při transformaci: zachování poměru stran (+SHIFT), 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) TIP: Komu vadí záložkový systém práce se soubory, může se přepnout na starší způsob práce v plovoucích oknech 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 upravit znovu...) 10
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