1
Obsah 1
2
3
4
5
Photoshop – Koláž dvou fotografií .................................................................................................. 3 1.1
Vytvoření výběru ..................................................................................................................... 3
1.2
Zasazení objektu do nového pozadí ........................................................................................ 7
Illustrator – Srdce .......................................................................................................................... 10 2.1
Vytvoření základu srdce ........................................................................................................ 10
2.2
Vektorizace srdce .................................................................................................................. 11
2.3
Stylování vektorové grafiky ................................................................................................... 12
Indesign - Vysázení článku ............................................................................................................. 13 3.1
Seskupení podkladů............................................................................................................... 13
3.2
Založení projektu ................................................................................................................... 14
3.3
Vložení textů a jejich formátování......................................................................................... 14
3.4
Vložení obrázků a grafiky....................................................................................................... 17
Premiere Pro – Střih Exkurze ......................................................................................................... 20 4.1
Založení projektu ................................................................................................................... 20
4.2
Prostředí programu ............................................................................................................... 21
4.3
Import potřebných souborů a jejich umístění na časovou osu ............................................. 21
4.4
Vytvoření úvodního titulku.................................................................................................... 24
4.6
Střih videosekvence............................................................................................................... 26
4.7
Export videa…… ..................................................................................................................... 26
After Effects – Světelný meč.......................................................................................................... 27 5.1
Natočení videa …………………………………………………………………………………………………………………27
5.2
Vložení videa do programu ................................................................................................... 28
5.3
Vytvoření meče ..................................................................................................................... 28
5.4
Sledování pohybu .................................................................................................................. 29
5.5
Zářivost meče…...................................................................................................................... 30
5.6
Barva meče……………………………………………………………………………………………………………………….31
5.7
Výsledné video. ..................................................................................................................... 32
2
Photoshop je nejznámější a zároveň nejpoužívanější program na úpravu fotografií. V prvním cvičení si předvedeme jak vytvořit ve Photoshopu koláž z několika fotografií. Ukážeme si, jak vyjmout určitý objekt z prostředí, ve kterém byl vyfotografován a umístit jej do prostředí zcela odlišného, například slony z Ostravské ZOO před Ostravskou radnici.
Abychom dostali slony před radnici, musíme nejdříve použít nástroj výběr.
Základním výběrovým nástrojem je výběr Obdélníkový - zvolíme ho buď zkratkou M, nebo z panelu nástrojů hned pod nástrojem Přesun. Zvoleným nástrojem najedeme na libovolné místo pracovní plochy (oblast obrázku), a za držení levého tlačítka myši táhneme podle toho, jak velký výběr chceme provést. Uvolněním levého tlačítka se výběr vytvoří. Výběr je znázorněn přerušovanými čarami po okrajích, kterým se v grafickém žargonu říká pochodující mravenci. Výběr dále můžeme libovolně přesouvat, když myší najedeme do vymezené oblasti. Výběr zrušíme stiskem klávesové zkratky Ctrl+D.
3
Jelikož slon má složitější strukturu než je obdélníková, je nutné k jeho vyjmutí ze ZOO použít sofistikovanější nástroje, kterými jsou lasa, případně nástroj pro rychlý výběr, či kouzelná hůlka.
Lasa jsou na pomezí jednoduchých a náročnějších výběrů - mají různé možnosti a magnetické laso má dokonce celou řadu nastavení. Základní laso se složitostí neliší od obdélníkového výběru a patří mezi nejpoužívanější nástroje. Jedná se o ručně ovládaný nástroj, kterým "kreslíme“ výběry, buď myší, nebo prstem na tabletu.
Oproti základnímu lasu umisťujeme jednotlivé body výsledného výběru a vznikají tak přímky mezi těmito body. Dalším rozdílem oproti základnímu lasu je, že nemusíme celou dobu držet levé tlačítko. Oblast výběru se uzavře buď kliknutím na počáteční bod, nebo kliknutím levého tlačítka myši společně se stiskem klávesy Ctrl. Program dopočítá spojení mezi posledním a prvním bodem automaticky.
Poslední z trojice funguje jako kombinace obou předchozích – automaticky hledá obrys objektu na fotografii a průběžně se na něj přichytává, když se kurzorem pohybujete v okolí objektu (jako u základního lasa) a zároveň vytváří body (jako u mnohoúhelníkového lasa), které můžeme klikáním umisťovat také sami, k navedení nástroje na správnou trasu. Nejde však o příliš přesný nástroj, tudíž se nakonec hodí spíše ke hrubému opracování, než k jemné práci.
Nejvhodnější nástroj pro výběr našich slonů, je rychlý výběr. Nástroj kouzelná hůlka slouží zejména k výběru jednodušších objektů.
Funguje na principu odhadování okrajů, kdy se program snaží vypočítat, jaká místa k sobě patří a podle toho vybírá určité části, přes které kreslíte. Základní ovládání spočívá ve vybírání oblastí, kdy kreslíte levým tlačítkem, a následnému odebírání, kdy přidržíte ALT a nástroj se chová jako guma. Pro počáteční výběr větších částí je vhodné použít větší velikost výběrového štětce, pro výběr menších částí je nezbytné štětec zmenšit. 4
Na rozdíl od rychlého výběru kouzelnou hůlkou nekreslíme, nýbrž klikáme. Stěžejním nastavením při práci s tímto nástrojem je tolerance. Hůlka vybírá podobné body z okolí, čím větší nastavíme toleranci, tím větší plocha spadne do výběru.
K editaci slouží 2 základní možnosti: 1. Horní panel Umožňuje zvolit, zda chcete vytvořit výběr nový, přidat, či odebrat do výběru část jeho rozsahu nebo vybrat průsek stávajícího rozsahu výběru s nově nakreslenou oblastí. 2. Menu, které vyvoláme pravým tlačítkem 5
V našem případě zvolíme možnost „Vrstva kopírováním“, čímž oddělíme slona od jeho stávajícího pozadí. Po vypnutí zobrazení původní vrstvy (ikona oka v panelu vrstev) nám na pracovní ploše zůstanou pouze sloni bez pozadí. Dvojklikem přejmenujeme název vrstvy na „sloni“.
6
Teď už zbývá jen slony zasadit do nového pozadí. Otevřeme si tedy ve Photoshopu připravené obrázek s Ostravskou radnicí, přepneme se zpět do souboru se slony, kde v panelu vrstvy pravým tlačítkem na myši klikneme na vrstvu „sloni“ (pozor neklikat přímo na obrázek – zobrazí se možnosti úpravy vrstvy) a zvolíme možnost „Duplikovat vrstvu“. V okně, které se nám následně zobrazí, zvolíme jako cílový dokument soubor s radnicí a stiskneme OK.
Když se přepneme do souboru s radnicí, nalezneme v něm naši ořezanou vrstvu „sloni“, ovšem jak pozice, tak ani velikost neodpovídají našim představám. Změnu polohy provedeme nástrojem přesun (klávesová zkratka V).
7
Velikost změníme pomocí možnosti Úpravy Libovolná transformace (klávesová zkratka Ctrl+T). Velikost vrstvy „sloni“ změníme tak, že ji chytneme za libovolný roh a se stisknutým shiftem – zabránění deformace vrstvy – zmenšíme slony na požadovanou velikost a stiskneme Enter.
V možnostech obraz zvolíme 3 funkce, pomocí nichž vrstva „sloni lépe splyne s pozadím radnice: Tón automaticky Kontrast automaticky Barvy automaticky
A výsledná koláž je na světě. Teď ji stačí jen uložit. Použijte možnost Soubor Uložit jako… (Ctrl+Shift+S) a zvolte typ souboru, do kterého obrázek uložíte (png, jpg,…). 8
9
Program Adobe Illustrator je celosvětově nejpoužívanějším programem na tvorbu vektorové grafiky (digitální kresba, koláže, návrhy log společností, produktů,…). Předvedeme si, jak tomto programu jednoduše vytvoříme srdce.
Nejprve si zapneme zobrazení mřížky v menu Zobrazení Zobrazovat mřížku a zároveň zapneme možnost Přitahovat na mřížku. Následně vybereme Nástroj segment čáry (klávesová zkratka pro znak „\“ je pravý alt + Q).
. . .
Nakreslíme dvě protilehlé čáry podle obrázku, označíme je pomocí černé šipky, pravým tlačítkem myši vyvoláme kontextovou nabídku, ve které zvolíme možnost Spojení. V panelu tah zvolíme tloušťku čáry na 50 mm a konce jako Oblé. Výsledek bude vypadat následovně:
10
Aby se dalo se srdcem pracovat, jako s vektorovou grafikou zvolíme možnost: Objekt
Cesta Obrysy tahu…
. . .
Výsledek vypadá následovně:
11
Nyní už stačí jen změnit barvu na červenou. Označíme si naše srdce kliknutím levého tlačítka myší a zvolíme volbu Výplň (klávesou X volíme mezi barvou výplně a tahu – čili obrysu). Barvu vybereme z panelu vzorník, případně si ji namícháme sami dvojklikem levého tlačítka myši na ikonu výplně.
Výsledek vypadá následovně. Jelikož je jedná o vektorovou grafiku, můžeme srdci přiřazovat různé styly dle naší fantazie a dovedností v programu Adobe Illustrator.
12
Tento program slouží celosvětově k profesionální sazbě knih, novin, časopisů a mnoha dalších typů tiskovin, či elektronických publikací. V následující ukázce si předvedeme jak vysázet článek do časopisu, půjde o článek O výzkumu v Ostravské ZOO, který vyšel ve druhém čísle časopisu „Poznej tajemství vědy“.
K tomu aby vznikl článek, nejprve potřebujeme nashromáždit všechny potřebné podklady:
Můžete si všimnout, že použijeme slony z prvního cvičení ve Photoshopu. 13
V nabídce Soubor Nový Dokument (Ctrl+N) vytvoříme nový dokument, u něhož nastavíme počet sloupců na 3. Pro zbytek parametrů můžeme ponechat přednastavené hodnoty. Následně se nám zobrazí prázdná stránka s vodícími hranicemi pro 3 slupce připravené pro sazbu. Zobrazení vodících linek je možné vypnout/zapnout pomocí klávesy W, případně pomocí ikony v horní liště Náhled
14
V textovém editoru s naším textem označíme nejdříve název článku a zkopírujeme jej do InDesignu (Ctrl+C Ctrl+V). Pomocí černé šipky změníme velikost textové oblasti. Následně přikročíme k formátování nadpisu. Označíme si text nadpisu, zvolíme typ písma na Myriad Pro, Bold (neboli tučně), velikost 24 b (bodů) a změníme barvu na čevenou pomocí vzorníku barev. Výsledné textové pole přispůsobíme velikosti nadpisu pomocí čené šipky.
15
Následně vložíme zbytek textu článku a roztáhneme textové pole do prvního sloupce. V pravém dolním rohu se zobrazí červený čtvereček se znaménkem „+“, který nám indikuje, že se celý text nevejde do vymezeného textového pole. Když na čtvereček klikneme levým tlačítkem myši, máme možnost vložit nové textové pole, které bude začínat právě tam, kde předchozí text skončil. Vložíme tedy text do druhého a následně také stejným způsobem do třetího sloupce. Velikost textu změníme na 11 b.
Označíme si celý text, zarovnáme jej do bloku, v okně Článek zapneme Optické zarovnání okrajů (Okna Text a tabulky Článek), jenž nám zarovná písmena přesně podle textového pole a případné znaky „ . “ „ , “ „ - “ zarovná mimo tento rámec, což opticky zlepší čtivost našeho textu.
16
Pomocí volby Nástroj Umístit (Ctrl + D) vybereme fotografie, které chceme umístit do našeho článku. Postupně vložíme obrázky do textu a zmenšíme poslední textové pole, tak aby nezasahovalo do fotografií.
Poslední úpravou fotografií bude obtékání textu kolem naší sloní rodinky. Nejprve si obrázek zrcadlově převrátíme pomocí volby převrátit vodorovně z horního panelu.
Následně vytvoříme kolem slonů obrys pomocí nástroje Pero (P).
Na výslednou hranici aplikujeme možnost obtékání textu kolem tvaru objektu.
17
Následně označíme vytvořenou hranici a obrázek slona a pomocí pravého tlačítka myši vyvoláme nabídku, ve které zvolíme možnost Seskupit. Spolu s držením kláves Ctrl+Alt+Shift (zamezení deformace obrázku spolu s námi vytvořenou hranicí), zvětšíme slona pomocí černé šipky do optimální velkosti vzhledem k rozsahu textu.
Nakonec vložíme na stránku grafiku se lvem. Ve vkládání grafiky a obrázku není prakticky žádný rozdíl, ten je pouze v tom, že s grafikou můžeme přímo v Indesignu pracovat (změny barvy, rozmístění jednotlivých vektorových objektu,…) Nakonec nesmíme zapomenout zmínit autora článku, u kterého zvolíme jiný typ písma než ve zbytku článku.
18
19
Premiere Pro je program využívaný jak největšími filmovými studii k profesionálnímu střihu filmů, tak nadšenými amatéry, kterým svou jednoduchostí a intuitivním ovládáním dopomáhá k vytvoření vlastních filmových pokladů. V následujícím cvičení si představíme jeho základní funkce na střihu videa z exkurze ve Výzkumném ústavu vodohospodářském T. G. Masaryka, v. v. i.
Při startu programu zvolíme ikonu New Project, zvolíme jeho název a místo pro uložení. A založíme novou sekvenci s vlastním názvem a parametry DVCPROHD 720p DVCPROHD 720p60, kde hodnota 720 představuje počet pixelů videa na výšu a hodnota 60 počet snímků za vteřinu.
20
Základní prostředí Premiere Pro má 4 hlavní okna: 1. Vlevo nahoře se nachází okno, ve kterém upravujeme parametry efektů jednotlivých prvků použitých ve videosekvenci. 2. Vpravo nahoře si můžeme prohlédnout ukázku nastříhané videosekvence. 3. Vlevo dole máme možnost pracovat s použitými soubory obdobně jako v průzkumníku Windows a přidávat k nim efekty. 4. Vpravo dole pracujeme s časovou osou naší videosekvence
V levém dolním okně vyvoláme kliknutím pravého tlačítka myši kontextovou nabídku, zvolíme možnost Import a vybereme potřebné soubory, které následně použijeme ve videu. Soubory můžeme přidávat také přetažením přímo z průzkumníka Winodows ať už do části pro správu souborů, nebo na časovou osu. U jednotlivých souborů můžeme měnit jejich label (barevné označení jak v prostoru pro správu souborů tak i v časové ose) pomocí volby vyvolané kliknutím pravého tlačítka nad daným souborem a zvolením možnosti Label Seznam barev.
21
1. 2.
3.
4.
Složka Nahraná_videa obsahující videa nahraná na exkurzi Logo Sovičky PTV v Illustratoru, které se bude zobrazovat v pravém horním rohu videa Obrázek Sovičky PTV spolu s logolinkem publicity projektu ve formátu png, který se objeví na začátku a na konci videa Pozadí pro úvodní titulek, který bude následovat po obrázku s logolinkem ve formátu png, vytvořený v programu InDesign
Soubory přetažením vložíme na časovou osu (soubory, které jsou na časové ose výše, se budou ve výsledné videosekvenci zobrazovat nad soubory, které se nacházejí na časové ose pod nimi), kde dále nastavíme jejich parametry: Nástrojem selection
1. Sovicka_logo_uvod.png Pravým tlačítkem vyvoláme nabídku a zvolíme možnosti: Scale to Frame Size – přizpůsobí obrázek rozměrům videa Speed/Duration – nastavíme délku zobrazení na 2 vteřiny 2. VUV_pozadi_video.png Pravým tlačítkem vyvoláme nabídku a zvolíme možnosti: Scale to Frame Size – přizpůsobí obrázek rozměrům videa Speed/Duration – nastavíme délku zobrazení na 5 vteřiny
22
3. Sovicka_bez_textu.ai Dvojím kliknutím obyčejnou šipkou na logo sovičky se nám otevře možnost manipulovat s jejím umístěním a velikostí (při změně velikosti držíme zároveň klávesu Shift pro zachování poměru stran sovičky). Umístíme tedy sovičku do pravého horního rohu a zmenšíme její původní velikost.
Nástrojem Selection tool následně měníme délku, respektive část videa, které se ve výsledné sekvenci objeví.
23
Kliknutím pravého tlačítka myši v oblasti správy souborů zvolíme možnost New Item Title.
Na časové ose zvolíme místo, kde se nachází obrázek VUV_pozadi_video.png umístíme na něj jezdce (červená čára vycházející ze žlutého trojúhelníku značící pozici na které se ve videosekvenci nacházíme) a přizpůsobíme pozici v časové ose tak, aby se titulek kryl s obrázkem.
24
Dvakrát klikneme na oranžový pruh značící titulek a zobrazí se nám editační okno pro titulek. Zde zvolíme Type Tool, jehož pomocí vytvoříme titulek podle našich představ.
25
Následně vložíme jednotlivé části videa, které pomocí nástroje Razor Tool nastříháme dle potřeby.
Zvolíme možnost File Export.Ponecháme základní nastavení, zvolíme složku pro uložení souboru a stiskneme tlačítko export.
26
After Effects slouží k přidávání filmových efektů do filmových záznamů. Stejně jako Premiere Pro je využíván ve filmovém průmyslu, či jako nástroj amatérských filmařů. V naší praktické ukázce si předvedeme jak vytvořit světelný meč, který můžete znát z filmů o Hvězdných válkách.
Než vůbec začneme video upravovat, musíme mít k dispozici vhodný materiál. Pro potřeby našeho videa jsme natočili krátký klip s násadou od smetáku. S její pomocí simulujeme pohyb světelným mečem.
27
Jakmile máme video stažené v počítači importujeme je do programu pomocí volby File Import.Myší poté přetáhneme klip dolů od oblasti kompozice.
K vytvoření meče vytvoříme novou vrstvu volbou Layer Solid. Zvolíme bílou barvu a zvolíme možnost „Make Comp Size“.
28
Poté si tuto vrstvu vypneme pomocí symbolu oka nalevo od názvu vrstvy.
Následně si přiblížíme video tak abychom viděli celou násadu. Vybereme nástroj pero (pen tool) a vytvoříme obdélník kolem násady a znovu zapneme viditelnost u vrstvy.
Aby vrstva sledovala pohyb násady, musíme se ve videu posunout v čase dopředu a znovu přenastavit bílou oblast pomocí bílé šipky. Zmáčkneme ikonu stopek u bíle vrstvy a posuneme její hranice tak, aby odpovídaly současné pozici tyče. Posuneme-li se o několik snímků dále, do místa, kde se tyč zobrazuje jako rozmazaná plocha, změníme hranici bílého polygonu opět tak, aby znova pokrýval celou oblast. Program následně dopočítá pozici bílé plochy mezi snímky, kde byla pozice bílé plochy upravena. Drobné nepřesnosti následně upravíme u každého snímku zvlášť.
29
Jakmile dokončíme tento proces postupné změny hranice, vytvoříme novou vrstvu stejně jako v předchozím kroku. Tentokrát zvolíme jako barvu černou, a posuneme ji v oblasti kompozice úplně dolů. Vytvoříme novou kompozici pomocí volby Kompozice Nová a vložíme do ní naše původní video, které následně vymažeme z kompozice původní. Bílou vrstvu, poté zkopírujeme 4x.
U vrstev nastaví hodnotu Feather poslupně na hodnoty 1, 10, 30, 60, 120.
Kompozici následně přetáhneme do nové kompozice, ve které je prozatím vloženo naše původní video. A změníme zobrazovací mód na hodnotu Screen. Tím odstraníme černou barvu a světelný meč se dostane do rukou našemu figurantovi.
30
Posledním krokem je změna barvy meče. Zvolíme možnost Effect Color Correction Color Balance. Zapneme možnost Preserve Luminosity, abychom zachovali nastavenou světelnost apodle toho, kterou barvu chceme zvolit, změníme barevné kanály.
31
Výsledek následně můžeme exportovat pomocí volby File Export Add to Render Queue. V oblasti kompozice se objeví nový panel, ve kterém zvolíme místo určení a vyexportujeme tlačítkem Render video do formátu avi, které můžeme spustit v libovolném přehrávači videí.
32
