Assalamualaikum Wr. Wb.
Alhamdulillah, pada kesempatan kali ini Webhozz akan berbagi ilmu lagi. Kali ini kita akan ngulik photoshop.
Dalam web desain, tentunya kita pernah melihat hampir tiap website punya banner gambar yang berbau promosi. Tentunya dalam banner tersebut juga ada pesan dan kesan yang ingin disampaikan ke pengunjung web.
Penggunaan huruf dalam banner tersebut juga merupakan faktor penentu juga dalam menyampaikan pesan. Tampilan teks yang baik juga akan membuat pesan yang ingin disampaikan jadi makin menarik dan memberikan pesannya mudah diingat.
Oke dalam tutorial kali ini, kita akan belajar membuat teks pada Photoshop. Kita akan belajar membuat teks tersebut dengan cara dasar.
Kita akan membuat teks dengan efek berbayang di belakang teksnya. Sehingga teks tersebut bisa memberikan kesan 3D kepada pengunjung.
Oke, mari kita mulai.
- Pertama-tama, seperti biasa. Buka aplikasi photoshop
2. Buat file baru dengan klik menu File>New atau pintas keyboard Ctrl+N. Maka akan muncul menu seperti di bawah ini. Kita akan membuat sebuah gambar, dengan lebarnya 1000px dan tingginya 300px.
3. Maka nanti akan tampil sebuah bingkai foto seperti di bawah ini. Yang mana ini nanti bakal kita tambah desain tampilannya.
4. Selanjutnya klik dan pilih fitur Horyzontal Type Tool, yang mana nanti berfungsi untuk menambahkan tulisan pada foto.
5. Jika sudah klik fitur tersebut, arahkan mouse ke arah foto yang kita buat tadi. Kemudian klik dimanapun sesuka hati kita, lalu masukkan tulisan yang kita inginkan.
6. Oke, untuk menghasilkan teks tersebut. Yang meliputi jenis font, stylenya, ukurannya, bahkan ke warna teksnya. Kita bisa lakukan dengan mengotak-ngatik menu yang sudah ditandai merah di bawah ini.
7. Selanjutnya, klik menu Layer>Layer Style>Blending Options. Nanti akan tampil menu seperti di bawah ini.
8. Klik bagian Drop Shadow, maka akan tampil seperti berikut ini. Dan teksnya nanti juga akan memiliki sedikit bayangan.
9. Pada bagian ini, bisa mengatur kapasitas bayangan pada teksnya. Misalnya, disini kita coba atur Opacitynya 65%, Anglenya 143 derajat, Distance 8px, Spread 1%, dan Sizenya 5px. Selanjutnya silahkan coba berdasar kreativitas masing-masing.
10. Klik OK, maka hasilnya akan menjadi seperti ini.
11. Dan yang terakhir adalah kita simpan filenya menjadi format.jpg. Seperti biasa Klik File>Save As atau Ctrl+S.
Dan beginilah hasilnya, banner sederhana dengan teks berefek bayangan.
Alhamdulillah, kali ini cukup sampai disini dulu ya sahabat Webhozz. Akhir kata, semga artikel ini bermanfaat, Amin.
Wassalamualaikum Wr. Wb.
Created by : Danny Julian Pratama