PIXELISME

Efek Glitch atau sering juga disebut sebagai Glitch Art bukanlah fenomena baru, karena sudah sering kita lihat di film, video klip musik dan juga videogame. Pada dasarnya, glitch art adalah memberikan efek "rusak" secara sengaja pada gambar atau video, seolah-olah terjadi error pada frame tersebut yang menyebabkan distorsi gambar dan warna.

Pada tutorial ini, kita akan membuat efek glitch yang merupakan kombinasi color dan pixel glitch, berupa distorsi garis horizontal. Adapun contoh inspirasinya bisa anda lihat pada gambar dibawah ini.

Contoh inspirasi Glitch Effect

Kita mulai dengan mencari gambar yang cocok. Mau pakai foto sendiri juga boleh, tapi saya dapat inspirasi untuk memakai salah 1 ilustrasi dari video game Assassins Creed. Mungkin karena game ini banyak glitch/bug hahaha..

Langsung saja buka google images dan cari gambar dengan keyword "assassin's creed origins". Setelah ketemu gambar yang cocok, copy-paste gambar tersebut ke dalam dokumen baru di Photoshop.

cari gambar keren di images.google.com

Cara paling praktis untuk menghasilkan efek glitch ini adalah dengan menyusun layer seperti ini:
- layer hitam putih tanpa channel merah
- layer hitam putih
- layer warna

Bagaimana cara menyembunyikan channel merah pada layer paling atas? klik kanan saja, lalu pilih Blending options dan hilangkan tanda centang pada opsi Channels: R.

setup layer untuk efek color glitch

Beralih ke Move tool, geser gambar pada layer tersebut ke kiri atau ke kanan. Mestinya kamu sudah melihat efek color glitch warna merah-hijau kebiruan dipinggir gambar.

Kanan kiri ok

Biar lebih berasa retro, yuk kita kasih efek garis scanlines seperti layar tv jaman old. Kamu bisa bikin efek garis scanlines ini secara manual, tapi daripada repot, mending cari saja di google karena ada banyak file scanlines.png siap pakai disana.

mencari dan menyimpan gambar tekstur scanlines

Unduh file gambar scanlines.png lalu masukkan ke urutan layer paling atas. Bila Anda merasa garis scanlines terlalu keras, cobalah mengurangi opacity nya.

Hasil layering texture scanlines

Group semua layer (kecuali layer background) ke dalam 1 layer folder. Selanjutnya duplikat folder tersebut dan gabungkan menjadi 1 layer dengan perintah merge group. Hasil akhirnya seperti ini:

Group semuanya, duplikat lalu gabungkan

Nah, pada layer hasil merge inilah tempat kita membuat efek distorsi garis horizontal pada gambar. Cara paling mudah adalah dengan memakai kombinasi tool seleksi marquee dan move tool.

Langkah-langkah-nya adalah:
1. Buat seleksi horisontal
2. Geser pake move tool ke kiri atau ke kanan
3. Ctrl+D untuk deselect.
4. Ulangi sampai puas.

seleksi, geser, deselect. ulangi.

Optional: untuk efek vintage, tambahkan layer gradient fill seperti contoh dibawah ini.

tips: kamu bisa geser posisi gradient dengan cara menggesernya langsung di kanvas.

Selesai! Tapi kalau kamu mau tambahkan teks seperti pada contoh ini silahkan simak langkah lengkapnya di video tutorial dibawah ini:


Artikelnya bermanfaat? Share artikel keren ini dengan teman-teman kamu di sosmed.
Follow pixelisme di FB, IG dan G+ supaya kamu gak ketinggalan artikel baru.

Penasaran bagaimana membuat iklan banner animasi seperti yang biasa terlihat di internet? nah hari ini pixelisme ingin mengajak kamu untuk membuat iklan banner animasi yang hasil akhirnya terlihat seperti pada gambar dibawah ini:
Ok langsung saja ke video tutorialnya, jangan lupa subscribe dan share ya :) semoga bermanfaat! (tutorialnya ada narasi audio bahasa Indonesia, jadi jangan lupa pake headphone nya guys)

Apa itu content aware scale? Pernahkah kamu menggunakannya? 

Content aware scale adalah fitur pada Photoshop (versi CS4 ke atas) yang memungkinkan photoshop untuk "mengisi kekosongan pixel dan menjaga proporsi" ketika kamu menarik foto untuk di-resize.

Sebagai contoh, dibawah ini terdapat sebuah canvas yang melebar dan foto seorang guru.


Kita menginginkan foto guru ini mengisi seluruh area canvas. Namun kalau kita gunakan perintah free transform dan menarik foto ini melebar, terlihat bahwa proporsi gambar menjadi tidak seimbang.


Nah, kamu bisa coba perintah content-aware-scale untuk proses transformasi semacam ini. Perhatikan bahwa ketika resize dengan perintah content-aware-scale ini, hasilnya lebih baik meski ada "cacat pixel" pada beberapa bagian gambar, terutama di area bahu.


Jadi disini kita perlu "melindungi" bagian gambar guru supaya tidak ikut tertarik melebar. Langkah pertama yaitu aktifkan Quick mask mode. Seleksi gambar guru dengan warna hitam (tampil merah dalam quick mask mode), dalam contoh ini saya gunakan brush tool untuk menandai area seleksi.


Beralih ke panel Channel, duplikat channel Quick Mask. Setelah itu silahkan kembali ke mode normal (keluar dari mode quick mask) dan deselect.


masih pada panel Channels, pilih Quick mask copy lalu warnai area foto guru yang masih menyisakan warna putih (bila ada). Hal ini untuk memastikan supaya seluruh badan guru terseleksi penuh.


Setelah selesai, balik warna channel dengan menekan CTRL+I. Setelah itu balik ke channel RGB lagi jangan lupa.


Nah, sekarang kamu bisa coba pakai perintah content-aware-scale lagi, tapi jangan lupa pilih Protect: Quick mask copy yang tadi sudah kita edit. Bila dilakukan dengan benar, mestinya kamu bisa menarik gambar melebar tanpa "merusak" bagian foto guru.


Lebih jelasnya, silahkan simak video tutorial dibawah ini:

face typography dalam 7 langkah

Ada banyak cara untuk membuat efek Face Tipografi. Dan efek ini sudah seringkali dibahas, baik itu di buku, forum-forum hingga youtube. Namun kali ini saya ingin berbagi teknik sederhana untuk menghasilkan efek face tipografi ini dalam 7 langkah saja.

Mudah-mudahan sobat pembaca bisa mengikuti tutorialnya dengan baik dan terinspirasi untuk membuat karya yang serupa. (yang males baca bisa lihat video youtube di ujung artikel)

catatan: tutorial ini ditulis dengan asumsi Anda sudah mengetahui cara menggunakan tool-tool dasar Photoshop seperti type tool, pen tool dan memahami prinsip layer serta path.

silahkan cari gambar yang mirip seperti contoh ini

Step 1

Gunakan Pen tool dengan mode: Path untuk membuat path mengelilingi model. Masih menggunakan Pen tool, klik kanan path lalu pilih Make Selection dari menu yang tampil. Klik OK untuk mengubah path menjadi seleksi.

dengan seleksi aktif, tekan CTRL+J untuk menyalin area terseleksi ke sebuah layer baru.

Step 2

Sembunyikan layer 1, kemudian isi layer background dengan warna hitam. Gunakan Type tool untuk membuat paragraph text seukuran canvas. Selanjutnya klik menu Type> Paste Lorem Ipsum untuk mengisi paragraph text tersebut dengan sembarang teks.

Apabila teks belum memenuhi seluruh canvas, silahkan copy-paste paragraf sebelumnya hingga terisi penuh seperti yang terlihat pada contoh dibawah ini. Pilih warna abu-abu sebagai warna teks atau bisa juga menggunakan warna putih, lalu turunkan opacity layernya.

Step 3

Kalau path yang Anda buat sebelumnya tiba-tiba menghilang, silahkan tampilkan kembali melalui panel Paths.

Selanjutnya kembali ke panel Layers, sembunyikan layer teks yang telah dibuat sebelumnya. Buat sebuah layer baru, lalu gunakan Type tool untuk mengisi Path dengan paragraf teks sembarang.

Step 4

Pastikan Anda memilih warna putih sebagai warna teks, lalu sesuaikan ukuran teks, jarak antar baris dan jarak antar huruf supaya paragraf secara keseluruhan tampak lebih padat.

Step 5

Tampilkan kembali layer 1 (layer gambar model), kemudian ubah blend mode nya menjadi Multiply. Sampai langkah ini, mestinya Anda mendapatkan hasil seperti contoh gambar dibawah ini.

Jika Anda mendapatkan hasil yang berbeda, pastikan :
1. Layer gambar model berada di urutan paling atas
2. Teks paragarf haruslah berwarna putih

Step 6

Tampilkan kembali layer teks yang seluruh paragrafnya mengisi penuh canvas. Pada langkah ini, Anda bisa menyesuaikan ulang ukuran, jarak antar baris, jarak antar huruf dan syle yang digunakan pada paragraf ini untuk mendapatkan komposisi yang menarik.

Step 7

Kembali ke layer teks yang mengisi path gambar model, tambahkan layer syle Drop Shadow. Atur supaya efek drop shadow ini terlihat jelas dan melebar supaya terlihat perbedaan antara teks background dengan teks model.




Kalau Anda lebih senang belajar dengan melihat sendiri prosesnya, dapat mengikuti video tutorial Youtube dibawah ini. Sedikit informasi, ada beberapa langkah yang berbeda dengan tulisan pada blog ini, namun hasil akhir yang dicapai tetap sama kok. Selamat mencoba.

Kamu pastinya pernah melihat still photo yang terlihat seperti scene dari sebuah film. Untuk memberikan efek cinema look seperti itu, ada banyak caranya, salah satunya adalah dengan memberikan color grading.

Pada tutorial ini, kita akan membuat efek cinema look dengan color grading menggunakan photoshop, namun tidak destruktif (dalam artian tidak merusak layer background asli). Kerennya lagi, efek ini bisa kamu ubah kembali setting nya kapanpun bila diperlukan.

Catatan: Tutorial ini bisa dipakai untuk Photoshop CS4 dan versi yang lebih baru

Langkah 1

Buka gambar yang ingin kamu kasih efek di photoshop. Supaya objek foto lebih 'standout', gunakan Blur tool untuk memperbaiki fokus dengan cara mengaburkan background.

Langkah 2

Tekan CTRL+J untuk menggandakan layer background, kemudian terapkan Filter> Other>  High Pass. Pada contoh ini saya atur nilai Radius: 2.5 px. Setelah klik OK, ubah blend mode layer background copy menjadi Overlay.

Langkah 3

Bila warna foto kurang cerah, kamu bisa menaikkan kecerahan warna nya dengan menambahkan layer adjustment Vibrance. Tarik slider vibrance ke kanan sampai puas.

Langkah 4

Untuk memberi efek vignette (bayangan hitam di pinggiran frame foto) tambahkan layer adjusment Gradient Fill warna transparan - hitam, pilih style: Radial. Selanjutnya kamu perlu menyesuaikan angle dan scale supaya warna hitam lebih dominan ke pinggiran frame foto. klik OK.

Opsional: Bila area gelap-terang pada foto kurang kontras, kamu bisa menambahkan layer adjustment Gradient Map warna hitam-putih. Ubah blend mode nya menjadi soft light lalu turunkan Opacity sesuai kebutuhan.

Sampai disini kamu bisa stop bila yg kamu inginkan adalah efek cinema look dengan warna natural tanpa color grading. untuk efek color grading, lanjut ke Langkah 5.

Langkah 5

Tambahkan layer adjusment Gradient Map, set warna gradai teal + yellow. Pilih blend mode Soft Light. turunkan opacity layer untuk mengurangi efek color grading supaya tidak terlalu kuat.

Langkah 6

Kamu bisa menambahkan color grading untuk memberikan suasa yang lebih kelam/ dingin. Caranya,  tambahkan layer adjustment Curves. Pilih tarik garis kurva pada channel Red dan Blue sesuai kebutuhan.

Langkah  7

Terakhir, apabila keseluruhan foto dirasa terlalu gelap, cobalah memperbaikinya dengan menambahkan layer adjustment Exposure. Tarik slider Exposure kekanan untuk membuat keseluruhan foto menjadi lebih terang, dan ke kiri untuk efek sebaliknya.

Kamu juga bisa menggunakan slider Gamma correction untuk mengurangi efek exposure bila foto mengalami over atau underexposure.

Demikianlah 7 langkah mudah untuk menerapkan cinema look color grading dengan photoshop. Jangan lupa untuk menyimpan foto ini dalam format psd supaya kedepannya bisa kamu edit lagi.

Butuh efek ini secara instan? kamu bisa download action nya disini

Males baca? Kamu bisa tonton langsung video tutorialnya, jangan lupa subscribe ya.

Kemungkinan kamu udah sering liat efek sunburst ini tapi gak tau namanya apa, iya gak? nah di kesempatan ini, yuk kita belajar gimana sih cara tercepat dan termudah untuk membuat efek tersebut. lengkap dengan opsi untuk mengubah warna jika diperlukan.




1. Buat dokumen baru dari menu file New. Pastikan ukuran kanvas adalah segi empat persegi alias square, misalnya dengan ukuran 800 x 800 px.


2. Gunakan Linear Gradient tool untuk mewarnai layer background dengan gradasi putih hitam (atau warna lain sesuai kebutuhan). Warna gradasi ini bisa diubah nanti di langkah berikutnya.


3. Masih pada layer background, terapkan Filter> Distort> Wave. Pilih Type: square. Undefined area: repeat edge pixels. Lalu klik tombol Randomize sampai ketemu efek wave yg kamu suka, klik OK.


5. Selanjutnya klik menu Filter> Distort> Polar coordinates. Dalam kotak dialog yg tampil, pastikan memilih opsi Rectangular to polar. OK.


6. Buat layer baru, tambahkan efek glow ditengah-tengah sun burst menggunakan soft round Brush tool warna putih. Besarnya efek glow tergantung selera, jadi setting sendiri brush size nya ya.


7. Tekan Ctrl+E untuk merge layers (menggabungkan layer). Selanjutnya kamu bisa gunakan perintah Hue/Saturation untuk mengubah warna sunburst secara keseluruhan.



8. Berikut ini adalah cara alternatif untuk mengubah warna sunburst. Pertama, klik ganda layer background untuk mengubahnya menjadi layer gambar biasa. Selanjutnya buat sebuah layer baru lalu tarik ke bawah nya. Isi layer baru ini dgn warna yang kamu inginkan, misalnya warna biru solid.



9. Kembali ke layer gambar sunburst, ubah layer blend mode menjadi : Screen. Voila, efek sunburst kini berubah warna.


10. Sampai langkah ini kamu masih bisa mengubah warna background dan ukuran layer sunburst ukuran sesuai kebutuhan.


Untuk lebih jelasnya, kamu bisa lihat video tutorial dibawah ini: