Vytváranie okrajov fotografií vo Photoshope s maskami a filtrami

Napísal Steve Patterson.

V tomto návode na Photoshop sa naučíme, aké ľahké je vytvárať zábavné a zaujímavé okraje fotografií pomocou jednoduchej masky vrstvy a vlastného výberu filtra Photoshopu. Hovorím „vaša voľba“, pretože vo Photoshope nie je nedostatok filtrov na výber a mnohé z nich sú skvelé na vytváranie jedinečných okrajov fotografií. Pozrieme sa na niekoľko príkladov tých, ktoré fungujú naozaj dobre, ale určite budete chcieť experimentovať na vlastnej koži s rôznymi filtrami, aby ste zistili, aké efekty okrajov fotografií môžete vymyslieť!



Tu je obrázok, ktorý použijem pre tento tutoriál:



  Výukový obrázok Adobe Photoshop. Pôvodná fotografia.

Krok 1: Duplikovať vrstvu pozadia

Keď je môj obrázok novo otvorený vo Photoshope, v palete Vrstvy vidím, že momentálne mám jednu vrstvu, a to Pozadie vrstva, ktorá obsahuje môj obrázok:

  Výukový obrázok Adobe Photoshop. Paleta Vrstvy vo Photoshope zobrazuje obrázok na Pozadie vrstva.

Keďže naša vrstva Pozadie obsahuje naše pôvodné informácie o obrázku, je vždy dobré ich pred vykonaním akejkoľvek práce duplikovať. Originálu sa tak nedotkneme a v prípade potreby ho budeme mať vždy k dispozícii. Najjednoduchší spôsob, ako duplikovať vrstvu vo Photoshope, je použiť klávesovú skratku Ctrl+J (Vyhrať) / Command+J (Mac). Ak sa znova pozrieme na paletu Vrstvy, vidíme, že teraz máme dve vrstvy – pôvodnú vrstvu pozadia v spodnej časti a jej kópiu, ktorú Photoshop nazval „Vrstva 1“, navrchu:

  Výukový obrázok Adobe Photoshop. Stlačením „Ctrl+J“ (Win) / „Command+J“ (Mac) duplikujete vrstvu pozadia.

Krok 2: Pridajte novú prázdnu vrstvu medzi dve existujúce vrstvy

Ďalej musíme pridať novú vrstvu medzi naše dve existujúce vrstvy. Ak to chcete urobiť, uistite sa, že v palete Vrstvy je aktuálne vybratá „Vrstva 1“ (mala by byť zvýraznená modrou farbou). Potom podržte svoje Ctrl (Vyhrať) / Príkaz (Mac) a kliknite na Nová vrstva ikona v spodnej časti palety Vrstvy:



  Výukový obrázok Adobe Photoshop. Podržte kláves „Ctrl“ (Win) / „Command“ (Mac) a kliknite na ikonu „Nová vrstva“.

Za normálnych okolností Photoshop pridá novú vrstvu vyššie aktuálne vybratú vrstvu v palete Vrstvy, ale podržaním klávesu 'Ctrl' / 'Command' to povie Photoshopu, aby ju pridal nižšie namiesto toho aktuálne vybratú vrstvu. V palete Vrstvy teraz vidíme, že medzi vrstvou pozadia a vrstvou „Vrstva 1“ máme novú prázdnu vrstvu:

  Výukový obrázok Adobe Photoshop. Medzi vrstvou pozadia a vrstvou 1 sa zobrazí nová prázdna vrstva.

Krok 3: Vyplňte novú vrstvu bielou

Ako farbu okraja použijeme bielu, takže našu novú prázdnu vrstvu musíme vyplniť bielou. Ak to chcete urobiť, najprv sa uistite, že naše farby popredia a pozadia vo Photoshope sú nastavené na predvolené hodnoty stlačením písmena D na klávesnici. Toto nastaví farbu popredia na čiernu a farbu pozadia na bielu. Môžeme to vidieť pri pohľade na vzorky farieb popredia a pozadia v spodnej časti palety Nástroje. Štvorec vľavo hore predstavuje aktuálnu farbu popredia, zatiaľ čo štvorec vpravo dole nám zobrazuje aktuálnu farbu pozadia:

  Výukový obrázok Adobe Photoshop. Vzorky farieb popredia a pozadia vo Photoshope
Paleta nástrojov. Stlačením písmena „D“ na klávesnici ich obnovíte na predvolené hodnoty.

Keď sú farby popredia a pozadia nastavené na predvolené hodnoty, skontrolujte, či je v palete Vrstvy aktuálne vybratá nová prázdna vrstva. Potom použite klávesovú skratku Ctrl+Backspace (Vyhrať) / Command+Delete (Mac) na vyplnenie vrstvy aktuálnou farbou pozadia, ktorá je biela. Zdá sa, že v okne dokumentu sa nič nestalo, pretože obrázok na vrstve 1 blokuje zobrazenie novej vrstvy, ale ak sa pozrieme na našu paletu Vrstvy, v miniatúre náhľadu vrstvy vidíme, že vrstva bola skutočne vyplnená s bielou:



  Výukový obrázok Adobe Photoshop. Náhľad novej vrstvy je teraz vyplnený bielou farbou, čo nám hovorí, že samotná vrstva je vyplnená bielou farbou.

Krok 4: Pridajte okolo obrázka ďalší priestor na plátne

Dajme si trochu priestoru na hranie sa pri vytváraní našej hranice. Najprv okolo fotografie pridáme nejaký extra priestor na plátne. Ak to chcete urobiť, prejdite na Obrázok v hornej časti obrazovky a vyberte Veľkosť plátna . Keď sa zobrazí dialógové okno Veľkosť plátna, zadajte hodnotu 1 palec pre oboch šírka a Výška . Tým sa pridá ďalší palec priestoru na plátne okolo obrazu. Tiež sa uistite, že Relatívna možnosť je zaškrtnutá:

  Výukový obrázok Adobe Photoshop. Ak chcete okolo fotografie pridať ďalší palec plátna, použite dialógové okno 'Veľkosť plátna'.

Kliknutím na tlačidlo OK pridáte ďalší priestor na plátne a opustíte dialógové okno. V okne dokumentu uvidíte okolo obrázka pridaný biely priestor:

  Výukový obrázok Adobe Photoshop. Okolo fotografie sa teraz pridá ďalší priestor na plátne.

Krok 5: Načítať výber okolo fotografie

Pridáme trochu miesta aj vnútri okrajov fotografie. Podržte svoje Ctrl (Vyhrať) / Príkaz a kliknite priamo na miniatúru náhľadu vrstvy pre 'Vrstva 1' v palete Vrstvy:



  Výukový obrázok Adobe Photoshop. Podržte 'Ctrl' (Win) / 'Command' (Mac) a kliknite na miniatúru náhľadu vrstvy 1.

Tým sa načíta výber okolo obsahu vrstvy a ak sa pozriete do okna dokumentu, uvidíte, že sa okolo fotografie objavil výber:

  Výukový obrázok Adobe Photoshop. Okolo fotografie sa zobrazí výber.

Krok 6: Zmluva Výber

Musíme výber trochu zmenšiť a môžeme to urobiť jednoducho pomocou jednej zo vstavaných funkcií Photoshopu na prácu s výbermi. Choďte hore na Vyberte v hornej časti obrazovky vyberte Upraviť a potom vyberte Zmluva . Keď Výber zmluvy sa zobrazí dialógové okno, zadajte hodnotu niekde medzi 5-15 pixelov pre Zmluva podľa v závislosti od veľkosti a rozlíšenia obrázka. To Photoshopu povie, o koľko pixelov má výber zmenšiť, alebo inými slovami, o koľko ho chceme zmenšiť. Zadám hodnotu 10 pixelov:



  Výukový obrázok Adobe Photoshop. Prejdite na položku Vybrať > Upraviť > Zmluva a do dialógového okna zadajte hodnotu 5 až 15 pixelov.

Kliknutím na tlačidlo OK opustíte dialógové okno a výber okolo fotografie sa zmenší, pričom medzi poľom výberu a okrajmi fotografie zostane trochu miesta:

  Výukový obrázok Adobe Photoshop. Medzi výberom a okrajmi fotografie je teraz určitý priestor.

Krok 7: Pridajte masku vrstvy

Do 'Vrstva 1' pridáme masku vrstvy. Predtým, ako to budeme môcť urobiť, musíme mať vybratú vrstvu 1, takže ju vyberte kliknutím na ňu v palete Vrstvy. Zobrazí sa zvýraznené modrou farbou:

  Výukový obrázok Adobe Photoshop. Kliknite na 'Vrstva 1' v palete Vrstvy a vyberte ju.

Potom s vybratou vrstvou 1 kliknite na Maska vrstvy ikona v spodnej časti palety Vrstvy:



  Výukový obrázok Adobe Photoshop. Kliknite na ikonu 'Maska vrstvy' v spodnej časti palety Vrstvy.

Toto pridá masku vrstvy do „Vrstva 1“ a v palete Vrstvy môžeme vidieť, že a miniatúra masky vrstvy bol pridaný napravo od miniatúry náhľadu vrstvy:

  Výukový obrázok Adobe Photoshop. Miniatúra masky vrstvy sa zobrazí na 'Vrstva 1' v palete Vrstvy.

Všimnite si, že oblasť, ktorá bola v našom výbere, sa v miniatúre zobrazuje ako biela, zatiaľ čo oblasť, ktorá bola mimo nášho výberu, sa zobrazuje ako čierna. Ak neviete, ako fungujú masky vrstiev a chcete sa dozvedieť viac, určite si pozrite naše Pochopenie masiek vrstiev tutoriál v Základy Photoshopu časti webovej stránky.



Ďalej vytvoríme náš hraničný efekt s naším prvým filtrom Photoshopu!

Krok 5: Načítať výber okolo fotografie

Pridáme trochu miesta aj vnútri okrajov fotografie. Podržte svoje Ctrl (Vyhrať) / Príkaz a kliknite priamo na miniatúru náhľadu vrstvy pre 'Vrstva 1' v palete Vrstvy:

  Výukový obrázok Adobe Photoshop. Podržte 'Ctrl' (Win) / 'Command' (Mac) a kliknite na miniatúru náhľadu vrstvy 1.

Tým sa načíta výber okolo obsahu vrstvy a ak sa pozriete do okna dokumentu, uvidíte, že sa okolo fotografie objavil výber:

  Výukový obrázok Adobe Photoshop. Okolo fotografie sa zobrazí výber.

Krok 6: Zmluva Výber

Musíme výber trochu zmenšiť a môžeme to urobiť jednoducho pomocou jednej zo vstavaných funkcií Photoshopu na prácu s výbermi. Choďte hore na Vyberte v hornej časti obrazovky vyberte Upraviť a potom vyberte Zmluva . Keď Výber zmluvy sa zobrazí dialógové okno, zadajte hodnotu niekde medzi 5-15 pixelov pre Zmluva podľa v závislosti od veľkosti a rozlíšenia obrázka. To Photoshopu povie, o koľko pixelov má výber zmenšiť, alebo inými slovami, o koľko ho chceme zmenšiť. Zadám hodnotu 10 pixelov:

  Výukový obrázok Adobe Photoshop. Prejdite na položku Vybrať > Upraviť > Zmluva a do dialógového okna zadajte hodnotu 5 až 15 pixelov.

Kliknutím na tlačidlo OK opustíte dialógové okno a výber okolo fotografie sa zmenší, pričom medzi poľom výberu a okrajmi fotografie zostane trochu miesta:

  Výukový obrázok Adobe Photoshop. Medzi výberom a okrajmi fotografie je teraz určitý priestor.

Krok 7: Pridajte masku vrstvy

Do 'Vrstva 1' pridáme masku vrstvy. Predtým, ako to budeme môcť urobiť, musíme mať vybratú vrstvu 1, takže ju vyberte kliknutím na ňu v palete Vrstvy. Zobrazí sa zvýraznené modrou farbou:

  Výukový obrázok Adobe Photoshop. Kliknite na 'Vrstva 1' v palete Vrstvy a vyberte ju.

Potom s vybratou vrstvou 1 kliknite na Maska vrstvy ikona v spodnej časti palety Vrstvy:

  Výukový obrázok Adobe Photoshop. Kliknite na ikonu 'Maska vrstvy' v spodnej časti palety Vrstvy.

Toto pridá masku vrstvy do „Vrstva 1“ a v palete Vrstvy môžeme vidieť, že a miniatúra masky vrstvy bol pridaný napravo od miniatúry náhľadu vrstvy:

  Výukový obrázok Adobe Photoshop. Miniatúra masky vrstvy sa zobrazí na 'Vrstva 1' v palete Vrstvy.

Všimnite si, že oblasť, ktorá bola v našom výbere, sa v miniatúre zobrazuje ako biela, zatiaľ čo oblasť, ktorá bola mimo nášho výberu, sa zobrazuje ako čierna. Ak neviete, ako fungujú masky vrstiev a chcete sa dozvedieť viac, určite si pozrite naše Pochopenie masiek vrstiev tutoriál v Základy Photoshopu časti webovej stránky.

Ďalej vytvoríme náš hraničný efekt s naším prvým filtrom Photoshopu!

Krok 8: Na masku vrstvy naneste filter 'Spatter'.

V tomto bode je vytvorenie nášho okrajového efektu jednoducho otázkou použitia jedného z filtrov Photoshopu na masku vrstvy, ktorú sme práve vytvorili. Jediné, o čo sa musíte uistiť, je, že pred použitím filtra máte vybranú masku vrstvy, nie samotnú vrstvu, inak by ste mohli omylom použiť filter na obsah vrstvy. Keďže sme práve dokončili pridávanie našej masky vrstvy, mala by byť vybratá, ale pre každý prípad sa pozrite na dve miniatúry pre „Vrstvu 1“ v palete Vrstvy. Momentálne je vybratá tá, ktorá má okolo seba biele zvýraznené pole. Okolo miniatúry masky vrstvy by ste mali vidieť pole zvýraznenia, ale ak z nejakého dôvodu nevidíte, jednoducho kliknite na miniatúru masky vrstvy a vyberte ju:

  Výukový obrázok Adobe Photoshop. Miniatúra masky vrstvy by mala mať okolo seba biele zvýraznené pole, čo znamená, že je vybratá. Ak nie, kliknite naň a vyberte ho.

Teraz, keď sme si istí, že máme vybranú masku vrstvy a nie samotnú vrstvu, môžeme použiť náš filter. Ako som spomenul na začiatku tohto tutoriálu, vo Photoshope je na výber množstvo filtrov, ktoré fungujú skvele, pokiaľ ide o vytváranie zaujímavých okrajov fotografií. Pozrieme sa tu na niekoľko príkladov, ale určite budete chcieť experimentovať na vlastnej koži s inými filtrami. Najprv vyskúšame jeden z mojich obľúbených filtrov, štetcový filter „Spatter“. Choďte hore na Filter v hornej časti obrazovky vyberte Ťahy štetcom a potom vyberte Rozstrekovať . Keď sa zobrazí dialógové okno, vložím hodnotu 10 pre Radius spreja a 5 pre Hladkosť :

  Výukový obrázok Adobe Photoshop. Dialógové okno filtra 'Spatter'. Zadajte „10“ pre „polomer striekania“ a „5“ pre „hladkosť“.

Ukážku toho, ako bude okraj vyzerať, môžete vidieť vo veľkej oblasti náhľadu naľavo od dialógového okna, takže môžete experimentovať s rôznymi hodnotami polomeru striekania a hladkosti, aby ste videli, aký efekt získate. Po dokončení kliknite na tlačidlo OK, čím opustíte dialógové okno a použijete filter. Tu je môj okraj fotografie po použití filtra Spatter na masku vrstvy:

  Výukový obrázok Adobe Photoshop. Efekt okraja fotografie vytvorený pomocou filtra 'Spatter'.

Krok 9: Použite sklenený filter

Skúsme použiť iný filter pre iný efekt okraja fotografie. Najprv stlačte Ctrl+Z (Vyhrať) / Command+Z (Mac), aby ste zrušili filter Spatter. Potom sa vráťte hore do Filter menu, tentoraz si vyberte Deformovať a potom vyberte sklo . Keď sa zobrazí dialógové okno filtra 'Sklo', vstúpim 8 pre Skreslenie množstvo a 4 pre Hladkosť . Idem opustiť textúra možnosť nastavená na Matné a Škálovanie nastavený na 100% :

  Výukový obrázok Adobe Photoshop. V dialógovom okne Sklenený filter zadajte '8' pre 'Skreslenie' a '4' pre 'Smoothness' alebo experimentujte s nastaveniami sami pomocou náhľadového okna vľavo.

Opäť si môžete vyskúšať tieto nastavenia na vlastnej koži, ak chcete použiť veľkú oblasť náhľadu na ľavej strane dialógového okna na náhľad efektu ohraničenia, ktorý vytvárate. Keď skončíte, kliknite na tlačidlo OK, aby ste použili filter na masku vrstvy a opustili dialógové okno. Tu je môj okraj fotografie vytvorený pomocou filtra 'Sklo':

  Výukový obrázok Adobe Photoshop. Okraj fotografie vytvorený použitím filtra „Sklo“ Photoshopu na masku vrstvy.

Krok 10: Použiť filter 'Nastriekané ťahy'.

Skúsme ešte jeden. Stlačte tlačidlo Ctrl+Z (Vyhrať) / Command+Z (Mac) ešte raz, aby ste zrušili posledný filter, ktorý sme použili. Tentoraz choďte hore na Filter menu, vyberte si Ťahy štetcom a potom vyberte Striekané ťahy . Keď sa zobrazí dialógové okno, vstúpim 6 pre Dĺžka zdvihu , 10 pre Radius spreja , a ja nastavím Smer ťahu do Pravá uhlopriečka :

  Výukový obrázok Adobe Photoshop. Keď sa zobrazí dialógové okno 'Nastriekané ťahy', zadajte '6' pre 'Dĺžku ťahu' a '10' pre 'Pomer striekania' a nastavte 'Smer ťahu' na 'Pravá uhlopriečka'.

Opäť môžete s týmito nastaveniami experimentovať sami, ak chcete používať oblasť náhľadu vľavo. Keď skončíte, kliknite na tlačidlo OK, čím opustíte dialógové okno a použijete filter na masku vrstvy. Tu je môj okraj fotografie vytvorený pomocou filtra 'Nastriekané ťahy':

  Výukový obrázok Adobe Photoshop. Ohraničenie fotografie vytvorené použitím filtra 'Nastriekané ťahy' na masku vrstvy.

Pozreli sme sa len na tri z mnohých filtrov vo Photoshope, ktoré môžete použiť na vytvorenie zaujímavých a jedinečných okrajov fotografií, mali by ste však získať predstavu o tom, ako ľahko sa dajú vytvoriť jednoduchým použitím rôznych filtrov na masku vrstvy. Ďalej to dokončíme odstránením všetkých prebytočných okrajových oblastí okolo našej fotografie.

Krok 11: Orezajte prebytočný biely priestor okolo fotografie

Keď ste spokojní s efektom okraja fotografie, ktorý ste vytvorili, pravdepodobne budete chcieť veci vyčistiť orezaním všetkých dodatočných bielych plôch okolo fotografie. Ak to chcete urobiť, prejdite na Obrázok v hornej časti obrazovky a vyberte Orezať . Keď sa zobrazí dialógové okno 'Orezať', uistite sa, že máte Farba pixelov vľavo hore možnosť vybratá v Založené na sekciu v hornej časti, ktorá povie Photoshopu, aby orezal všetko, čo má rovnakú farbu ako farba pixelu v ľavom hornom rohu dokumentu. Tiež sa uistite, že máte všetky štyri možnosti dole - Hore , Spodná časť , Vľavo , a Správny - vybraný:

  Výukový obrázok Adobe Photoshop. Použite príkaz 'Orezať' na orezanie všetkých nadbytočných bielych miest okolo obrázka.

Kliknutím na tlačidlo OK opustíte dialógové okno a necháte Photoshop orezať všetky prebytočné biele miesta, pričom ponechá len váš obrázok a efekt okraja fotografie okolo neho:

  Výukový obrázok Adobe Photoshop. Prebytočný biely priestor okolo obrázka je teraz preč.