Cara Membuat Poster Efek Glitch di Adobe Illustrator dan Photoshop
() translation by (you can also view the original English article)



Efek glitch adalah tren utama pada tahun 2018 dan dengan cepat menjadi efek yang diinginkan yang menciptakan nuansa nostalgia terkait dengan VHS. Berikut ini teknik mudah untuk membuat glitch unik!
Mencari sumber daya vektor yang menakjubkan dan Illustrator add-ons? Pegi ke GraphicRiver.
Yang Anda Butuhkan untuk Membuat Poster
- Akses ke Adobe Photoshop dan Adobe Illustrator. Jika Anda tidak memiliki perangkat lunak, Anda dapat mengunduh uji coba dari Situs Web Adobe.
- Font Archivo Black dan Archivo dari Google Fonts.
Instal font dan Anda siap untuk memulai!
1. Cara Membuat Dasar Glitch di Adobe Illustrator
Untuk menerapkan Displacement Tool di Photoshop, kita perlu membuat file untuk membubarkan. Menggunakan Blend Tool di Illustrator, kita akan membuat beberapa bentuk untuk digunakan nanti di Photoshop.
Langkah 1
Di Illustrator, buka File> New. Namai dokumen Displace. Setel Width menjadi 1270 px dan Height hingga 1600 px. Atur Mode Warna ke RGB dan Resolution menjadi 72 Pixels / Inch jika Anda berencana menyimpan gambar akhir untuk web. Hit OK.



Langkah 2
Pilih Ellipse Tool (L) dan buat dua lingkaran, satu besar dan satu kecil. Ukuran apa pun bekerja selama kita mencakup sebagian besar Artboard. Untuk membuat lingkaran yang sama, tekan Shift-Option dan lanjutkan untuk membuat lingkaran. Pilih tanpa warna isi dan goresan hitam.



Langkah 3
Untuk membuat bentuk yang menarik, mari tambahkan beberapa titik tautan ke lingkaran. Pada toolbar, pilih Add Anchor Point Tool (+) dan klik di antara titik-titik yang sudah ada di kedua lingkaran.



Langkah 4
Dengan menggunakan Direct Selection Tool (A), klik pada titik-titik di sekitar lingkaran dan gerakkan untuk membuat bentuk organik. Jangan ragu untuk melakukan sebanyak yang Anda suka — saya sarankan untuk mengubah bentuk menjadi lebih dari sekadar lingkaran agar hasilnya menjadi lebih menarik.



Langkah 5
Pada toolbar, pilih Blend Tool (W) dan klik pada titik mana pun dari bentuk yang lebih kecil dan kemudian pada titik mana pun dari bentuk yang lebih besar. Kita ingin membuat banyak garis di antara bentuk, jadi klik ganda pada Tool Blend (W) pada toolbar. Di jendela Blend Options, klik pada kotak Preview untuk melihat apa yang sedang kita lakukan secara langsung. Atur Spasi ke Specified Distance 3 px. Klik OK.



Langkah 6
Gandakan bentuk dengan menahan Option dan menyeret bentuknya. Saya mengubah ukuran bentuk sedikit agar sesuai dengan seluruh Artboard.



Langkah 7
Kita siap melanjutkan! Pergi ke File> Export dan pilih dan simpan file dalam folder yang mudah ditemukan. Simpan file sebagai PSD dan centang kotak Use Artboards. Di Bawah Range: ketikkan nomor Artbox. Ini seharusnya 1 kecuali Anda telah membuat beberapa artboards. Klik OK. Jendela Photoshop Export Options akan terbuka. Saya menyimpan file sebagai RGB dan Resolusi pada 72.



2. Cara Menggunakan Displace Tool
Langkah 1
Di Photoshop, buka File> New. Beri nama dokumen Glitch_Effect. Setel Width menjadi 1270 px dan Height hingga 1600 px. Atur Resolution menjadi 72 Pixels / Inch. Klik OK.



Langkah 2
Dengan menggunakan Type Tool (T), mari buat sesuatu untuk menggunakan file Displace.psd yang kita buat. Ketik TEST COPY. Saya menggunakan Archivo Black, tetapi tipografi apa pun akan bekerja. Cobalah untuk mengisi seluruh halaman. Gandakan Layer teks dengan menekan Command-J. Klik kanan pada layer dan pilih Rasterize Type.



Langkah 3
Sambil memilih layer raster, pergi ke Filter> Distort> Displace. Di bawah Horizontal Scale dan Vertical Scale, ketik 100. Atur Displacement Map ke Stretch to fit dan Undefined Areas ke Repeat Edge Pixels. Klik OK dan jendela impor akan muncul. Cari file PSD yang kita simpan di Illustrator di awal tutorial ini. Klik Open. Jangan ragu untuk bereksperimen dengan pengaturan untuk melihat bentuk lain apa yang bisa Anda dapatkan.



3. Cara Membuat Glitch
Langkah 1
Gandakan layer yang dipindahkan. Pergi ke Filter> Distort> Wave. Di jendela opsi Wave, kita bisa bermain dengan pengaturan yang berbeda. Di bawah Type pilih Square, dan atur Number of Generators ke 1. Sekarang menuju ke Scale dan atur ke 100%. Kita bisa bermain denganWavelength dan Amplitude. Tidak ada yang benar atau salah dalam bagian ini; Anda dapat menggunakan tampilan kecil untuk melihat efek akhir. Saya menggunakan pengaturan di bawah ini. Klik OK.



Langkah 2
Mari duplikat layer yang kita kerjakan pada langkah di atas dan ulangi efek Wave tetapi kali ini dengan pengaturan yang berbeda. Saya mengklik ikon mata di panel Layers untuk melihat efeknya. Pergi ke Filter> Distort> Wave. Anda mungkin melihat beberapa garis kini telah berubah horizontal — ini tidak akan sama untuk semua orang, tetapi Anda dapat terus menerapkan efek ini sebanyak yang Anda inginkan. Klik OK setelah selesai.



Langkah 3
Mari aktifkan dua layer yang baru saja kita kerjakan dan buat gabungan di mana keduanya dapat bekerja bersama. Kita dapat menggunakan Rectangular Marquee Tool (M) dari toolbar untuk memilih area yang berbeda pada setiap layer dan menghapus bagian apa pun yang bertentangan.



Langkah 4
Mari tambahkan latar belakang dengan membuka panel Layer, klik Create New Fill or Adjustment Layer, dan tambahkan kayer Solid Color. Saya menggunakan warna #2c2b2a. Pindahkan layer di bawah displacement layer. Untuk mengembalikan warna layer, tekan Command-I.



Langkah 5
Ini terlihat sedikit sibuk, jadi kita dapat menggunakan Marquee Tool (M) untuk memilih dan menghapus bagian-bagian tertentu dari komposisi. Saya memindahkan komposisi ke kanan bawah artboard dan menghapus sekitar satu inci dari sisi kiri untuk meninggalkan ruang untuk salinan. Saya juga menurunkan Opacity displacement layer pertama hingga 30% untuk menambah dimensi.



4. Cara Menambahkan Teks
Langkah 1
Mari tambahkan beberapa teks yang pas ke poster. Menggunakan TextTool (T), ketik troubleshoot pada 170 pt di Archivo Black. Gandakan layer ini pada panel Layers dan klik kanan> Rasterize Type. Sembunyikan layer teks asli, dan mari kita kerjakan pada layer raster.



Langkah 2
Sambil memilih layer raster, pergi ke Filter> Distort> Displace. Setel Horizontal Scale ke 20 dan Vertical Scale ke 10. Set Displacement Map ke Stretch to fit dan Undefined Areas ke Repeat Edge Pixels. Klik OK dan jendela impor akan muncul. Cari file PSD yang kita simpan di Illustrator di awal tutorial ini. Klik Open.



Langkah 3
Dengan menggunakan Lasso Tool (L), kita dapat menghapus area yang berbeda dari layer troubleshoot. Ini untuk membuat elemen terlihat acak dan mencapai tampilan yang tidak teratur.



Langkah 4
Jangan ragu untuk memindahkan elemen di sekitar agar sesuai dengan mereka di artboard. Gandakan layer tipe troubleshoot sekali lagi dan rasterize. Jangan ragu untuk membalikkan warna dengan menekan Command-I sehingga Anda dapat melihat komposisi dalam tampilan langsung.
Kali ini, kita akan menerapkan efek Wave. Pergi ke Filter> Distort> Wave. Saya menggunakan pengaturan di bawah ini karena saya ingin huruf-huruf menjadi sedikit didekonstruksi. Saya menempatkan hasilnya di sisi kiri selebaran.



Langkah 5
Mari tambahkan beberapa kata lagi terkait dengan glitch menggunakan Text Tool (T). Saya menambahkan "troubleshoot system reboot esc exit" dengan sangat acak. Saya juga menggunakan Archivo Reguler pada 24 pt. Gandakan layer ini dengan menekan Command-J dan Klik Kanan> Rasterize Type.



Langkah 6
Sambil memilih layer raster, pergi ke Filter> Distort> Displace. Setel Horizontal Scale ke 3 dan Vertical Scale ke 6. Set Displacement Map ke Stretch to fit dan Undefined Areas ke Repeat Edge Pixels. Klik OK dan jendela impor akan muncul. Cari file PSD yang kita simpan di Illustrator di awal tutorial ini. Klik Open.
Saya pindah dan mengubah ukuran kotak teks sedikit saat menggunakan kotak teks asli untuk kejelasan, seperti yang ditunjukkan pada gambar di bawah ini. Jangan ragu untuk menggunakan Marquee Tool (M) untuk menciptakan harmoni di antara semua elemen.



Langkah 7
Saya memutuskan untuk menambahkan layer teks tambahan dalam bahasa Cina dan mengulangi langkah-langkah di atas untuk mencerminkan universalitas. Saya mengetik "步步高 升" secara vertikal, yang merupakan keberuntungan yang dikatakan saat Tahun Baru. Saya menggunakan Kozuka Gothic Pr6N, yang seharusnya tersedia dengan perangkat lunak Adobe Anda. Tetapi jangan ragu untuk menggunakan tipografi apa pun! Kali ini, saya menambahkan beberapa warna: #ec5c6c.



Langkah 8
Ingat bahwa hasil potongan ini akan berbeda untuk setiap orang karena efek Wave dan Displacement memiliki banyak pengaturan. Anda dapat menduplikasi dan menerapkan efek beberapa kali pada layer yang sama seperti yang telah saya lakukan dengan teks dan displacement layer. Jadi tidak ada yang benar atau salah - eksperimen dianjurkan!. Tambahkan spin Anda sendiri!



5. Menyimpan File untuk Web
Langkah 1
Pergi ke File> Save dan simpan file seperti biasa.



Langkah 2
Pergi ke File> Save for Web atau Shift-Option-Command-S. Pilih jenis file yang Anda inginkan untuk menyimpan dokumen; Saya memilih JPEG dan menetapkan 100 untuk Quality. Di bawah Image Size, Anda dapat mengubah ukuran piksel gambar jika Anda memiliki batasan ukuran.
Di sisi kiri bawah, Anda dapat melihat preview ukuran file. Ini berguna ketika ada batasan ukuran di situs web dan Anda perlu menurunkan kualitas atau ukuran gambar.
Klik Save ... untuk memilih lokasi di jendela baru, dan klik Save lagi.



Luar biasa! Anda Sudah Selesaikan Tutorial Ini!
Dalam tutorial ini, kita telah membahas tren utama untuk 2018 yang tidak menunjukkan tanda-tanda menghilang! Hari ini kita telah belajar:
- Gunakan Blend tool di Illustrator.
- Integrasikan efek Displace untuk menciptakan tampilan yang tersebar.
- Dapatkan efek glitch dengan menggabungkan efek Displace dan efek Wave.
- Terakhir namun bukan yang paling akhir, bereksperimenlah dengan tool yang berbeda!



Jika Anda menyukai tutorial ini, Anda mungkin suka ini:
