V tomto návode sa naučíte, ako vyplniť obrazec obrázkom vo Photoshope! Ako uvidíte, Photoshop uľahčuje umiestňovanie fotografií do ľubovoľného tvaru, od základného obdĺžnika alebo kruhu po fantastický vlastný tvar. Pre tento tutoriál použijeme jeden z hotových vlastných tvarov Photoshopu. Ale akonáhle ste sa naučili kroky, môžete začať umiestňovať obrázky do ľubovoľného tvaru, ktorý sa vám páči!

Takto bude vyzerať konečný efekt „obrazca v tvare“ po dokončení. Toto je, samozrejme, iba jeden príklad účinku. Vo Photoshope je veľa tvarov, z ktorých si môžete dokonca vytvoriť svoj vlastný. Akonáhle sa naučíte tieto kroky, tak už nemáte čo robiť:

Konečný efekt „image in shape“.

Začnime!

Ako vyplniť tvar fotografiou

Používam aplikáciu Photoshop CC, ale všetko, čo budeme robiť, je kompatibilné aj s aplikáciou Photoshop CS6.

Krok 1: Vytvorte nový dokument

Začnime vytvorením nového dokumentu. Prejdite hore na ponuku Súbor na paneli s ponukou pozdĺž hornej časti obrazovky a vyberte položku Nový :

Prejdeme do súboru a nové.

Otvorí sa dialógové okno Nový dokument . Ak používate aplikáciu Photoshop CC, zobrazí sa novo prepracovaná verzia dialógového okna Nový dokument. Ak používate Photoshop CS6, uvidíte staršiu tradičnú verziu. Najprv sa pozrieme na verziu Photoshop CC, potom sa pozrieme na verziu CS6.

Vo Photoshope CC sa možnosti vytvorenia nového vlastného dokumentu nachádzajú na paneli Preset Details (Podrobnosti o predvoľbe) napravo od dialógového okna. V tomto návode vytvorme dokument v tvare štvorca. Nastavte šírku a výšku na 2000 pixelov . Rozlíšenie nastavíme na 72 pixelov / palec a obsah pozadia na bielu . Kliknutím na Vytvoriť vytvorte nový dokument:

Panel Preset Details v dialógovom okne New Document vo Photoshope CC.

Vo Photoshope CS6 znova nastavte šírku aj výšku na 2000 pixelov, rozlíšenie na 72 pixelov / palec a obsah pozadia na bielu . Kliknutím na tlačidlo OK vytvorte nový dokument:

Nové dialógové okno vo Photoshope CS6.

Pozrite si video a podeľte sa o svoje komentáre v našom kanáli YouTube!

Krok 2: Vyberte nástroj Custom Shape Tool

Ako som už spomenul, na tento efekt môžete použiť akýkoľvek tvar, od jednoduchého obdĺžnika alebo kruhu po vlastný tvar. Pre tento tutoriál použijem jeden z vstavaných vlastných tvarov Photoshopu.

Na paneli s nástrojmi vyberte nástroj Prispôsobený tvar . V predvolenom nastavení je nástroj Vlastný tvar vnorený za nástroj Obdĺžnik. Pravým tlačidlom myši kliknite (Win) / Control (Mac) na nástroj Obdĺžnik, potom z ponuky vyberte Nástroj vlastných tvarov:

Výber nástroja Prispôsobenie tvaru z lišty nástrojov.

Krok 3: Nastavte režim nástroja na „Tvar“

Vo Photoshope sú tri rôzne typy tvarov. Môžeme kresliť vektorové tvary, cesty alebo tvary založené na pixeloch . Na tento účel chceme nakresliť vektorové tvary, ktoré nám umožnia nakresliť tvar ľubovoľnej veľkosti, pričom okraje zostanú pekné a ostré.

Photoshop označuje vektorové tvary jednoducho ako „tvary“. Ak je vybratý nástroj Prispôsobený tvar, skontrolujte, či je možnosť Režim nástroja na paneli Možnosti nastavená na Tvar :

Nastavenie režimu nástroja na "Tvar" na paneli Možnosti.

Krok 4: Nastavte farbu tvaru na čiernu

Aby sme videli náš tvar na bielom pozadí, nastavíme farbu výplne tohto tvaru na čiernu . Vzorník výplne farieb nájdete na paneli Možnosti (priamo vedľa možnosti Režim nástroja).

V predvolenom nastavení bude farba už čierna. Ak nie je, stlačte písmeno D na klávesnici. Týmto sa obnovia predvolené hodnoty farieb v popredí a pozadí a farba v popredí (a farba výplne tvaru) sa zmení na čiernu:

Farba výplne na paneli Možnosti. Uistite sa, že je nastavená na čiernu farbu.

Krok 5: Načítanie vlastných tvarov

Photoshop obsahuje veľa hotových vlastných tvarov, z ktorých si môžeme vybrať. V predvolenom nastavení je však do programu načítaných iba niekoľko z nich. Aby sme našli zvyšok, musíme ich načítať do seba.

Miniatúra Tvar na paneli Možnosti zobrazuje tvar, ktorý je aktuálne vybratý. Kliknutím na miniatúru vyberte iný tvar:

Kliknutím na miniatúru tvaru na paneli Možnosti.

Otvorí sa výber vlastného tvaru s miniatúrami všetkých tvarov, z ktorých si môžeme vybrať. Ako som už spomenul, v predvolenom nastavení sa zobrazuje iba niekoľko tvarov. Načítajme všetky tvary a poskytneme nám väčší výber.

Kliknite na ikonu ponuky ( ikona ozubeného kolieska) v pravom hornom rohu nástroja na výber vlastného tvaru:

Kliknite na ikonu ponuky Prispôsobenie tvaru.

V dolnej polovici zobrazenej ponuky sa zobrazí zoznam všetkých vlastných tvarových sád, z ktorých si môžete vybrať. Namiesto toho, aby ste každý načítali osobitne, aby sme videli, čo získame, poďme ich všetky načítať naraz. Ak to chcete urobiť, v hornej časti zoznamu vyberte možnosť Všetky :

Načítam všetky sady vlastných tvarov do Photoshopu.

Photoshop sa opýta, či chcete nahradiť súčasné tvary novými. Keďže predvolené tvary sú zahrnuté v rôznych sadách tvarov, ich nahradením ich nestratíme, takže kliknite na tlačidlo OK :

Kliknutím na OK nahradíte súčasné tvary novými.

Krok 6: Vyberte vlastný tvar

V nástroji na výber vlastných tvarov máme teraz na výber oveľa viac tvarov. Prechádzajte miniatúrami, kým nenájdete tú, ktorú chcete použiť. Tvar srdca (ktorý je v skutočnosti súčasťou predvolených tvarov) je obľúbenou voľbou. Ale pre niečo iné si vyberiem tvar motýľa .

Ak chcete vybrať tvar, dvakrát kliknite na jeho miniatúru. Týmto vyberiete tvar a zatvoríte ho z vlastného výberu tvaru.

Výber vlastného tvaru motýľa.

Krok 7: Nakreslite tvar

Ak chcete nakresliť tvar, kliknite v ľavom hornom rohu dokumentu a nastavte počiatočný bod. Keď je tlačidlo myši stále stlačené, stlačte a podržte kláves Shift na klávesnici a potiahnite šikmo nadol smerom do pravého dolného rohu dokumentu. Podržaním klávesu Shift pri potiahnutí uzamknete pomer strán tvaru, aby ste nenarušili jeho vzhľad.

Keď kreslíte tvar, uvidíte iba cestu, v ktorej bude tvar vyzerať:

Kliknite v ľavom hornom rohu, podržte kláves Shift a potiahnite doprava dole.

Na dokončenie tvaru uvoľnite tlačidlo myši a potom uvoľnite kláves Shift. Najskôr uvoľnite tlačidlo myši, potom sa môže stlačiť kláves Shift alebo pomer strán tvaru sa môže zmeniť. Photoshop nakreslí tvar a vyplní ho čiernou farbou:

Photoshop nakreslí tvar, keď uvoľníte tlačidlo myši.

Ak sa pozrieme na panel Vrstvy, uvidíme tvar, ktorý sedí na svojej vlastnej vrstve Tvar nad vrstvou bieleho pozadia.

Panel Vrstvy zobrazujúci vrstvu Tvar nad vrstvou Pozadie.

Krok 8: Presuňte tvar do stredu

Ak chcete presunúť tvar do stredu dokumentu, vyberte na nástrojovej lište nástroj presunúť Photoshop.

Výber nástroja na presun.

Potom kliknite na tvar a presuňte ho do stredu. Keď sa priblíži k stredu, mal by zapadnúť na svoje miesto:

Presunutie tvaru na miesto.

Krok 9: Otvorte svoj obrázok

Otvorte obrázok, ktorý chcete umiestniť do tvaru. Tu používam toto (dievča s motýľovou fotografiou od spoločnosti Adobe Stock). Váš obrázok sa otvorí v samostatnom dokumente so záložkami:

Obrázok umiestnim do tvaru. Fotografický kredit: Adobe Stock.

Krok 10: Vyberte a skopírujte obrázok

Skopírujte obrázok a vložte ho do dokumentu tvaru. Prejdite hore do ponuky Vybrať v hornej časti obrazovky a vyberte položku Všetky . Okolo obrázka sa zobrazí obrys výberu.

Prejdite na položku Vybrať> Všetky.

Po vybratí obrázka prejdite do ponuky Upraviť a vyberte položku Kopírovať :

Prejdite na možnosť Úpravy> Kopírovať.

Krok 11: Vložte obrázok do dokumentu tvaru

Kliknutím na svoju kartu tesne pod panelom Možnosti prepnite späť na dokument tvaru. Ak ste názov pri vytváraní dokumentu nezmenovali (čo sme neurobili), bude s najväčšou pravdepodobnosťou pomenovaný „Untitled-1“:

Kliknite na kartu dokumentu tvaru.

Potom sa vráťte späť do ponuky Upraviť a tentoraz vyberte možnosť Prilepiť :

Prejdite na položky Upraviť> Prilepiť.

Photoshop vloží obrázok do dokumentu. V súčasnosti obraz úplne blokuje zobrazenie. Aj môj obrázok je príliš veľký na to, aby sa úplne zmestil do dokumentu tvaru. Oba tieto problémy vyriešime v nasledujúcich niekoľkých krokoch:

Obrázok bol vložený do dokumentu tvaru.

Krok 12: Vytvorte orezovú masku

Ak sa znova pozrieme na panel Vrstvy, zistíme, že Photoshop umiestnil obrázok do novej vrstvy nad vrstvu Tvar:

Panel Vrstvy zobrazujúci obrázok nad tvarom.

Na umiestnenie obrázka do tvaru stačí vytvoriť orezovú masku. Uistite sa, že je vybratá vrstva obrázkov („Vrstva 1“). Potom prejdite do ponuky Vrstva v hornej časti obrazovky a vyberte položku Vytvoriť orezovú masku :

Prejdite na vrstvu> Vytvoriť orezovú masku.

Toto „oreže“ obrázok na „vrstve 1“ do vrstvy tvaru pod ňou, čo znamená, že jediná časť obrázka, ktorá zostane viditeľná v dokumente, je oblasť, ktorá sedí priamo nad (alebo pred) tvarom. Zvyšok obrázka je teraz skrytý, čo vytvára ilúziu, že obraz je skutočne vo vnútri tvaru:

Orezová maska ​​umiestni obrázok do tvaru.

A keď sa znova pozrieme na panel Vrstvy, vidíme, že „Vrstva 1“ je odsadená doprava a malou šípkou smerujúcou dole na vrstvu Tvar pod ňou. Takto nám Photoshop dá vedieť, že obrázok je teraz orezaný do tvaru:

Panel Vrstvy zobrazujúci obrázok orezaný do vrstvy Tvar.

Krok 13: Zmena veľkosti a premiestnenie obrázka pomocou bezplatnej transformácie

Ak chcete zmeniť veľkosť a premiestniť obrázok vo vnútri tvaru, znova sa uistite, že ste vybrali „Vrstva 1“. Potom prejdite do ponuky Upraviť a vyberte položku Voľná ​​transformácia :

Prejdite na Úpravy> Voľná ​​transformácia.

Týmto sa umiestni rámik Free Transform a rukoväte (malé štvorčeky) okolo skutočných rozmerov obrázka vrátane oblasti mimo viditeľného plátna. Ak nevidíte všetky svoje úchyty pre Free Transform, pretože váš obrázok je príliš veľký na to, aby sa zmestil úplne na obrazovku, prejdite do ponuky Zobraziť a vyberte možnosť Prispôsobiť na obrazovke :

Prejdite na zobrazenie> Prispôsobiť na obrazovke.

Photoshop automaticky upraví úroveň priblíženia tak, aby bolo viditeľné celé pole Free Transform. Tu vidíme, ako sa moje pole bezplatnej transformácie rozširuje napravo od plátna:

Okolo celého obrázka sa zobrazí rámček Free Transform.

Ak chcete zmeniť veľkosť obrázka vo vnútri tvaru, stlačte a podržte kláves Shift a potiahnite ktorúkoľvek z rohových úchytiek . Podržaním klávesu Shift pri potiahnutí uzamknete pôvodný pomer strán pri zmene jeho veľkosti.

Ak chcete presunúť obrázok do tvaru, kliknite kamkoľvek do poľa Free Transform a presuňte ho na miesto.

Tu ťahám rukoväť v pravom hornom rohu dovnútra a tiež som posunul obrázok tak, aby lepšie zapadal do tváre dievčaťa v tvare motýľového krídla:

Pomocou bezplatnej transformácie zmeníte veľkosť a presuniete obrázok do tvaru.

Keď ste pripravení, stlačte kláves Enter (Win) / Return (Mac) na klávesnici a vykonajte zmenu a ukončite príkaz Free Transform:

Obrázok sa teraz lepšie hodí do tvaru.

Krok 14: Zmeňte farbu pozadia

V tomto okamihu je hotový hlavný efekt „image in shape“! Samozrejme, vždy môžeme urobiť viac pre to, aby sme si to prispôsobili a vylepšili to. Jedna vec, ktorú môžeme urobiť, je zmena farby pozadia.

Najjednoduchší spôsob, ako zmeniť farbu pozadia, je pomocou jednej z plniacich vrstiev Photoshopu. Budeme potrebovať vrstvu výplne Jednofarebné, ktorá sa objaví medzi vrstvou Pozadie a vrstvou Tvar, takže najprv ju vyberte kliknutím na vrstvu Pozadie na paneli Vrstvy:

Výber vrstvy pozadia.

Potom kliknite na ikonu Nová výplň alebo úprava vrstvy v dolnej časti panelu Vrstvy:

Kliknite na ikonu Nová výplň alebo vrstva úprav.

V hornej časti zoznamu vyberte možnosť Jednofarebné :

Pridáva sa výplňová vrstva v jednej farbe.

Photoshop vyskočí otvorenie nástroja Color Picker, kde si môžeme zvoliť novú farbu. Čierna je obľúbenou voľbou ako farba pozadia pre tento efekt, takže sa pozrime, ako to vyzerá:

Výber farby z nástroja Color Picker.

Čierna určite prináša detaily tvaru, ale ako farba pozadia motýľa si nie som istá, či to funguje:

Výsledok po zmene farby pozadia na čierny.

Mohol by som zvoliť inú farbu ako samotný výber farby. Alebo by som mohol vzorkovať farbu priamo z obrázka vo vnútri tvaru, čo často funguje lepšie.

Ak to chcete urobiť, presuňte kurzor myši na farbu, ktorú chcete vzorkovať. Kurzor sa dočasne prepne na ikonu nástroja kvapkadlo, aby ste vedeli, že je pripravený vzorkovať farbu. Páči sa mi, aby farby pozadia boli jemné, takže namiesto toho, aby som si vybral zelenú zo stromov alebo červenú z kvetov, vyberiem si jemný odtieň pokožky z čela dievčaťa kliknutím na ňu a vzorka:

Vzorkovanie farby, ktorá sa použije na pozadie.

Len čo kliknem, vzorková farba sa stane novou farbou pozadia. Túto novú farbu sa mi páči lepšie, takže kliknutím na tlačidlo OK zatvoríme výber farieb.

Vzorkovaná farba je teraz farbou pozadia.

Ak sa pozrieme na panel Vrstvy, uvidíme našu vrstvu výplne Jednofarebné s názvom „Farebná výplň 1“, ktorá sa nachádza medzi vrstvou Pozadie a vrstvou Tvar, presne tam, kde sme to potrebovali:

Panel Vrstvy zobrazujúci novú vrstvu výplne Jednofarebné.

Krok 15: Pridajte zdvih

Nakoniec dokončime efekt pridaním ťahu okolo tvaru. Kliknutím na vrstvu Tvar na paneli Vrstvy ju vyberte:

Výber vrstvy tvaru.

Potom kliknite na ikonu Štýly vrstiev (ikona „ fx “) v dolnej časti panelu Vrstvy:

Kliknite na ikonu Štýly vrstiev.

Vyberte ťah zo zoznamu:

Výber štýlu vrstvy ťahu.

Týmto sa otvorí dialógové okno Štýl vrstvy vo Photoshope nastavené na možnosti Zdvih v strednom stĺpci. Ak chcete zmeniť farbu ťahu, kliknite na vzorník farieb :

Kliknutím na vzorník farieb.

Tým sa opäť otvorí nástroj Color Picker. Vyberiem pre svoju farbu ťahu bielu a potom kliknutím na tlačidlo OK zatvoríme výber farieb.

Výber bielej z nástroja Color Picker.

V dialógovom okne Štýl vrstvy nastavím polohu ťahu na vonkajšiu stranu tak, aby sa objavila okolo vonkajšej strany tvaru. Potom zvýšením hodnoty Veľkosť upravím hrúbku ťahu. Na tomto obrázku si myslím, že veľkosť približne 12 px funguje dobre:

Nastavenie polohy mimo a veľkosť na 12 px.

Kliknutím na tlačidlo OK zatvorte dialógové okno Štýl vrstvy. A s tým sme hotoví! Tu, po zmene farby pozadia a pridaní ťahu okolo motýľa, je môj posledný efekt „image in shape“:

Konečný výsledok.

A máme to! Takto môžete ľahko umiestniť obrázok do tvaru pomocou orezových masiek vo Photoshope! Pozrite si našu časť Photo Effects, kde nájdete ďalšie návody týkajúce sa efektov Photoshop! A nezabudnite, že všetky naše výukové programy Photoshopu sú teraz k dispozícii ako súbory PDF pripravené na tlač!