Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Jak vytvořit cool glitch photo efekt v Adobe Photoshopu

Scroll to top
Read Time: 7 min
This post is part of a series called How to Make Glitch Art.
21 Glitch & VHS Photo Effects With Digital Photoshop Art Styles
How to Create an Abstract Poster Using the Puppet Warp Tool in Adobe Photoshop

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Photo efekty jsou skvělý způsob jak zlepšovat vaše dovednosti ve Photoshopu. V této lekci, se naučíme jak vytvořit zábavný foto efekt glitche (závady) pomocí Marquee Tools a Wave filtru!

Zdroje tutorialu

Následující zdroje byly použity v tomto tutorialu.

Základy Photo Glitche: Co potřebujete vědět

Pro ty nejlepší možné výsledky pro reálné efekty, pomáhá udělat nějaký výzkum. Takže zjistíme co je glitch.

Druh glitche, který budeme tvořit je obvyklý pro televizi nebo videohry. Tyto glitche jsou softwarové chyby, které jsou často způsobeny rušením signálu. Konečný výsledek, zanechá váš obraz značně rozostře\

Pro tento tutorial, potřebujeme stále myslet na nějaké vizuální charakteristiky, abychom dosáhli tohoto vzhledu. To jsou:

  • Zubaté linie nebo vlny
  • Zmrazené nebo statické vizuály
  • Invertované barvy

Vyhledávejte na Google, abyste získali inspiraci a odkazy. Často se na ně odkazujte a experimentujte s tímto stylem, nebo můžete požádat o pomoc profesionálního designera z Envato Studio.

Glitch Photo Effect Alternative Version by Melody NievesGlitch Photo Effect Alternative Version by Melody NievesGlitch Photo Effect Alternative Version by Melody Nieves
Alternativní verze. Shromážděte odkazy, které vám pomohou dosáhnout tohoto vzhledu! Stock z Freepik.

Pokud máte potíže s dosažením tohoto vzhledu, nezapomeňte, že tento proces můžete vždy obejít stažením jednoho z našich neuvěřitelných efektů Photo Glitch od GraphicRiver a Envato Elements.

1. Jak nastavit fotografický efekt glitch

Krok 1

Začínáme! Budu používat tento Hipster Stock z PhotoDune pro tento tutorial. Pro tento konkrétní vzhled pomáhá, pokud si vyberete stock, kde má model zřetelné hranice, protože ho budeme muset extrahovat z jeho pozadí. Bonusem také je, pokud je pozadí plné barvy nebo není příliš rušivé jako tyto dřevěné panely.

Hipster Man Stock from PhotoDuneHipster Man Stock from PhotoDuneHipster Man Stock from PhotoDune
Všimněte si, jak můžete jasně vidět všechny hrany tohoto modela. Ujistěte se, že si vyberete stock s modelem, který můžete snadno extrahovat.

Poklepáním na vrstvu pozadí vytvoříte novou vrstvu. Vytvořte novou vrstvu (Ctrl-Shift-N) umístěnou pod vaší referencí. Nastavte barvu popředí na bílou barvu a vyplňte vrstvu bílou barvou pomocí nástroje Bucket Paint (G).

Setup the Layers for a Glitch Photo EffectSetup the Layers for a Glitch Photo EffectSetup the Layers for a Glitch Photo Effect

Krok 2

Vyberte Magnetic Lasso Tool (L). To nám pomůže extrahovat referenci tak, že snadno klepnete na boky vašeho modelu. Použijte nástroj Magnetic Lasso Tool (L), abyste vytvořili kompletní výběr kolem modelu. Až skončíte, klepněte pravým a vyberte Layer via Copy pro rychlé vytvoření duplikátu.

Use the Magnetic Lasso Tool to Extract the SubjectUse the Magnetic Lasso Tool to Extract the SubjectUse the Magnetic Lasso Tool to Extract the Subject
Ujistěte se, že máte původní stock. Konečným výsledkem je, jak by vypadala akcie na své vlastní vrstvě.

Krok 3

Vyberte originální stock Použíite Free Transform Tool (Ctrl-T) pro stažení boků pozadí a odhalte bílou na levé a pravé straně.

Squeeze the Sides with the Free Transform ToolSqueeze the Sides with the Free Transform ToolSqueeze the Sides with the Free Transform Tool

Případně, pokud váš stock nemá pozadí, můžete prostě přidat obdélník pomocí nástroje Rectangle Tool (U) jako v příkladu níže.

Alternative Glitch Version with Rectangle BackgroundAlternative Glitch Version with Rectangle BackgroundAlternative Glitch Version with Rectangle Background
Případně, pokud váš stock nemá pozadí, přidejte rychlý obdélník. Stock z Freepik.

2. Jak na desaturaci fotografie

Krok 1

Pokračujeme, desaturujeme fotografii pro více monochromatickou paletu barev. Vyberte vrstvu pro výřez modelu a přejděte na Image > Adjustments > Hue & Saturation. Snižte saturaci na -95 abyste odebrali většinu barvy fotografie.

Desaturate with Hue and SaturationDesaturate with Hue and SaturationDesaturate with Hue and Saturation

Krok 2

Můžete upravit hlavní fotografii ještě více použitím Levels. Vyberte znovu vrstvu s extrahovaným modelem a jděte na Image > Adjustments > Levels. Upravte Levels pro RGB kanál s následujícími nastaveními.

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

Konečný výsledek je jemný a lehce zesvětlí model.

Use Levels to Adjust the Desaturated PhotoUse Levels to Adjust the Desaturated PhotoUse Levels to Adjust the Desaturated Photo

3. Jak vytvořit lineární rozostření glitche

Krok 1

Další částí tohoto efektu je znovu vytvořit zubaté zkreslení fotografie, které vypadá, jako by obraz byl mimo místo. Chcete-li to provést, nejprve vyberte vrstvu stocku a modelu a slučte je dohromady.

Merge the layers togetherMerge the layers togetherMerge the layers together

Krok 2

Nyní vyberte Rectangular Marquee Tool (M). Vytvořte dva hubené výběry na vrstvě fotografie. Jako první vytvořte jeden dole a potom držte Shift a přidejte další výběr nahoře.

Use the Rectangular Marquee Tool to create selectionUse the Rectangular Marquee Tool to create selectionUse the Rectangular Marquee Tool to create selection

Stiskněte klávesu V na vaší klávesnici pro spuštění Move Tool. Použijte levou šipku pro pohyb výběru doleva. Budete ji muset stisknout několikrát nebo podržet, pro získání požadovaného výsledku.

Move the selection to the left for the glitchMove the selection to the left for the glitchMove the selection to the left for the glitch

Krok 3

S tímto procesem můžete pokračovat na jedné vrstvě, ale nakonci mohou být otevřené bílé prostory, které nevypadají tak dobře. Takže se tomu vyhněte, Duplikujte vrstvu modelu a použijte kopii pro vytvoření zkreslení.

Znovu použijte Rectangular Marquee Tool (M) pro vytvoření více selekcí, posuňte je v různých směrech pomocí levé a pravé šipky. Zde jsem vytvořil další dvě a lehce je posunul doprava.

Create more selections for more glitchesCreate more selections for more glitchesCreate 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

Zrychlíme to trochu! Vytvořte ještě více Rectangular Selections pomocí nástrojeMove Tool (V), chcete-li jednotlivé části přesunout mimo místo. Změňte rozměry mezi hubenými výběry a tlustšími, aby byl efekt přirozenější.

Je dokonce dobrým nápadem mít plán předtím, než řešíte tuto část. Jelikož se mi líbí jeho vážný výraz, chci se ujistit, že závady vytvářejí zaměření na střed fotografie.

Continue creating the glitch effect with selectionsContinue creating the glitch effect with selectionsContinue creating the glitch effect with selections

Když se přiblížíte k obličeji, snažte se ho příliš nerozmazávat. Udělejte každý glitch samostatně a podívejte se co funguje. Tato část je o experimentování, takže pokud se potřebujete o krok nebo dva vrátit, stiskněte Ctrl-Z pro Undo.

Creating Photo Glitches Around the FaceCreating Photo Glitches Around the FaceCreating Photo Glitches Around the Face

Když skončíte se všemi vašimi lineárními závadami, efekt by měl vypadat takto:

Final Linear Glitch EffectFinal Linear Glitch EffectFinal Linear Glitch Effect

4. Jak vytvořit zkreslení zvlněného glitche

Krok 1

Další částí tohoto efektu zkreslení je vytvoření vlnitého glitche. Možná jste je viděli předtím, pokud jste se odvážili přepnout na nezbedné kanály jako dítě, ale tyto závady způsobují, že obraz vypadá, jako by se pohyboval v kapalině.

Pro tohle budeme potřebovat Wave Filter. Nejdříve, slučte originální vrstvu stocku, dohromady s kopii, která má všechny glitche. Potom Ctrl-J pro vytvoření duplikátu na kterém vytvoříme vlnovité rozostření.

Merging Layers and Creating Duplicates for the Wavy DistortionMerging Layers and Creating Duplicates for the Wavy DistortionMerging Layers and Creating Duplicates for the Wavy Distortion

Krok 2

S vybranou kopii, vytvořte několik velkých výběrů pomocí Rectangular Marquee Tool (M), stejně jako předtím. Myslete na to, že se pokouším orámovat tvář subjektu, takže nevybírejte žádné části ze středu.

Create Selections for the Wavy GlitchCreate Selections for the Wavy GlitchCreate Selections for the Wavy Glitch

Nyní jděte na  Filter > Distort > Wave a upravte nastavení následovně pro vytvoření vlnového efektu, pouze na výběru.

Creating a Wavy Glitch with Filter Distort WaveCreating a Wavy Glitch with Filter Distort WaveCreating a Wavy Glitch with Filter Distort Wave

Krok 3

S tímto efektem, nastavení z obrazu výše mohou, ale nemusí fungovat, pro vaši fotografii. Takže je důležité experimentovat a upravit nastaveni podle sebe, abyste dosáhli požadovaných výsledků.

Pokračujte v tomto procesu, tvoření výběrů před aplikací Wave filtru. Musíte pokaždé změnit nastavení, pro odlišení efektů na fotografii.

Continue the Wavy Glitch ProcessContinue the Wavy Glitch ProcessContinue the Wavy Glitch Process

Zde je další progres po experimentování.

Wavy Glitch Photo Effect ProgressWavy Glitch Photo Effect ProgressWavy Glitch Photo Effect Progress

Krok 4

Dokončete tento efekt, zaměřením se na horní a spodní části fotografie. Nejdříve vyberte spodní část obrazu pomocí Rectangular Marquee Tool (M) a aplikujte Wave Filtr s následujícími nastaveními.

Add the Glitch to the Bottom with the Wave FilterAdd the Glitch to the Bottom with the Wave FilterAdd the Glitch to the Bottom with the Wave Filter

Nyní pro horní část. Opakujte proces, tentokrát změňte nastavení následovně.

Top Portion Wavy Glitch EffectTop Portion Wavy Glitch EffectTop Portion Wavy Glitch Effect

Zde je hotový obraz se všemi linearními a vlnovými glitchi. Pokračujeme na dokončovacích pracích.

Final Wavy Glitch EffectFinal Wavy Glitch EffectFinal Wavy Glitch Effect

5. Jak vytvořit jednoduchý 3D efekt

Krok 1

Nyní 3D barevné efekty! Stejně jako předtím, začneme sloučením vrstev glitche dohromady, vynechte pozadí, aby zbývali pouze dvě vrstvy. Stiskněte Ctrl-J pro vytvoření dvou dalších duplikátů sjednocených vrstev.

Duplicate Layers for the Final EffectDuplicate Layers for the Final EffectDuplicate Layers for the Final Effect

Krok 2

Schovejte dvě vrchní vrstvy. Potom klepněte pravým na první Sloučenou vrstvu a jděte do Blending Options. Odškrtněte G nebo Green Cahnnel, který se nachází pod Advanced Blending.

Uncheck the Green Channel for 3D EffectUncheck the Green Channel for 3D EffectUncheck the Green Channel for 3D Effect

Nyní zobrazte dvě vrchni vrstvy a opakujte proces. Tentokrát zrušte zaškrtnutí červeného kanálu pro "Sloučené kopie" a oba červené a zelené kanály pro "Sloučené kopie 2."

Uncheck the Red and Blue Channels for 3D EffectUncheck the Red and Blue Channels for 3D EffectUncheck the Red and Blue Channels for 3D Effect

Krok 3

Nyní můžeme začít s pohybem jednotlivých vrstev pro vytvoření neskutečného 3D efektu. Vyberte Move Tool (V) a potom vyberte vrstvu "Sloučená kopie" pomocí levé šipky posuňte vrstvu doleva. Další, vyberte horní vrstvu "Sloučená kopie 2" a pomocí levé šipky posuňte vrstvu také doleva.

Zde je vidět, jak tento proces vypadá.

Creating the 3D effect on a glitched photoCreating the 3D effect on a glitched photoCreating the 3D effect on a glitched photo

Krok 4

Skoro hotovo! Pro přidání vzhledu obrazovkovým linek k tomuto efektu, vyberte vrchní vrstvu, "Sloučená kopie 2" a pravým kliknutím jděte do Blending Options. Přidejte Pattern Overlay pomocí defaultního Horizontal Line Pattern a nastavte zbytek nastavení následovně.

Creating the Horizontal Pattern with an OverlayCreating the Horizontal Pattern with an OverlayCreating the Horizontal Pattern with an Overlay

Protože vrstva je modra a Blend Mode je nastaven na Soft Light, tohle dá vašemu snímku krásný modrý nádech.

Result of the Pattern OverlayResult of the Pattern OverlayResult of the Pattern Overlay

Krok 5

Pro dokončení tohoto cool glitch efektu, musíme udělat poslední krok. Přidejte novou vrstvu a nastavte Layer Blend Mode na Dissolve. V tomto kroku použijeme Brush Tool (B) pro malovaní červenou #5e220a vůči dolní části snímku, za účelem vytvoření malých částí jako součást finálního glitch efektu. Upravte Opacity vrstvy pokud je to potřeba, zde jsem snížil svoji na 8%.

Creating Glitch Particles with DissolveCreating Glitch Particles with DissolveCreating Glitch Particles with Dissolve

To je vše! Podívejte se níže na výsledek.

Shrnutí

Photo efekty jsou chytrý způsob, jak se naučit unikátní a vzrušující techniky v Adobe Photoshopu. Můžete se bavit, tvorbou opravdových foto efektu jako je glitch a jiné.

Doufám, že vás tento tutorial bavil. Neváhejte se mě kontaktovat v komentářích, pokud máte nějaké otázky. A určitě si projděte širokou škálu Glitch Photo Effect akcí, k dispozici na GraphicRiver a Envato Elements.

Glitch Photo Effect Photoshop Tutorial by Melody NievesGlitch Photo Effect Photoshop Tutorial by Melody NievesGlitch Photo Effect Photoshop Tutorial by Melody Nieves
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads