Výřez motivu v programu Affinity Photo - díky QuickMaske a štětci se podařilo oddělit tanečnici. V částech 6-8/14 naší tutoriálové série se nyní naučíte jinou metodu: Chyťte se pera a pomocí křivek dejte andělovi jeho zasloužená křídla.
Část 6: Oddělení křídel - vytvoření cesty pomocí pera
Pusťte se do druhého motivu, který potřebujete pro kompozici. Před oddělením křídel vám Marco Kolditz vysvětlí, jak postupovat základním způsobem oddělování pomocí nástroje pero v programu Affinity Photo. Po práci s štětcem a QuickMaskou se naučíte druhou techniku oddělování. Na konci získáte výběr založený na cestě, který se v následujícím tutoriálu zjemní.
To se naučíte v části 6 tutoriálu k programu Affinity Photo
- Vytvoříte pomocí pera cestu pro přípravu oddělení
- Základy práce s nástrojem pero a konkrétní aplikace
- Výměna kotviček pro vytváření oblouků a rohů
Oddělování pomocí pera - vysvětlení základů
Věnujme se křídlům. K tomu jsem vybral tento obrázek a načetl ho do pozadí v programu Affinity Photo. Můžeme k oddělení znovu aktivovat QuickMasku a pomocí nástroje štětec vybrat křídlo.
V tomto případu však upřednostňuji použití pera a práci s cestami, protože zde máme krásné křivky, které se s pomocí cest dobře vybírají. Chytám nástroj pero. Skrývá se za tímto ikonou a dá se ovládat i klávesou P:
Přiblížím se k obrázku. Když kliknu na obrázek pomocí nástroje pero, objeví se tento malý obdélník (1). V panelu vrstev zatím nevidíme nic zvláštního. Jakmile stanovím druhý bod, mám dva kotvičkové body a mezi nimi čáru (2). Nyní je v panelu vrstev křivková vrstva, tedy v zásadě vrstva cesty. Když stanovím další kotvičkové body a uzavřu to, vytvořím uzavřenou cestu (3).
Kotvičkové body jsou hranaté. Chci-li zaoblení, tedy křivky, musím kliknout na následující kotvičkový bod a táhnout (1). Tak dosáhnu křivky. Z kotvičkového bodu vyčnívají malé ručičky. Navíc kotvičkový bod není již čtvercový, nýbrž kulatý.
Pokud kliknu a znovu táhnu (2), uvidím krásné křivky, které přecházejí do jiných křivek. Nebudu tedy vidět žádné hrany a každý z těchto kotvičkových bodů má dvě ručičky.
Chci-li tyto jednotlivé kotvičkové body, ať už kulaté nebo hranaté, posunout, podržím klávesu Ctrl. Když tak učiním, kurzor myši se změní (3) - kliknu na kotvičkový bod a táhnu. Tak mohu umístit kotvičkové body tam, kde si přejí.
To platí také pro ručičky u takových křivek. Pokud kliknu na ručičku s podrženou klávesou Ctrl a táhnu (4), mohu změnit křivku. Obě ručičky se pohybují k sobě, takže nevznikne žádná nehezká hrana.
Pokud chci, aby to byla křivka a celé se převedlo do hrany, musím podržet klávesu Alt, kliknout a táhnout (1). Takto vytvořím hranu. Ručičky se pohybují nezávisle na sobě (2). S podrženou klávesou Ctrl mohu upravit ručičky. Nyní máme křivku, hranu a opět křivku (3). Na obdélníku vidíte, že zde je hrana.
Vytvoření trasy pomocí pera
Takto můžete jednoduše pracovat s trasami. Pomocí této techniky vybereme křídlo. Dosavadní vrstvu trasy smažu. První kotvicový bod umístím sem (čtvercový bod u 1), druhý na toto místo, přičemž okamžitě kreslím oblouk (kulatý bod u 1). DB pohlížím,d aby byl oblouk umístěn podél křídla. Pokud přesahuje přes křídlo, stisknu klávesu Strg, kliknu na kotvicový bod a můžu tak trochu upravit.
Zde umístím třetí kotvicový bod (2). S perem je třeba trochu cvičit – čím víc s nástrojem pracujete, tím lépe víte, kde v obraze musíte kliknout. Nemusíte tedy umístit kotvicový bod milimetr za milimetrem, ale můžete nechat větší vzdálenost a spíše pracovat s těmito oblouky.
Vidíme, že ramínko je pravděpodobně příliš dlouhé. Takže to opravím s podrženou klávesou Strg (od 2 do 3). Celkově pracuji tak, aby se trasa spíše nacházela uvnitř křídla než vně.
Také zde provádím další úpravy, dokud vše nesedí. Postupně tak procházíte obrazem.
V následujícím obrázku vidíme, že máme na před námi lehce zahnutou stopu. Pravděpodobně tedy bude postačovat, když nastavíme další kotvičkový bod vysoko nahoru. Kliknu a tahu – máme zase oblouk, ale tentokrát neodpovídá oblouku našeho křídla. Takže to také upravím tak, že prodloužím ramínko.
Jak řečeno, je třeba si vzít čas, dokud doslova nezvládnete oblouk. Nástroj pero- je velmi doporučený, pokud musíte vystřihnout předměty jako sklenice nebo technická zařízení. U objektů s křivkami a také přímkami je práce s trasami jednoduše efektivnější než například vystřihování s QuickMaske.
Nyní přicházíme k složitější oblasti. Máme zde zaoblení a pak hranu. Nastavím kotvičkový bod a upravím oblouk (1 na 2).
Jestliže nyní nastavím a tahu další kotvičkový bod, máme sice oblouk (3), ale i zde dole (šíp u 3). Abych si uchoval hranu, stisknu klávesu Alt, kliknu na kotvičkový bod a táhni. Tak jsem z kulatého kotvičkového bodu udělal zase čtvercový (4). S podrženou klávesou Strg posunu ramínka volně od sebe.
Nahoře máme oblast, kde křídlo není nepřetržité (5). To můžeme později opravit maskou.
Tak se můžete postupně propracovat obrázkem. Krásné je: S trasou dosáhneme velmi jemných kontur, tedy ne tak pixelových nebo nerovných oblastí, jaké by mohly vzniknout, kdybychom například pracovali s nástrojem Malovací štětec.
Aktuální výsledek: Celé křídlo jsem vybral pomocí nástroje na kreslení-.
Vytvoření cesty s nástrojem na kreslení – Shrnutí části 6
- S nástrojem kreslit vytvoříte křivkovou rovinu na základě cest.
- Nástroj kreslit je doporučený u objektů s rovnými a zakřivenými hranami.
- Nástroj kreslit aktivujete pomocí ikony nebo klávesovou zkratkou P.
- Jedním kliknutím vytvoříte čtvercový kotvící bod pro rohy.
- Kliknutím a tažením vytvoříte kulatý kotvící bod pro křivky.
- Umístěné kotvící body (a ramena) posunete s podržením klávesy Ctrl-.
- Klávesou Alt- změníte kulatý kotvící bod na čtvercový.
- Nakonec platí: Cvičení dělá mistra! Vyzkoušejte si nástroj kreslit na různých tvarech.
Část 7: Vyříznutí křídel, vytvoření masky a vytvoření řezů
Nyní je třeba po tanečnici vyříznout křídla. Cestu lze buď převést na masku nebo na výběr. Jak postupovat, se dozvíte v sedmém tutoriálu vánoční série. Vedle toho do kanten křídel vytesáte pár řezů, takže na konci bude stát plně vyřezezaný a ještě realističtější motiv, protože částečně opotřebovaný.
To se naučíte v části 7 tutoriálu k Affinity Photo
- Jak vytvořit z cesty masku
- Vytvoření masky z cesty a pixelů
- Nástroj na kreslení – Funkce výběr a maska
- Provést další optimalizace pomocí štětce
- Spojení viditelných vrstev v Affinity Photo
Vytvoření masky z cesty
Po vytvoření cesty pro křídlo v předchozím tutoriálu je nyní v panelu vrstev obrázek jako pozadí a křivková vrstva, tedy naše cestovní vrstva. Jak z toho můžeme vytvořit masku? – Existují dva způsoby …
Při aktivované křivkové vrstvě (1) s obrázkem pod ní, který chci maskovat, kliknu na masku (2). Mám takto vyřezané a vybrané křídlo. Zbytek je průhledný (3). V panelu vrstev je obrázek s maskou (4) – s maskou, kterou lze stále upravovat.
Nyní nelze použít nástroj štětec- k vybarvení oblasti černou barvou pro zprůhlednění – to nefunguje, protože máme cestovní masku. Pokud však vyberu naši pozadí vrstvu (4 vyberu) a kliknu na symbol masky (5), mohu vytvořit novou masku (6). Tuto mohu znovu kliknout a přetáhnout na pozadí vrstvu (7). Teď mám pixelovou masku a cestovní masku (8).
Poznámka: Můžete povolit volbu Asistentní nastavení, aby se maska automaticky použila na vybranou vrstvu. Většinou mám asistenta vypnutého, protože přináší určité výhody, ale někdy také nevýhody.
Ukážu ti, co to znamená, když je aktivován: Znovu jsem aktivoval pozadí (1), kliknu na tuto ikonu masky (2). V tomto případě Affinity Photo ví, že chci aplikovat masku na tuto vrstvu (3). Asistent je tedy v tomto případě užitečný. Ale existují i scény, kde asistent zasáhne a udělá věci, které jsem vlastně nepředpokládal. Proto jsem ho měl deaktivován.
Takže máme cestovní masku a pixelovou masku. Když aktivuji pixelovou masku (1) a nástroj štětec- s černou barvou popředí (3), mohu malovat průhledné oblasti (4).
Můžeme tak pracovat s kombinací cestovní masky a pixelové masky. Cestovní masku upravíme pomocí nástroje pero- - pixelovou masku pomocí štětce.
Vytvoření výběru z cesty
Pokud chcete pracovat pouze s pixelovou maskou, postupujte následovně: Máme zde zase naše původní pozadí a křivkovou vrstvu. Nástroj pero- je aktivní (1). Nacházím se na vrstvě s křivkami (2). Tentokrát vyberu Výběr (3). Tak jsme převedli cestu na pixelový výběr (4).
Pomocí výběru můžeme vytvořit pixelovou masku. Aktivuji tedy pozadí (1), také nastavení asistenta (2), a kliknu na masku (3), čímž se přidá pixelová maska k vybrané vrstvě (4). S Ctrl + D zruším aktuální výběr.
Upravení masky křídla
Máme možnost dále upravit a optimalizovat masku. K tomu zvětším obrázek. Upravím okraje. Momentálně je to všechno příliš hladké. Vezmu štětec (1) s černou barvou popředí (2) a maluji na masce (3), abych vytvořil malé drážky, které nakonec vytvoří realističtější efekt (4).
Takto postupuji kolem celého výběru. Jelikož pracuji s grafickým tabletem, mohu pomocí pera měnit tloušťku štětce tím, že silněji nebo méně pevně stisknu.
Některé oblasti můžeme zcela ignorovat, protože budou později za modelem:
Spojení viditelných vrstev
Tuto vrstvu, obrázek s maskou, můžeme umístit do naší kompozice. Chtěl bych ti ale ukázat, jak vytvořit samostatnou vrstvu, na které je pouze toto křídlo, beze masky. Vyber tedy aktuální vrstvu (1) a jdi do Vrstva na Spojení viditelných (2). Alternativně můžete použít Ctrl+Alt+Shift+E. Tak se spojí podřízené vrstvy dohromady (3).
S tím jsem oddělil křídlo na samostatné vrstvě před průhledným pozadím, úplně bez masky. A teď to můžeme umístit do kompozice.
Vytváření masky v programu Affinity Photo - Shrnutí, část 7
- Pro vytvoření masky z cesty jsou v nástroji Plnicí pero k dispozici funkce Maska a Výběr.
- Pixelemasky můžeš následně upravovat pomocí Štětce.
- V případě potřeby použij asistenta.
- Viditelné vrstvy můžeš sloučit pomocí Ctrl+Alt+Shift+E.
Část 8: Pozicionování a transformace křídel
V předchozích částech tutoriálu jsme již oddělili anděla vánočního a příslušné křídlo. Nyní je třeba tyto motivy propojit. Dozvíš se, na co si máš dávat pozor při Vkládání obrázku do jiného a jak můžeš transformovat prvky. Použiješ rotaci, horizontální zrcadlení a proporcionální nebo nepromárlivé zvětšení a zmenšení, abys mohl anděla nechat létat.
To se naučíš v části 8 tutoriálu k programu Affinity Photo
- Jak vkládat obrázky do jiných a na co si dávat pozor
- Velikost dokumentu a změna plátna
- Pozicionování a transformace motivů: horizontální zrcadlení, posunutí, rotace, (podle) zvětšení a zmenšení
Kopírovat obrázek z jednoho souboru a vložit ho do jiného
Oddělili jsme křídlo a nyní ho umístíme za vánočního anděla. K tomu jsem otevřel soubory s křídlem (1) a vánočním andělem (2). V paletě vrstev- vidíme oddělené křídlo, které je na pixelech (3).
Rád bych to označil a přetáhl do jiného souboru, což však v programu Affinity Photo (verze 1.6) nefunguje. Nemohu křídlo jednoduše klepnout a přetáhnout do jiného souboru. Musíme tedy jít jinou cestou, pomocí Kopírování a Vkládání: Vyberu vrstvu k zkopírování a stisknu Ctrl+C pro kopírování. Přepnu se do jiného souboru.
Nyní bych mohl stisknout Ctrl+V pro vložení křídla. Musíme však dávat pozor: V paletě vrstev- skupina v současné době není vybraná (1). Pokud teď jednoduše stisknu Ctrl+V, nic se nestane. Kde je křídlo? Bylo umístěno do skupiny někam (2).
Smazu vrstvu, zavřu skupinu a tentokrát se ujistím, že skupina je nejprve aktivována (3). Pokud teď stisknu Ctrl+V, zkopírovaný obsah bude umístěn nad dříve vybranou skupinou nebo vrstvou (4). Přesně to jsme chtěli dosáhnout.
Změna velikosti dokumentu a plátna
Nyní musíme zajistit, aby se křídlo nacházelo za naším vánočním andělem. Většinou to jde snadno tím, že umístíme vrstvu pod vrstvu "Tanečnice".
Však ale vidíme v našem dokumentu, že není k dispozici hodně místa. To si musíme nejprve vytvořit. Musíme zvětšit dokument nebo, jak se říká v Affinity, zvětšit plátno. To jde přes Dokument, kde jsou dvě možnosti: Změna velikosti dokumentu... (1) a Změna velikosti plátna... (2).
Kde je rozdíl? S funkcí Změnit velikost dokumentu (3) se obrázek zvětšuje nebo zmenšuje, což znamená, že se pixely v obrázku přepočítají a obsah je tedy zvětšen nebo zmenšen. To v tomto případě nechceme.
Místo toho zvolíme Změnit velikost plátna (4). Nyní mohu definovat, jak velké má být plátno nebo dokument. Jako kotvu zvolím střed (5), aby byl obrázek zvětšen od středu. Velikost nastavím na 8 000 px (6). Zámek symbolizuje proporcionální změnu druhé hodnoty. Proto odemknu symbol zámku (7) a do druhé hodnoty také zadám 8 000 px. Potvrdím to kliknutím na Změnit velikost.
Poznámka: Chyby ve zobrazení v programu Affinity Photo
Nenamáhejte se tímto pruhem (1), jedná se o chybu ve zobrazení. Když se přiblížím k obrázku, zmizí (2). Zjevně se jedná o problém se zobrazením v programu Affinity Photo (Verze 1.6) - pokud obrázek uložíte, pruh se neuloží, protože ve skutečnosti neexistuje.
Umístění křídel za sochu
Přejmenuji pixelovou vrstvu na "Křídla vpravo" (1). Vytvořím také novou skupinu: Vrstva je aktivována a kliknu na symbol složky (2) nebo stisknu klávesovou zkratku Ctrl+G. Skupinu přejmenuji na "Křídla" (3). Nyní přesunu skupinu úplně dolů (4), abych umístil křídlo za sochu (5).
Zrcadlově přemístit křídla vodorovně
Duplikuji křídlo. Zvolím "Křídla vpravo" a stisknu klávesovou zkratku Ctrl+J (1). Kopii přejmenuji na "Křídla vlevo" (2). Přesunuji ho doleva (3), pak ho zrcadlím: Kliknu pravým tlačítkem myši na křídlo a vyberu Transformovat>Horizontálně zrcadlit (4). Křídlo je tedy zrcadlově přemístěno (5).
Pohyb a rotace motivů
Zaměříme se nejprve na pravé křídlo: Když na něj kliknu, mohu ho pohnout (1).
Pro rotaci přesunu kurzor myši na horní roh (2). Ne přímo na kotvový bod, ale trochu dál ven, pak se objeví dvojitá šipka. Kliknutím a tažením se křídlo otočí.
Naopak, pokud kliknu na jeden z kotvových bodů (1) a potáhnu, změní se velikost proporcionálně (2 a 3). Chcete-li nezvětšovat nebo nezmenšovat proporcionálně (4), podržte klávesu Shift při tažení kotvového bodu.
Nyní umístím křídlo tak, jak si přeji, přičemž ho také otočím a mírně protáhnu. Zde dole si musím dávat pozor, aby nebyla vidět volná oblast (1). Křídlo by nemělo začínat za krkem (2). Takto se mi to líbí (3).
Ohledně levého křídla: To otočím silněji, aby oba křídla následovala paže. Zde také nastavuji velikost, částečně pracuji neproportionálně. Křídlo by mělo začínat přibližně u kolene (1) a také za ramenem (2).
Při menším zvětšení je zřejmé, že pravé křídlo je o něco větší než levé (1). Pravé by mělo jít více vzad a levé spíše na stranu. To ještě upravím (2).
Tím jsme umístili obě křídla za sochu.
Umístění a transformace motivů v Affinity Photo – Souhrn část 8
- Vložte obrázky do jiných pomocí Kopírování a Vložení se Ctrl+C a Ctrl+V.
- Při vkládání zkontrolujte, který prvek je vybrán v panelu vrstev.
- Využijte Velikost dokumentu, abyste přizpůsobili velikost vašeho obrazu.
- Využijte Velikost plátna, abyste přizpůsobili dostupnou pracovní plochu.
- Kliknutím pravým tlačítkem myši můžete obrázek zrcadlit horizontálně či vertikálně pod Transformovat.
- Posouvejte motivy tak, že na ně kliknete a přetažením je přemístíte.
- Využijte transformace jako zrcadlení, rotaci a (proportionalní) zvětšení a zmenšení, abyste vizuální prvky upravili podle přání.
- Kliknutím na manipulaci s velikostmi. Držením tlačítka Shift při změně velikosti přecházíte na neproporcionální změnu velikosti.
Obsah článku je založen na videonávodu našeho trenéra Marco Kolditze: