Jumat, 16 Januari 2015

Cara Membuat Teks Efek Cermin dengan Photoshop

  •  

  • Sha
Teks Efek Cermin dengan PhotoshopIlmu Grafis Tutorial Photoshop Membuat Efek Teks Cermin atau efek teks tulisan bayangan dengan Photoshop yang tren dan populer. Saat ini masih cukup trend untuk membuat logo atau gambar dengan memberikan bayangan dibawahnya, seolah-olah objek tersebut berada diatas kaca. Ada berbagai cara membuat efek tersebut dengan Photoshop, berikut cara mudah membuat efek bayangan dengan teknik “Masking”.

Dengan teknik masking, untuk membuat efek bayangan hanya diperlukan beberapa langkah saja. Agar lebih mudah, sebagai contoh akan dibuat bayangan untuk text. Ada beberapa istilah yang nantinya perlu dipahami, misalnya Layer dan Tools. Ada baiknya jika Anda membaca dulu artikel Tips Photoshop layer untuk mengetahui fungsi masing-masing tool pada opsi layer.
Tool yang akan dipakai
Teks Efek Cermin dengan Photoshop

Cara Membuat Teks Efek Cermin dengan Photoshop

Langkah 1

Buat layer baru dengan cara klik menu File > New… (CTRL+SHIFT+N) setelah tampil window New, bagian Preset sizes pilih ukuran yang lumayan besar, misalnya 1280x800px 72 px/inch. Namai dengan Efek cermin dengan background putih. Opsi yang lain biarkan saja, kemudian klik OK, maka akan ditampilkan layer baru.

Langkah 2

Buat Text dengan memilih ikon T (Horizontal Text Tool), tools disebelah kiri, kemudian klik di layer baru tersebut dan tulis misalnya “PHOTOSHOP” dengan ukuran text “72 pt”, pilih font yang agak tebal, misalnya “Arial Black” (pengaturan font bagian atas/toolbar). Biarkan warnanya tetap hitam.
Teks Efek Cermin dengan Photoshop

Langkah 3

Copy text tersebut dengan memilih menu Layer > Duplicate Layer.. (atau klik kanan pada layer photoshop) ketika muncul window konfirmasi duplicate layer, klik OK (atau tarik layer PHOTOSHOP tersebut ke icon “Create a new layer”). Text ini akan dijadikan bayangannya.
Teks Efek Cermin dengan Photoshop

Langkah 4

Pilih Duplicate layer ( klik “Photoshop copy” di bagian layer ) tersebut dan Pilih Menu Edit > Transform > Flip Vertikal. Kemudian geser text yang sudah dibalik tersebut dibawah text Aslinya menggunakan Move Tool.
Teks Efek Cermin dengan Photoshop

Langkah 5

Dibagian Layer, Pilih text bayangan tersebut, kemudian klik icon dibawahnya “Add layer mask”
Teks Efek Cermin dengan Photoshop

Langkah 6

Klik “Gradient Tool” kemudian bagian warnanya pilih Foreground to Transparent
Teks Efek Cermin dengan Photoshop
Setelah itu drag (isikan) saja di bayangan text dari bawah ke atas. Jika terbalik maka ubah dari atas ke bawah. Ulangi jika hasilnya masih kurang bagus. Ingat sebelumnya Anda wajib klik ikon masking pada layer Photoshop Copy (ada disebelah kanannya).
Teks Efek Cermin dengan Photoshop
Dari cara diatas akan dihasilkan text dengan bayangan dibawahnya. Agar hasilnya lebih menarik, maka text Photoshop yang diatas akan dibuat efek glossy atau seperti kaca dengan langkah mudah berikut (melanjutkan langkah sebelumnya).
1. Buat layer baru, posisikan berada diatas text “PHOTOSHOP”. Pastikan layernya transparent.
2. Klik layer baru tersebut dan klik kanan pada “Selection tool” (Ada pada group Rectangular marquee tool), pilih “Elliptical Marquee Tool” . Perkecil View Anda dengan cara menekan tombol Buat Seleksi Elips yang membagi text phhotoshop menjadi 2 bagian dengan cara klik drag (cara menghilangkan seleksi klik menu Select > Deselect atau tekan CTRL+D).
Teks Efek Cermin dengan Photoshop
3. Klik Gradient Tools, dan pastikan warna Putih berada diatas hitam (Foreground to Background). Pilih gradient “Foreground to Transparent”. Kemudian drag di bagian elips yang telah kita buah, coba sampai dihasilkan efek yang terbaik
Teks Efek Cermin dengan Photoshop
Hasilnya
Teks Efek Cermin dengan Photoshop
Dengan sedikit penambahan ahlidesain menghasilkan efek teks cermin seperti berikut
Teks Efek Cermin dengan Photoshop
Untuk media pembelajaran Cara Membuat Teks Efek Cermin dengan Photoshop, kami menyertakan source code yang bisa Anda ubah-ubah sesuai dengan keinginan.

Membuat Teks Efek Emas dengan Photoshop



  • 203
     

  • Share
tutorial desain grafisCara Membuat Teks Efek Emas dengan Adobe Photoshop ini bertumpu pada style yang diterapkan pada teks. Lebih indah dibalut kemilau sorotan cahaya berpendar disekelilingnya. Hampir disetiap teks effek bersandar pada pemahaman kita dalam menggunakan teknik pencahayaan dan pewarnaan dan menerapkannya dalam sebuah style.

Sebelum kita beranjak untuk segera membuat efek teks dengan photoshop atau text effect photoshop, sebaiknya kita pahami dulu fungsi, keunggulan, manfaat dan segala kebaikan menggunakan style. Keuntungan utama menggunakan teknik ini ( baca : style ) adalah sekali Anda membuat style bisa diterapkan pada setiap teks atau objek lain untuk penggunaan berikutnya sehingga karya desain bisa dihasilkan dengan proses yang sangat cepat, seperti sebuah pementasan sulap- Klik maka jadilah.
Dalam penggunaannya, teknik ini akan menggunakan warna gelap. Seperti kita ketahui bahwa emas adalah benda berpedar atau memantulkan cahaya, lebih menarik jika dipakai pada background gelap, tidak harus warna hitam.
Cara membuat efek emas atau gold text effect ikuti langkah-langkah berikut :
1. Buat Lembar kerja baru CTRL + N pada photoshop dengan Spesifikasi
Ukuran : 1024 x 768 px
Resolusi : 72 px/cm
Colour Mode : RGB 8 bit
Background : White
teks efek emas photoshop
2. Buat Tulisan GOLD menggunakan Horizontal Type Tool ( T ) posisikan ditengah lembar kerja. Ukuran 225 px dengan warna hitam dan font adalah Arial, warnai dengan warna putih
gold text effect photoshop
3. Duplikat tulisan gold
efek teks emas dengan photoshop
4. Klik atau pilih pada layer GOLD Copy lalu klik Menu Layer > Layer Style > Blending Options, atur Drop Shadow, Bevel and Embos, Color Overlay, dan Stroke.
gold text effect photoshop CS3
efek teks emas dg photoshop
teks efek emas dengan photoshop
tutorial membuat efek teks emas dg photoshop
5. Buat layer baru dengan klik Menu Layer > New > Layer ( Shift + CTRL + N )
6. Import Star Brush yang bisa Anda dapatkan disini. Masukkan dalam photoshop, double klik saja pada brush tersebut di Windows Explorer atau menggunakan klik kanan load bruh [tool aktif adalah brush]. Klik kanan dan pilh star brush. Warna pada foreground adalah putih, sehingga brush berwarna putih.
cara memasukkan brush photoshop
7. Klik pada lokasi dimana gold akan bersinar
cara membuat efek emas photoshop
8. Ubah style pada layer tersebut. Cara seperti pada point 4 ( empat ) diatas, ubah outher glow dan color overlay
photoshop style gold
photoshop style gold effects
9. Hasilnya seperti gambar dibawah
gold style photoshop
10. Agar hasil lebih maksimal Anda bisa lakukan cara berikut.
a. Tekan tombol keyboard D, lalu pilih layer background. Buat layer baru dengan cara klik Menu Layer > New > Layer kemudian warnai dengan warna hitam menggunakan tombol keyboard ALT + DEL. Kemudian buat style ( cara sama dengan point 4.
efek emas dengan photoshop
b. Duplikat layer Gold Copy ( cara sama dengan point 3 )
c. Buat layer baru diatasnya layer Gold Copy 2
d. Seleksi dua layer diatas dengan cara klik layer 3 tersebut + shift klik layer Gold Copy 2
e. Pilih Menu Layer > Merger Layers ( CTRL + E )
f. Ubah Style Layer 3 pada opsi Embos
gold text effects
g. Hasil Akhir
efek emas       


                                               SELAMAT MENCOBA>>>

Efek Teks Api


Dalam tutorial Photoshop kali ini, kita akan belajar bagaimana membuat efek teks api. Kita akan menggunakan Liquify Photoshop untuk efek kobaran nyala api itu sendiri, dan kita juga akan menggunakan Filter Wind, menggunakan beberapa lapisan layer penyesuaian untuk mewarnai api, Gradient Overlay, Layer Mask, dan banyak lagi!
Langkah pertama, settinglah Background color dalam warna hitam atau gunakan sortcut tombol (D) pada keyboard.

tutorial photoshop 
 Selanjutnya kita buat dokumen Photoshop baru. Pilihlah menu File dan pilih New. Atau, untuk cara cepat untuk membuat dokumen baru, menggunakan cara pintas keyboard Ctrl + N. Aturlah ukuran Canvas sesuai dengan yang dibutuhkan. Untuk tutorial ini, saya akan memasukkan ukuran 500 pixel untuk lebar, 300 pixel untuk tinggi, untuk nilai Resolusi, memasukkan 72 pixels/inch dan Background Contents pilih Background Color. Setelah selesai, klik OK.

tutorial photoshop 
 Dokumen baru dengan ukuran yang telah disesuaikan dan warna background hitam, akan muncul pada halaman kerja Photoshop anda.
tutorial photoshop 
 Sekarang kita akan mambuat teks, pilihlah Type Tool pada toolbox atau tekan huruf (T) pada keyboard untuk memilih dengan cara pintas.

tutorial photoshop 
 Setelah Type Tool dipilih, lihat Option Bar di bagian atas layar yang menampilkan opsi khusus untuk Type Tool. Pilih jenis font yang ingin Anda gunakan untuk efek. Pada tutorial ini saya menggunakan jenis font Times New Roman Bold. Sesuaikan ukurannya dan tulislah teks "FIRE" di atas layer dengan background hitam tersebut. Jika ukuran ideal font yang diinginkan belum sesuai dengan yang anda inginkan, gunakan cara singkat dengan sortcut. Tekan tombol T (Transform) pada keyboard pada layer FIRE dan tarik titik Transform pada bagian ujungnya untuk mengatur ukuran Font. (Tekan tombol shift saat menarik titk Transform).

tutorial photoshop 
 Selanjutnya harus ubah teks "FIRE" kita menjadi jenis piksel, dalam Photoshop dikenal sebagai rasterizing the text. Pastikan teks yang anda tulis tadi tidaklah salah, karena teks tidak akan lagi dapat diedit setelah dilakukan rasterizing. Untuk mengkonversi teks ke dalam piksel, pilih menu Layer di bagian atas layar, pilih Rasterize, kemudian pilih Type.

tutorial photoshop 
 Untuk menciptakan efek api, kita harus melakukan Duplicate layer pada layer "FIRE". Cara termudah untuk menduplikasi lapisan di Photoshop adalah dengan cara pintas keyboard. Pertama, pastikan Anda memilih layer FIRE yang ada pada palet, lalu tekan Ctrl + J. atau anda juga dapat melakukannya dengan memilih menu Layer dan pilih Duplicate layer. Dan layer FIRE copy akan tercipta pada Panel Layers.

tutorial photoshop 
 Setelah menduplikat layer teks, klik ikon bola mata kecil (ikon visibility layer) di paling kiri dari lapisan di palet Layers. Bola mata akan hilang dari palet Layers, dan lapisan itu sendiri akan hilang dalam dokumen (untuk sementara).

tutorial photoshop 
 Layer FIRE copy telah tersembunyi, sekarang klik pada layer FIRE (layer teks asli) dalam palet Layers. Untuk membuat api untuk efek teks ini, kita akan menggunakan beberapa filter Photoshop, dan yang pertama kita akan menggunakan Wind filter. Karena filter ini hanya bekerja dari arah kiri ke kanan (atau kanan ke kiri), maka kita harus memutar gambar 90 derajat. Pilih menu Image di bagian atas layar, pilih Image Rotation, dan kemudian pilih 90 ° CW (searah jarum jam).

tutorial photoshop 
 Maka hasilnya semua layer akan memutar 90 derajat ke arah searah jarum jam.

tutorial photoshop 
 Nah, dengan itu kita sudah siap untuk menerapkan filter Wind. Pilih menu Filter di bagian atas layar, pilih Stylize, kemudian pilih Wind.

tutorial photoshop 
 Ini menampilkan kotak dialog Wind, yang terdiri dari area preview di bagian atas dan beberapa pilihan untuk setting di bagian bawah. Pada bagian setting, terdiri dari dua, yaitu Method dan Direction. Pada bagian Method, pilih WInd dan pada bagian Direction, pilih From the Left. Jika sudah klik button OK.

tutorial photoshop 
 Dan hasilnya, akan ada efek garis-garis kecil pada tulisan dari arah kiri ke kanan (Wind). Untuk memperluas efek Wind ini, tekan tombol Ctrl + F (Last filter).

tutorial photoshop 
 
 Kita sudah selesai dengan filter Wind, sekarang kita putar gambar kembali ke semula. Pilih kembali menu Image, pilih Image Rotation, dan kemudian pilih 90 ° CCW (berlawanan arah jarum jam).

tutorial photoshop 
 Gambar akan kembali ke posisi seperti awal.

tutorial photoshop 
 Kita perlu membuat sedikit efek blur agar efek Wind pada gambar tidak terlalu tajam. Untuk itu, kita akan menggunakan Photoshop filter Gaussian Blur. Pilih menu Filter di bagian atas layar, pilih Blur, kemudian pilih Gaussian Blur.

tutorial photoshop 
 Ini akan menampilkan kotak dialog Gaussian Blur. Masukkan nilai Radius sekitar 0,5 pixel di bagian bawah kotak dialog. Klik button OK jika sudah.

tutorial photoshop 
 Dan hasilnya, gambar akan terlihat sedikit blur.

tutorial photoshop 
 Selanjutnya klik layer Background pada palet Layers. Kemudian gunakan shortcut keyboard tadi kita gunakan sebelumnya Ctrl + J, untuk melakukan Duplicate pada layer Background. Anda akan melihat hasil duplicate layer background bernama "Background copy"
.
tutorial photoshop 
 Sekarang kita akan menggabungkan layer teks "FIRE" dengan hasil duplikat layer Background baru saja kita buat. Untuk menggabungkan dua lapisan tersebut, pertama klik pada layer teks "FIRE" pada palet Layers. Lalu pergi ke menu Layer di bagian atas layar dan pilih Merge Down. Maka hasilnya kedua layer akan menyatu dalam satu layer.

tutorial photoshop 
 Nah sekarang kita masuk pada step yang membutuhkan kecekatan dan ketelitian agar hasilnya rapih dan baik. Pilih ke menu Filter di bagian atas layar dan pilih Liquify... atau dengan sortcut (Shift + Ctrl + X). Ini akan menampilkan kotak dialog Liquify Filter, yang terdiri dari beberapa alat di bagian kiri (seperti toolbox pada halaman kerja utama Photohsop), area preview yang sangat besar di tengah, dan beberapa pilihan di bagian kanan yang cukup membingungkan. Jika Anda belum pernah menggunakan filter Liquify sebelumnya, tidak perlu panik. Untuk efek ini, semua yang kita butuhkan di sini hanya salah satu alat dan satu pilihan. Pertama, pilih Warp Tool (W) dari paling atas dari daftar tool sebelah kiri.

tutorial photoshop 
 Selanjutnya, kita atur Brush size dengan nilai kira-kira 20, anda akan melihatnya di bagian Tool Options. Selanjutnya sapukan brush luquify pada bagian efek Wind pada teks. Sapukan ke arah kiri kanan dan atas, sehingga efek Wind yang pada mulanya hanya berbentuk lurus, kemudian menjadi seperti bergelombang, layaknya api. Untuk mengatur ukuran brush dapat juga menggunakan tombol [ untuk mengecilkan ukuran size dan tombol ] untuk membesarkan size.

tutorial photoshop 
 Aturlah hingga sesuai dengan yang diinginkan, jika sudah klik button OK. Sedangkan hasil yang saya dapat seperti ini.

tutorial photoshop 
 Kita sudah membentuk efek api pada teks. Sekarang tinggal mewarnai canvas agar terlihat semakin mirip dengan warna api. Untuk itu, kita akan menggunakan Hue/Saturation. Kita masih pada layer "Background copy" Sekarang klik ikon New Adjustment Layer di bagian bawah palet Layers, kemudian pilih Hue/Saturasi dari daftar yang muncul.

tutorial photoshop 
 Ini akan membuka pada kotak dialog Hue/Saturation. Pertama, klik opsi Colorize di sudut kanan bawah kotak dialog. Kemudian, di tengah kotak dialog, mengatur nilai Hue menjadi sekitar 40 untuk warna kuning/oranye, kemudian nilai Saturation 100 untuk benar-benar meningkatkan intensitas warna.

tutorial photoshop 
 Dan hasilnya sementara seperti ini.

tutorial photoshop 
 Setelah selesai maka akan muncul layer Hue/Saturation 1. Klik sekali lagi pada ikon Adjustment Layer di bagian bawah palet Layers dan pilih Hue/Saturation dari daftar. Kali ini, jangan pilih opsi Colorize. Atur nilai Hue menjadi sekitar -15 untuk warna oranye yang lebih dalam. Klik OK setelah selesai untuk keluar dari kotak dialog. Nanti akan ada layer baru bernama Hue/Saturation 2, pilih layer itu dan atur Blending Mode menjadi Overlay.

tutorial photoshop 
 Selanjutnya klik layer FIRE copy pada palet Layers. Kemudian klik pada icon layer visibility (kotak kosong) di ujung kiri dari layer untuk menampilkan kembali pada lapisan dalam dokumen.

tutorial photoshop 
 Dan layer FIRE copy telah terlihat. Sekarang kita akan menambahkan warna gradient pada layer teks itu. Klik ikon Layer Styles di bagian bawah palet Layers dan pilih Gradient Overlay dari daftar yang muncul.

tutorial photoshop 
 Ini akan menampilkan kotak dialog Layer Style Photoshop pada opsi Gradient Overlay. Pada daftar opsi Gradient Overlay, pilih Gradient, selanjutnya akan muncul kotak dialog Gradient Editor, pada bagian Presets pilih sample warna yang bernama Foreground to Background. Kemudian aturlah warnanya menjadi gradient hitam coklat. Untuk lebih jelas, lihat gambar dibawah.

tutorial photoshop 
 Klik button OK jika sudah selesai. Dan dengan itu, kita sudah selesai! Berikut adalah final "efek teks api".

tutorial photoshop 
 
 
                                SELAMAT MENCOBA...