Cara Mengisi Teks Dengan Gambar di Photoshop

Gambar produk akhirGambar produk akhirGambar produk akhir
Hal-hal yang Akan Anda Ciptakan

Dalam tutorial berikut, Anda akan belajar cara mengisi teks dengan gambar di Photoshop.

Apakah Anda lebih suka video tutorial? Ini adalah video baru dari Envato Tuts+ Saluran YouTube untuk mempelajari cara mengisi teks dengan gambar di Photoshop:

Apa yang Akan Anda Pelajari di Tutorial Ini

  • Cara menambahkan teks di Photoshop
  • Cara mengisi teks di Photoshop
  • Cara mengisi teks dengan gambar di Photoshop

Hal yang Anda Butuhkan

Anda memerlukan sumber daya berikut saat mempelajari cara mengisi teks dengan gambar di Photoshop:

1. Cara menambahkan teks di Photoshop

Langkah 1

Buka Photoshop dan tekan Kontrol-N untuk membuat dokumen baru. Pilih Piksel dari Satuan menu tarik-turun, dan atur Lebar ke 850px dan juga Tinggi ke 484 piksel. Pilih RGB untuk Modus Warna dan atur Resolusi ke 72 Piksel/Incilalu klik Membuat tombol.

dokumen photoshop barudokumen photoshop barudokumen photoshop baru

Langkah 2

Pertama, mari kita lihat bagaimana Anda bisa menambahkan teks di Photoshop. Pilih yang mana Tipe Alat (T) dan fokus pada Pilihan bar untuk mengatur pengaturan teks yang akan Anda tambahkan.

Pilih Fon batu dan atur ukurannya menjadi 200 poin, lalu cukup klik kanvas Anda untuk mengetik teks. Menjadi hitam (R=0 G=0 B=0).

menambahkan teks photoshopmenambahkan teks photoshopmenambahkan teks photoshop

2. Cara Mengisi Teks Dengan Gambar di Photoshop

Langkah 1

Unduh gambar ini dan cukup seret ke dokumen Anda.

Pastikan itu dipilih dan difokuskan Pilihan bar untuk menyesuaikan ukurannya. Pastikan bahwa Mempertahankan Rasio Aspek tombol diperiksa, dan kemudian meningkat Lebar untuk kira-kira 1350 piksel.

tambahkan photoshoptambahkan photoshoptambahkan photoshop

Langkah 2

Membuka Lapisan panel, pilih foto dan pergi ke Lapisan > Buat Clipping Mask (Alt-Kontrol-G). Atau, Anda dapat memindahkan kursor antara foto dan teks (dalam Lapisan panel), tahan tombol Alt kunci, dan klik sekali.

isi gambar teks photoshopisi gambar teks photoshopisi gambar teks photoshop

3. Cara Membuat Latar Belakang

Langkah 1

Tetap fokus pada Lapisan panel, tahan tombol Alt mengunci, dan Klik dua kali itu Latar belakang lapisan untuk membukanya. Pilih dan pindahkan ke toolbar.

Pilih Alat Ember Cat (G) dan atur Warna latar depan ke R=25 G=60 B=26dan kemudian cukup klik di dalam kanvas Anda untuk mengisi lapisan yang dipilih dengan warna latar depan.

latar belakang gambar tekslatar belakang gambar tekslatar belakang gambar teks

Langkah 2

Sekali lagi, seret foto ini ke dalam dokumen Anda dan simpan Lebar mengatur 850px untuk memastikannya menutupi seluruh kanvas Anda.

Pindah ke Lapisan panel dan seret foto baru ini di antara teks dan lapisan hijau. Jangan lupa untuk mendownloadnya Kegelapan ke 50%.

foto latar belakangfoto latar belakangfoto latar belakang

Langkah 3

Pastikan foto bawah Anda masih dipilih dan pergi ke Layer > New Adjustment Layer > Hue/Saturation. Lihat itu Gunakan Lapisan Sebelumnya… kotak dan klik Oke. Memperbaiki Hah ke +60 dan juga Kejenuhan ke +50dan simpan Keringanan pada 0.

saturasi warna latar belakangsaturasi warna latar belakangsaturasi warna latar belakang

Langkah 4

Fokus pada Lapisan panel dan pilih foto yang mengisi teks Anda. Sekali lagi, pergi ke Layer > New Adjustment Layer > Hue/Saturation. Lihat itu Gunakan Lapisan Sebelumnya… kotak, klik Okedan gunakan pengaturan yang sama dari langkah sebelumnya.

gambar teks saturasi warna photoshopgambar teks saturasi warna photoshopgambar teks saturasi warna photoshop

4. Cara Menata Font Berisi Gambar

Fokus pada Lapisan panel dan Klik dua kali teks Anda untuk membuka Gaya Lapisan jendela.

gambar teks gaya lapisan photoshopgambar teks gaya lapisan photoshopgambar teks gaya lapisan photoshop

Klik Bayangan batin untuk mengaktifkannya dan kemudian masukkan pengaturan yang ditunjukkan di bawah ini.

gambar teks photoshop bayangan dalamgambar teks photoshop bayangan dalamgambar teks photoshop bayangan dalam

Klik Cahaya batin untuk mengaktifkannya lalu masukkan atribut yang ditunjukkan pada gambar berikut.

gambar teks photoshop cahaya batingambar teks photoshop cahaya batingambar teks photoshop cahaya batin

Klik Jatuhkan Bayangan untuk mengaktifkannya dan atur pengaturannya seperti gambar di bawah ini.

drop shadow gambar teks photoshopdrop shadow gambar teks photoshopdrop shadow gambar teks photoshop

Klik tombol tambah di sebelah Anda Jatuhkan Bayangan efek untuk menduplikasinya. Pilih efek baru dan ganti pengaturan yang ada dengan yang ditunjukkan pada gambar berikut.

drop shadow gambar teks photoshopdrop shadow gambar teks photoshopdrop shadow gambar teks photoshop

5. Cara Menambahkan Bayangan Tambahan

Langkah 1

Pilih yang mana Alat Gradien (G) dan fokus pada Pilihan bar. Lihat itu Gradien Radial tombol dan kemudian klik Gradien thumbnail untuk mengatur warna gradien Anda.

Klik dua kali penggeser gradien kiri dan atur warna ke R=34 G=52 B=33kemudian Klik dua kali mana yang benar dan atur warnanya R=253 G=247 B=225.

photoshop menciptakan gradien radialphotoshop menciptakan gradien radialphotoshop menciptakan gradien radial

Langkah 2

Fokus pada Lapisan panel dan klik tombol add dari bawah untuk menambahkan layer baru. Seret ke bagian atas panel dan pastikan itu dipilih.

Beralih ke kanvas dan gunakan Alat Gradien (G) untuk mengisi layer yang dipilih dengan gradien radial Anda, kira-kira seperti yang ditunjukkan di bawah ini.

photoshop menggunakan gradien radialphotoshop menggunakan gradien radialphotoshop menggunakan gradien radial

Langkah 3

Fokus pada Lapisan panel dan pastikan lapisan atas Anda masih dipilih. Turunkan Kegelapan ke 50% dan berubah Modus Campuran ke Hamparan.

campuran gradien radial photoshopcampuran gradien radial photoshopcampuran gradien radial photoshop

Selamat! Kamu sudah selesai!

Sekarang setelah Anda tahu cara mengisi teks dengan gambar di Photoshop, jangan ragu untuk menggunakan teknik ini di proyek mendatang.

Anda dapat menemukan beberapa sumber inspirasi hebat di Elemen Envatodengan solusi menarik untuk meningkatkan desain Anda.

isi gambar teks photoshopisi gambar teks photoshopisi gambar teks photoshop

Sekarang setelah Anda mempelajari cara mengisi teks dengan gambar di Photoshop, Anda dapat melanjutkan ke Elemen Envato di mana Anda bisa mendapatkan unduhan tanpa batas tambahanmusik, grafik, foto, dan font dan temukan inspirasi tentang cara mengisi font dengan gambar.

Template ini adalah contoh sempurna tentang bagaimana Anda dapat secara kreatif mengisi teks dengan gambar di Photoshop:

Tetap manis dan cantik dengan efek teks cookie yang mendetail ini. Warna-warna hangat dan garis halus akan membuat desain Anda menonjol.

efek teks kueefek teks kueefek teks kue

Efek Teks Balon Foil (PSD)

Tingkatkan ke level selanjutnya dengan efek teks balon realistis ini. Desainnya sepenuhnya dapat diedit, jadi silakan tambahkan teks Anda sendiri dan sesuaikan dengan keinginan Anda.

efek teks balon foilefek teks balon foilefek teks balon foil

Teks Tindakan Photoshop (ABR, ATN, PAT)

Efek ini bisa menjadi solusi yang tepat jika Anda mencari desain yang simpel namun elegan. Coba tindakan ini untuk dengan mudah mengisi teks dengan gambar di Photoshop.

tindakan photoshop tekstindakan photoshop tekstindakan photoshop teks

Efek Teks Kertas (PSD)

Tampil vintage dengan efek teks kertas ini. Ini adalah desain sederhana lainnya yang menunjukkan bagaimana Anda dapat mengisi teks dengan gambar di Photoshop.

efek teks kertasefek teks kertasefek teks kertas

Efek Teks 3D (PSD)

Mencari sesuatu yang lebih berwarna? Lihat efek teks yang hidup ini, tambahkan teks Anda dan jangan ragu untuk menyesuaikan warna sesuai kebutuhan.

efek teks 3defek teks 3defek teks 3d

Ingin Tahu Lebih Banyak?

Kami memiliki banyak sekali tutorial di Envato Tuts+, dari pemula hingga menengah. Lihat!

hobi nulis tutorial tentang desain grafis dan tips seputar IT