Sabtu, 25 Desember 2010

20101118

Membuat Efek Kertas Robek pada Teks dengan Photoshop

Efek Kertas Robek pada Teks dengan PhotoshopPada tutorial photoshop kali ini, kita akan belajar bagaimana caranya membuat efek kertas robek pada teks. Tutorial ini sederhana dan mudah untuk diikuti. Kita hanya menggunakan fungsi layer style untuk menciptakan efek tersebut. Selain itu, tehnik sederhana untuk menyimpan style untuk diterapkan pada layer lain juga cukup penting untuk diketahui guna menghemat waktu dan tenaga dalam mengerjakan sebuah karya. So, lets get started!



STEP 1
Mulai dengan menyiapkan warna background. Berikan warna gradasi radial dari abu-abu ke warna hitam pekat seperti gambar dibawah ini.

Efek Kertas Robek pada Teks dengan Photoshop

STEP 2
Persiapkan teks, dalam contoh ini saya menggunakan font Lot yang bisa kamu download disini. Pastikan setiap huruf pada teks mempunyai layer masing-masing (lihat gambar dibawah).

Efek Kertas Robek pada Teks dengan Photoshop

STEP 3
Kita mulai dengan layer 'a' untuk memberikan efek kertas robek pada huruf A. Klik ganda layer 'a' maka akan terbuka sebuah jendela bernama layer style. Pilih gradient overlay, lalu atur settingan pada opacity, gradient, style, angle, dan scale seperti pada gambar dibawah ini. Conteng pada tanda preview untuk melihat perubahannya secara langsung.

Efek Kertas Robek pada Teks dengan Photoshop

STEP 4
Masih pada layer style untuk layer 'a', kita beralih ke drop shadow untuk memberi sedikit shadow pada teks. Atur nilai-nilai yang terdapat pada drop shadow seperti gambar dibawah ini.

Efek Kertas Robek pada Teks dengan Photoshop

STEP 5
Selanjutnya, pilih style dibaris paling atas layer style, kemudian klik tombol new style. Langkah ini berarti kita akan menyimpan settingan pada layer style untuk kemudian diaplikasikan pada layer-layer lain.

Efek Kertas Robek pada Teks dengan Photoshop

Beginilah hasil dari pemberian layer style berupa gradient overlay dan drop shadow untuk layer 'a'

Efek Kertas Robek pada Teks dengan Photoshop

STEP 6
Sekarang, pilih Window > Styles untuk membuka Styles palette. Pilih layer 'r' dan layer 't' lalu klik pada ikon style yang tadi kita simpan. Maka secara otomatis, layer 'r' dan layer 't' telah memiliki style yang sama seperti layer 'a'

Efek Kertas Robek pada Teks dengan Photoshop

STEP 7
klik ganda pada Gradient Overlay pada layer 'r' di layer palette untuk melakukan sedikit pengeditan. Kita akan merubah angle efek kertas robek pada layer 'r' menjadi 180° (lihat gambar berikut).

Efek Kertas Robek pada Teks dengan Photoshop

STEP 8
Setelah merubah angle, kita juga perlu menaikkan efek pada huruf 'R' sedikit keatas. Dengan jendela layer style masih terbuka, kita hanya perlu meng-klik dan drag efek tersebut keatas untuk menyesuaikan posisinya pada teks.

Efek Kertas Robek pada Teks dengan PhotoshopEfek Kertas Robek pada Teks dengan Photoshop

STEP 9
Dengan cara yang sama, edit juga angle dari efek gradient overlay pada layer 't' menjadi 0°.

Efek Kertas Robek pada Teks dengan Photoshop

Kondisi layer palette setelah pemberian efek kertas robek pada teks selesai.

Efek Kertas Robek pada Teks dengan Photoshop

HASIL AKHIR
Beginilah hasil akhir dari pemberian efek kertas robek pada teks, sangat mudah bukan? Tutorial photoshop kali ini diharapkan bermanfaat untuk bisa diaplikasikan pada projek kreatif yang kamu kerjakan. Tetap Berkarya! :)

Efek Kertas Robek pada Teks dengan Photoshop

Tipografi Wajah dengan Photoshop

Tipografi Wajah dengan PhotoshopBeberapa waktu yang lalu, saya sempat posting sebuah artwork sederhana berupa tipografi wajah di Desain Studio. Ternyata banyak yang request agar karya tersebut dibikinkan tutorialnya. Dan Kali ini, saya berkesempatan untuk membuat tutorial tersebut. Sebuah tutorial photoshop yang sangat sederhana yang diharapkan dapat memberi penjelasan secara rinci mengenai proses pembuatan karya tipografi wajah. Mudah-mudahan dari tutorial ini, pembaca bisa berimprovisasi menciptakan artwork yang fantastis sesuai dengan fantasi dan imajinasi kreatif masing-masing. Check it out! :)


Sebelum memulai, berikut link download gambar dan brush yang akan kita gunakan pada tutorial kali ini :
¤ Foto wajah Megan Fox
¤ Brushes Scrambled Letters


STEP 1
Persiapkan gambar yang ingin dibuat tipografi wajah. Buka gambar tersebut di photoshop, dan secara otomatis, layer gambar tersebut menjadi layer 'background'. klik ganda pada layer 'background' untuk mengubahnya menjadi layer biasa, dan ubah nama layer tersebut menjadi 'face'.

Tipografi Wajah dengan Photoshop

STEP 2
Pada tutorial kali ini, kita hanya membutuhkan bagian wajah. Jadi crop gambar wajah menggunakan Pen tool (P). Untuk cara cropping gambar menggunakan Pen tool, lihat tutorial ini : Menghapus background di Photoshop.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

STEP 3
Buat layer baru dan beri nama dengan 'background'. Kemudian, posisikan layer 'background' diposisi paling bawah. Tekan tombol Ctrl + D di keyboard untuk mengembalikan warna foreground-background menjadi hitam putih. Jika sudah, gunakan Paint Bucket tool untuk mengisi layer background menggunakan warna hitam.

Tipografi Wajah dengan Photoshop

STEP 4
Buatlah sebuah layer baru dan beri nama layer dengan 'tipografi'. Kemudian pastikan warna foreground adalah putih seperti gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 5
Setelah kamu mendownload dan menginstall Scrambled Letters brush di link diatas, maka sekarang ada banyak pilihan brush berupa kumpulan huruf-huruf yang bisa digunakan. Pastikan layer 'tipografi' aktif, dan mulai sapukan brush dengan menggunakan Brush tool (B) pada bagian wajah.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

STEP 6
Ulangi menyapukan brush ke dokumen tapi pastikan brush yang disapukan berbeda-beda jenisnya sampai kumpulan brush telah dirasa cukup untuk membentuk sebuah wajah.

Tipografi Wajah dengan Photoshop

STEP 7
Jika sudah, tekan dan tahan tombol Ctrl di keyboard, kemudian klik pada thumbail layer 'tipografi' agar seluruh bentuk pada layer tersebut terseleksi.

Tipografi Wajah dengan Photoshop

STEP 8
Sementara seleksi aktif, klik layer 'face' untuk mengaktifkannya. Lalu tekan Ctrl + C (Copy) kemudian Ctrl + V (paste).

Tipografi Wajah dengan Photoshop

STEP 9
Langkah diatas menciptakan sebuah layer baru lagi bernama 'layer 1'. Sembunyikan (hide) layer 'face' dan layer 'tipografi' untuk melihat dengan jelas bahwa 'layer 1' adalah kumpulan tipografi yang membentuk suatu objek wajah seperti gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 10
Tapi kita belum selesai sampai disini, kita perlu membuat suasana lebih dramatis dengan membuat efek huruf-huruf yang keluar dari wajah, seperti terbawa angin. Untuk itu, buat sebuah layer lagi, beri nama dengan 'tipografi 2' sapukan beberapa Brush scrambled letters di samping wajah seperti pada gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 11
Klik ganda pada layer 'tipografi 2' untuk membuka jendela layer style. Pada jendela layer style, pilih gradient overlay dan atur settingan didalamnya seperti gambar dibawah. Langkah ini untuk membuat kumpulan huruf tambahan pada layer 'tipografi 2' mempunyai gradasi dari terang ke gelap sehingga menunjukkan kedalaman agar artwork terlihat lebih realistis.

Tipografi Wajah dengan Photoshop

STEP 12
Buat layer mask untuk 'Layer 1', caranya klik ikon layer mask di bagian bawah layer palette. Klik thumbnail layer mask di 'layer 1' kemudian buat bentuk acak seperti gambar dibawah ini dengan Pen Tool (P). Sementara Pen tool aktif, klik kanan pada area kerja, lalu pilih Make Selection untuk mengubah garis kurva menjadi seleksi. Jika sudah, isi area yang terseleksi dengan warna hitam. Langkah ini akan membuat bagian tersebut menjadi tidak kelihatan sekaligus menciptakan efek acak yang membuat artwork lebih dramatis.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

STEP 13
Kamu bisa berimprovisasi menciptakan kesan acak melalui langkah diatas tadi. Semakin acak bentuk yang kamu buat, maka akan semakin kuat harmonisasi yang dikesankan dalam artwork.

Tipografi Wajah dengan Photoshop

STEP 14
Terakhir, kita masuk kedalam bagian pewarnaan. Buat sebuah layer baru diposisi paling atas layer-layer yang lain. Beri nama layer tersebut dengan 'warna'. Gunakan Gradient Tool (G) dan bukan Gradient editor. Pada Gradient Editor, atur settingan warna gradasi dari hijau ke orange seperti pada gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 15
Drag Gradient Tool (G) pada area kerja, kemudian ganti blending mode untuk layer 'warna' menjadi Color.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

Hasil Akhir
Beginilah hasil akhir dari tutorial tipografi wajah di photoshop. Mudah-mudahan dapat bermanfaat dan bisa dikembangkan dengan kreasi artwork kamu sendiri. Thanks for reading! :D

Tipografi Wajah dengan Photoshop

20100829

Foto Bergaya Lukisan Cat Air dengan Photoshop

Tutorial kali ini adalah tutorial ringan dan simple mengenai cara membuat lukisan bergaya cat air di Photoshop. Ditujukan bagi pemula yang baru belajar mengenal photoshop. Ada beberapa tehnik photoshop dasar yang bisa dipelajari, seperti cara menggabungkan beberapa layer menjadi satu layer, cara mengambil seleksi dari layer, dll. Agar tidak berlama-lama dengan teori, langsung saja kita simak langkah demi langkah tutorial ini.




STEP 1

Buka gambar di Photoshop. Untuk gambar pada tutorial kali ini, bisa ditemukan disini.



STEP 2

Duplikasi layer background (gambar) menjadi tiga layer. Caranya klik kanan pada layer background dan pilih Duplicate layer. Agar lebih cepat, gunakan shortkey. Pilih layer background lalu tekan Ctrl + J di keyboard sebanyak 3 kali.



STEP 3

Klik icon bergambar mata pada layer 1 copy dan layer 1 copy 2 (lihat gambar), langkah ini berfungsi untuk menyembunyikan layer tersebut sementara.



STEP 4

Pilih layer 1, lalu pada menu bar pilih Filter > Artistic > Cutout. Atur nilai pada Cutout window, Number of Levels = 6, Edge Simplicity = 5, Edge Fidelity = 2. Jika sudah, klik tombol ok.

Kemudian, ubah blending mode dari layer 1 menjadi Luminosity.



STEP 5

Sekarang klik Ikon mata pada layer 1 copy untuk memunculkannya kembali. Pilih layer 1 copy, lalu pada menu bar pilih Filter > Artistic > Dry Brush. Atur nilai dari Brush Size = 7, Brush Detail = 7, dan Texture = 3 (seperti gambar dibawah). Jika sudah, klik ok untuk keluar dari Dry Brush window.

Ubah blending mode dari layer 1 copy menjadi Screen.



STEP 6

Langkah berikutnya, klik ikon mata pada layer 1 copy 2 (layer paling atas) untuk memunculkannya kembali. Pilih layer 1 copy 2 lalu Pilih Filter > Noise > Median. Set nilai Radius menjadi 12, lalu klik tombol ok.

Ubah blending mode dari layer 1 copy 2 menjadi softlight.



STEP 7

Seleksi layer 1, layer 1 copy, dan layer 1 copy 2 (tekan shift untuk memilih lebih dari satu layer), lalu klik kanan dan pilih Merge Layers. Merge layers berfungsi menggabungkan banyak layer menjadi satu layer saja.



STEP 8

Sekarang kita perlu watercolor brush, watercolor brushes yang digunakan untuk tutorial ini dapat didownload disini. Jika sudah, Aktifkan Brushes tool (B), dan load brush yang baru saja didownload. Untuk cara install dan load brush di photoshop, bisa dilihat disini : download dan install brush di photoshop.



STEP 9

Buat layer baru, kemudian gunakan brushes tool (B), Ambil salah satu watercolor brush dan sapukan pada area kerja photoshop (lihat gambar). Pastikan warna foreground adalah putih agar brush yang disapukan juga berwarna putih.
Tips: Jika brushes terlalu tipis, klik berulang kali sampai ketebalan brush dirasa cukup.



STEP 10

Duplikasi layer 1 (layer brush) menjadi 3 buah layer, dan posisikan ketiganya seperti gambar dibawah ini. Jika sudah, pilih ketiga layer tersebut, klik kanan dan pilih Merge Layers untuk menggabungkannya menjadi satu layer yaitu layer 1 copy 3.



STEP 11

Tekan dan tahan tombol Ctrl di keyboard, lalu klik pada thumbnail layer 1 copy 3 (layer gabungan brush watercolor) untuk mengambil seleksi dari brush di layer tersebut. Jika sudah terseleksi, klik ikon mata untuk menyembunyikan layer tersebut. Sekarang pilih layer 1 copy 2, lalu klik ikon Add layer mask dibagian bawah layer palette (lihat gambar). Maka sekarang, gambar wajah wanita di layer 1 copy 2 sudah dimasking kedalam bentuk seleksi dari watercolor brush di layer 1 copy 3, tidak begitu kelihatan memang, karena layer background masih berupa gambar wanita.



STEP 12

Warnai layer Background dengan warna putih menggunakan Paint Bucket Tool.



STEP 13

Buat layer baru diatas layer background, lalu gunakan brushes tool (B) dan sapukan beberapa watercolor brushes seperti gambar dibawah ini. Kamu bisa berimprovisasi disini dalam menggunakan brush agar hasilnya akan lebih kelihatan artistic dan menarik.



Hasil Akhir

Beginilah hasil akhir yang dicapai pada tutorial kali ini. Semoga ada beberapa tehnik yang bisa dipelajari dari sini dan bermanfaat untuk semua. Selamat mencoba dan terus berkarya! :)