8

Cara Membuat Efek Foto Glitch Yang Keren Di Adobe Photoshop

 2 years ago
source link: https://design.tutsplus.com/id/tutorials/how-to-create-a-glitch-effect--cms-27681
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Indonesian (Bahasa Indonesia) translation by Nasruddin (you can also view the original English article)

Final product imageFinal product imageFinal product imageWhat You'll Be Creating

Efek foto adalah cara yang baik untuk melatih dan memanfaatkan keterampilan Photoshop anda.  Pada pelajaran ini, pelajari bagaimana membuat efek glitch foto yang seru menggunakan Marquee Tools, Wave Filter, dan banyak lagi!

Aset Tutorial

Aset berikut digunakan pada pembuatan tutorial ini. 

Dasar-dasar Glitch Foto: Apa yang Perlu Diketahui

Supaya mendapat hasil sebaik mungkin saat mencapai efek berbasis skenario nyata, ini membantu mengerjakan penelitian anda.  Jadi mari cari tahu apa itu glitch. 

Jenis glitch yang kami ambil ini umum pada televisi atau  video game.  Glitch ini adalah kekeliruan atau gangguan software yang sering disebabka oleh sinyal yang rusak.  Hasil akhirnya manjadikan monitor anda tiba-tiba berubah dan sulit dilihat.

Untuk tutorial ini, kami perlu mengingatkan beberapa karakteristik visual utama untuk mencapai tampilan ini.  Yaitu:

  • Garis kasar atau gelombang
  • Tampilannya tidak bergerak atau  statis.
  • Warna berubah

Lakukan banyak pencarian di Google agar beberapa inspirasi dan rujukan tetap tersedia.  Mengacu ke keduanya untuk bereksperimen dengan gaya ini untuk diri anda sendiri, atau dapatkan bantuan dari profesional desain dari Envato Studio.

Glitch Photo Effect Alternative Version by Melody NievesGlitch Photo Effect Alternative Version by Melody NievesGlitch Photo Effect Alternative Version by Melody NievesVersi alternatif.  Kumpulkan referensi agar membantu mencapai tampilan ini! Stok dari Freepik.

Jika anda mendapat masalah mendapatkan tampilan ini, jangan lupa bahwa anda selalu bisa melewati proses ini dengan mengunduh salah satu Efek Foto Glitch luar biasa kami dari GraphicRiver dan Envato Elements.

1. Cara Menyusun Efek Foto Glitch

Langkah 1

Mari dimulai!  Saya akan memakai Hipster Stock ini dari PhotoDune untuk tutorial ini.  Untuk tampilan khuus ini, akan membantu jika anda memilih stok dimana model memiliki tepi yang bisa anda lihat dengan jelas karena kami perlu mengekstraknya dari latar belakangnya.  Ini juga merupakan bonus tambahan jika latar belakangnya berwarna solid atau tidak terlalu mengganggu seperti panel kayu ini.

Hipster Man Stock from PhotoDuneHipster Man Stock from PhotoDuneHipster Man Stock from PhotoDunePerhatikan bagaimana anda bisa melihat dengan jelas semua garis tepi model tersebut.  Pastika anda memilih cadangan dengan model yang bisa anda ekstrak dengan mudah.

Klik ganda layer Background untuk membuatnya jadi New Layer.  Buat New Layer (Control-Shift-N) ditempatkan dibawah rujukan anda.  Atur Foreground Color ke putih dan Fill layer dengan putih dengan memakai Paint Bucket Tool (G).

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

Langkah 2

Pilih Magnetic Lasso Tool (L).  Hal ini akan membantu kita mengekstrak dengan memisahkan sisi model anda dengan mudah.  Gunakan Magnetic Lasso Tool (L) untuk membuat seleksi lengkap di sekitar model.  Ketika anda selesai, klik kanan dan pilih Layer via Copy untuk membuat salinan cepat. 

Use the Magnetic Lasso Tool to Extract the SubjectUse the Magnetic Lasso Tool to Extract the SubjectUse the Magnetic Lasso Tool to Extract the SubjectPastikan anda tetap menyimpan stok asli.  Hasil akhirnya adalah bagaimana stok terlihat pada layernya sendiri. 

Langkah 3

Pilih stok asli. Gunakan Free Transform Tool (Control-T) untuk membawanya ke sisi latar belakang mengekspos beberapa warna putih ke kiri dan kanan.

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

Sebagai gantinya, jika stok anda tidak memiliki latar belakang, anda bisa hanya menambah persegi menggunakan Rectangle Tool (U) seperti contoh di bawah ini.

Alternative Glitch Version with Rectangle BackgroundAlternative Glitch Version with Rectangle BackgroundAlternative Glitch Version with Rectangle BackgroundSebagai gantinya, jika stok anda tidak memiliki latar belakang, tambahkan persegi yang sudah ada.  Stok dari Freepik.

2. Cara Men-Desaturate Foto 

Langkah 1

Terus berlanjut, mari Desaturate foto ini untuk palet warna monokrom lebih banyak.  Pilih layer untuk potongan model dan buka Image > Adjustments > Hue & Saturation. Kurangi Saturation ke -95 untuk menghapus sebagian besar warna foto. 

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

Langkah 2 

Anda dapat mengatur foto utama bahkan lebih jauh dengan menggunakan Levels.  Pilih layer model yang terekstrak dan buka Image > Adjustments > Levels. Ubah Levels untuk RGB Channel dengan pengaturan berikut:

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

Hasil akhirnya menjadi halus dan sedikit menerangkan model.

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

3. Cara Membuat Distorsi Glitch Linear

Langkah 1

Bagian selanjutnya dari efek ini adalah membuat ulang distorsi foto yang rusak yang membuatnya terlihat seperti kalau visualnya tidak berada di tempatnya.  Untuk mengerjakan ini, pertama pilih layer stok dan model dan Gabung keduannya bersamaan. 

Merge the layers together
Merge the layers togetherMerge the layers together

Langkah 2

Sekarang pilih Rectangular Marquee Tool (M).  Buat dua seleksi tipis pada layer foto.  Pertama buat satu di bawah, dan kemudian tahan tombol Shift untuk menambah seleksi lain di atasnya.

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

Tekan tombol V pada keyboard anda untuk berganti dengan Move Tool.  Gunakan tombol panah kiri untuk memindahkan seleksi ke arah kiri.  Anda mungkin harus menekannya beberapa kali atau menahannya sejenak agar mendapat hasil yang diinginkan.

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

Langkah 3

Anda dapat melanjutkan proses ini pada satu layer, tetapi masih mungkin membuka ruang putih yang terlihat tidak begitu bagus.  Jadi untuk menghindarinya, Duplicate(salin) layer model dan pakai salinannya untuk membuat distorsi.

Lagi, gunakan Rectangular Marquee Tool (M) untuk membuat seleksi lebih, pindahkan semua ke arah yang berlainan dengan tombol panah kiri dan panah kanan.  Disini saya membuat dua lagi dan langsung memindahkannya ke kanan.

Create more selections for more glitches
Create more selections for more glitchesCreate more selections for more glitches

Perhatikan bahwa karena ada salinan foto di belakan layer ini, hasilnya terlihat menunjukkan layer dibelakangnya dibanding latar belakang putihnya.

Langkah 4

Mari hal ini dipercepat sedikit! Buat seleksi persegi lebih, menggunakan Move Tool (V) untuk memindahkan bagian berbeda yang tidak pada tempatnya.  Ubah ukuran antara seleksi yang tipis dan yang lebih tebal untuk membuat efeknya jadi lebih alami.

Sebaiknya miliki rencana sebelum anda mengerjakan bagian ini.  Sejak saya menyukai ekspresi serius laki-laki ini, saya ingin memastikan glitchnya fokus ke arah tengah foto ini.

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

Karena anda jadi lebih dekat ke wajahnya, cobalah agar tidak mengdistorsinya terlalu banyak.  Kerjakan setiap glitch secara indiividu untuk melihat mana yang akan berhasil.  Bagian ini semua tentang percobaan, jadi jika anda perlu kembali selangkah atau dua langkah, hanya tekan Control-Z untuk mengembalikannya.

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

Saat anda telah selesai dengan semua glitch linear, efek seharusnya terlihat sesuatu seperti ini:

Final Linear Glitch Effect
Final Linear Glitch EffectFinal Linear Glitch Effect

4. Cara Membuat Distorsi Glitch Bergelombang

Langkah 1

Bagian selanjutnya dari efek distorsi ini adalah membuat glitch bergelombang.  Anda mungkin pernah melihat ini sebelumnya jika anda sudah menjelajah ke saluran bermasalah seperti anak kecil, tetapi glitch ini membuat gambarnya timbul seperti bergerak dalam cairan.

Untuk melakukan ini kita perlu Wave Filter.  Pertama, gabung layer stok yang asli bersamaan dengan salinan yang sudah punya semua glitch.  Kemudian tekan Control-J untuk membuat salinan agar distorsi gelombang tercipta.

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

Langkah 2

Dengan salinan yang telah dipilih, buat lebih banyak seleksi besar dengan Rectangular Marquee Tool (M) seperti sebelumnya.  Perlu diingat bahwa saya sedang mencoba membingkai wajah subjek, jadi jangan pilih bagian manapun secara langsung di tengah.

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

Sekarang buka Filter > Distort > Wave, menyesuaikan pengaturan seperti berikut ini untuk membuat efek bergelombang hanya pada seleksinya.

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

Langkah 3

Dengan efek khusus ini, pengaturan di atas mungkin atau tidak mungkin  bekerja pada foto anda.  Jadi penting untuk bereksperimen dan sesuaikan pengaturannya sendiri untuk mendapatkan tampilan yang anda inginkan.

Lanjutkan proses pembuatan seleksi ini dahulu sebelum mengaplikasikan Wave Filter.  Anda perlu mengganti pengaturan setiap kali mengubah efek pada foto.

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

Ada beberapa progres lagi setelah sebuah percobaan kecil.

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

Langkah 4 

Selesaikan efek ini dengan berpusat pada bagian atas dan bawah foto.  Pertama, pilih bagian bawah foto dengan Rectangular Marquee Tool (M) dan aplikasikan Wave Filter dengan pengaturan berikut.

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

Sekarang untuk posisi di atas.  Ulangi prosesnya, kali ini mengubah pengaturan seperti di bawah ini.

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

Inilah gambar yang lengkap dengan semua glitch garis dan gelombang.  Mari lanjut ke sentuhan akhir!

Final Wavy Glitch Effect
Final Wavy Glitch EffectFinal Wavy Glitch Effect

5. Cara Membuat Efek 3D Sederhana

Langkah 1

Sekarang efek warna 3D!  Seperti sebelumnya, mulai dengan menggabungkan layer glitch bersama-sama, biarkan latar putihnya sehingga hanya ada dua layer tersisa.  Kemudian tekan Control-J untuk membuat dua  salinan lagi dari layer foto yang tergabung.

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

Langkah 2

Sembunyikan Visibility dari dua layer di atas.  Kemudian klik kanan pada layer foto pertama, “Merged” dan buka Blending Options. Hapus centang G, atau Green Channel yang ada di bawah Advanced Blending.

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

Sekarang unhide Visibility-nya dari layer atas dan ulangi prosesnya.  Kali ini hapus centang Red Channel untuk “Merged Copy”, dan kedua Red dan Green Channel untuk “Merged Copy 2”.

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

Langkah 3

Sekarang kita bisa mulai memindahkan setiap layer untuk membuat efek 3D yang keren.  Pilih Move Tool (V) dan kemudian pilih layer “Merged Copy”, menggunakan tombol panah kiri untuk memindahkan layer ke kiri.  Selanjutnya, pilih layer atas, “Merged Copy 2”, menggunakan tombol panah kiri untuk memindahkan layer ke kiri juga.

Inilah bagaimana tampak prosesnya.

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

Langkah 4

Hampir selesai!  Untuk menambah penampakan garis layar pada efek ini, pilih layer atas, “Merged Copy 2” dan klik kanan untuk membuka Blending Options.  Tambahkan Pattern Overlay cepat menggunakan Horizontal Line Pattern default, dan atur sisa pengaturannya seperti ini:

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

Karena layernya biru dan Blend Mode diatur ke Soft Light, hal ini juga akan memberi warna biru yang baru pada gambar anda.

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

Langkah 5

Untuk menyelesaikan efek glitch ini, kita hanya perlu mengeluarkan satu langkah terakhir.  Tambahkan New Layer dan atur Layer Blend Mode ke Dissolve.  Pada langkah ini, kita akan menggunakan Brush Tool (B) untuk melukis merah (#5e220a) pada bagian bawah gambar supaya tercipta partikel kecil seperti bagian dari efek glitch akhir.  Sesuaikan Opacity layer jika diperlukan; disini saya menurunkannya menjadi 8%.

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

Selesai!  Cek hasil akhirnya di bawah.

Kesimpulan

Efek foto adalah cara cerdas melatih teknik yang unik dan menarik di Adobe Photoshop.  Anda bisa memiliki banyak keseruan mendapatkan skenario nyata seperti glitch foto dan banyak lagi.

Saya harap anda menikmati tutorial ini.  Jangan ragu untuk memberitahu saya jika anda punya pertanyaan di komentar bawah.  Dan pastikan menjelajah cakupan luas Action Efek Foto Glitch yang tersedia di GraphicRiver dan Envato Elements.

Glitch Photo Effect Photoshop Tutorial by Melody NievesGlitch Photo Effect Photoshop Tutorial by Melody NievesGlitch Photo Effect Photoshop Tutorial by Melody Nieves

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK