Cara membuat efek glitch di Photoshop

Salah satu tren yang mulai saya lihat di internet adalah sedikit kemunduran: efek glitch! Ini menambahkan nuansa robotik, techno yang hebat pada desain dan berpasangan dengan baik dengan tren lain, seperti efek duotone. Dan bagian terbaiknya? Tidak terlalu sulit untuk membuatnya!

Mari kita mulai dengan sedikit inspirasi. Blendmodes Studio telah menerapkan efek glitch ke situs mereka dan menggunakannya sebagai tema untuk dilihat secara keseluruhan. Di situs ini, mereka telah memasukkan gelombang sinus yang memberikan getaran kesalahan lain. Jadi jika Anda ingin mencoba yang ini, ikuti tutorialnya dan pilih sinus alih-alih persegi. Mereka telah menggunakan efek ini baik di latar belakang maupun dalam efek kursor teks, membuat desain situs interaktif yang hebat.

Sekarang setelah Anda melihat bagaimana agensi memanfaatkan tren ini, mari selami dan pelajari cara membuat efek glitch sendiri!

Ada dua metode yang akan kami bagikan untuk membuat efek glitch di Photoshop:

1. Cara manual
2. Glitch-a-tron (Aksi Photoshop gratis yang dapat Anda unduh!)

Metode Photoshop manual

Untuk membuat efek berikut, pastikan dokumen Anda dalam mode 8bit. Untuk melakukannya, pilih Image > Mode > 8bits/Channel .

Buka gambar Anda dan buat objek pintar

Buka file Anda di Photoshop. (Saya akan menggunakan foto robot lokal ini!) Untuk memulai, klik kanan gambar Anda dan pilih Convert to Smart Object atau dengan memilih Layer > Smart Objects > Convert to Smart Object .

Buat gelombang

Gandakan layer itu dengan mengklik kanan dan memilih Duplicate Layer, sehingga Anda memiliki yang asli untuk kembali. Beri nama layer itu "offset" dan "asli" lainnya.

Sekarang, dengan memilih layer "offset", pilih Filter > Distort > Wave . Untuk lapisan ini, kita akan membuat efek halus.

Anda dapat menyesuaikan salah satu opsi ini sesuka Anda, tetapi untuk yang ini, saya akan mengatur jumlah generator menjadi 1. Kemudian, ubah Panjang Gelombang menjadi minimum 279 dan maksimum menjadi 695 dan Amplitudo menjadi minimum 162 dan maksimum ke 441. Saya juga mengatur Skala menjadi 3% horizontal dan 1% vertikal. Pastikan Type Anda diatur ke Square dan aktifkan Repeat Edge Pixels di bawah Undefined Areas . Setelah Anda mengatur ini, Anda dapat mengklik acak sampai Anda melihat pratinjau yang Anda inginkan. Anda dapat melihat lebih banyak penyesuaian yang saya pilih pada gambar di bawah. Ini hanya memberi robot efek kotak yang sedikit tidak selaras!

(Opsional) Buat efek yang lebih dramatis dengan gelombang lain

Buat gelombang lain pada lapisan "offset" yang sama menggunakan langkah-langkah yang sama ini. Kali ini saya akan sedikit mengubah setting dan mengatur jumlah generator menjadi 1. Kemudian, ubah Wavelength menjadi minimum 301 dan maksimum menjadi 884 kemudian ubah Amplitude menjadi minimum 301 dan maksimum menjadi 699. Saya juga mengatur Scale menjadi 2% horizontal dan 1% vertikal. Ini memberi robot itu tampilan yang lebih terdistorsi.

Buat topeng kliping yang terdistorsi

Gandakan layer asli Anda dan beri nama "ekstra." Untuk melihat pilihan Anda, susun ulang layer dengan membawa "ekstra" ke atas. Menggunakan Rectangular Marquee Tool , pilih berbagai bagian dan ukuran gambar yang ingin Anda distorsi sambil menahan tombol shift. Kunci untuk mendapatkan efek yang benar-benar hebat adalah mengambil pilihan dari seluruh gambar Anda.

Setelah Anda puas dengan pilihan Anda, buat topeng dengan tombol Tambahkan lapisan topeng di bagian bawah panel lapisan.

Sekarang, pada lapisan ekstra dengan gambar yang dipilih (bukan topeng), tambahkan dua gelombang lagi ke lapisan ekstra dengan Filter > Distort > Wave dengan pengaturan yang sama seperti langkah sebelumnya.

Untuk efek yang lebih dramatis, batalkan tautan topeng dari gambar. Gunakan alat pindah untuk menyesuaikan lokasi gambar atau topeng di mana pun Anda suka. Anda dapat mengubah efek tergantung pada apakah Anda memindahkan topeng atau gambar itu sendiri, tetapi ketika mencoba untuk memindahkan gambar, pastikan Anda menggunakan alat pemindahan di dalam area masking.

Tambahkan opsi pencampuran lanjutan

Sekarang terapkan opsi pencampuran lanjutan ke lapisan "ekstra" dan lapisan "offset". Pertama, pilih lapisan "offset". Di bagian bawah jendela lapisan, klik tombol Tambahkan gaya lapisan yang bertuliskan "fx." Kemudian, di bawah Blending Options > Advanced Blending , matikan saluran merah (atau R).

Ulangi langkah yang sama untuk lapisan "ekstra".

Sekarang setelah Anda menyelesaikan kesalahan, Anda dapat mengaktifkan dan menonaktifkan gelombang untuk mendapatkan efek yang tepat yang Anda suka.

Buat efek garis

Buat layer baru dengan Layer> New Layer dan beri nama "garis." Isi dengan warna putih dengan mengklik Edit > Fill dan dari dropdown Contents , pilih White .

Kemudian, pilih Filter > Filter Galeri . Di bawah dropdown Sketch , pilih Halftone Pattern dan sesuaikan dengan efek yang Anda inginkan, tetapi untuk contoh ini saya mengatur ukuran ke 1 dan kontras diatur ke 30. Atur dropdown Pattern Type mengatakan Lines .

Jika Anda ingin melangkah lebih jauh, tambahkan filter lain dengan mengklik New effect layer di bawah efek Halftone Pattern . Di bawah tarik-turun Artistik , pilih Cat Air dengan detail kuas disetel ke 14, intensitas bayangan disetel ke 0, dan tekstur disetel ke 3.

Catatan: Cara Anda memesan efeknya akan sedikit berubah. Saat efek cat air berada di atas efek halftone, gambar akan tampak lebih terang. Jika halftone berada di atas cat air, gambar akan tampak lebih gelap.

Terakhir, di jendela layer, ubah blending mode menjadi Overlay dan opacity menjadi 50%.

Dan hanya itu – sekarang Anda memiliki efek kesalahan Anda sendiri! Gambar Anda akan terlihat seperti baru saja keluar dari komputer tahun 90-an.

Sementara itu (semoga!) tidak terlalu sulit, ada cara untuk mempercepat proses ini.

Glitch-a-tron: Aksi Photoshop gratis!

Desainer hebat di sini di Flywheel telah membuat tindakan Photoshop yang mudah digunakan yang menerapkan langkah-langkah ini ke gambar pilihan Anda hanya dengan beberapa klik! Untuk mendapatkan alat gratis, cukup masukkan alamat email Anda di formulir ini dan kemudian ikuti sisa tutorial di bawah ini.

Cara menggunakan Glitch-a-tron

Instal aksinya

Setelah Anda mengunduh aksinya, klik dua kali file tersebut untuk menginstalnya. Buka gambar yang ingin Anda gunakan di Photoshop, lalu buka jendela Actions .

Untuk menavigasi ke jendela Tindakan , pilih Jendela > Tindakan atau tahan Shift + F9 .

Setelah Anda membuka jendela Tindakan, pilih lapisan gambar yang ingin Anda terapkan efek kesalahannya.

Pilih dan mainkan aksinya

Klik drop-down pada folder “Flywheel – Glitch-a-tron”. Sekarang, pilih "Glitch-a-tron - Pilih dan tekan play" dan tekan tombol putar segitiga di bagian bawah jendela.

Sesuaikan gambar menggunakan lapisan

Tergantung pada efek yang Anda inginkan, Anda dapat mengaktifkan dan menonaktifkan berbagai lapisan, memilih dan memindahkan topeng atau gambar, dan menyesuaikan pengaturan lain yang Anda pilih.

Catatan: Tergantung pada ukuran gambar Anda, Anda mungkin perlu mengubah ukuran atau memposisikan ulang topeng "ekstra", karena dioptimalkan untuk 1080px kali 1920px.

Bonus: Atur ulang gambar Anda dalam sekejap

Untuk berjaga-jaga jika Anda ingin mundur, tindakan tersebut secara otomatis membuat tangkapan layar yang memungkinkan Anda untuk kembali ke gambar Anda sebelum tindakan diterapkan.

Arahkan ke jendela History dengan memilih Window > History . Gulir ke atas ke atas, dan klik "Snapshot." Ini mengatur ulang semuanya sehingga Anda siap melakukannya!

Ada begitu banyak kegunaan untuk sumber daya yang bagus dan menghemat waktu ini. Untuk proyek apa Anda akan menggunakan glitch-a-tron? Tinggalkan ide Anda di komentar!

Artikel ini awalnya diterbitkan 20 Desember 2018. Terakhir diperbarui 18 Oktober 2020.