Indonesian (Bahasa Indonesia) translation by Nina permata (you can also view the original English article)
Untuk tutorial ini kita akan desain poster memberdayakan menggunakan tipografi terjalin ke dalam bunga yang menggunakan lapisan masker tool dalam Adobe Photoshop.
Untuk inspirasi poster dan selebaran, lanjutkan ke GraphicRiver.
Apa yang akan Anda butuhkan
Anda juga akan perlu untuk men-download dan menginstal file dan gambar font berikut:
- Playfair Display dan Open Sans oleh Google Fonts
- Foto bunga oleh Charlie Harutaka melalui Unsplash
Menginstal font pada sistem Anda dan Anda siap untuk memulai!
1. Cara mempersiapkan gambar bunga
Langkah 1
Buka foto bunga di Photoshop.
Langkah 2
Kita perlu untuk menghapus latar belakang sebelum menggunakan bunga-bunga di poster. Untuk melakukan ini, pada panel lapisan, menduplikasi lapisan latar belakang dengan menekan perintah-J dan menyembunyikan visibilitas dari lapisan latar belakang asli.
Langkah 3
Sementara memilih lapisan baru pada panel lapisan, klik pada tombol vektor masker untuk menambah lapisan masker salinan latar belakang.
Langkah 4
Saat memilih Layer Mask baru, gunakan Brush Tool (B). Atur ulang warna latar depan / latar belakang dengan menekan D dan X untuk beralih di antara mereka. Gunakan hitam sebagai warna latar depan dan cat di atas gambar untuk menghapus latar belakang.
Langkah 5
Setelah kita melukis dengan Brush Tool, kita dapat memperbesar dan mengerjakan detailnya. Ketuk kunci backslash (\) untuk menampilkan overlay merah pada layer mask. Ini berguna untuk melihat apakah kita menghapus bagian kanan pada suatu gambar.
Kita harus memiliki sesuatu seperti ini:
2. Cara Mengatur Dokumen Baru dan Membuat Panduan
Langkah 1
Dalam Photoshop, buka File > baru. Nama dokumen wanita Up dan mengatur lebar 1275 px dan tinggi ke 1650 px. Saya menggunakan komposisi ini sebagai pamflet online, jadi saya akan menggunakan 72 dpi. Klik OK untuk membuat dokumen.
Langkah 2
Pilih Layer Background dan cat layer menggunakan Paint Bucket Tool (G) dan hitam sebagai warna latar depan.
Langkah 3
Aktifkan pengaturan dengan menekan Command-R. Saya menggunakan inci — Anda dapat mengubahnya dengan pergi ke Photoshop> Preferences> Units and Rulers.
Langkah 4
Klik pada pengaturan dan menarik menuju halaman untuk membuat penduan. Saya telah mengatur milik saya menjadi 1 inci di setiap sisi. Tahan Shift untuk menyeret panduan.
3. Cara menduplikasikan layers
Langkah 1
Kita akan menduplikasi layer bunga yang dibersihkan ke dalam file baru. Untuk melakukannya, pilih layer Klik Kanan> Duplicate Layer, di bawah As: ubah
Langkah 2
Bunga akan muncul lebih besar daripada yang kita butuhkan, jadi mari kita mengubah ukuran dengan menekan commad-T saat memilih lapisan bunga. Kepala ke pilihan bar, di pilih lokasi titik referensi sudut kiri atas, dan juga Pilih ikon menjaga aspek rasio. Mengubah lebar sampai 30% dan tekan Enter.
Langkah 3
Mari kita pusat gambar pada poster dengan memilih lapisan latar belakang, menekan Shift dan mengklik pada lapisan bunga. Kepala ke bar opsi dan klik pada Align verticsl Centrel. Kemudian secara visual menyelaraskan lapisan bunga untuk poster.
4. Cara menambahkan layer teks
Langkah 1
Munculkan panel Karakter dengan pergi ke Window> Character. Tekan T untuk menambahkan layer teks baru. Satu layer pertama, tambahkan tanggal, dan pada layer kedua, tambahkan Woman Up.
Langkah 2
Pilih layer teks dengan menahan Command dan mengklik keduanya. Mari kita putar dua layer ini secara vertikal dengan menekan Command-T, menuju ke salah satu sudut sampai simbol rotasi muncul, dan tahan tombol Shift untuk membuat rotasi merata.
Langkah 3
Kami ingin mengisi seluruh poster untuk menciptakan sesuatu dengan dampak. Munculkan panduan dengan menekan Command- ;. Ubah ukuran kedua layer teks dengan menekan Command-T untuk mengisi poster, secara vertikal, dari panduan ke pemandu. Tujuannya adalah agar judul dan tanggal berinteraksi dengan bunga.
Langkah 4
Mari tambahkan situs web untuk menyeimbangkan poster. Saya menggunakan Open Sans, pada 25 pt, berwarna putih, dan meletakkannya di sudut kanan atas, meninggalkan sekitar satu inci margin. Saya Saya menggunakan sesuatu yang berbeda karena tampilan Playfair digunakan, seperti namanya, untuk pengaturan tampilan dan tidak terbaca dengan baik dalam ukuran kecil.
5.
Langkah 1
Kami ingin menciptakan ilusi bahwa teks itu terjalin dengan bunga. Mari duplikat layer bunga dengan menekan Command-J dan letakkan di bagian paling atas panel layrt kami.
Langkah 2
Kami ingin bekerja pada layer bunga baru dan lebih khusus pada layer mask. Mulailah dengan mengatur Brush Tool (B) diikuti oleh Klik-Kanan ke ukuran 30 px dan Hardness 100%.
Anda dapat bertukar antara warna hitam dan putih untuk menyembunyikan atau mengungkapkan bagian-bagian gambar. Menekan X akan bertukar antara dua warna ini, membuatnya lebih mudah untuk bekerja pada detail.
Kami juga ingin memperhatikan kelopak-kelopak yang ada di latar depan dan latar belakang untuk ini agar masuk akal dalam hal apa yang meliputi teks dan apa yang ada di balik teks. File dan lapisan terakhir harus terlihat seperti gambar di bawah ini:Kami juga ingin mempelajari kelopak bunga yang ada di depan dan latar belakang yang ada di balik apa yang ada dan apa yang ada di balik teks. Akhir file dan lapisan harus melihat seperti gambar dibawah:
Langkah 3
Lakukan hal yang sama dengan tanggal di sebelah kiri.
6. Cara menambahkan efek ke layer teks
Langkah 1
Untuk membuat kedalaman bidang, kami akan menambahkan Drop Shadow layer style ke teks utama. Pilih layer teks Woman Up pada panel Layers. Klik pada Efek>
Langkah 2
Jendela Layer Style akan muncul, dan Anda akan melihat bahwa pada poster kami, teks akan memiliki bayangan. Kami ingin tampilan yang lebih lembut, jadi mari kita ubah ke nilai-nilai pada gambar di bawah dan klik OK.
Langkah 3
Layer teks kami sekarang akan memiliki simbol "fx" di sebelahnya. Kami ingin menyalin efek bayangan ke lapisan teks tanggal. Pilih layer teks Woman Up dan klik kanan> Copy Layer Style. Pada tanggal layer teks, klik kanan> Paste Layer Style. Layer dan gambar harus terlihat seperti gambar di bawah ini:
7. Cara Menambahkan Layers Penyesuaian
Langkah 1
Di bagian bawah panel Layers, klik pada Add Adjustment Layer> Brightness / Contrast.
Langkah 2
Panel Properties untuk layer baru ini akan terbuka. Kami ingin menambahkan lebih banyak kontras dan beberapa kecerahan ke gambar untuk membuatnya menonjol. Saya menambahkan nilai-nilai berikut; Kecerahan: +15 dan Kontras: +20.
8. Cara Menyimpan Poster sebagai .PSD dan untuk Web
Langkah 1
Klik File> Save As untuk menyimpan file sebagai .PSD untuk mengeditnya nanti.
Langkah 2
Untuk web jpeg resolusi rendah dan ukuran file yang lebih kecil, klik File> Save for web (shift-Option-Command-S). Di sini Anda dapat mengubah kualitas gambar dan ukuran gambar. Klik Save ... dan simpan file.
Selamat atas menyelesaikan Tutorial ini!
Kami telah membahas keterampilan yang menarik untuk menyusun poster tipografi yang berinteraksi dengan sebuah gambar. Hari ini kami telah belajar:
- Menggunakan Layer Mask untuk menyembunyikan dan mengungkapkan bagian dari suatu gambar.
- Menggunakan layer penyesuaian untuk menambah kecerahan/kontras gambar.
- Format tipografi dan menggunakannya dalam arah yang berbeda untuk berinteraksi dengan gambar.
- Menggunakan tingkat fokus gambar untuk keuntungan kami membuat poster dengan kedalaman.
- Menggunakan layer Efek untuk menambahkan bayangan ke layer teks untuk menciptakan kedalaman bidang.
