Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

Ako vytvoriť cool glitch photo efekt v Adobe Photoshopu

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Make Glitch Art.
20 Glitch & VHS Photo Effects With Digital Photoshop Art Styles
How to Create an Abstract Poster Using the Puppet Warp Tool in Adobe Photoshop

Slovak (Slovenčina) translation by Zoli Rosa (you can also view the original English article)

Final product image
What You'll Be Creating

Photo efekty sú skvelý spôsob ako zlepšovať vaše zručnosti vo Photoshope. V tejto lekcii, sa naučíme ako vytvoriť zábavný foto efekt glitche (závady) pomocou Marquee Tools a Wave filtra!

Zdroje tutoriale

Nasledujúce zdroje boli použité v tomto tutoriale.

Základy Photo Glitch: Čo potrebujete vedieť

Pre tie najlepšie možné výsledky pre reálne efekty, pomáha urobiť nejaký výskum. Takže zistíme čo je glitch.

Druh glitche, ktorý budeme tvoriť je obvyklý pre televíziu alebo videohry  Tieto glitche sú softvérové chyby, ktoré sú často spôsobené rušením signálu.  Konečný výsledok, zanechá váš obraz značne rozostrí

Pre tento tutorial, potrebujeme stále myslieť na nejaké vizuálne charakteristiky, aby sme dosiahli tento vzhľadu.  To sú:

  • Zubaté línie alebo vlny
  • razené alebo statické vizuály
  • invertované farby

Vyhľadávajte na Google, aby ste získali inšpiráciu a odkazy. Často sa na ne odkazujte a experimentujte s týmto štýlom, alebo môžete požiadať o pomoc profesionálneho dizajnéra z Envato Studio.

Glitch Photo Effect Alternative Version by Melody Nieves
Alternatívne verzie.  Zhromaždite odkazy, ktoré vám pomôžu dosiahnuť tento vzhľadu! Stock z Freepik.

Ak máte problémy s dosiahnutím tohto vzhľadu, nezabudnite, že tento proces môžete vždy obísť stiahnutím jedného z našich neuveriteľných efektov Photo Glitch od GraphicRiver a Envato Elements.

1. Ako nastaviť fotografický efekt glitch

Krok 1 

Začíname! Budem používať tento Hipster Stock z PhotoDune pre tento tutorial Pre tento konkrétny vzhľad pomáha, ak si vyberiete stock, kde má model zreteľné hranice, pretože ho budeme musieť extrahovať z jeho pozadia. Bonusom tiež je, ak je pozadie plné farby alebo nie je príliš rušivé ako tieto drevené panely.

Hipster Man Stock from PhotoDune
Všimnite si, ako môžete jasne vidieť všetky hrany tohto modela. Uistite sa, že si vyberiete stock s modelom, ktorý môžete ľahko extrahovať.

Poklepaním na vrstvu pozadí vytvoríte novú vrstvu. Vytvorte novú vrstvu (Ctrl-Shift-N) umiestnenou pod vašou referencií. Nastavte farbu popredia na bielu farbu a vyplňte vrstvu bielou farbou pomocou nástroja Bucket Paint (G).

Setup the Layers for a Glitch Photo Effect

Krok 2

Vyberte Magnetic Lasso Tool (L). To nám pomôže extrahovať referenciu tak, že ľahko kliknete na boky vášho modelu  Použite nástroj Magnetic Lasso Tool (L), aby ste vytvorili kompletné výber okolo modelu. Keď skončíte, kliknite pravým a vyberte Layer via Copy pre rýchle vytvorenie duplikátu.

Use the Magnetic Lasso Tool to Extract the Subject
Uistite sa, že máte pôvodné stock. Konečným výsledkom je, ako by vyzerala akcie na svoje vlastné vrstve.

Krok 3

Vyberte originálny stock.  Použije Free Transform Tool (Ctrl-T) pre stiahnutie bokov pozadia a odhaľte bielu na ľavej a pravej strane.

Squeeze the Sides with the Free Transform Tool

Prípadne, ak váš stock nemá pozadí, môžete jednoducho pridať obdĺžnik pomocou nástroja Rectangle Tool (U) ako v príklade nižšie.

Alternative Glitch Version with Rectangle Background
Prípadne, ak váš stock nemá pozadia, pridajte rýchly obdĺžnik Stock z Freepik.

2. Ako na desaturácií fotografie

Krok 1

Pokračujeme, desaturujeme fotografiu pre viac monochromatickú paletu farieb. Vyberte vrstvu pre výrez modelu a prejdite na Image> Adjustments> Hue & Saturation. Snižte saturáciu na -95 aby ste odobrali väčšinu farby fotografie

Desaturate with Hue and Saturation

krok 2

Môžete upraviť hlavný fotografiu ešte viac použitím Levels. Vyberte znova vrstvu s extrahovanými modelom a choďte na Image> Adjustments> Levels.  Upravte Levels pre RGB kanál s nasledujúcimi nastaveniami.

  • Shadow Input Level: 0
  • Midtone Input Level: 0.92
  • Highlight Input Level: 255
  • Output Levels: 17, 255

Konečný výsledok je jemný a ľahko zosvetlí model.

Use Levels to Adjust the Desaturated Photo

3. Ako vytvoriť lineárny rozostrenie glitche

Krok 1

Ďalšou časťou tohto efektu je znova vytvoriť zubaté skreslenie fotografie, ktoré vyzerá, ako by obraz bol mimo miesta.  Ak to chcete urobiť, najprv vyberte vrstvu Stocku a modelu a skombinujte ich dohromady.

Merge the layers together

Krok 2

Teraz vyberte Rectangular Marquee Tool (M). Vytvorte dva chudé výbery na vrstve fotografie. Ako prvý vytvorte jeden dole a potom držte Shift a pridajte ďalší výber hore.

Use the Rectangular Marquee Tool to create selection

Stlačte klávesu V na vašej klávesnici pre spustenie Move Tool. Použite ľavú šípku pre pohyb výberu doľava. Budete ju musieť stlačiť niekoľkokrát alebo podržať, pre získanie požadovaného výsledku.

Move the selection to the left for the glitch

Krok 3

S týmto procesom môžete pokračovať na jednej vrstve, ale nakonci môžu byť otvorené biele priestory, ktoré nevyzerajú tak dobre. Takže sa tomu vyhnite, Duplikujte vrstvu modelu a použite kópiu pre vytvorenie skreslenia.

Znovu použite Rectangular Marquee Tool (M) pre vytvorenie viacerých selekciou, posuňte ich v rôznych smeroch pomocou ľavej a pravej šípky. Tu som vytvoril ďalšie dve a ľahko ich posunul doprava.

Create more selections for more glitches

Všimněte si, že protože je kopie fotografie za touto vrstvou, výsledný vzhled zobrazuje vrstvu za ní místo bílého pozadí.

Krok 4

Zrýchlime to trochu! Vytvorte ešte viac Rectangular Selections pomocou nástroje Move Tool (V), ak chcete jednotlivé časti presunúť mimo miesta. Zmeňte rozmery medzi úzkymi výbery a hrubšími, aby bol efekt prirodzenejší.

Je dokonca dobrým nápadom mať plán predtým, ako riešite túto časť. Keďže sa mi páči jeho vážny výraz, chcem sa uistiť, že závady vytvárajú zameranie na stred fotografie.

Continue creating the glitch effect with selections

Keď sa priblížite k tvári, snažte sa ho príliš nerozmazáva. Urobte každý glitch samostatne a pozrite sa čo funguje Táto časť je o experimentovanie, takže ak sa potrebujete o krok alebo dva vrátiť, stlačte Ctrl-Z pre Undo.

Creating Photo Glitches Around the Face

Keď skončíte so všetkými vašimi lineárnymi závadami, efekt by mal vyzerať takto:

Final Linear Glitch Effect

4. Ako vytvoriť skreslenie zvlneného glitche

Krok 1

Ďalšou časťou tohto efektu skreslenia je vytvorenie vlnitého glitche.  Možno ste ich videli predtým, ak ste sa odvážili prepnúť na nezbedné kanály ako dieťa, ale tieto závady spôsobujú, že obraz vyzerá, ako by sa pohyboval v kvapaline.

Pre toto budeme potrebovať Wave Filter.  Najskôr, skombinujte originálny vrstvu Stocku, dohromady s kópiu, ktorá má všetky glitche.  Potom Ctrl-J pre vytvorenie duplikátu na ktorom vytvoríme vlnovité rozostrenie.

Merging Layers and Creating Duplicates for the Wavy Distortion

Krok 2

S vybranú kópiu, vytvorte niekoľko veľkých výberov pomocou Rectangular Marquee Tool (M), rovnako ako predtým. Myslite na to, že sa pokúšam orámovať tvár subjektu, takže nevyberajte žiadnej časti zo stredu.

Create Selections for the Wavy Glitch

Teraz choďte na Filter> Distort> Wave a upravte nastavenie nasledovne pre vytvorenie rozhlasového efektu, iba na výbere.

Creating a Wavy Glitch with Filter Distort Wave

Krok 3

S týmto efektom, nastavenie z obrazu vyššie môžu, ale nemusia fungovať, pre vašu fotografiu. akže je dôležité experimentovať a upraviť nastavenia podľa seba, aby ste dosiahli požadované výsledky.

Pokračujte v tomto procese, tvorenia výberov pred aplikáciou Wave filtra. Musíte zakaždým zmeniť nastavenia, pre odlíšenie efektov na fotografiu.

Continue the Wavy Glitch Process

Tu je ďalší progres po experimentovanie.

Wavy Glitch Photo Effect Progress

Krok 4

Dokončite tento efekt, zameraním sa na hornej a spodnej časti fotografie. Najskôr vyberte spodná časť obrazu pomocou Rectangular Marquee Tool (M) a aplikujte Wave Filter s nasledujúcimi nastaveniami.

Add the Glitch to the Bottom with the Wave Filter

Teraz pre hornú časť. Opakujte proces, tentoraz zmeňte nastavenie nasledovne.

Top Portion Wavy Glitch Effect

Tu je hotový obraz so všetkými lineárnymi a vlnovými Glitch. Pokračujeme na dokončovacích prácach.

Final Wavy Glitch Effect

5. Ako vytvoriť jednoduchý 3D efekt

Krok 1

Teraz 3D farebné efekty!  Rovnako ako predtým, začneme zlúčením vrstiev glitche dohromady, vynechajte pozadia, aby ešte zostali iba dve vrstvy. Stlačte Ctrl-J pre vytvorenie dvoch ďalších duplikátov zjednotených vrstiev.

Duplicate Layers for the Final Effect

Krok 2

Schovajte viditelnosť dve vrchné vrstvy. Potom kliknite pravým na prvú zlúčenie vrstvu a choďte do Blending Options. Odškrtnite G alebo Green Channel, ktorý sa nachádza pod Advanced Blending.

Uncheck the Green Channel for 3D Effect

Teraz prezrite dve vrchnej vrstvy a opakujte proces. Tentoraz zrušte označenie červeného kanála pre "Zlúčené kópie" a obaja červenej a zelenej kanály pre "Zlúčené kópie 2." Tentoraz zrušte označenie červeného kanála pre "Zlúčené kópie" a obaja červeného a zeleného kanálu pre "Zlúčené kópie 2."

Uncheck the Red and Blue Channels for 3D Effect

Krok 3

Teraz môžeme začať s pohybom jednotlivých vrstiev pre vytvorenie neskutočného 3D efektu. Vyberte Move Tool (V) a potom vyberte vrstvu "Zlúčená kópie" pomocou ľavej šípky posuňte vrstvu doľava. Ďalšie, vyberte hornú vrstvu "Zlúčená kópie 2" a pomocou ľavej šípky posuňte vrstvu tiež doľava.

Tu je vidieť, ako tento proces vyzerá.

Creating the 3D effect on a glitched photo

Krok 4

Skoro hotovo!  Pre pridanie vzhľadu obrazovkovým liniek k tomuto efektu, vyberte vrchnú vrstvu, "Zlúčená kópie 2" a pravým kliknutím choďte do Blending Options. Pridajte Pattern Overlay pomocou defaultného Horizontal Line Pattern a nastavte zvyšok nastavenia nasledovne.

Creating the Horizontal Pattern with an Overlay

Pretože vrstva je modra a Blend Mode je nastavený na Soft Light, toto dá vášmu snímke krásny modrý nádych.

Result of the Pattern Overlay

Krok 5

Na dokončenie tohto cool glitch efektu, musíme urobiť posledný krok Pridajte novú vrstvu a nastavte Layer Blend Mode na Dissolve. V tomto kroku použijeme Brush Tool (B) pre maľovanie červenú # 5e220a voči dolnej časti snímky, za účelom vytvorenia malých častí ako súčasť finálneho glitch efektu. Upravte Opacity vrstvy ak je to potrebné, tu som znížil svoju na 8%.

Creating Glitch Particles with Dissolve

To je všetko! Pozrite sa nižšie na výsledok.

Záver

Photo efekty sú šikovný spôsob, ako sa naučiť unikátne a vzrušujúce techniky v Adobe Photoshopu. Môžete sa baviť, tvorbou naozajstných foto efektu ako je glitch a iné.

Dúfam, že vás tento tutorial bavil. Neváhajte sa ma kontaktovať v komentároch, ak máte nejaké otázky. A určite si prejdite širokú škálu Glitch Photo Effect akcií, k dispozícii na GraphicRiver a Envato Elements.

Glitch Photo Effect Photoshop Tutorial by Melody Nieves
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.