Membuat Mock-Up Poster di Photoshop

 
Pada tutorial kali ini kita akan mencoba membuat di Photoshop. Bagi yang suka mendesain poster atau flyer, mock-up ini akan sangat berrguna untuk menampilkan hasil karya desain ke dalam bentuk 3d yang realistis. Penggunaan mock-up juga akan sangat efektif untuk menghemat waktu dan tenaga. Tutorial ini full dikerjakan di Photoshop tanpa menggunakan aplikasi 3d seperti 3ds Max atau Cinema 4D. Tanpa panjang lebar lagi langsung saja kita mulai ke dalam proses pembuatannya.. :)


Langkah 1
Buat dokumen baru, beri nama dengan Poster Mock-Up dengan lebar 3000px dan tinggi 2000px resolusi 300dpi.

Langkah 2
Buat kotak dengan menggunakan Rectangle Tool (U), dan turunkan Opacitynya menjadi 0%.

langkah 3
Klik kanan pada layer shape 1, pilih Convert to Smart Object.

Langkah 4
Kemudian pilih Edit > Transform > Distort, posisikan titik-titik sudutnya seperti gambar dibawah.

Langkah 5
Pilih kembali Edit > Transform > Warp, lalu lengkungkan object nya seperti gambar dibawah.

Langkah 6
Klik dua kali pada thumbnail layer Smart-Object, sehingga muncul new Tab (lihat gambar dibawah)kemudian delete layer Shape 1 pada new Tab tersebut.

Langkah 7
Selanjutnya isi dengan warna biru, lalu tutup Tab tersebut dan klik Yes. Sehingga tampilan akan terlihat seperti gambar dibawah.

Langkah 8
Pilih Layer > Layer Style > Bevel and Emboss, atur poin-poinnya seperti gambar dibawah. Klik OK.

Langkah 9
Masukkan wallpaper Background yang bisa ditemukan disini. Pastikan letaknya dibawah layer Shape 1 (Lihar Gambar dibawah).

Langkah 10
Dalam keadaan layer Background masih aktif, pilih Edit > Transform > Distort, sesuaikan posisinya. (Lihat gambar dibawah)

Langkah 11
Buat layer baru, kemudian gunakan Pen Tool (P) untuk membuat bayangan pada object.

Isi dengan warna hitam, kemudian pilih Filter>Blur>Gausian Blur...atur radiusnya menjadi 27.0 pixels. Klik OK.

Turunkan Opacitynya menjadi 84%

Langkah 12
Tekan Ctrl+J pada layer Shadow di Keyboard, sehingga muncul layer Shadow copy. Perkecil sedikit ukurannya, dengan cara pilih Edit > Transform > Scale. jangan lupa naikkan kembali Opacitynya menjadi 100%.

Langkah 13
Kembali pada layer Shape 1, klik dua kali pada layer tersebut, sehingga muncul New Tab seperti terlihat pada gambar dibawah. Buat layer baru, kemudian buat seleksi untuk pencahayaan, isi dengan warna putih, ubah blending mode nya menjadi Soft Light.

Langkah 14
Kemudian klik pada ikon Add Vector Mask, hapus bagian putih yang atas dengan menggunakan Brush Tool (B), pastikan warna Foreground-nya adalah hitam.

langkah 15
Buat kembali layer baru, kemudian buat pencahayaan diagonal dengan menggunakan Brush Tool (B), naikkan Opacitynya menjadi 78%, dan ubah Blending Modenya menjadi Soft Light.

Langkah 16
Buat lagi Layer Baru, beri pencahayaan pada bagian kanan object dengan Brush Tool (B), naikkan Opacitynya menjadi 100%, dan ubah Blending Modenya menjadi Soft Light.

Langkah 17
Masukkan Poster koleksi anda, posisikan tepat diatas layer biru atau layer 1. Lalu tutup Tab pengeditan smart-object, dan Klik Yes untuk menyimpannya.

Hasilnya akan terlihat seperti gambar dibawah.

Langkah 18
Klik pada layer Background, kemudian Pilih Layer > Layer Style > Gradient Overlay, atur poinnya seperti gambar dibawah.

Hasil akhir dari keseluruhan layer yang saya buat adalah seperti berikut....:)

HASIL AKHIR

Buat kamu yang ingin mendownload file PSD mock-up poster ini, caranya gampang! Cukup share artikel ini ke Facebook atau Twitter menggunakan tombol share dibawah. Kemudian tinggalkan sebuah komentar yang disertai alamat email, link download akan kami kirimkan langsung ke email kamu.

Stay tuned untuk tutorial-tutorial coreanku 27 selanjutnya, semoga bermanfaat!

01:24 | 0 komentar | Read More

Efek Kaca Transparan di Photoshop

Preview Hasil Akhir Gambar

Langkah 1

Untuk memulai tutorial ini, kita pertama akan memilih background yang tepat untuk teks, sesuatu yang jika berada di balik kaca akan kelihatan bagus. Disini saya menemukan foto rumput di Flickr oleh 100kr. Sekarang kita butuh sebuah teks, saya ketik Grafisia yang merupakan saudaranya Painthink namun berbahasa inggris, dan tutorial ini juga saya publish disana. Perhatikan, disini kita akan membuat Photoshop Style, jadi kamu bisa menggunakan font apa aja sesuka kamu. Jika kamu ingin font yang sama dengan yang tak pakai, silakan download font Porky’s keren disini.

Langkah 2

Sekarang kita mulai menggunakan Layer Style. Klik dua kali layer teks untuk menampilkan jendela Layer Style. Pada halaman pertama dari jendela layer style, ubah nilai Fill Opacity menjadi 0%, dan kamu lihat sekarang teknya menghilang, emang sengaja demikian jadi nggak perlu bingung.

Langkah 3

Selanjutnya klik pada kata Drop Shadow ubah pengaturannya seperti berikut. Jangan klik OK terlebih dahulu.

Langkah 4

Sekarang tambahkan style Inner Shadow pada teks. Belum saatnya ngeklik OK, sabar dulu.

Langkah 5

Masih pada dialog box layer effect, sekarang klik style Inner Glow, gunakan setting seperti berikut, but don’t click OK yet.

Langkah 6

Layer style yang kita gunakan berikutnya adalah Bevel and Emboss. Screenshot di bawah akan memberikan informasi bagaimana setting yang saya gunakan.

Langkah 7

Sebagai langkah terakhir kita akan memberikan Satin pada layer teks. Atur satin seperti gambar berikut dan kamu bisa menekan OK setelah selesai.
Untuk jalan pintas yang lebih mudah, kamu bisa melihat semua setting dengan mendownload file PSD yang saya sertakan di bagian akhir tutorial. Kamu bisa klik kanan layer teks dan pilih Copy Layer Styles jika kamu ingin menggunakannya pada file kamu sendiri.

Final Image

Semoga tutorial ini bermanfaat,

22:32 | 0 komentar | Read More

BIKIN KARIKATUR DENGAN PHOTOSHOP

Gambar karikatur biasanya diciptakan untuk menuangkan sebuah anekdot atau lelucon dengan mewakili objek wajah tertentu dan menggambarkan visualisasi yang bersifat melebih-lebihkan. Untuk cara pembuatannya, kita biasa akan membayangkan seseorang yang mahir dalam seni lukis/gambar, pembuatan sketsa, pemahaman terhadap bentuk anatomi wajah, hingga pewarnaan yang rumit dan menghabiskan waktu yang cukup lama.

Namun perkembangan teknologi desain grafis telah menyediakan sarana yang begitu mudah untuk diakses oleh setiap peminat desain gambar atau karikatur. Saat ini, seseorang dapat dengan mudah menciptakan sebuah gambar karikatur tanpa harus bisa menggambar dan menghabiskan waktu untuk menjalani proses-proses dalam pembuatan karikatur.

Seperti pada contoh tutorial kali ini misalnya, kita akan belajar bagaimana cara membuat karikatur tanpa harus menggambar karikatur di photoshop. Gambar karikatur pada tutorial ini adalah gambar yang berasal dari sebuah potret foto. gimana caranya? ikuti langkah-langkah berikut..

STEP SATU :
Buka gambar yang ingin dikarikaturkan di photoshop (Ctrl + O)



STEP DUA :
Selanjutnya, kita perlu melakukan proses cropping atau menghapus background gambar dengan menggunakan pen tool (P). lihat postingan saya mengenai cara menghapus background di photoshop.


STEP TIGA :
Untuk gambar yang saya gunakan, saya perlu menghapus sedikit teks yang masih tertinggal pada topi pada saat melakukan cropping. Untuk melakukannya, saya menggunakan Healing brush tool. Berikut tutorial mengenai cara penggunaan healing brush tool di photoshop.




STEP EMPAT :
Sekarang objek telah siap untuk dikarikaturkan. Pada menu bar, pilih filter > Liquify (Alt + Ctrl + X)


STEP LIMA :
Pada jendela Liquify, disebelah kiri layar akan ada tool-tool yang bisa anda gunakan untuk memanipulasi bentuk dari sebuah objek. Namun pada tutorial kali ini, kita cukup hanya menggunakan dua saja, yaitu Forward warp Tool (W) untuk menarik objek, dan Bloat Tool (B) untuk menggelembungkan objek. Silahkan bereksperimen sendiri untuk mengetahui fungsi dari tool-tool lain pada jendela liquify.



STEP ENAM :
Pilih Forward Warp Tool (W) lalu klik dan drag bagian mulut dari objek. atur besar cursor berbentuk lingkaran dengan menekan tombol [ (untuk memperkecil) dan ] untuk memperbesar. cursor dari forward warp tool sengaja saya perbesar karna saya ingin membentuk terlebih dahulu kontur wajah dibagian luar, dan dikhawatirkan, sapuan yang kecil dalam step ini, akan membuat bentuk wajah rusak dan tidak beraturan.



STEP TUJUH :
Masih dengan Forward Warp Tool (W), saya mencoba memperbaiki bagian topi yang terpotong pada gambar dengan cara drag dengan sapuan kuas yang juga besar.


STEP DELAPAN :
Kini saatnya memperkecil sapuan kuas ([) dari forward warp tool untuk memanipulasi bentuk wajah dibagian dalam. Hati-hati pada step ini, karena sapuan kuas yang terlalu drastis bisa merusak gambar. Pada step ini, saya coba bermain dengan memanipulasi objek mata dan hidung.



STEP SEMBILAN :
Gunakan Bloat Tool (B), lalu perbesar dan posisikan sapuan kuas seperti pada gambar dibawah, kemudian klik dan tahan. Maka bagian bibir objek akan menggelembung. Saya sengaja melakukan hal ini untuk menciptakan sedikit humor pada gambar.


STEP SEPULUH :
Kembali ke Forward Warp Tool untuk memperkecil bagian leher sehingga menciptakan kesan karikatur pada objek. Klik pada ok karena kita sudah selesai bermain dengan liquify.

STEP SEBELAS :
Pilih layer objek karikatur yang telah dipermak lewat liquify tadi, kemudian pada menu bar, pilih Image > Adjustment > exposure. Kita menggunakan exposure untuk menciptakan kesan kontras shadow pada objek. Atur nilai pada pop up window dari exposure seperti pada gambar dibawah.


STEP DUA BELAS :
Kemudian pada menu bar, klik filter > filter gallery. Maka akan terbuka jendela baru pada area kerja photoshop anda. Untuk jenis filter pilih Dry Brush, lalu atur nilai brush size seperti pada gambar dibawah. Langkah ini dilakukan untuk memberikan kesan artistic pada gambar karikatur kita.





STEP TIGA BELAS :
Sekarang kita mulai merias wajah dengan menggunakan Burn Tool (O), sapukan kuas burn tool ke bagian-bagian yang terlihat gelap dari wajah.



STEP EMPAT BELAS :
Kebalikan dari Burn Tool, sekarang kita akan memperputih bagian-2 terang dari wajah dengan menggunakan dodge tool (O). Hentikan sapuan kuas jika nilai kontras dan artistic pada gambar sudah dirasa cukup.



Kita telah berhasil membuat sebuah objek karikatur dari sebuah potret foto pada photoshop. Objek gambar karikatur diatas dapat diterapkan pada berbagai desain (tergantung kebutuhan dari desain). Sebagai contoh, saya menerapkannya untuk membuat sebuah desain poster musik sederhana seperti pada gambar dibawah. Selamat mencoba.. :D

07:02 | 1 komentar | Read More