Jak stworzyć efekt usterki w Photoshopie

Jednym z trendów, który zacząłem coraz częściej dostrzegać w Internecie, jest pewien powrót: efekt usterki! Dodaje projektowi świetnego robotycznego, techno i dobrze komponuje się z innymi trendami, takimi jak efekt duotone. A najlepsza część? Tworzenie nie jest trudne!

Zacznijmy od odrobiny inspiracji. Blendmodes Studio zastosowało efekt usterki na swojej stronie i użyło go jako motywu, który można zobaczyć w całym tekście. Na tej stronie włączyli falę sinusoidalną, która nadaje mu kolejny glitchowy klimat. Więc jeśli chcesz spróbować tego, postępuj zgodnie z samouczkiem i wybierz sinus zamiast kwadratu. Użyli tego efektu zarówno w tle, jak i w efekcie najechania tekstem, tworząc świetny, interaktywny projekt witryny.

Teraz, gdy już wiesz, jak agencja wykorzystuje ten trend, zanurkujmy i dowiedzmy się, jak samemu stworzyć efekt usterki!

Istnieją dwie metody tworzenia efektu usterki w Photoshopie, którymi się podzielimy:

1. Metoda ręczna
2. Glitch-a-tron (darmowa akcja Photoshopa, którą możesz pobrać!)

Ręczna metoda Photoshop

Aby stworzyć następujące efekty, upewnij się, że dokument jest w trybie 8-bitowym. Aby to zrobić, wybierz Obraz > Tryb > 8 bitów/kanał .

Otwórz swój obraz i stwórz inteligentny obiekt

Otwórz plik w Photoshopie. (Będę używał tego zdjęcia robota lokalnego!) Aby rozpocząć, kliknij prawym przyciskiem myszy obraz i wybierz Konwertuj na obiekt inteligentny lub wybierając Warstwa > Obiekty inteligentne > Konwertuj na obiekt inteligentny .

Utwórz falę

Powiel tę warstwę, klikając prawym przyciskiem myszy i wybierając opcję Powiel warstwę, aby mieć oryginał, do którego można wrócić. Nazwij tę warstwę „przesunięcie”, a drugą „oryginał”.

Teraz, po zaznaczeniu warstwy „offset”, wybierz opcję Filtr > Zniekształcenie > Fala . W przypadku tej warstwy stworzymy subtelny efekt.

Możesz dostosować dowolną z tych opcji, jak chcesz, ale w tym przypadku ustawię liczbę generatorów na 1. Następnie zmień długość fali na minimum 279 i maksimum na 695, a amplitudę na minimum 162 i maksymalnie na 441. Ustawiłem również Skalę na 3% w poziomie i 1% w pionie. Upewnij się, że typ jest ustawiony na Kwadrat i włącz opcję Powtórz piksele krawędzi w obszarze Niezdefiniowane obszary . Po ich ustawieniu możesz klikać losowo, aż zobaczysz preferowany podgląd. Możesz zobaczyć więcej korekt, które wybrałem na poniższym obrazku. To po prostu daje robotowi efekt lekkiego przesunięcia pudełka!

(Opcjonalnie) Stwórz bardziej dramatyczny efekt za pomocą kolejnej fali

Utwórz kolejną falę na tej samej warstwie „odsuniętej”, wykonując te same czynności. Tym razem zamierzam nieco zmienić ustawienia i ustawić liczbę generatorów na 1. Następnie zmienić Długość fali na minimum 301 i maksimum na 884, następnie zmienić Amplitudę na minimum 301 i maksimum na 699. Ustawiłem również Skalę na 2% w poziomie i 1% w pionie. Daje to robotowi jeszcze bardziej zniekształcony wygląd.

Utwórz zniekształconą maskę przycinającą

Zduplikuj oryginalną warstwę i nazwij ją „dodatkami”. Aby zobaczyć swoje wybory, zmień kolejność warstw, przenosząc „dodatki” na górę. Za pomocą narzędzia Zaznaczanie prostokątne wybierz różne części i rozmiary obrazu, które chcesz zniekształcić, przytrzymując klawisz Shift. Kluczem do uzyskania naprawdę świetnego efektu jest wybieranie selekcji z całego obrazu.

Gdy będziesz zadowolony z wyboru, utwórz maskę za pomocą przycisku Dodaj maskę warstwy u dołu panelu warstw.

Teraz na warstwie dodatków z wybranym obrazem (nie maską) dodaj jeszcze dwie fale do warstwy dodatków za pomocą opcji Filtr> Zniekształcenie> Fala z podobnymi ustawieniami, jak w poprzednim kroku.

Aby uzyskać bardziej dramatyczny efekt, odłącz maskę od obrazu. Użyj narzędzia do przesuwania, aby dostosować położenie obrazu lub maski w dowolnym miejscu. Możesz zmienić efekt w zależności od tego, czy przesuwasz maskę, czy sam obraz, ale próbując przesunąć obraz, upewnij się, że używasz narzędzia do przesuwania w obszarze maskowania.

Dodaj zaawansowane opcje mieszania

Teraz zastosuj zaawansowane opcje mieszania zarówno do warstwy „dodatki”, jak i warstwy „przesuniętej”. Najpierw wybierz warstwę „offset”. U dołu okna warstw kliknij przycisk Dodaj styl warstwy z napisem „fx”. Następnie w obszarze Opcje mieszania > Zaawansowane mieszanie wyłącz kanał czerwony (lub R).

Powtórz ten sam krok dla warstwy „dodatki”.

Teraz, gdy usterka została zakończona, możesz włączać i wyłączać fale, aby uzyskać dokładnie taki efekt, jaki lubisz.

Utwórz efekt linii

Utwórz nową warstwę za pomocą Warstwa> Nowa warstwa i nadaj jej nazwę „linie”. Wypełnij go kolorem białym, klikając Edytuj > Wypełnij i z listy rozwijanej Zawartość wybierz Biały .

Następnie wybierz Filtr > Filtruj galerię . W menu rozwijanym Szkic wybierz Wzór półtonów i dostosuj go do pożądanego efektu, ale w tym przykładzie ustawiłem rozmiar na 1, a kontrast na 30. Ustaw menu rozwijane Typ wzoru mówi Linie .

Jeśli chcesz pójść o krok dalej, dodaj kolejny filtr, klikając Nowa warstwa efektu pod efektem Deseń półtonów . W menu rozwijanym Artystyczny wybierz opcję Akwarela ze szczegółami pędzla ustawioną na 14, intensywnością cieni ustawioną na 0 i teksturą ustawioną na 3.

Uwaga: sposób uporządkowania efektów nieznacznie to zmieni. Gdy efekt akwareli znajduje się powyżej efektu półtonów, obraz będzie jaśniejszy. Jeśli półton znajduje się nad akwarelą, obraz będzie ciemniejszy.

Na koniec w oknie warstw zmień tryb mieszania na Nakładkę , a krycie na 50%.

I to wszystko – teraz masz swój własny efekt usterki! Twój obraz powinien wyglądać tak, jakby właśnie wyszedł z komputera z lat 90.

Chociaż (miejmy nadzieję!) nie było to zbyt trudne, istnieje sposób na przyspieszenie tego procesu.

Glitch-a-tron: darmowa akcja w Photoshopie!

Niesamowici projektanci z Flywheel stworzyli łatwą w użyciu akcję Photoshopa, która stosuje te kroki do wybranego obrazu za pomocą zaledwie kilku kliknięć! Aby uzyskać darmowe narzędzie, po prostu wpisz swój adres e-mail w tym formularzu, a następnie postępuj zgodnie z resztą samouczka poniżej.

Jak korzystać z Glitch-a-tron

Zainstaluj akcję

Po pobraniu akcji kliknij dwukrotnie plik, aby go zainstalować. Otwórz obraz, którego chcesz użyć w programie Photoshop, a następnie otwórz okno Akcje .

Aby przejść do okna Akcje , wybierz Okno > Akcje lub przytrzymaj klawisze Shift + F9 .

Po otwarciu okna Akcje wybierz warstwę obrazu, do której chcesz zastosować efekt usterki.

Wybierz i odtwórz akcję

Kliknij menu rozwijane w folderze „Koło zamachowe – Glitch-a-tron”. Teraz wybierz „Glitch-a-tron – Wybierz i naciśnij przycisk odtwarzania” i naciśnij trójkątny przycisk odtwarzania na dole okna.

Dostosuj obraz za pomocą warstw

W zależności od pożądanego efektu możesz włączać i wyłączać różne warstwy, wybierać i przesuwać maski lub obrazy oraz dostosowywać dowolne inne wybrane ustawienia.

Uwaga: w zależności od rozmiaru obrazu może być konieczna zmiana rozmiaru lub położenie maski „dodatki”, ponieważ jest ona zoptymalizowana pod kątem 1080 na 1920 pikseli.

Bonus: zresetuj swój obraz w mgnieniu oka

Na wypadek, gdybyś chciał się cofnąć, akcja automatycznie tworzy zrzut ekranu, który pozwala wrócić do obrazu przed zastosowaniem akcji.

Przejdź do okna Historia , wybierając Okno > Historia . Przewiń w górę i kliknij "Migawka". To zresetuje wszystko, więc możesz iść!

Jest tak wiele zastosowań tego sprytnego, oszczędzającego czas zasobu. Do jakich projektów zamierzasz wykorzystać glitch-a-tron? Zostaw swoje pomysły w komentarzach!

Ten artykuł został pierwotnie opublikowany 20 grudnia 2018 r. Ostatnia aktualizacja miała miejsce 18 października 2020 r.