Oblonk-Q: Desember 2010

Efek Huruf Melipat dengan Photoshop

In this tutorial I will show how to create a very cool folding effect to apply on your typography using photoshop, in very easy and in a couple simple steps you can transform a simple text into a text full of folded letters to give a very cool look to it, check it out

Langkah 2

Duplikat layer teks dengan menekan Ctrl+J lalu ubah warna teks hasil duplikasi ini dengan #55514e. Pada layer palet, klik kanan layer duplikat kemudian pilih Rasterize Type.

Now that we have the typo we are going to start working on folding the letters one by one, so starting with the A we are going to select a box around the letter “A” using the Rectangular Marquee Tool (M), once we have it selected, hold Ctrl + C to copy the letter and then press Ctrl + V to paste it, name the layer you pasted “A”(change the color that you want on the abduzeedo text before you copy and paste it

Langkah 3

Gunakan Polygonal Lasso Tool (L) untuk menyeleksi bagian dari huruf yang akan kita buat melipat.

We already have the letter “M” on a new layer now we are going to select the part that we want to fold it, I like to use the Polygonal Lasso Tool (L) and select part of the letter that I want to fold it

Langkah 4

Cut bagian yang ada pada area seleksi dengan menekan Ctrl+X kemudian paste dengan menekan Ctrl+V. Dengan mempaste berarti kita mendapatkan layer baru, ubah nama layer baru ini dengan nama ‘lipatan’.

Now that we have a selection we are going to copy the selection by hitting Ctrl + C and then delete the selection on the layer “M”, paste it by hitting Ctrl + V, when you paste it note that it will be on a new layer so name that “M-fold” as you can see here

Langkah 5

Ubah warna lipatan menjadi abu-abu dengan Image > Adjustment > Hue/Saturation (Ctrl+U). AturSaturation menjadi -100 dan Lightness menjadi +60.

First lets change the color of it, go to Image Adjustment Hue Saturation bring the Saturation to -100 and Lightness to +60 to give a gray color so it looks like the back of the letter is folding

Langkah 6

Tekan Ctrl+T lalu transform dan putar sampai menghasilkan seperti berikut.

then we have to Edit Transform Rotate and make sure we rotate the folded area exactly on the angle we want, make sure you place it right where it’s folding as you can see on the image

Langkah 7

Sembunyikan huruf M yang berwarna hitam dengan mengklik gambar mata di sebelah kiri layer pada layer palet. Tekan Ctrl dan klik layer thumbnail dari lipatan untuk membuat seleksi yang menyerupainya. Setelah itu buat gradien halus searah dengan lipatan dengan gradien dari hitam ke transparent.

Now that the folded part is on the right place we are going to make it look a little more real by adding some shadow, first hold Ctrl and click on the “M-fold” layer, that will select our folded part, now create a new layer and name it “M-fold-shadow”. Using the Gradient Tool – Linear Gradient with the color black apply it on the same angle as the top of the folding area as you can see on the image, if needed reduce the opacity of the layer so the shadow will be smooth

Langkah 8

Sekarang kita buat bayangan dari lipatan tetapikita tidak menggunakan Drop Shadow. Gunakan Pen Tool untuk membuat path seperti dibawah.

Now we'll create shadow using pen tool at first create path like you see in the image below

Tambahkan layer baru dibawah lipatan dan beri nama ‘bayangan bawah’. Buat seleksi menggunakan path diatas, lalu penuhi areanya dengan warna hitam menggunakan Paint Bucket Tool (G). Sekarang klik Filter > Blur > Gaussian Blur, isikan 5px untuk radiusnya.

tutorial belajar membuat bayangan tulisan menggunakan photoshop

Langkah terakhir, ubah opacity dari layer bayagan bawah menjadi 70%.

tutorial belajar tipografi menggunakan photoshop membuat teks dengan efek melipat

Contoh untuk Wallpaper

Tutorial Tipografi dengan Efek Cat Basah

Preview Hasil Akhir dari Gambar

Lihat terlebih dahulu hasil akhir dari efek tulisan yang akan kita buat, sebelum kita mulai menapaki langkah-langkah untuk menyelesaikannya. Untuk lebih detail bisa melihat gambar pada ukuran sebenarnya.

efek cat basah meleleh pada tipografi dengan photoshop

Siap? mari kita mulai!!!

Langkah 1

Seperti biasa, bikin dokumen photoshop ukuran 1920 pixel x 1200 pixel dengan resolusi 300dpi dan pilih background Transparent. Habis itu cari gambar tekstur kayu yang nanti akan kita jadikan sebagai background tulisan. Kamu bisa pakai tekstur kayu yang pernah saya buat pada tutorial photoshopbeberapa waktu lalu, bisa juga pakai foto kamu sendiri (foto permukaan kayu maksudnya) atau terserah kamu dari mana. kalu yang saya pakai disini adalah gambar tekstur kayu yang saya dapat dari stock exchange. Buka gambar di photoshop, tekan Ctrl+A untuk menyeleksi semua bagiannya, copy dengan Ctrl+C kemudian tekan Ctrl+V pada dokumen kita untuk mempaste tekstur kayu tersebut. Sesuaikan ukurannya dengan dokumen jika ukuran gambar terlalu besar.

memberi background gambar dengan tekstur permukaan kayu

Langkah 2

Ketik tulisan apa aja dengan font terserah kamu, pakai Arial kayaknya cukup bagus juga. Disini saya pakai tulisan ‘PT’ dengan huruf T terbalik dan menambah sedikit hiasan pada sudut-sudut tulisan. Untuk warna font saya pilih warna merah tua #370c0b, jadinya seperti screenshot berikut.

memilih jenis dan warna font yang tepat untuk seni tulisan tipografi

Langkah 3

Tekan Ctrl+T kemudian perbesar ukuran teks dan putar sedikit berlawanan arah jarum jam.

mengubah ukuran layer dan memutar layer pada photoshop dengan transform tool

Langkah 4

Buat seleksi yag membentuk layer teks dengan klik pada layer thumbnail disertai menekan Ctrl. Setelah seleksi terbentuk aktifkan Rectangular Marquee Tool (M) lalu klik kanan pada area kanvas dan pilih Make Work Path. Akan muncul jendela Make Work Path, pada kotak tolerance isikan 1 pixel lalu OK.

membuat path yang membentuk seleksi dengan

Langkah 5

Sembunyikan layer teks dengan melakukan klik pada ikon mata disebelah kiri layer thumbnail. Tambah layer baru dengan nama ‘strokepath’ di bagian teratas pada layer window. Dengan path yang sudah kita buat pada langkah 4 lakukan Stroke Path menggunakan brush dengan kategori wet paint, kamu bisa mencari di deviantart atau tempat download brush gratis lainnya. Atur diameter brush sampai kamu dapatkan hasil yang bagus. Jika ingin tahu lebih banyak tentang penggunaan path, kamu bisa baca tulisan saya tentang tutoial menggunakan Pen Tool pada Photoshop.

Langkah 6

Buat layer baru lagi dengan nama ‘fill’ dan letakkan dibawah layer strokepath. Penuhi area teks dengan brush yang kita gunakan untuk stroke path, tidak perlu terlalu rata dan seragam, bahkan usahakan tidak seragam sehingga akan kelihatan lebih realistis.

Langkah 7

Tambahkan layer baru diatas layer strokepath dengan nama ‘texture’. Klik layer dua kali pada jendela layer untuk memunculkan layer style window. Kamu membutuhkan pengaturan layer style seperti berikut.

penggunaan layer style drop shadow bevel emboss contour satin pada photoshop

Layer texture kita butuhkan untuk memberikn efek basah pada teks, oleh karena itu atur fill layer texture menjadi nol. Setelah itu lakukan brush seperti pada langkah sebelumnya, dan kamu akan mendapatkan efek cat basah yang tampak realistis.

efek cat basah pada tipografi dengan photoshop

Langkah 8

Akan lebih keren jika kita beri efek menetes pada beberapa bagian yang konsentrasi cat kelihatan cukup tinggi. Langkah yang kita butuhkan untuk melakukannya petama bikin layer baru diatas semua layer dengan nama ‘drips’. Dengan Elliptical Marquee Tool (M) buat seleksi lingkaran-lingkaran kecil seperti tampak pada gambar berikut.

membuat area seleksi melingkar dengan elliptical marquee tool

Setelah itu gunakan Paint Bucket Tool (G) untuk memenuhi aea seleksi, pastikan warna foreground tetap seperti semula, merah tua #370c0b. Tekan Ctrl+D untuk menghilangkan seleksi. Gunakan filter Liquify untuk memberi efek menetes, pilih Filter > Liquify. Setelah muncul jendela Liquify gunakan Forward Warp Tool untuk membikin efek lelehan di bagian bawah setiap lingkaran, buat sebaik mungkin.

membikin efek tetesan menetes dengan filter liquify pada photoshop

Tekan OK dan akan kita dapati gambar seperti berikut.

Langkah 9

Beri style pada layer drips seperti yang kita lakukan pada langkah 7 dan jika ada yang kurang rapi, bersihkan dengan cara masking.

menggunakan layer style pada photoshop untuk membikin efek cat basah

Typhography Tugu Jogya

Tutorial kali ini kita akan membuat tipografi 3D dengan Illustrator dan memberinya sentuhan Photoshop untuk membuat efek lebih realistis. Teks dengan efek batu yang berada disamping Tugu Jogja ini akan kita buat dengan teknik yang cukup mudah. Disini kita juga akan belejar mengenai teknik pencahayaan dan penggunaan tekstur untuk membuat efek 3D lebih nyata.

Hasil Akhir dari Gambar

Sebelum memulai, mari terlebih dahulu kita lihat hasil akhir dari gambar yang akan kita buat. Versi yang lebih besar dapat dilihat disini.

Langkah 1

Buka Adobe Illustrator untuk memulai membuat teks 3D. Dengan Type Tool ketik ‘jogja’ dengan menggunakan huruf kapital. Font yang saya gunakan disni Helvetica LT Black dengan ukuran font 300 pt dengan warna font putih #FFFFFF (pada gambar berikut sya tampilkan hitam hanya untuk memperjelas).