cit.ukb.muni.cz...Úvod do aplikací adobe creative suite cs5

16
Úvod do aplikací Adobe Creative Suite 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

Upload: trankhanh

Post on 21-Jan-2019

225 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

Úvod do aplikací Adobe Creative Suite 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

Page 2: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

Obsah 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

Page 3: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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...

Formáty:

EPS, PDF, AI, CDR, SVG, EMF, WMF

Adobe Photoshop CorelPaint

...Kreslení...

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é

• 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í

Page 4: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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

Page 5: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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.

Page 6: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

Panel hlavních nástrojů Okna:

panel dalších nástrojů

Page 7: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

Pravítka (CTRL+R)

Vodítka (kliknout do Pravítka a táhnout)

Panel (okno) VRSTVY

Page 8: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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)

Page 9: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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

Page 10: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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...)

Page 11: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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

Page 12: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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í

Page 13: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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

Page 14: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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)

Page 15: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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 ...

Page 16: cit.ukb.muni.cz...Úvod do aplikací Adobe Creative Suite CS5

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