Efek Teks Pop-up

Buku Membuat Efek Teks Profesional Dengan Photoshop oleh Hasto Suprayogo

Buku Membuat Efek Teks Profesional Dengan Photoshop oleh Hasto Suprayogo

Diambil dari buku Membuat Efek Teks Profesional Dengan Photoshop terbitan Elexmedia Komputindo. Berminat, beli di sini.

Efek Teks Pop-up

Pada bab ini, Anda akan diajak untuk membuat efek teks pop-up pada teks. Efek pop-up berguna untuk menonjolkan elemen teks dan menjadikannya pusat perhatian dalam sebuah desain.

Ikuti langkah-langkah berikut ini.

  • Buat dokumen kerja baru pada Photoshop dengan memilih menu File > New, kemudian pada kotak dialog New masukkan nilai parameter Width: 800px, Height: 800px dan Color Mode: RGB. Klik Ok dan dokumen kerja baru siap digunakan. Lihat Gambar 1.1.
Gambar 1.1. Buat dokumen kerja baru

Gambar 1.1. Buat dokumen kerja baru

  • Selanjutnya aktifkan Horizontal Type tool , kemudian ketikkan teks “HALLO”, atur font-nya menjadi Arial Black 200pt dengan warna hitam. Lihat Gambar 1.2.
Gambar 1.2. Ketikkan teks “HALLO” dan atur parameternya

Gambar 1.2. Ketikkan teks “HALLO” dan atur parameternya

Jika sudah, klik ikon Commit yang ada di Options bar atau aktifkan Move tool pada Toolbar.

  • Berikutnya, kita akn mengubah teks tadi menjadi obyek raster (pixel) biasa. Caranya, perhatikan pada Palette Layers, klik kanan nama layer teks “HALLO” dengan background warna biru, kemudian pada pop-up menu yang muncul pilih Rasterize Layer. Perhatikan Gambar 1.3. berikut.
Gambar 1.3. Ubah layer teks menjadi layer biasa

Gambar 1.3. Ubah layer teks menjadi layer biasa

Jika Anda tidak mengubah layer teks menjadi layer biasa, terdapat banyak fasilitas pengeditan dalam Photoshop yang tak bisa diaplikasikan pada obyek teks tersebut.

  • Selanjutnya, pilih menu Filter > Stylize > Emboss, lalu pada kotak dialog Emboss, masukkan nilai parameter Angle: 145o, Height: 5px dan Amount: 150%. Jangan lupa untuk mengaktifkan pilihan Preview lalu klik Ok untuk mendapatkan hasil seperti pada Gambar 1.4. di bawah ini.
Gambar 1.4. Aplikasikan filter Emboss

Gambar 1.4. Aplikasikan filter Emboss

  • Selanjutnya, perhatikan Palette Layers, pastikan layer “HALLO” aktif terseleksi, lalu sambil menekan tombol Alt + Ctrl pada keyboard, tekan juga tombol ↓ (panah ke bawah) pada keyboard sebanyak 15 kali hingga didapat ketebalan seperti pada Gambar 1.5.
Gambar 1.5. Hasil perubahan ketebalan obyek “HALLO”

Gambar 1.5. Hasil perubahan ketebalan obyek “HALLO”

Jika Anda perhatikan pada Palette Layers, sekarang terdapat 15 layer baru berupa kopian layer “HALLO”. Layer-layer kopian inilah yang tadi membentuk ketebalan obyek “HALLO”. Perhatikan Gambar 1.6. di bawah ini.

Gambar 1.6. Layer-layer kopian layer “HALLO”

Gambar 1.6. Layer-layer kopian layer “HALLO”

  • Kita akan gabungkan semua layer yang ada menjadi satu kecuali layer Background. Caranya, pada Palette Layers, nonaktifkan tampilan Layer Background dengan mengklik ikon visibility di samping kiri nama layer. Lihat Gambar 1.7.
Gambar 1.7. Nonaktifkan tampilan layer Background

Gambar 1.7. Nonaktifkan tampilan layer Background

Kemudian klik ikon segitiga hitam pada pojok kanan atas Palette Layers untuk menampilkan pop-up menu lalu pilih Merge Visible. Pilihan ini akan menggabungkan (merging) semua layer yang tampil (visible)—kecuali layer Background yang sebelumnya telah Anda nonaktifkan.

Simak Gambar 1.8. berikut ini untuk lebih jelasnya

Gambar 1.8. Gabungkan semua layer yang tampil (visible)

Gambar 1.8. Gabungkan semua layer yang tampil (visible)

Perhatikan bahwa setelah Anda menggabungkan semua layer yang tampil di Palette Layers dengan menu Merge Visible, hasilnya tersisa 2 layer saja, yaitu layer hasil merging—layer “HALLO copy 15”—dan layer Background.

  • Aktifkan kembali layer Background. Lalu, seleksi layer “HALLO”, kemudian kita akan mengaplikasikan layer style. Pilih menu Layer > Layer Style > Gradient Overlay.

Pada kotak dialog Layer Style masukkan nilai parameter Blend Mode: Overlay, Opacity: 70%, Style: Linear, Angle: 45o dan Scale: 100%. Jangan lupa aktifkan pilihan Preview untuk melihat hasilnya secara langsung. Simak Gambar 1.9. berikut.

Gambar 1.9. Atur parameter Gradient Overlay

Gambar 1.9. Atur parameter Gradient Overlay

Berikutnya, masih di kotak dialog Layer Style, klik Drop Shadow pada bagian Styles di bagian kiri atas kotak dialog. Kemudian, atur parameter Blend Mode: Multiply, Color: Hitam, Opacity: 25%, Angle: 65o, Distance: 0, Spread: 0 dan Size: 5. Jangan lupa aktifkan pilihan Preview. Simak Gambar 1.10.

Gambar 1.10. Atur parameter Drop Shadow

Gambar 1.10. Atur parameter Drop Shadow

Jika sudah, klik Ok dan Anda akan dapatkan hasil seperti pada Gambar 1.11. di bawah ini.

Gambar 1.11. Hasil akhir efek Teks Pop-up

Gambar 1.11. Hasil akhir efek Teks Pop-up

Anda bisa melakukan variasi terhadap efek Layer Style yang diaplikasikan sesuai keinginan Anda.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s