Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Menggunakan Cahaya dan Warna untuk Membawa Teks ke Kehidupan

by
Difficulty:IntermediateLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Rohmat Trimanto (you can also view the original English article)

Buku terbaik yang pernah saya baca pada gambar adalah Gambar yang disebut di Sisi Kanan Otak. Setelah membacanya, saya masih sangat buruk dalam menggambar, tetapi saya belajar banyak tentang cahaya dan bayangan. Dalam tutorial ini kita akan mengambil beberapa prinsip dasar cahaya dan bayangan untuk membuat efek teks yang tampak mengesankan.


Sumber cahaya

Jadi sebelum kita memulai tutorial, berikut ini diagram kecil tentang bagaimana cahaya bisa mengenai objek. Di sini kita memiliki objek persegi di tengah dengan cahaya yang datang dari kiri atas. Anda dapat melihat bahwa di mana cahaya mengenai objek, bayangan dilemparkan pada sisi yang lain. Perhatikan bahwa bayangan bukan bayangan drop Photoshop, yang membuat objek terlihat seperti melayang di atas kanvas. Di sini kita ingin objek terlihat seperti benda tiga dimensi yang menempel di kanvas, mengekstrusi jika Anda suka. Sekarang beri tahu saya apa situs tutorial Photoshop lainnya yang memberi Anda diagram? Ini seperti kembali ke sekolah!


Langkah 1

Kami memulai tutorial dengan menggambar Linear Gradient halus dari abu-abu gelap ke abu-abu gelap. Perhatikan bahwa karena kita ingin cahaya kita datang dari kiri atas, disitulah bagian yang lebih terang dari dokumen itu.


Langkah 2

Sekarang kita menempatkan beberapa teks. Saya telah menggunakan font yang sangat keren bernama Agency FB, yang memiliki kesan kuat dan kental. Anda harus membuat teks menjadi warna biru abu-abu - #c2c8d4 tepatnya.


Langkah 3

Berikutnya Ctrl-klik layer teks dan buat layer baru di atasnya. Di layer baru, dengan seleksi yang masih dipegang, gambar gradien linier #495a79 hingga transparan dari kanan bawah ke kiri. Jadi dengan kata lain Anda menggelapkan bagian kanan bawah seperti yang ditunjukkan.


Langkah 4

Atur warna foreground Anda ke Black (Anda dapat melakukan ini dengan menekan huruf 'D' pada keyboard Anda yang mengembalikan default).

Sekarang Ctrl-klik layer teks lagi dan buat layer baru di bawah layer teks. Sekarang tekan panah ke bawah pada keyboard Anda sekali dan panah kanan di keyboard Anda sekali. Kemudian tekan Alt + Backspace untuk mengisinya dengan hitam. Kemudian tekan ke bawah dan kanan lagi satu kali dan isi dengan hitam. Setiap kali Anda akan bergerak 1px ke kanan dan 1px ke bawah. Anda harus mengulangi proses ini sekitar 30 kali (itulah mengapa penting untuk menggunakan Alt + Backspace bukan alat Isi).

Perhatikan juga bahwa untuk memindahkan pilihan tetapi tidak mengisi ketika Anda menekan tombol panah, Anda harus memiliki salah satu alat Marquee. Jika Anda beralih ke Move Tool (V) ketika Anda menekan dan kanan Anda benar-benar akan memindahkan isi hitam serta pilihan dan hanya akan mengisi piksel yang sama berulang-ulang.


Langkah 5

Inilah yang seharusnya Anda miliki sekarang. Sekarang hapus dan pastikan Anda berada di layer bayangan, kemudian pergi ke Filter> Blur> Motion Blur dan gunakan nilai -45 derajat dan jarak 30px.


Langkah 6

Set layer bayangan Anda ke Multiply dan sekitar Opacity 40% dan kemudian tahan Shift dan tekan panah bawah dan kemudian panah kanan. Ini akan memindahkan objek Anda ke kanan dan bawah 10px masing-masing (Shift mengatakan Photoshop untuk pergi 10px pada satu waktu, bukan 1). Sekarang Anda mungkin memiliki beberapa bagian kabur bayangan yang mencuat ke bagian atas dan kiri objek. Jika ini kasusnya, ambil penghapus lembut kecil dan dengan lembut menghapus segala sesuatu yang tidak seharusnya teduh (ingat diagram di awal).


Langkah 7

Selanjutnya duplikat layer bayangan, tahan Shift dan gerakkan ke bawah dan ke kanan lagi. Kemudian jalankan filter Motion Blur lagi dengan jarak 50px kali ini dan setel lapisan ini ke Multiply dan 20% Opacity. Ini hanya untuk memberi bayangan kita lebih banyak jejak.


Langkah 8

Sekarang buat layer baru di atas semua layer lainnya, tahan Ctrl dan klik layer teks utama untuk memilih pikselnya dan kembali pada layer baru Anda mengisi seleksi dengan White. Jangan melepaskan seleksi dulu. Sebagai gantinya tekan ke bawah dan kanan satu kali untuk bergerak 1px dan kemudian tekan Delete.

Set lapisan garis putih tipis ini menjadi sekitar 80% Opacity.


Langkah 9

Seperti yang Anda lihat, garis putih tipis memberikan semacam efek highlight di mana sumber cahaya memukul teks dan memberi kesan bahwa teks lebih tiga dimensi.


Langkah 10

Selanjutnya kita ingin membuat beberapa aliran cahaya alami. Buat layer baru di atas yang lain dan gambar empat atau lima persegi panjang putih kira-kira mirip dengan yang ditampilkan (yaitu semakin gemuk saat mereka turun).


Langkah 11

Sekarang tekan Ctrl + T untuk mengubah dan memutar dan memperbesar persegi panjang seperti yang ditunjukkan. Sekarang biasanya Anda menekan Enter ketika Anda selesai, tetapi kali ini jangan biarkan pergi dulu. Sebagai gantinya, klik kanan dan Anda akan mendapatkan menu pop up yang menunjukkan jenis transformasi lain yang dapat Anda lakukan. Pilih Perspektif. Alasan penting untuk melakukan ini dalam satu langkah adalah agar Anda tidak kehilangan kotak pembatas Anda. Jadi, ambil kiri atas dua titik dan mendekatkan keduanya sehingga cahaya tampak datang dari satu tempat dan menyebar.


Langkah 12

Di sini kami memiliki empat strip "cahaya" kami. Sekarang atur layer ke Overlay dan 20% Opacity dan kemudian pergi ke Filter> Blur> Gaussian Blur dan berikan blur radius 6px.


Langkah 13

Anda seharusnya sekarang memiliki sesuatu yang terlihat seperti ini.


Langkah 14

Sekarang karena strip-strip tipis itu dimaksudkan untuk menjadi cahaya, akan masuk akal jika lapisan sorot kita hanya muncul di mana cahaya itu tepat mengenai ? Jadi Ctrl-klik lapisan cahaya dan kemudian klik pada lapisan sorotan dari sebelumnya, maka ketika seleksi masih aktif, klik pada tombol Tambahkan Layer Mask (itu adalah salah satu di bagian bawah palet layer di sebelah kanan dari 'f 'ikon). Ini akan membuat Mask yang hanya menampilkan lapisan sorotan di mana cahaya itu tumpang tindih.


Langkah 15

Jadi Anda bisa berhenti di sini; itu sudah terlihat cukup bagus, tapi kami akan menyelesaikan efek ini dengan menambahkan beberapa pencahayaan hangat.


Langkah 16

Jadi pertama-tama buat layer baru tepat di atas latar belakang dan mengisinya dengan warna merah muda - #9d506c.


Langkah 17

Sekarang atur blending mode layer pink menjadi Color dan opacity menjadi 20%. Ini memberi latar belakang kami kehangatan kemerahan yang bagus. Di atas ini kita sekarang dapat mencampur dalam beberapa kuning. Jika kita tidak menempatkan pemeran merah di bawahnya, hasilnya keluar terlihat sangat kuning dan tidak terlalu nyata.


Langkah 18

Selanjutnya kita membuat layer tepat di atas warna pink. Isi sepenuhnya dengan putih lalu pergi ke Filter> Render> Lighting Effects. Saya tidak sering menggunakan Lighting Effects, tetapi ia memiliki satu preset yang sangat keren yang disebut dengan Two Oclock Spotlight, yang dapat Anda pilih dengan pergi ke Style di bagian atas dan melihat melalui opsi. Anda cukup banyak menggunakan ini sebagai default, tetapi untuk tujuan kami, membantu memperpanjang elips untuk membuatnya sedikit lebih lama (yaitu sorotan sedikit lebih jauh).


Langkah 19

Sekarang kami mengatur lapisan pencahayaan ke Overlay dan Anda memiliki sesuatu seperti yang ditunjukkan di bawah ini. Sekarang duplikat layer itu, pindahkan di atas yang lain dan atur ke Opacity 40%. Ini memastikan pencahayaan hangat kami juga berinteraksi dengan teks dan bukan hanya latar belakang.

http://PSD.tutsplus.com/Tutorials/text-Effects-Tutorials/using-Light-and-Shade-to-bring-Text-to-Life/


Kesimpulan

Akhirnya, kita menduplikasi lapisan pencahayaan atas sekali lagi dan mengaturnya ke Opacity 65%, lalu klik tombol Add Layer Mask pada palet layer lagi dan menggambar gradien putih ke hitam linear dari kiri atas ke kanan bawah. Hal ini membuat lapisan pencahayaan ekstra memudar ketika turun ke kanan.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.