Tutorial Tipografi dengan Efek Cat Basah


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 photoshop beberapa 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.
stroke path dengan wet dry brush

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.
melakukan brushing pada layer

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.
membikin efek tetesan menetes dengan filter liquify pada photoshop

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

Hasil Akhir

Berikut hasil akhir gambar yang kita buat, selamat mencobanya untuk kreasi kamu sendiri. Jangan lupa subscribe ke Grafisia RSS feed.
efek cat basah meleleh pada tipografi dengan photoshop 
Sumber : http://id.grafisia.com/tutorial/photoshop/tutorial-tipografi-dengan-efek-cat-basah/

Teks dengan Efek Stempel Karet Klasik


Langkah 1

Mulai dengan memilih font stencil kemudian tulis teks yang kamu inginkan.
photoshop typography tutorial membuat teks dengan efek stempel karet klasik

Langkah 2

Sekarang gunakan Rounded Rectangle Tool (U) untuk membuat shape yang mengelilingi teks. Dengan Path Selection Tool (A), copy dan paste path segi empat tadi pada path itu sendiri, kemudian ubah modenya menjadi Substract from shape area lalu perkecil ukuran path hasil paste tadi agar terbentuk border.
photoshop typography tutorial membuat teks dengan efek stempel karet klasik
Gabungkan layer teks dan border dengan meng-klik keduanya kemudian menekan Ctrl+E.

Langkah 3

Buat file baru dengan ukuran 800 x 800 pixel. Tekan D untuk mengatur hitam sebagai warna Foreground kamu dan putih sebagai background, kemudian pilih Filter > Render > Clouds. Setelah itu simpan file ini dengan nama ‘clouds.psd’.
photoshop typography tutorial membuat teks dengan efek stempel karet klasik

Langkah 4

Bukan efek stempel kalo bentuknya sempurna, kita harus beri sedikit efek agar terlihat lebih nyata. Kembali ke file teks stempel kamu, aktifkan layer hasil penggabungan tadi kemudian klik Filter > Distort > Displace. Disini kita tidak memerlukan pengubahan apapun, tekan OK saja lalu pilih file ‘clouds.psd’ yang barusan kita buat pada langkah sebelumnya.
photoshop typography tutorial membuat teks dengan efek stempel karet klasik

Langkah 5

Duplikat layer stempel (layer hasil gabungan) dan sembunyikan layer yang asli dengan mengklik gambar mata di sebelah kiri layer. Pada layerhasil duplikat, tambahkan Layer Mask gunakan filter Craquelure pada mask, caranya klik Filter > Texture > Craquelure. Atur nilai Spacing sebesar 13, Depth sebesar 8 dan Brightness isi dengan 0. Jalankan Threshold Adjustment gunakan nilai 128 (masih pada layer mask). Selesaikan langkah ini dengan Filter > Blur > Blur More untuk memperhalus mask.
photoshop typography tutorial membuat teks dengan efek stempel karet klasik

Langkah 6

Duplikat layer stempel yang asli sekali lagi dan tambahkan layer mask pada kopian kedua ini. Sekarang pilih Filter > Render > Clouds dan ikuti dengan Stamp filter, lalu klik Filter > Sketch > Stamp. Atur Light/Dark Balance menjadi 47 dan Smoothness menjadi 15.
photoshop typography tutorial membuat teks dengan efek stempel karet klasik

Langkah 7

Gabungkan dua layer kopian dari layer stempel tersebut kemudian tambahkan layer mask pada layer ini. Ubah warna Foreground kamu menjadi abu-abu muda, warna putih sebagai background dan buat Gradient linear pada mask. Ini akan membuat warna tinta stempel lebih gelap pada satu sisi dan lebih gelap pada sisi yang lain.
photoshop typography tutorial membuat teks dengan efek stempel karet klasik

Langkah 8

Aktifkan Smudge Tool dan gunakan brush Rough Round Bristle. Atur nilai Smudge Strength menjadi 50% dan dengan hati-hati gunakn smudge tool ini pada teks dan border sehingga tampak seperti berikut ini.
photoshop typography tutorial membuat teks dengan efek stempel karet klasik

Hasil Akhir

Selesai!!! Sampai disini kamu telah berhasil membuat efek stempel karet realistis pada teks. Klik gambar dibawah ini untuk melihat dalam ukuran sebenarnya. Semoga tutorial ini bermanfaat, dan jangan lupa subscribe ke Grafisia RSS feed atau klik disini untuk berlangganan tutorial Photoshop keren via e-mail.
photoshop typography tutorial membuat teks dengan efek stempel karet klasik 
Sumber : http://id.grafisia.com/tutorial/photoshop/teks-efek-stempel-karet-klasik/

Efek Cahaya pada Photoshop

Langkah 1

Buka photoshop, buat dokumen baru ukuran 1920 x 1200 pixel dengan resolusi 300 ppi. Sebagai background pilih warna coklat gelap #15100c. Disini saya gunakan warna cokelat karena Color Dodge tidak bisa bekerja pada warna hitam #000000, jadi bisa juga memakai warna gelap lain asalkan tidak hitam.
tutorial membuat efek cahaya pada photoshop untuk tipografi

Langkah 2

Ketik NUKE, dengan tiap huruf satu layer kemudian susun seperti berikut. Warna huruf terserah asal kelihatan. Font bisa menggunakan apa saja, yang penting meiliki tipe seperti font yang saya gunakan yaitu tebal dan tidak memiliki sisi melengkung.
tutorial membuat efek cahaya pada photoshop untuk tipografi

Langkah 3

Gunakan Pen Tool untuk membuat path yang mengelilingi tepi huruf dan beri tambahan sedikit di bagian kanannya menyerupai huruf L.
tutorial membuat efek cahaya pada photoshop untuk tipografi

Langkah 4

Sembunyikan layer tulisan NUKE dengan mengklik gambar mata di sebelah kirinya pada jendela layer. Buat layer baru diatas semua layer dengan nama layer 2. Dari path yang sudah dibuat pada langkah sebelumnya kita buat stroke path dengan brush diameter 5 px dan hardness 100%, jangan lupa sebelumnya ubah warna foreground menjadi putih #FFFFFF.
tutorial membuat efek cahaya pada photoshop untuk tipografi

Langkah 5

Saatnya memberi efek bercahaya pada gambar kita. Caranya, ubah Blending Mode Layer 2 menjadi Color Dodge. Buat layer group baru dan masukkan Layer 2 kedalamnya. Blending Mode dari group ini juga diubah menjadi Color Dodge karena akan berbeda efek yang dihasilkan jika tetap dengan Blending Mode Pass Through. Jadikan Layer 2 blur dengan Filter > Blur > Gaussian Blur, masukkan besar radius 2 px.
tutorial membuat efek cahaya pada photoshop untuk tipografi

Langkah 6

Buat layer baru diatas Layer 2 dan masih di dalam group. Buat elips kecil menggunakan Elliptical Marquee Tool kemudian isi dengan warna putih. Ubah Blending Modenya menjadi Color Dodge lalu berikan Gaussian Blur dengan radius 8 px.
tutorial membuat efek cahaya pada photoshop untuk tipografi
Duplikat layer ini dan posisikan seperti pada gambar berikut sehingga tampak seperti illustrasi aliran listrik pada suatu kawat penghantar.
tutorial membuat efek cahaya pada photoshop untuk tipografi

Langkah 7

Untuk membuatnya lebih keren, buat layer baru diatas group light. Pastikan warna putih #FFFFFF sebagai foreground dan hitam #000000 sebagai background, lalu Filter > Render > Clouds. Kemudian ubah blending mode layer ini menjadi Color Dodge juga.
tutorial membuat efek cahaya pada photoshop untuk tipografi

Langkah 8

Sebagai bagian terakhir beri gambar bohlam menyala pada gambar.
tutorial membuat efek cahaya pada photoshop untuk tipografi

Kesimpulan

Kesimpulan dari langkah-langkah diatas, cara yang cukup mudah untuk membauat efek cahaya pada photoshop, yaitu:
  • gunakan background warna gelap tetapi bukan hitam
  • buat garis, bidang, tulisan atau lainnya dengan warna putih
  • ubah Blending Mode menjadi Color Dodge dan terapkan Gaussian Blur
  • masukkan pada layer group dengan Blending Mode Color Dodge
Kamu dapat membuat efek cahaya, glow, bintang dan lainnya dengan Color Dodge, tapi ingat ini tidak akan bekerja pada warna background hitam. Jadi jika kamu ingin menggunakan hitam sebagai warna backgroud maka buat layer lain diantara layer hitam dan Color Dodge dengan warna lain selain hitam. Sedangkan kalau kamu ingin mencoba warna lain, hanya tinggal membuat layer diatasnya dengan warna yang diinginkan kemudian mengubah Blending Mode menjadi Overlay.

Sumber : http://id.grafisia.com/tutorial/photoshop/efek-cahaya-pada-photoshop/

Teks dengan Efek Kaca Transparan di Photoshop


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 Grafisia 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.
tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

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.
tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 3

Selanjutnya klik pada kata Drop Shadow ubah pengaturannya seperti berikut. Jangan klik OK terlebih dahulu.
tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 4

Sekarang tambahkan style Inner Shadow pada teks. Belum saatnya ngeklik OK, sabar dulu.
tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 5

Masih pada dialog box layer effect, sekarang klik style Inner Glow, gunakan setting seperti berikut, but don’t click OK yet.
tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

Langkah 6

Layer style yang kita gunakan berikutnya adalah Bevel and Emboss. Screenshot di bawah akan memberikan informasi bagaimana setting yang saya gunakan.
tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable

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.
tutorial Photoshop membuat teks tipografi tulisan dengan efek style kaca transparan realistis editable resizable 
Sumber : http://id.grafisia.com/tutorial/photoshop/teks-efek-kaca-transparan-photoshop/

Efek Huruf Melipat dengan Photoshop


Langkah 1

Pertama buka photoshop dan buat dokumen baru dengan ukuran sesuka kamu dengan resolusi 300 ppi. Gunakan Paint Bucket Tool (G) untuk memenuhi area dengan warna #e9e3d5. Ketik tulisan yang akan kita beri efek melipat. Untuk font yang digunakan terserah kamu, karena disini saya hanya menjelaskan triknya saja. Saya disini menggunakan font Helvetica CE.
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). Atur Saturation 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 
Sumber : http://id.grafisia.com/tutorial/photoshop/efek-huruf-melipat-dengan-photoshop/

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes