Sabtu, 26 November 2011

Photoshop Tutorial – 3D Cracked Text Effect

Dalam Tutorial kali ini kita akan mencoba membuat text efek 3D dengan tekstur kasar seperti tanah retak, batu, kayu tembok dll. Anda dapat menggunakan images lain sesuai selera. Langsung saja meluncur ke langkah tutorialnya.
Buat dokumen baru dengan ukuran 1024px x 768px, Buka image “cracked wall texture.jpg”. Image dapat di download di sini. Anda bisa bereksperiman dengan image yang lain. Sambil menekan tombol Shift + Alt, drag image ke dokumen. Ini akan membuat image berada tepat di tengah dokumen
Pilih text tool, ketikkan kata yang kita inginkan. Dalam tutorial ini saya menggunakan font Handvetica. Anda dapat mendownloadnya di sini.
Double klick pada layer text ini dan berikan beberapa efek berikut:
Drop Shadow
Inner Shadow
Bevel and Emboss
Gradient Overlay
Untuk sementara kita mendapatkan image seperti berikut.
Belum bosen kan? OK, kita lanjutkan lagi. Buat seleksi di luar area teks. Banyak cara untuk melakukannya. Salah satunya yaitu sambil menahan tombol Ctrl, klik pada layer text di panel Layer. Lalu tekan Ctrl + Shift + I atau Select -> Inverse untuk membalik seleksi.
Buka image “cracked stone texture.jpg”, anda dapat mendownloadnya si dini. Sambil menahan tombol Shift + Alt, drag image ini ke dokumen. lalu tekan delete. Ubah Blending Modenya menjadi overlay.
Buat Layer baru, tekan CTRL + Shift + I untuk membalik seleksi. Select -> Modify -> Smooth, isikan nilai 10 pada isian Sample Radius. Select -> Modify -> Contract, isikan nilai 2 pada isian Contract by. Lalu Edit -> Fill -> Color. Saya menggunakan warna #D88606 untuk colornya. Ubah Blending modenya menjadi Overlay dan Opacity 50%.
Copy atau Duplikat Layer 3 lalu ubah Opacitynya menjadi 100%. Pilih Eraser Tool dengan opacity 20% – 40%. Sapukan pada area seleksi bagian atas seperti gambar berikut.
Buang seleksi dengan menekan Ctrl + D atau Select -> Deselect. Buat layer baru di atas Layer 1 (Layer image cracked wall) Ubah Blending modenya menjadi Overlay. Pilih brush Tool dengan warna # D88606 dan Opacity 20%. Sapukan pada area di sekitar teks secara tidak beraturan sampai mendapatkan hasil yang anda inginkan.
Buat layer baru di atas Layer 4 Ubah Blending modenya menjadi Vivid Light. Pilih brush Tool dengan warna # C37A08 dan Opacity 20%. Sapukan pada area di sekitar teks secara tidak beraturan sampai mendapatkan hasil yang anda inginkan.
Selesai sudah tutorialnya. Anda bisa bereksperimen dengan menambahhkan beberapa sapuan brush menggunakan mode Vivid Light atau Overlay. Selamat mencoba

Membuat efek tulisan Godzilla

Pada tutorial photoshop kali ini saya akan membahas tentang cara membuat efek tulisan yang mirip dengan tulisan pada film Godzilla. Tulisan ini mempunyai background berwarna kuning kehijauan yang menyala. Efek ini dulu saya dapatkan waktu mencoba ngutak-atik Action tambahan pada photoshop. Efek ini juga pernah saya tulis dalam bahasa Inggris di situs tutorial photoshop punyaku dulu yang sekarang sudah tidak aktif lagi karena tidak saya perpanjang masa domainnya.
Berikut ini cara pembuatan efek tersebut.

Langkah Pembuatan Efek Tulisan Godzilla

Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukuran file disesuaikan dengan kebutuhan Anda. Pada contoh tutorial ini, kugunakan sebuah file berukuran 450 x 300 pixel; 72 dpi.
Langkah 2
Buatlah agar file baru ini berwarna hitam. Caranya dengan menekan huruf D pada keyboard, kemudian menekan Alt + Backspace. Atau dengan memilih menu Edit > Fill, pilih warna Black untuk diterapkan.
gambar tutorial efek tulisan 9
Langkah 3
Pilih Type tool pada toolbox Photoshop, kemudian ketiklah tulisan yang akan diberi efek pada file yang hitam tadi. Pada gambar contoh tutorial dibawah ini, kubuat jenis hurufnya Arial Black dengan warna putih.
gambar tutorial efek tulisan 10
Langkah 4
Pastikan layer tulisan dalam kondisi aktif, berikan efek Emboss pada tulisan ini. caranya dengan memilih Menu Filter > Stylize > Emboss. Saat muncul kotak dialog peringatan, klik OK untuk mengkonfirmasikan perintah rasterize. Aturlah nilai pengaturannya seperti gambar dibawah ini (bukan nilai mutlak, bisa Anda rubah sendiri sesuai selera).
gambar emboss pada tutorial efek tulisan
Langkah 5
Pilihlah menu Image > Adjustment > Color Balance. Buatlah agar tulisan tersebut menjadi agak kehijauan.
gambar tutorial efek tulisan 12
Langkah 6
Munculkan seleksi pada layer tulisan. Cara yang termudah untuk memunculkan seleksinya adalah dengan melakukan Ctrl + klik pada tumbnail layernya.
gambar tutorial memunculkan seleksi tulisan
Langkah 7
Lebarkan area seleksi. Lakukan ini dengan cara memilih menu Select > Modify > Expand. Isikan nilai secukupnya. Pada gambar ilustrasi tutorial dibawah ini kuberi angka 10.
gambar tutorial nilai expand photoshop
Akan didapatkan hasil seleksinya seperti dibawah ini.
gambar tutorial efek tulisan 5
Langkah 8
Isikan warna putih pada layer background pada area yang berada dalam seleksi. Pastikan layer background dalam kondisi aktif dulu.
gambar tutorial efek tulisan 6
Kemudian tekan D pada keyboard, kemudian tekan Ctrl + Backspace.
Setelah muncul warna putih pada area seleksi tersebut, hilangkan seleksinya. Caranya dengan memilih menu Select > Deselect. Hasilnya seperti gambar dibawah ini.
gambar tutorial efek tulisan 7
Langkah 9
Berikan efek kabur pada layer background. Cara untuk memberikan efek ini adalah dengan memilih menu Filter > Blur > Gaussian Blur. Aturlah nilai radiusnya hingga didapat gambar seperti dibawah ini (bisa berubah-ubah, sesuai dengan ukuran tulisan anda).
gambar tutorial efek tulisan 8
Langkah 10
Sekarang buatlah agar warna background-nya tadi berwarna kuning kehijauan. Caranya dengan memilih menu Image > Adjustment > Color Balance. Geserlah slider pengaturannya kearah Green dan Yellow. Lakukan ini pada setiap range warna Shadow, Midtone, dan Highlight. Nilai pengaturannya terserah keinginan Anda.
gambar tutorial color balance photoshop
Langkah 11
Buatlah agar background menjadi agak berlekuk. Caranya dengan memilih menu Filter > Distort > Wave. Buatlah pengaturannya seperti gambar dibawah ini. Untuk mencari secara acak bentuk distorsi yang lain, kliklah tombol Randomize.
gambar tutorial efek distorsi
Berikut ini gambar tutorial photoshop tentang pembuatan efek tulisan Godzilla yang sudah jadi.
gambar hasil tutorial efek tulisan photoshop
Selamat belajar dan berkreasi dengan Photoshop.

Efek teks logam dengan Photoshop

Pada tutorial photoshop kali ini, akan kubahas tentang pembuatan efek chrome pada tulisan. Kalau yang pada foto, dulu sudah pernah kubuatkan tutorialnya pada post yang ini. Efek krom / chrome ini mungkin sudah agak basi. Tehnik seperti ini sudah diketahui lama dan sudah dibahas juga dalam buku-buku efek photoshop maupun di internet. Efek ini kubahas sekarang, karena akan kugunakan sebagai materi penunjang pada tutorial berikutnya.

Cara pembuatan efek logam/chrome pada tulisan dengan Photoshop

Langkah 1
Buatlah sebuah file baru dengan photoshop. Ukuran file-nya terserah Anda, kira-kira cukup untuk membuat sebuah tulisan, kira-kira 640×480 atau lebih besar lagi.
Langkah 2
Pilihlah text tool, kemudian buatlah sebuah tulisan pada file baru tersebut. Usahakan untuk memilih jenis tulisan (font) yang karakteristiknya tebal.
tutorial photoshop efek teks logam chrome 1
Langkah 3
Pilihlah menu Layer > Rasterize > Type*)
*) Anda bisa memilih Type ataupun Layer
Langkah 4
Pilih menu Filter > Stylize > Emboss
Pengaturan pada kotak dialog emboss ini tidak baku, bisa diubah-ubah sendiri sekehendak Anda.
tutorial photoshop efek teks logam chrome 2
Langkah 5
Pilih menu Filter > Artistic > Plastic Warp
Pengaturan pada kotak dialog Plastic Warp ini juga tidak baku, pengaturannya terserah keinginan Anda. Silahkan mencoba-coba pengaturannya sendiri untuk membuat kesan lekukan logam.
tutorial photoshop efek teks logam chrome 3
Jika perlu, langkah pemberian filter ini bisa diulang lagi, namun dengan nilai pengaturan yang berbeda.
Langkah 6
Ubah kontras warnanya dengan menggunakan menu Image > Adjustment > Curves (Ctrl + M). Buatlah sebuah kurva seperti gambar tutorial berikut ini.
tutorial photoshop efek teks logam chrome 4
Ulangi lagi pengaturan warna dengan Curves ini dengan bentuk kurva yang agak berbeda dengan sebelumnya.
tutorial photoshop efek teks logam chrome 5
Gambar dibawah ini adalah gambar hasil tutorial photoshop yang sudah jadi. Beri gambar background atau latar belakang yang berwarna gelap agar kesan chrome tadi lebih nampak jelas.
tutorial photoshop efek teks logam chrome 6
Catatan
Jika Anda menginginkan kesan logam yang berwarna, pengaturan warnanya bisa dilakukan dengan memilih menu Image > Adjustment > Hue/Saturation. Klik pilihan Colorize, kemudian atur nilai Hue, dan Saturation-nya.
Selamat mencoba.

Cara Membuat USB Flash Disk 3D

Quantcast Pada Tutorial Kali ini kita akan membuat USB Flash Disk 3D. pada canvas baru berukuran 800 x 400 px, aktifkan dlu grid canvas na untuk membantu membwat objek dengan posisi yang proporsional, via menu View > Show > Grid / pencet [ CTRL + ' ] ambil eliptical marquee tool (M), bwat satu lingkaran elipse, trus lanjutin bikin satu elipse lagi, sambil mencet [SHIFT] bwat meng-add seleksi na. . add lagi (masih sambil mencet SHIFT) satu seleksi kotak diantara dua buah elipse di atas. jadi ke gini hasil seleksi marquee na.. dari sono, bikin layer baru kasi warna bebas, bisa pake paint bucket, atow [ALT + BackSpace]. baru dah kasiin style na: woke, kali ini kita kasi shadow sedikit kabur, pencet [CTRL+Click] pada layer dasar diatas ni bwat bikin seleksi yang sama persis, bwat layer baru, kasi warna putih, turunin opacity na baru dah di Transform [CTRL+T], perkecil ampe ke gini. saat di transfrom, usahakan sebelumna pencet tombol [SHIFT + ALT] agar pergeseran transform na seimbang, yakni mengecil ke tengah: diatasna, bikin layer baru lagi, kali ini bikin gradasi transparent putih, dari atas ke bawah. woke, saat na kita pisahin antara body flash drive dengan tutupna, beralih ke layer dasar gradasi merah, ambil seleksi pada bagian sisi kiri …., pencet keyboard [CTRL+X] dan paste [CTRL+V] , pisahkan sementara ke samping kiri ulangi untuk memisahkan layer shadow dan layer gradasi transparent. gw pake shaping bwat nambahin bantalan ujung USB, kasi gradasi ke gini : woke, bikin lagi satu shaping bwat lempengan USB na gw kasi juga gradasi sedikit metal kasi 2 kotak kecil di ujunga, ke yang sering lu liat di flash disk lu.. woke, untuk merek na lu bikin aja tulisan na di body flash drive na … bwat gantungan na gw bikin pake pen tool…. dengan mode path bikin titik path dlu ambil convert point tool , lengkungin bagian titik2 na woke, kalo udah lengkung dan ckup menarik, untuk sebuah gantungan flash drive lu… aktifkan tool brush, pilih size 3 px, dan ubah forground color menjadi hitam, kalo udah kembali ke pen tool. bikin layer baru, baru dah klik kanan di path na, pilih stroke path. gunakan option brush yang udah lu setting sebelumna nah kasi dah sdikit drop shadow jadi dah,… USB Flash Drive Illustration (Klik bwat ngegedein) Sumber: www.dremi.info