Tutorial teks timbul bergaya ada dimana-mana, tapi yang ini sempurna untuk pemula. Ingin efek teks timbul yang sangat bergaya? Sudah lebih dari 2 bulan sejak tutorial Photoshop terakhir yang saya posting, tapi saya punya kabar baik untuk Anda — Saya kembali online dengan banyak hal baru untuk ditunjukkan kepada Anda, jadi nantikan semua tutorial kami yang akan datang!

Hari ini, kami akan mulai dengan efek teks yang indah ini, dan sesuai permintaan sebagian besar pembaca, kami juga merilis PSD untuk diunduh hanya dengan $1. PSD hanya untuk tujuan pembelajaran; Anda dapat memasukkannya ke dalam proyek untuk klien, tetapi Anda tidak dapat menjual kembali file ini secara langsung.

Cukup bicara; mari kita mulai.

Photoshop efek teks timbul

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Langkah 1. Mempersiapkan Kanvas Photoshop.

Buat file Photoshop baru (Ctrl + N). Kami menggunakan ukuran 600*400 di sini, tetapi seperti biasa — ukuran Anda bisa jauh lebih besar jika Anda membutuhkannya.

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Dengan menggunakan alat Paint Bucket, isi kanvas dengan warna abu-abu-biru tua — #535559.

Langkah 2. Pilih fontnya.

Saya penggemar berat semua font yang digunakan dan terkenal di tahun 50an, jadi font favorit saya sepanjang masa mungkin adalah “Bello.” Ini tidak gratis, tetapi Anda dapat membelinya secara online. Harap diingat bahwa font tersebut TIDAK akan disertakan jika Anda membeli file PSD karena kami tidak dapat mendistribusikan font komersial. Jadi, jika Anda memiliki font Bello, pilih font tersebut dan ketikkan kata Anda dengan huruf besar. Kami menggunakan 188pt di sini.

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Langkah 3. Menambahkan Layer Styles.

Saat layer teks Anda masih dipilih, buka Layer >> Layer Styles, dan terapkan pengaturan berikut…

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik
efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Sekarang tekstur latar belakang. Kami akan menggunakan pola yang kami buat sendiri, dan jika Anda membeli file PSD, itu sudah disertakan dalam gaya.

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Terakhir, kita akan menambahkan goresan 1px dengan overlay gradien untuk memberikan kedalaman lebih pada teks.

Spanduk
efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Kita sudah sampai sejauh ini dengan semua gaya lapisan diterapkan dengan benar. Jika hasil Anda berbeda dari apa yang Anda lihat di sini, kembali dan periksa apakah semua pengaturan untuk gaya lapisan telah diterapkan dengan benar; sejauh ini hanya bagian teknis saja, jadi seharusnya tidak ada masalah.

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Langkah 4. Menambahkan Kedalaman pada Kanvas.

Ini adalah era web 2.0, dan memiliki kanvas datar dapat merusak efek apa pun, tidak peduli betapa indahnya itu, jadi jika kita ingin produk kita menonjol, maka harus memiliki kedalaman tertentu. Itu sebabnya kita tidak akan kembali ke kanvas dasar (jika terkunci, klik dua kali pada palet layer, dan tekan OK untuk membuka kunci). Pergi ke Lapisan >> Gaya Lapisan, dan terapkan pengaturan berikut:

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik
efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Untuk gradien, gunakan warna berikut:
1. #667c85 sebagai warna biru muda
2. #475e68 sebagai biru tua

Inilah yang kami dapatkan sejauh ini…

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Langkah 5. Menambahkan Kilau

Tekan "Ctrl" dan klik pada layer teks di palet layer Photoshop Anda. Ini akan memuat pilihan teks.

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Buat layer baru di atas semua yang lain. Menggunakan alat gradien, dari putih hingga transparan, buat garis dari atas teks ke bawah. Ini akan menambahkan gradien yang lembut namun terlihat bagi pembaca.

Dengan menggunakan elliptical lasso tool, gambarlah sebuah lingkaran, seperti yang Anda lihat pada gambar di bawah ini:

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Pergi ke Pilih >> Terbalik untuk membalikkan seleksi dan tekan "hapus" untuk menghapus sisa gradien. Ini akan meninggalkan kilap hanya pada bagian atas teks, seperti ini:

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Sekarang, untuk memberikan sentuhan yang menyenangkan dan alami, atur opacity lapisan gloss ke “Overlay” (silakan lihat di bawah):

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Langkah 6. Menambahkan Kilau

Langkah selanjutnya adalah menambahkan kilauan manis di sekeliling teks. Ini akan memberikan kesan lebih dalam, dreamy, dan elegan. Buat layer Photoshop baru di atas sisanya. Dengan menggunakan Brush Tool Anda, pilih kuas 27piksel dengan tepi yang lembut, dan dengan menggunakan warna putih, sebarkan beberapa titik secara acak di tepi teks.

Spanduk

Atur opacity isian titik-titik menjadi 70%. Beralih dari mode “Normal” ke “hamparan”.

TIPS: hanya terapkan titik-titik yang guratan teksnya berwarna putih, ini akan meningkatkan efek cahaya.

Sejauh ini, jika Anda telah mengikuti langkah-langkahnya dengan cermat, Anda akan menerima ini:

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik

Kami juga menambahkan lebih banyak cahaya dengan kuas yang berbeda, tapi pastikan untuk tidak berlebihan karena lebih baik memiliki lebih sedikit kilap dan terlalu banyak.
Teks Timbul Bergaya yang Didesain dengan Cahaya Metalik - Tutorial PS Desain Web Lorelei

Saya harap Anda menikmati tutorial Photoshop ini, dan pastikan juga untuk memeriksa tutorial Photoshop kami yang lain dan berlangganan feed. Jika Anda ingin belajar lebih cepat, silakan beli file PSD tutorialnya hanya dengan $1.00. Saat Anda menyelesaikan pembayaran, klik tombol “kembali ke pedagang” — pengunduhan akan dimulai secara otomatis. Jika, karena alasan apa pun, unduhan tidak mengarahkan Anda, silakan tinggalkan komentar di bawah atau kirim email kepada kami, dan kami akan mengirimkan file tersebut kepada Anda secepatnya. Terima kasih!

efek teks timbul photoshop - Teks Timbul Bergaya yang Dirancang dengan Cahaya Metalik - beli

Versi Teks

Tutorial yang Disempurnakan: Membuat Teks Timbul dengan Cahaya Metalik di Photoshop

Ringkasan

Tutorial ini akan memandu Anda melalui proses pembuatan teks timbul penuh gaya dengan efek cahaya metalik, cocok untuk logo, judul, atau seni digital. Kami akan menggunakan gaya lapisan, gradien, dan opsi pencampuran untuk mendapatkan tampilan yang canggih.

Persyaratan

  • Adobe Photoshop (versi terbaru apa pun bisa digunakan)
  • Pengetahuan dasar tentang alat dan antarmuka Photoshop

Langkah 1: Menyiapkan Dokumen Anda

  1. Buka Photoshop dan membuat dokumen baru. Untuk penggunaan web, ukuran 800×600 piksel dengan resolusi 72 dpi sudah cukup. Untuk pencetakan, pertimbangkan resolusi yang lebih tinggi (minimal 300 dpi).
  2. Isi latar belakang dengan warna gelap atau gradasi untuk menonjolkan kilau metalik. Warna biru tua atau hitam cocok untuk efek ini.

Langkah 2: Membuat Teks

  1. Pilih Alat Teks (T) dan ketik teks yang Anda inginkan. Pilih font tebal atau tebal untuk efek timbul terbaik. Font seperti Arial Black atau Impact adalah pilihan yang bagus.
  2. Sesuaikan ukuran font agar sesuai dengan desain Anda. Untuk tutorial ini, mari gunakan ukuran font yang memenuhi sebagian besar kanvas, memastikan detail efek emboss dan cahaya terlihat.

Langkah 3: Menerapkan Efek Timbul

  1. Dengan lapisan teks Anda dipilih, buka panel Layers dan klik dua kali untuk membuka kotak dialog Layer Style.
  2. Pilih “Kemiringan & Timbul” untuk menambah kedalaman teks Anda. Gunakan pengaturan berikut untuk tampilan timbul yang halus dan realistis:
    • Gaya: Kemiringan Bagian Dalam
    • Teknik: Halus
    • Kedalaman: 100%
    • Arah: Atas
    • Ukuran: 5 px (sesuaikan berdasarkan ukuran teks Anda)
    • Melembutkan: 0 piksel
  3. Sesuaikan bayangannya untuk meningkatkan kesan metalik. Atur Sudut menjadi 120° dan Ketinggian menjadi 30°. Bereksperimenlah dengan preset Kontur Gloss untuk menemukan yang sesuai dengan desain Anda.

Langkah 4: Menambahkan Cahaya Metalik

  1. Masih di kotak dialog Layer Style, pilih “Cahaya Batin” untuk kilau batin yang halus. Pilih warna terang yang sesuai dengan tampilan metalik yang Anda inginkan (perak, emas, dll.). Atur Blend Mode ke Screen, Opacity menjadi 75%, dan Size menjadi sekitar 20px.
  2. Tambahkan “Cahaya Luar” untuk menciptakan kesan cahaya memantul dari logam. Pilih warna yang mirip dengan Inner Glow, atur Blend Mode ke Screen, Opacity ke 50-75%, dan sesuaikan Size untuk mendapatkan efek lembut dan bercahaya di sekitar teks Anda.

Langkah 5: Memperbaiki Tekstur Metalik

  1. Untuk menambah tekstur dan realisme, klik "Satin" di kotak dialog Gaya Lapisan. Ini menambah kedalaman dan kompleksitas pada lapisan metalik. Gunakan pengaturan ini:
    • Blend Mode: Multiply
    • Opasitas: 20%
    • Angle: 19 °
    • Jarak: 21 piksel
    • Ukuran: 27 piksel
  2. Bermain dengan "Kontur" pengaturan di bawah Bevel & Emboss untuk nuansa tekstur tambahan, meningkatkan efek timbul.

Langkah 6: Penyesuaian Akhir

  1. Sempurnakan tampilan keseluruhan dengan menyesuaikan opacity Fill layer menjadi 0%. Ini akan membuat warna teks tidak terlihat, hanya menyisakan gaya lapisan yang terlihat untuk efek metalik dan timbul yang lebih jelas.
  2. Jika diinginkan, tambahkan lapisan latar belakang dengan gradien atau pola yang melengkapi teks metalik Anda untuk melengkapi desain.

Kesimpulan

Anda sekarang telah membuat sepotong teks yang tidak hanya muncul dari layar dengan efek timbul tetapi juga bersinar dengan cahaya metalik yang canggih. Teknik ini dapat diadaptasi dan dimodifikasi dengan warna, tekstur, dan gaya lapisan berbeda agar sesuai dengan berbagai proyek desain.

Bereksperimen dengan pengaturan dan memasukkan elemen tambahan seperti kilauan atau tekstur latar belakang dapat semakin mempersonalisasi kreasi Anda. Gaya lapisan Photoshop adalah alat yang ampuh untuk menghidupkan teks, dan menguasainya dapat meningkatkan kemampuan desain Anda secara signifikan.

Spanduk