Membuat Efek Interweaving Photo Strips Dengan Photoshop

Gaes...gaes...Hallo gaes....Dalam tutorial Photoshop Effcts kita kali ini, kita akan belajar cara membuat efek Interweaving Photo Strips yang menarik dengan mengambil gambar dan mengubahnya menjadi serangkaian strip yang saling berhubungan (layaknya rajutan tiker gaes).


Kami akan menggunakan beberapa layer dan layer mask dalam pengerjaan tutorial kali ini, serta beberapa kliping dan layer style, dan kita akan mengaktifkan grid Photoshop untuk membantu pekerjaan kita.
interweaving photo strips

Efek Interweaving Photo Strips


Awal muasal cerita nih gaes, pertama kali saya melihat efek Photoshop ini, saya berpikir "Wow, ada beberapa hal yang sangat canggih terjadi di sana!".

Tetapi seperti kebanyakan hal dalam hidup, setelah memikirkannya selama beberapa menit, saya menyadari betapa sederhananya itu, seperti yang akan kita lihat sesaat lagi.

Yuk ah....

Langkah 1 : Pangkas Gambar Menjadi Kotak


Hal pertama yang perlu kita lakukan untuk efek ini adalah memotong gambar menjadi persegi, meskipun secara teknis Anda dapat meninggalkan gambar sebagai 4x6 atau ukuran apa pun yang terjadi, tetapi efeknya cenderung terlihat paling baik sebagai persegi.

Kami akan menggunakan Crop Tool Photoshop untuk ini, jadi pilihlah dari palet Tools :

interweaving photo strips


Anda juga dapat menekan huruf C untuk memilihnya dengan cepat menggunakan pintasan keyboard. Kemudian, dengan Crop Tool tahan tombol Shift Anda dan seret pilihan di sekitar wajah :

interweaving photo strips


Jika dirasa sudah cukup, tekan Enter :

interweaving photo strips



Langkah 2 : Buat Duplikat Layer


Hal selanjutnya yang akan kita lakukan adalah membuat beberapa salinan dari gambar kita.

Jika kita melihat di palet Layers, kita dapat melihat bahwa kita saat ini memiliki satu layer yang bernama Background dan berisi gambar asli kita :

interweaving photo strips


Kita perlu menduplikasi layer Background sebanyak dua kali, jadi gunakan pintasan keyboard Ctrl + J untuk menduplikasinya sekali dan kemudian menggunakan pintasan keyboard yang sama lagi untuk membuat salinan kedua :

interweaving photo strips



Anda akan melihat tiga layer sekarang di palet Layers Anda. Klik dua kali langsung pada nama layer di atas dan beri nama "Vertikal Strips", lalu klik dua kali langsung pada nama layer di bawahnya dan beri nama "Horizontal Strips" :

interweaving photo strips



Langkah 3 : Isi Layer Background Dengan Hitam


Tekan D pada keyboard untuk mengatur ulang warna Foreground dan Background Photoshop ke default, hitam sebagai warna Foreground dan putih sebagai warna Background.

interweaving photo strips

Kemudian klik pada layer Background asli (lapisan bawah) di palet Layers untuk memilihnya.

Kita akan mengisinya dengan hitam, dan dengan hitam sekarang sebagai warna Foreground kita, kita dapat menggunakan pintasan keyboard Alt + Backspace yang mengisi lapisan yang saat ini dipilih dengan warna Foreground saat ini (hitam).

Tampaknya tidak ada yang terjadi pada gambar, karena dua lapisan di atas layer Background menghalangi dari tampilan, tetapi jika kita melihat pada palet Layers, kita dapat melihat bahwa thumbnail layer Background sekarang diisi dengan warna hitam, memberitahu kita bahwa layer itu sendiri diisi dengan hitam :

interweaving photo strips



Langkah 4 : Matikan Lapisan Atas  (Vertical Strip) Untuk Sementara Waktu


Kita akan membuat horizontal strip kita terlebih dahulu, tetapi lapisan "Vertical Strip" di atas akan menutupi pandangan kita sehingga kita perlu mematikannya untuk sementara.

Untuk melakukan itu, klik pada ikon visibilitas layer ( ikon "bola mata") di sebelah kiri lapisan "Strip Vertikal" di palet Layers.

interweaving photo strips

Anda tidak akan melihat sesuatu perubahan yang terjadi pada gambar, ini dikarenakan lapisan "Vertical Strip" dan "Horizontal Strip" identik pada saat itu, tetapi ketika Anda mengklik ikon bola mata, bola mata akan menghilang, dan ini memberi tahu Anda bahwa lapisan itu sekarang tersembunyi :

interweaving photo strips


Langkah 5: Aktifkan Grid Photoshop


Kita akan membuat strip vertikal dan horizontal dan untuk membantu kita, kita akan menggunakan kisi Photoshop.

Ke menu View di bagian atas layar, pilih Show , lalu pilih Grid. Anda juga dapat menggunakan pintasan keyboard Ctrl + ' untuk dengan mudah menghidupkan dan mematikan kotak.

interweaving photo strips


Ketika kisi Anda muncul, jika Anda menemukan bahwa Anda tidak dapat melihatnya dengan sangat baik karena warna kisi menyatu dengan warna gambar Anda, tekan Ctrl + K untuk dengan cepat membuka Photoshop's Preferensi :

interweaving photo strips



Kemudian, dari menu drop-down di bagian atas, pilih Guides, Grid and Slices. Dari sini, kita dapat mengubah warna kotak.

Di opsi Grid, klik pada carikan warna di sudut kanan atas, yang akan memunculkan Photoshop's Color Picker.

Pilih warna untuk kisi Anda yang dapat Anda lihat di depan gambar Anda dan kemudian klik OK untuk keluar dari Color Picker.

Anda dapat melihat pada tangkapan layar di bawah opsi Grid bahwa saya telah mengubah warna kotak saya menjadi kuning :

interweaving photo strips


Klik OK untuk keluar dari kotak dialog Preferensi. Sekarang Anda akan melihat kisi-kisi Anda dengan warna baru (dalam contoh saya berwarna kuning) :

interweaving photo strips

Langkah 6: Seret Serangkaian Pilihan Horizontal


Sekarang mari kita buat "horizontal strip" kita terlebih dahulu. Ambil Rectangular Marquee Tool Anda dari palet Tools, atau tekan M pada keyboard Anda untuk memilihnya dengan cepat :

interweaving photo strips


Pertama, pastikan layer "Horizontal Strips" dipilih dalam palet Layers (layer yang saat ini dipilih disorot dengan warna abu-abu) :


interweaving photo strips

Saya akan membuat strip horizontal yang tingginya dua baris grid, dengan satu baris grid yang memisahkan satu sama lain. 

Sekarang, saya ingin memastikan bahwa mata itu termasuk dalam efek akhir, jadi saya akan mulai dengan menyeret keluar pilihan di sekitar dua baris kisi di pada bagian mata.

Secara default, pilihan saya akan snap ke grid karena saya menyeretnya untuk mempermudah.

interweaving photo strips


Dengan menahan tombol Shift pada keyboard, lakukan hal yang sama dengan membuat strip pada seluruh bagian. (terlihat semua strip dengan selisih satu kotak)

interweaving photo strips


Langkah 7: Tambahkan Layer Mask


Dengan pilihan horisontal kami di tempat, klik pada ikon Layer Mask di bagian bawah palet Layers untuk menambahkan layer mask ke lapisan "Horizontal Strip" :

interweaving photo strips


Photoshop menambahkan masker ke layer dan menggunakan pilihan yang kami buat untuk menentukan bagian mana dari layer yang akan tetap terlihat dan bagian mana yang akan disembunyikan dari pandangan.

Area yang ada di dalam pilihan horizontal kami tetap terlihat, sementara area yang berada di kolom grid yang memisahkan pilihan kami menghilang, memperlihatkan lapisan yang diisi hitam di bawahnya :


interweaving photo strips


dan pada layer terlihat seperti pada gambar berikut :

interweaving photo strips


Langkah 8: Aktifkan Kembali "Strip Vertikal"


Kami akan melakukan hal yang sama sekarang untuk membuat strip vertikal kami. Pertama, klik di atas "Vertical Strip" lapisan dalam palet Layers untuk memilihnya, lalu klik kembali pada ikon visibilitas lapisannya untuk membawa kembali bola mata dan putar kembali lapisan itu :



Langkah 9: Seret Serangkaian Pilihan Vertikal


Seperti yang kami lakukan saat membuat horizontal strip (langkah 7), mari seret keluar serangkaian pilihan, kali ini yang vertikal.

Kami akan membuat pilihan vertikal dua kolom kotak lebar, meninggalkan satu kolom kotak di antara mereka.

Gunakan Rectangular Marquee Tool Anda untuk menarik keluar pilihan pertama Anda, lalu tahan Shift dan seret sisa pilihan Anda. Gambar Anda sekarang akan terlihat seperti ini :



Dengan pilihan vertikal kami, klik pada ikon Layer Mask di bagian bawah palet Layers :

interweaving photo strips


Photoshop menambahkan layer mask ke layer dan sama seperti sebelumnya, ia menggunakan pilihan kami untuk menentukan area lapisan mana yang tetap terlihat dan mana yang hilang dari tampilan.

Area di dalam pilihan kami tetap terlihat, dan area yang ada di dalam kolom grid yang memisahkan pilihan kami menghilang mengungkapkan lapisan "Horizontal Strip" dan layer hitam di bawah ini:

interweaving photo strips


interweaving photo strips


Sekali lagi saya akan mematikan grid saya sementara dengan Ctrl + ' sehingga kita dapat melihat gambar itu sendiri dengan lebih mudah. Gambar Anda sekarang akan terlihat seperti ini :

interweaving photo strips


Langkah 10 : Pilih Semua Titik Persimpangan Strip


Kami memiliki strip vertikal dan horizontal kami, tetapi yang terlihat saat ini adalah kami memiliki banyak kotak hitam yang menutupi gambar kami.

Kita perlu menciptakan ilusi bahwa kepingan-kepingan itu menenun di atas dan di bawah satu sama lain. 

Untuk melakukan itu, kita perlu memilih area di mana garis vertikal dan horizontal berpotongan.

Sebelum kita melakukannya, tekan Ctrl + '  untuk mematikan grid jika Anda belum melakukannya, karena kami tidak lagi membutuhkannya (karena sudah dilakukan pada langkah sebelumnya).

Kemudian, tahan tombol Ctrl Anda dan klik langsung pada thumbnail layer mask layer "Horizontal Strips" :

interweaving photo strips


Ini akan memuat kembali pilihan horisontal ke dalam gambar :



Kemudian tahan Shift + Ctrl + Alt dan klik langsung pada thumbnail layer mask "Vertical Strips" :

interweaving photo strips


Ini akan melakukan dua hal : Satu itu akan memuat pilihan vertikal kembali ke gambar, dan dua, itu akan memberitahu Photoshop untuk menjaga seleksi di sekitar hanya area di mana seleksi horizontal dan vertikal berpotongan.

Segala sesuatu yang lain menjadi tidak dipilih :

interweaving photo strips


Langkah 11: Simpan Pilihan


Sebelum kita melangkah lebih jauh, kita perlu menyimpan pilihan ini. Untuk melakukan itu, naik ke menu Select di bagian atas layar dan pilih Save Selection.

interweaving photo strips

Ketika kotak dialog "Simpan Pilihan" muncul, cukup klik OK di sudut kanan atas untuk keluar dari sana :

interweaving photo strips

Langkah 12 : Hapus Semua Pilihan Square lainnya


Dengan Rectangular Marquee Tool Anda masih aktif, tahan tombol Alt Anda dan seret pilihan di sekitar setiap pilihan kuadrat lainnya. (Ini akan menghapus strip yang anda pilih untuk dihapus).

interweaving photo strips

Langkah 13: Salin Pilihan Ke Lapisan Baru


Klik pada thumbnail layer "Horizontal Strip" di palet Layers untuk memilihnya. Kemudian tekan Ctrl + J untuk menyalin area yang dipilih ke layer baru.

Anda tidak akan melihat sesuatu terjadi pada gambar itu sendiri, tetapi jika Anda melihat pada palet Layers, Anda akan melihat layer baru bernama "Layer 1" yang ditambahkan antara layer "Horizontal Strips" dan "Vertical Strips" :

interweaving photo strips


Langkah 14 : Buat Masker Kliping


Dengan layer baru yang dipilih, naik ke menu Layer di bagian atas layar dan pilih Create Clipping Mask. Anda juga dapat menggunakan pintasan keyboard Ctrl + Alt + G.

Kita tidak dapat melihat perbedaan dalam gambar itu sendiri, tetapi dalam palet Layers, kita dapat melihat bahwa layer baru sekarang menjorok ke kanan yang memberitahu kita bahwa itu sedang terpotong oleh lapisan di bawahnya :

interweaving photo strips


Langkah 15 : Muat Ulang Pilihan yang Disimpan


Mari kita bawa kembali pilihan yang kita simpan beberapa saat yang lalu, pilih select kemudian load selection :

interweaving photo strips


Kemudian pilih selection yang kita simpan tadi kemudian klik OK :

interweaving photo strips

dan akan muncul kembali strip seperti pertama yang kita simpan tadi :

interweaving photo strips

Langkah 16: Hapus dan Salin pilihan The Square Opposite Square


Dengan Rectangular Marquee Tool masih dipilih, sekali lagi tahan tombol Alt Anda dan seret ke setiap pilihan kuadrat lainnya untuk membatalkan pilihan. (berbanding terbalik dengan strip di langkah 12) gambar akan terlihat seperti ini :

interweaving photo strips


Klik pada layer "Vertical Strips" di bagian atas palet Layers untuk memilihnya, lalu tekan Ctrl + J  untuk menyalin area yang dipilih ke layer baru.

Sekali lagi, kita tidak akan melihat sesuatu terjadi pada gambar itu sendiri, tetapi palet Layers menunjukkan kepada kita layer baru bernama "Layer 2" di atas lapisan "Vertical Strip" yang berisi area persegi yang dipilih:

interweaving photo strips


Seperti yang kami lakukan beberapa saat yang lalu, pergi ke menu Layer dan pilih Create Clipping Mask atau tekan Ctrl + Alt + G  untuk membuat clipping mask.

Kita sekarang dapat melihat lapisan baru yang menjorok ke kanan yang memberitahu kita bahwa itu sedang dipotong oleh lapisan "Vertical Strip" di bawahnya :

interweaving photo strips


Langkah 17 : Tambahkan Gaya Lapisan Cahaya Luar


Dengan lapisan atas masih dipilih, klik ikon Layer Styles di bagian bawah palet Layers :

interweaving photo strips


Pilih Outer Glow dari daftar Layer Styles yang muncul:

interweaving photo strips


Ini memunculkan kotak dialog "Layer Style" yang diatur ke opsi "Outer Glow" di tengah.

Kita akan mengubah "cahaya" kita menjadi bayangan, dan untuk melakukan itu, kita perlu mengubah Blend Mode menjadi Multiply.

Untuk warna bayangan kami menggunakan warna Hitam, jadi klik pada contoh warna tepat di bawah kata "Noise", yang menampilkan Photoshop's Color Picker, dan pilih hitam sebagai warna Klik OK.

Turunkan nilai Opacity menjadi sekitar 60% sehingga bayangan tidak cukup gelap dan intens. Akhirnya, di bagian "Elemen" di tengah kotak dialog rubah ukuran/size menjadi 35.

interweaving photo strips

Tips : Untuk seting ini menyesuaikan dengan gambar yang anda punya, bereksperimenlan hingga anda menemukan pengaturan yang sesuai keinginan.

dan beginilah penampakannya :

interweaving photo strips

Langkah 18 : Copy dan Paste Efek Layer Style Ke "Layer 1"


Yang tersisa untuk dilakukan sekarang adalah menerapkan gaya layer Outer Glow yang sama persis ke "Layer 1".

Daripada menambahkan Outer Glow lain dan harus mengubah semua pengaturan dalam opsi lagi, kita cukup menyalin gaya layer kita dari "Layer 2" dan menempelkannya ke "Layer 1".

Untuk melakukan itu, klik kanan pada layer 2 effects lalu pilih copy layer style :

interweaving photo strips


Kemudian klik "Layer 1" di palet Layers untuk memilihnya,

interweaving photo strips

Klik kanan lalu pilih Layer Style sekali lagi, dan kali ini, pilih Paste Layer Style :

interweaving photo strips


Segera setelah Anda melakukan itu, Outer Glow, bersama dengan semua pengaturan yang baru saja kami ubah, disisipkan ke "Layer 1", dan efek "interweaving photo strips" selesai.

Dan inilah hasil akhirnya :

interweaving photo strips


Luar biasa mudah bukan?

Ternyata jika kita mau mencoba, hal yang awalnya kita anggap sulit ternyata tidak sesulit yang kita anggap....halah (hahaha)

Untuk sekarang ini dulu gaes tutorial serta tips dan trik Photoshop yang umahliyu untuk anda-anda semua.

Selalu nantikan tutorial-tutorial photoshop lainnya yang tentunya akan umahliyu ulas semudah mungkin untuk diikuti.

Semangat belajar......

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "Membuat Efek Interweaving Photo Strips Dengan Photoshop"

Posting Komentar

Tips dan Trik Photoshop

Photoshop Tutorial

Photoshop

Informasi Photoshop