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.

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.

Langkah 3

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

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.

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.

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.

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.

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.

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.

Hasil Akhir

Berikut hasil akhir gambar yang kita buat, selamat mencobanya untuk kreasi kamu sendiri. Jangan lupa subscribe ke Grafisia RSS feed.

 

Sumber : http://id.grafisia.com/tutorial/photoshop/tutorial-tipografi-dengan-efek-cat-basah/

Read more »

Teks dengan Efek Stempel Karet Klasik

Langkah 1

Mulai dengan memilih font stencil kemudian tulis teks yang kamu inginkan.

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.

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’.

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.

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.

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.

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.

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.

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.

 

Sumber : http://id.grafisia.com/tutorial/photoshop/teks-efek-stempel-karet-klasik/

Read more »

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.

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.

Langkah 3

Gunakan Pen Tool untuk membuat path yang mengelilingi tepi huruf dan beri tambahan sedikit di bagian kanannya menyerupai huruf L.

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.

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.

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.

Duplikat layer ini dan posisikan seperti pada gambar berikut sehingga tampak seperti illustrasi aliran listrik pada suatu kawat penghantar.

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.

Langkah 8

Sebagai bagian terakhir beri gambar bohlam menyala pada gambar.

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/

Read more »

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.

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.

 

Sumber : http://id.grafisia.com/tutorial/photoshop/teks-efek-kaca-transparan-photoshop/

Read more »

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.

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.

Langkah 3

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

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’.

Langkah 5

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

Langkah 6

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

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.

Langkah 8

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

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.

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

 

Sumber : http://id.grafisia.com/tutorial/photoshop/efek-huruf-melipat-dengan-photoshop/

Read more »

Tutorial Photoshop Menggambar iPhone 3G

Langkah 1

Kita mulai dengan membuat dokumen putih ukuran 1600 x 2400 pixel. Gunakan Rounded Rectangle Tool (U) untuk membuat bentuk dasar iPhone. Untuk besar radiusnya bisa disesuaikan dengan menggeser anchor point yang ada pada sudut-sudut path. Geser posisi anchor point menggunakan Add Anchor Point Tool sampai bentuk path sesuai yang kamu inginkan. Bagian terakhir dari langkah 1, buat layer baru “Layer 1″ dan penuhi path yang sudah dibuat dengan warna hitam #000000.

Langkah 2

klik dua kali Layer 1 pada layer palet untuk memunculkan window layer style. Klik Gradient Overlay dan atur seperti tampak pada gambar berikut.

Langkah 3

Tambahkan layer baru diatas Layer 1, sebut saja Layer 2. Buat shape baru dengan Rounded Rectangle Tool (U) seperti yang ada pada gambar. Klik kanan pada shape, pilih Fill Path dengan warna putih #FFFFFF.

Beri Inner Shadow pada layer 2 dengan setting seperti berikut.

Langkah 4

Diatas Layer 2 tambahkan layer baru dan penuhi dengan warna putih dengan shape seperti gambar di bawah.

Langkah 5

Ulangi langkah 4 dengan shape yang lebih kecil dan dengan warna hitam.

Langkah 6

Pada bagian paling atas iPhone buat shape kecil melengkung di kedua ujungnya dan penuhi shape dengan warna #e4e4e6, tentu saja dengan membuat layer baru sebelumnya. Berikan style Inner Shadow dengan opacity 25% pada layer ini seperti dibawah.

Langkah 7

Ulangi langkah 6 pada bagian bawah iPhone dan dengan setting Inner Shadow yang berbeda. Opacity pada Inner Shadow 60%.

Langkah 8

Setelah kita membuat bentuk dasar Iphone, sekarang kita akan membuat bagian yang paling penting dari alat komunikasi ini yaitu layarnya. Aktifkan Rectangle Tool (U) untuk membuat path persegi panjang vertikal pada bagian tengah iPhone. Buat seleksi dengan path ini, perbesar ukuran seleksi dengan Select > Modify > Expand, isikan 7 pada dialog box yang muncul. Dalam keadaan seleksi aktif buat layer baru dan penuhi area seleksi dengan warna #5e5d5d. Dengan path yang sama untuk membuat seleksi buat layer mask untuk layer ini sehingga kita mendapatkan garis tepi dari layar kita.

Dengan Paint Bucked Tool (G) penuhi area seleksi dengan warna #5e5d5d. Lakukan masking pada layer ini, buat seleksi lagi dengan path persegi panjang vertikal yang bau saja kita buat lalu klik Layer > Layer Mask > Hide Selection.

Memang kalau dilihat dalam ukuran kecil, sepertinya efek yang dihasilkan langkah ini kurang kelihatan, tapi akan beda halnya jika gambar iPhone diperbesar.

Langkah 9

Pada langkah ini kita akan memberikan efek glossy pada iPhone kita, tahap pertama buat layer baru. Buat seleksi dengan path yang kita hasilkan pada langkah 5, perkecil luas area seleksi dengan Select > Modify > Contract dengan nilai sebesar 10 pixel.

Ubah warna foreground menjadi putih #FFFFFF, kemudian dengan Gradient Tool (G) buat linear gradient putih ke transparent dari ujung kiri bawah iPhone dalam keadaan seleksi masih aktif.

Lakukan masking pada layer baru ini seperti pada Langkah 8 kemudian ubah Opacity menjadi 15%.

Langkah 10

Ulangi langkah 9 tapi kali ini gradient dari pojok kanan atas, opacity layer diubah menjadi 42%, dan masking diagonal miring ke kiri.

Langkah 11

Sebagian besar gambar sudah jadi, sekarang tinggal menambahkan tombol dan hal-hal kecil yang ada pada iPhone 3G. Pertama yang kita buat adalah tombol yang ada di bagian bawah layar sentuh. Cara membuatnya pertama, tambahkan layer baru diatas semua layer, buat lingkaran path dengan Ellipse Tool, untuk membuat sebuah lingkaran, tekan Shift saat menggunakan Ellipse Tool, tanpa menekan Shift akan sulit membuat lingkaran secara sempurna. Penuhi path ini dengan warna hitam #000000. Setelah itu klik dua kali layer yang kita buat pada Langkah 11 ini pada layer palet untuk memunculkan jendela Layer Style. Pilih Stroke dan atur seperti gambar berikut.

Langkah 12

Gunakan path pada langkah sebelas untuk membuat seleksi. Buat gradient dari putih ke transparent dengan Gradient Tool (G) pada layer baru. Letakakan layer baru ini diatas layer yang kita buat pada langah 11. Berikutnya buat seleksi berbentuk ellips dengan Elliptical Marquee Tool (M). Ukuran seleksi bisa kita atur seperti halnya path dengan cara buat seleksi terlebih dahulu terus pada menu bar klik Select > Transform Selection, ini akan mempemudah kita membuat area seleksi.

Sekarang klik Layer > Layer Mask > Hide Selection, kita dapati gambar kita sebagai berikut.

Langkah 13

Tambahkan layer baru lagi diatas layer sebelumnya. Buat seleksi berbentuk persegi kecil lalu Select > Modify > Expand, isikan 7 pixel untuk besarnya expand. Habis itu penuhi area seleksi dengan warna #747373.

Dengan seleksi yang sama sebelum di expand, klik Layer > Layer Mask > Hide Selection.

Langkah 14

Sehabis menangani bagian bawah iPhone, gantian sekarang bagian atas yang menjadi fokus kita. Dengan Rounded Rectangle Tool (U) buat path seperti berikut.

Penuhi area path dengan warna #595b5d, lakukan ini pada layer baru tentunya. Brikan Layer Style Bevel and Emboss pada leyer ini dengan setting seperti dibawah ini

Langkah 15

Untuk membuat tombol pada bagian atas iPhone kita mulai dengan membuat path seperti pada gambar dibawah, untuk membuatnya paling mudah adalah menggunakan Pen Tool (P).

Buat layer baru, klik kanan pada path, pilih Fill Path dan isi dengan warna #d2d2d2. Berikan Layer Style Gradient Overlay pada layer. Lakukan yang sama untuk dua tombol lainya pada bagian tepi kiri iPhone. Ubah-ubah pengatuan Gradient Overlay sampai kamu temui efek yang paling bagus.

iPhone 3G

Inilah gambar akhir dari iPhone 3G yang kita buat pada tutorial photoshop kali ini.

Menambahkan Hiasan pada iPhone 3G untuk Membuat Wallpaper Keren

Pertama kita sesuaikan resolusi gambar dengan resolusi monitor, misalnya 1920×1200 pixel. Ini bisa kita lakukan dengan mengubah ukuran kanvas, Images > Canvas Size kemudian ganti angka-angkanya sesuai yang kamu inginkan.
Untuk warna background wallpaper jangan memakai fill color, akan kelihatan lebih elegan jika kita menggunakan gadient warna yang halus.
Ribbon yang ada pada wallpaper iPhone ini bisa kamu buat dengan mengikuti langkah-langkah dari tutorial saya sebelumnya tentang galleri photo unik, hanya saja disini gambar foto foto saya ganti dengan icon yang ada pada iPhone. Saya buat seperti pita yang diikat atasnya agar tampak sebagai hadiah.
Duplikat gambar iPhone dan ribbon, jadikan hasil duplikasinya menjadi smart object, kemudian transform flip vertikal, geser kebawah, lakukan masking dengan gradient dari hitam ke transparent dan mengurangi opacity layer duplikat ini jadilah bayangan dari iPhone.
Tambahkan tulisan pada bagian kiri wallpaper agar tidak kelihatan kosong dan inilah wallpaper iPhone keren yang kita buat, jangan lupa subscribe ke

 

Sumber : http://id.grafisia.com/tutorial/photoshop/tutorial-photoshop-menggambar-iphone-3g/

Read more »