Test Block Top

The Blog...
Articles, Tips & Trick and Other Interesting Information...
Tampilkan postingan dengan label Olah Gambar. Tampilkan semua postingan
Tampilkan postingan dengan label Olah Gambar. Tampilkan semua postingan
26 Juli 2010

Text Effect Photoshop

Pada artikel kali ini saya akan coba sedikit mengulas trik membuat effect text menggunakan Adobe Photoshop. OK, langsung mulai saja. Sebelumnya download dahulu font yang diperlukan untuk mengikuti step tutorial ini, namun tidak masalah jika anda ingin menggunakan font lain (font anda sendiri).

Pertama, buat background layer. Caranya klik pada menu "File" » "New..." (ctrl + N). Buat background dengan dimensi ukuran terserah anda, pada tutorial ini saya akan membuat background dengan dimensi "500 x 200px" (sesuaikan dimensi ukuran sesuai kemauan anda), background content "warna putih (white)".

Text effect photoshop1

Sekarang buat gradient background, caranya klik pada "Gradient Tool" kemudian klik lagi pada "Gradient Editor".

Text effect photoshop 2

Kemudian edit properties gradient (lihat gambar di bawah).

Text effect photoshop 3

Lihat gambar di bawah untuk apply gradient. Tempatkan tanda plus (cross) pada pojok kiri atas background, kemudian drag & drop sampai ke pojok kanan atas background, kemudian lepas.

Text effect photoshop 4

Hasil gradient yang baru saja dibuat akan tampak seperti gambar di bawah ini:

Text effect photoshop 5

Setelah background gradient selesai anda buat, selanjutnya buat text yang diperlukan. Buat text versi anda, namun pada contoh di bawah ini text yang akan dipakai adalah "PCMAC". Namun text harus ditulis satu per satu untuk setiap layer per karakter/huruf. Tentukan ukuran huruf sebesar 130px. Setelah semua karakter huruf dibuat, klik pada "Move Tool" » centang "Auto-Select" » kemudian atur penempatan masing-masing huruf selurus dan sedekat mungkin (drag & drop masing-masing huruf).

Text effect photoshop 6

Selanjutnya membuat layer style huruf. Pilih layer huruf "P" » klik kanan » pilih "Blending Option..."

Text effect photoshop 7

Setelah anda klik "Blending Option...", maka akan muncul kotak dialog Layer Style setting. Klik pada "Gradient Overlay", kemudian samakan setting seperti gambar di bawah ini.

Text effect photoshop 8

Pada box Setting Layer Style setelah selesai setting gradient, jangan dulu klik tombol "OK", selanjutnya klik pada "Drop Shadow", samakan setting dengan gambar di bawah.

Text effect photoshop 9

Hasilnya akan seperti gambar di bawah ini:

Text effect photoshop10

Tenerapkan layer style huruf lainnya sama dengan layer style huruf "P", caranya klik kanan pada layer huruf "P" kemudian klik "Copy Layer Style". Kemudian klik kanan pada huruf lainnya » klik "Paste Layer Style". Hasilnya akan seperti gambar di bawah ini:

Text effect photoshop11

Jika dilihat, efek text sekilas terlihat agak kaku. Untuk merubah efek lekukan text, klik kanan pada huruf yang ingin diedit » klik "Blending Option..." » klik "Gradient Overlay" Ubah nilai "Angel" nya. Contoh pada huruf "A", nilai angle saya ganti dari "0" ke "-90".

Text effect photoshop12

Sesuaikan nilai angelnya untuk masing-masing huruf sesuai selera anda. Asumsikan Style Layer masing-masing huruf sudah disesuaikan seperti gambar di bawah ini.

Text effect photoshop13

Style Effect huruf sudah selesai dilakukan, jika sudah merasa puas dengan hasilnya anda bisa berhenti sampai di sini saja. Namun jika anda ingin menambahkan sentuhan warna lainnya selain warna hitam dan putih, berikut cara simpel penerapannya. Buat layer baru di atas layer paling atas yang sudah ada (pada contoh di atas layer huruf "C"). Buat layer "Solid Color". Tahap pembuatannya seperti gambar di bawah ini:

Text effect photoshop14

Setelah anda tekan tombol OK, maka text dan gradient akan hilang tertutup dengan solid color yang baru saja anda buat. Untuk mulai menerapkan efek warna dengan warna dasar solid color, caranya klik pada layer solid color, ganti "Normal" dengan "Soft Light".

Text effect photoshop15

Selesai. Efek warna & model huruf yang digunakan dapat anda sesuaikan menurut selera.

Text effect photoshop16

Loncat ke Atas ↑