Efek Kaca Transparan di Photoshop

Preview Hasil Akhir Gambar

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

Final Image

Semoga tutorial ini bermanfaat,

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.

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.

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

Langkah 5
Pilihlah menu Image > Adjustment > Color Balance. Buatlah agar tulisan tersebut menjadi agak kehijauan.

Langkah 6
Munculkan seleksi pada layer tulisan. Cara yang termudah untuk memunculkan seleksinya adalah dengan melakukan Ctrl + klik pada tumbnail layernya.

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.

Akan didapatkan hasil seleksinya seperti dibawah ini.

Langkah 8
Isikan warna putih pada layer background pada area yang berada dalam seleksi. Pastikan layer background dalam kondisi aktif dulu.

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.

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

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.

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.

Berikut ini gambar tutorial photoshop tentang pembuatan efek tulisan Godzilla yang sudah jadi.

Selamat belajar dan berkreasi dengan Photoshop.

Animasi tulisan bergerak

Tutorial Photoshop kali ini akan membahas cara pembuatan efek tulisan bergerak ( animasi ) dengan format file gif. Animasi ini dibuat dengan program photoshop pada awalnya, kemudian proses pembuatan animasinya dengan menggunakan Adobe Image Ready. Jika photoshop yang digunakan adalah versi CS3, maka animasi ini bisa dibuat langsung dengan Photoshop, tanpa harus menggunakan image ready.

Tutorial pembuatan animasi tulisan dengan Photoshop

Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.

Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.

Langkah 3

• Jika Anda menggunakan versi Photoshop 7 hingga CS:
  Klik icon Jump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu File > Jump To > Adobe ImageReady 7.0 (pada Photoshop 7), atau File > Edit in Image Ready (pada Photoshop CS).
  
• Jika Anda menggunakan versi Photoshop CS3:
  Pilih menu Window > Animation
  

Langkah 4
Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).

Jika perlu, perlebar tampilan palet ini dengan melakukan klik dan geser pada sudut kanan bawah palet tersebut.
Langkah 5
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.

Langkah 6
Klik icon Duplicate current frame.

Langkah 7
Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame kedua.
Geser lagi tulisan hingga sisi kanan luar dari background.

Langkah 8
Klik icon Tweens animation frames.

Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek.
Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.

Pada kotak dialog ini, kita bisa mengatur:

• Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka yang tepat adalah Previous Frame.
• Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan. Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file hasil jadinya akan semakin besar.
• Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada layer yang aktif saja.
• Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai dasar animasi

Langkah 9
Klik icon Plays/stops animation.

Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.
Untuk menyimpan hasil animasi, pilihlah menu File > Save Optimized pada Adobe ImageReady. Atau File > Save for Web & devices pada Photoshop CS3. Pastikan format file yang dipilih adalah gif.
Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.

Silahkan dicoba dan digunakan sebagai tambahan materi belajar photoshop. Berikut ini ada 2 buah contoh file lain. Silahkan dicoba sendiri juga untuk membuat seperti gambar-gambar berikut ini.
Gambar contoh animasi 1

Gambar contoh animasi 2

sumber: /mbahdewo.com

Memasukkan foto kedalam teks

Tutorial efek tulisan dengan Photoshop ini cukup mudah. Mungkin malah sudah banyak yang tahu. Tutorial ini memang sengaja saya susulkan untuk di publikasikan. Karena teknik ini akan digunakan juga pada tutorial yang mendatang.

Pada tutorial ini kita akan belajar cara memasukkan sebuah foto / gambar kedalam tulisan ataupun obyek lain.
Langkah 1
Bukalah sebuah file foto / gambar, atau buatlah sebuah file baru. Ukuran file bisa disesuaikan dengan keinginan Anda.

Tujuan langkah ini adalah agar kita mempunyai sebuah file yang digunakan untuk mengetik.
Langkah 2
Pada file tersebut (langkah ke-1), buatlah sebuah tulisan dengan menggunakan type tools. Usahakan untuk memilih jenis huruf yang tebal. Misalnya Arial Black, Impact.

Langkah 3
Bukalah file foto / gambar yang akan dimasukkan ke dalam tulisan. Jika file tersebut sudah dibuka, geserlah file tersebut kedalam file tulisan dengan menggunakan Move tool. Lebih lanjut, tentang Move tool, bisa dibaca di sini.

Langkah 4
Pastikan urutan layer seperti gambar berikut ini:

Layer foto diatas sendiri, kemudian layer tulisan dibawahnya.
Jika posisi layer sudah benar, pastikan layer yang aktif adalah layer foto.
Sekarang:

• Tekan tombol Ctrl + Alt + G, pada Photoshop 7, atau
• Pilih menu Layer > Create Clipping Mask (Ctrl + G), pada Photoshop CS, atau
• Pilih menu Layer > Create Clipping Mask (Ctrl + Alt + G), pada Photoshop CS3.

Foto sudah masuk kedalam tulisan. Jika perlu, bisa Anda tambahkan Layer style misalnya Bevel and Emboss atau Drop Shadow.
Berikut ini adalah gambar dari tutorial photoshop ini yang sudah jadi.

Selamat mencoba.

tinggalkan komentar anda di bawah untuk perkembangan blog ini.

Membuat Efek Teks Fantasi

Setelah sebelumnya terdapat Tutorial Teks Efek Ocean Sky, pada kali ini kita akan belajar Efek teks Teks efek Fantasi. Teks Efek dengan menggunakan gradien yang natural (alami) dengan teks yang menyala bagaikan terkena sapuan cahaya dari atas. Benar - benar membuat kita berfantasy dengan ilmu Grafis.

Berikut Tutorial / Langkah - langkahnya:
1. Buka file baru dengan ukuran 800x500 px dengan posisi landscape

2. Gunakan gradient tool dan pilih gradasi hitam dan biru gelap. Klik dan drag hingga menjadi kombinasi seperti gambar berikut.


3. Gunakan type tool untuk mengetik tulisan, ketik ‘fantasi’ dengan jenis font Trajan Pro, font ini bisa di download di Koleksi Font IG.
Atau dicari lewat Paman Google. Setelah dapat fontnya, instal di photoshop anda.
Ganti warna menjadi warna biru terang. Beri nama fantasi.


4. Duplikat layer teks sebanyak 2 kali, dengan klik kanan pada layer di pallete, pilih duplikat layer. Beri nama fantasi-efekwarna, dan fantasi-efektimbul.

5. Pastikan layer yang aktif adalah layer teks-efek, klik kanan dan pilih blending option. Dan ubah setting sesuai gambar.
Inner Glow:


Gradient Overlay:


6. Kemudian aktifkan layer fantasi-efektimbul dan setting blending option sebegai berikut:
Bevel and Emboss:


Contour:


Inner Glow:


hasil sementara


7. Kemudian tahan Ctrl dan klik ke tiga layer teks. Kemudian Ctrl+G untuk meng-group layer.

8. Lakukan duplikasi group dengan cara klik kanan pada grup dan duplicate group.


9. Tekan Ctrl+E pada group hasil duplikat. Ctrl+T transform flip vertical. Geser ke bawah hingga menjadi seperti cerminan teks dasar. Beri nama bayangan


10. Turun kan opacity layer bayangan menjadi 40%, dan hapus layer bayangan dengan eraser tool dengan opac 50% dan flow 50%. Hingga menjadi seperti ini.


11. Bikin layer baru (Ctrl+ shift+N) beri nama cahaya.
Gunakan Polygonal Lasso Tool untuk membuat seleksi berbentuk segitiga memanjang kebawah.

Kemudian isi seleksi dengan warna putih dengan Paint Bucket Tool.

12. Matikan seleksi dengan Ctrl+D, lalu pilih Filter-blur-Gaussian Blur ubah menjadi 40 px. OK.

13. Ganti Blending mode dari normal menjadi Overlay pada Layer Pallete.


14. Bikin layer baru lagi, aktifkan brush tool dan tekan F5

15. Setting hardness, spacing dan size Jitternya, atur diameter kecil dan besar saat melakukan brushing




16. Sapukan brush pada layer baru setelah itu, ganti blending modenya menjadi overlay. Dan opacity menjadi 50 %

17. Bikin layer baru dan lakukan brushing dengan gaya lain. Dan setting yg sama dengan sebelumnya.

Teks Efek Fantasy Semoga bermanfaat, Selamat mencoba.:D
Terima kasih, dan sampai ketemu di tutorial Photoshop yang lain
SUMBER:http://ilmugrafis.com/photoshop_teks.php?page=teks-efek-fantasi