Kehebatan Palet Tampilan
Pendahuluan:
Halo Komunitas PSD yang terkasih. Saya senang melihat kalian hadir dalam salah satu tutorial saya lagi. Hari ini, kita akan membuat tombol seperti ini bersama (Gambar 01). Namun, tombol ini memiliki keistimewaan. Ketika kamu mengubah tulisannya di sini, tombol akan secara otomatis menyesuaikan ukurannya. Bagaimana cara kerjanya dan bagaimana cara membuat tombol seperti ini atau sejenisnya di Adobe Illustrator, akan saya jelaskan dalam tutorial berikut. Selamat menikmati …
Langkah 1: Membuat Tulisan
Sesampainya di Illustrator, pertama-tama pergilah ke File>New dan buat area kerja baru. Pilih ukuran 300x150mm dan konfirmasi dengan OK.
Ambillah Perkakas Teks dari Palet Perkakas dan klik sekali di area kerja. Sekarang kamu dapat menggunakan kata apa pun yang kamu inginkan. Pada contoh saya, saya menuliskan kata VINTAGE dengan huruf besar. Untuk ini, saya menggunakan font Myriad Pro dengan ketebalan Bold. Saya memilih ukuran font 150pt.
Dengan bantuan Palet Rata, pastikan teks Anda berada di tengah area kerja Anda (Gambar 04).
Jika Anda tidak menemukan Palet ini, Anda dapat menemukannya melalui Jendela>Rata.
Tip Kecil:
Untuk membuat tombol Anda terlihat lebih baik nantinya, saya sarankan Anda memilih jenis font yang tebal dan kuat, karena nantinya kita juga akan bekerja dengan gradien warna yang halus dan ini tidak akan terlihat bagus pada tulisan yang sangat tipis.
Sekarang pilih tulisan Anda dan nonaktifkan warna bidang, sehingga tulisan Anda tidak terlihat lagi. (Jangan terkejut, itu perlu dilakukan ;-) ) (lihat Gambar 05).
Langkah 2: Sekarang datang yang istimewa dari tombol ini
Setelah Anda membuat tulisan Anda, kita bisa mulai membangun dan menghias tombol sekeliling tulisan. Dan di sinilah yang istimewa: Kita akan membangun dan mendesain seluruh tombol di Palet Tampilan. (Jadi nantinya Anda hanya akan menemukan satu objek di Palet Lapisan Anda).
Pertama-tama, tampilkan Palet Tampilan di Illustrator. Jika Anda belum melihatnya, Anda dapat menemukannya melalui Jendela>Tampilan.
Sekarang pilih tulisan Anda dan klik pada tombol kecil di bagian kiri bawah di Palet Tampilan (lihat Gambar 06). Hal ini akan membuat warna bidang baru dan Anda dapat melihat tulisan Anda lagi.
Klik sekarang pada gradien Hitam/Putih dan putar ini di Palet Gradien menjadi -90° (Gambar 07).
Setelah itu, lunakkan gradien yang saat ini sangat tegas. Klik pada bidang warna hitam di Palet Gradien dan ubah hitam murni menjadi abu-abu terang (Gambar 08).
Kemudian kembali ke Palet Tampilan dan buat kali ini sebuah Kontur. (Anda bisa melakukannya lagi melalui tombol kecil di bagian bawah kiri - lihat Gambar 09).
Pergilah ke Palet Kontur (jika tidak terlihat, Anda dapat menemukannya melalui Jendela>Kontur atau juga dengan pintasan Command+F10). dan beri tanda centang pada Garis Putus-putus di sana (Gambar 10).
Karena Kontur ini seharusnya seperti jahitan, Anda harus sedikit menggesernya ke dalam sehingga bersinggungan dengan tulisan. Lakukan ini melalui Effect>Path>Offset Path … Masukkan -1mm di jendela berikutnya dan konfirmasi dengan OK.
Kemudian beri warna abu-abu sebesar 70% pada Kontur putus-putus tersebut (Gambar 12).
Selanjutnya, mari kita buat bingkai untuk tombol. Klik lagi pada Aussehen-Palette dan buatlah warna bidang baru seperti pada langkah-langkah sebelumnya. Berikan warna merah pada bidang ini dan pastikan bidang ini berada di bagian paling bawah dalam Aussehen-Palette (Gambar 13). (Jika bidang ini tidak berada di posisi tersebut, Anda dapat menyeret warna bidang tersebut ke bawah dengan Drag & Drop).
Saat ini, bidang ini masih berbentuk teks dan oleh karena itu tidak terlihat. Untuk mengubahnya menjadi sebuah Persegi Panjang, pergilah ke Effect>Mengubah Bentuk>Persegi Panjang Bundar. Pada jendela dialog berikutnya, Anda dapat mempertahankan nilai standar atau mengubah sesuai keinginan Anda. Konfirmasikan dialog dengan OK.
Persegi panjang merah yang baru dibuat harus diduplikasi. Klik pada bidang di Aussehen-Palette dan kemudian klik pada simbol kecil di sudut kanan bawah (lihat Gambar 15).
Sekarang, Anda memiliki dua warna bidang merah dalam Aussehen-Palette Anda. Isilah bagian bawah dari kedua warna tersebut dengan abu-abu muda (30% Hitam).
Kemudian pergilah ke Effect>Jalur>Jalur Pindah... Di jendela dialog berikutnya, Anda dapat dengan aman mempertahankan nilai standar (3,5278 mm) dan mengonfirmasi dengan OK. Dengan perintah ini, Anda telah membuat bingkai tipis abu-abu di sekeliling persegi panjang merah Anda.
Sekarang tampilannya seharusnya kurang lebih seperti ini (Gambar 17):
Langkah berikutnya adalah menambahkan garis putus-putus lagi ke dalam bidang merah. Klik seperti biasa pada Aussehen-Palette dan sekarang buatlah Kontur baru di atas bidang merah (kembali menggunakan tombol kecil di bagian kiri bawah Aussehen-Palette).
Kontur ini akan secara default dibuat langsung di sekitar teks dan juga berbentuk huruf-huruf individu. Untuk mengubah Kontur ini menjadi Persegi Panjang dengan sudut bulat, pergilah ke Effect>Mengubah Bentuk>Persegi Panjang Bundar....
Aktifkan Pratinjau dalam kotak dialog berikut dan pilih nilai 4mm untuk Lebar. Atur juga nilai yang sama untuk Tinggi. Untuk lebih menyelaraskan Kontur ini dengan latar belakang merah, atur Radius Sudut menjadi 2mm dan konfirmasikan dengan OK.
Lebar Kontur dengan ketebalan default 1pt masih terlalu tipis. Oleh karena itu, aturlah menjadi 2pt di Aussehen-Palette.
Karena garis ini terlihat cukup pipih dan tidak terlalu bagus, atur jumlah garis di Kontur-Palette dari 2pt menjadi 6pt. Kemudian ubah warna kontur dari Hitam menjadi Putih.
Setelah itu, tampilannya seharusnya kurang lebih seperti ini (Gambar 21):
Langkah 3: Perbaikan Terakhir
Sekarang, setelah kerangka dasar tombol kita telah selesai, saatnya untuk sedikit sentuhan terakhir agar semuanya terlihat lebih menarik.
Langkah-langkah tutorial berikut ini dipilih berdasarkan kebijaksanaan saya sendiri dan dapat diubah secara individual oleh setiap orang. Saya sarankan untuk bereksperimen dengan pengaturan tersebut untuk membuat tombol yang sesuai dengan preferensi Anda.
Sebagai langkah pertama, kita akan memberikan gradasi ringan pada area merah untuk memberikan sedikit kedalaman pada tombol. Untuk melakukannya, kembali ke Palet Tampilan seperti biasa dan berikan gradasi hitam-putih pada area merah.
Karena gradasi ini, sama seperti teks, tidak harus berjalan dari kiri ke kanan, tetapi dari atas ke bawah, kalian harus memasukkan sudut 90° di Palet Gradasi (Gambar 22).
Untuk gradasi merah, saya telah menyiapkan dua nilai CMYK untuk kalian, yang dapat kalian gunakan atau tentu saja bebas untuk mengubah sesuai keinginan kalian.
Untuk area atas gradasi, saya memilih nuansa merah yang sedikit lebih terang: CMYK - 0/100/100/0
Untuk area bawah, saya menggunakan nuansa yang lebih gelap: CMYK - 0/100/90/20.
Untuk mengaitkan warna-warna ini ke gradasi hitam-putih, kalian harus seperti biasa di dalam Palet Gradasi klik dua kali pada sebuah Kotak Warna dan kemudian masukkan nilai CMYK masing-masing (Gambar 23).
Setelah itu, semestinya akan terlihat seperti ini (Gambar 24):
Terakhir, kita akan memberikan sedikit bayangan pada tombol. Klik area abu-abu terluar di Palet Tampilan dan pergi ke bilah menu atas lalu pilih Effect>Stylize Filter>Drop Shadow … Di jendela yang muncul, kalian bisa mengatur arah bayangan kalian dan seberapa lembut tepian akan ditampilkan. Saya memilih 2mm untuk offset x dan offset y pada bayangan saya. Untuk penyepian, saya memilih nilai 1,8mm. Jika kalian puas dengan pengaturan kalian, konfirmasikan dengan OK.
Button kalian sudah selesai.
Pro & Kontra:
Bagi semua orang yang setelah tutorial ini bertanya-tanya tentang pro dan kontra dari pembuatan tombol menggunakan Palet Tampilan, saya telah menyediakan daftar singkat dengan Pro dan Kontra.
Pro:
• Jika setelah membuat tombol seperti ini kalian ingin mengubah teksnya, kalian dapat melakukannya tanpa masalah karena ukuran tombol secara otomatis akan menyesuaikan tinggi dan panjang teks.
• Semua kontur, warna area, dan gradasi warna disusun secara terpusat di dalam Palet Tampilan dan dapat dengan mudah diubah dan disesuaikan kapan saja.
• Sebuah tombol seperti ini hanya direpresentasikan sebagai satu objek di Palet Lapisan dan membuat semuanya tetap teratur, terutama saat bekerja dengan objek lain dalam file yang sama.
Kontra:
• Pada awalnya mungkin sedikit rumit untuk mengatur semuanya melalui Palet Tampilan, tetapi setelah membuat satu atau dua tombol seperti itu, kalian akan dengan cepat bisa melakukannya dan bekerja dengan cepat.
• Jika ingin mengubah teks menjadi path, ini memungkinkan, namun kontur, area, dan gradasi warna akan terbagi menjadi objek-objek terpisah di dalam Palet Lapisan.
Kata Penutup:
Kita sudah sampai pada akhir tutorial ini. Saya harap kalian menikmati dan dapat memperoleh beberapa tips dari tutorial ini. Jika kalian memiliki pertanyaan tentang topik ini, silakan tulis di komentar di bawah tutorial ini. Saya akan berusaha menjawabnya secepat mungkin.
Julian