Indonesian (Bahasa Indonesia) translation by AaliyaA (you can also view the original English article)
Kami menghormati Jerman, bahasa mereka, dan budaya mereka minggu ini untuk merayakan peluncuran German version of Envato Elements!
Dalam tutorial ini, Anda akan belajar cara menggunakan stock image of ink dalam air dan beberapa teks sederhana untuk menciptakan blended effect. Tutorial ini akan bekerja lebih baik dengan gambar yang memiliki background yang kuat yang dapat kita mainkan. Tinta dalam gambar air ini berasal dari Envato Elements, jadi silakan telusuri di sana untuk menemukan opsi lain!
Apa yang Akan Anda Butuhkan
- Akses ke Adobe Photoshop; jika Anda tidak memilikinya, Anda dapat mengunduh uji coba dari situs Adobe website
- Ink in Water
- Bw Nista International
Download gambar dan instal font, dan Anda siap untuk memulai!
1. Cara Mengatur File Photoshop Baru
Langkah 1
Di Photoshop, buka File> New. Nama document Ink Poster. Setel Width menjadi 1270 px dan Height hingga 1600 px. Atur Resolution menjadi 72 Pixels/Inch. Klik OK.
Langkah 2
Pada panel Layers , klik Create a New Fill or Adjustment Layer > Solid Color. Di Color Picker window, atur warnanya ke hitam (# 000000). Klik OK.
Langkah 3
Tekan Command-R untuk memunculkan rulers di sekitar dokumen. Pergi ke View > New Guide. Di New Guide window, pilih Horizontal dan atur guide menjadi 50 px. Klik OK.
Lakukan hal yang sama untuk sisi lain dokumen dengan mengurangi 50px dari ukuran akhir. Untuk mengaktifkan dan menonaktifkan guides, tekan Command- ;.
2. Cara Mengatur Ink dalam Water Image
Langkah 1
Seret Ink in Water image ke dalam file Photoshop.
Langkah 2
Ubah ukuran gambar dengan menekan Command-T. Arahkan ke Options bar dan tekan tombol Maintain Aspect Ratio. Setel Width menjadi 300%. Height akan berubah secara otomatis. Tekan Enter.
Langkah 3
Pilih Move Tool (V) dan pusatkan gambar ke dokumen. Kita ingin poster muncul seolah-olah gambar mengalir dari atas. Karena itu, sejajarkan bagian atas gambar ke tepi atas dokumen.
Langkah 4
Pada Layers panel, pilih the Ink in water layer. Right-click > Rasterize Layer. Duplicate layer dengan menekan Command-J.
Langkah 5
Untuk menciptakan ilusi bahwa surat-surat dicampur dengan tinta, kita perlu menambahkan layer mask. Pada panel Layers, pilih top Ink in water layer dan tekan tombol Add Layer Mask.
3. Bagaimana Menambahkan Teks
Kita perlu memetakan teks sebelum kita mulai mengerjakan layer mask. Kita juga perlu menambahkan teks dalam separate layers. Ini akan memberi kita kebebasan untuk memindahkan layers di sekitar sesuka kita.
Langkah 1
Pada panel Tools, pilih Text Tool (T).
Klik pada dokumen dan mulai dengan mengetik kata "DER". Bring out panel Characters dengan masuk ke Type> Panels> Character Panel. Pada panel ini, atur Font ke Bw Nista International Bold dan Size hingga 265 pt.
Langkah 2
Menggunakan same Text Tool (T), tambahkan sisa kalimat "KLANG VON MUSIK". Masukkan setiap kata pada different layer
Langkah 3
Mari buat beberapa harmoni di antara text layers.
Tumpuk kata-kata di atas satu sama lain, meninggalkan beberapa ruang di antara mereka. Tidak perlu menjadi sempurna — kita dapat menyelaraskan layers di kemudian hari. Gerakkan secara horizontal sesuka hati Anda untuk menciptakan gerakan dan hilangkan kekakuan.
Satu-satunya hal yang harus diwaspadai adalah setiap text layers terlalu dekat dengan guides. Kita akan menambahkan beberapa detail di sana.
Langkah 4
Pilih empat layer teks dan, di panel Options, pilih tombol Distribute Vertical Center. Ini bahkan akan keluar ruang antara setiap text layer.
Langkah 5
Kita perlu memindahkan layers antara dua Ink in Water layers untuk memadukannya ke dalam tinta. Pilih four text layers dan drag ke arah Create a new group button pada Layers panel. Pindahkan grup di antara two Ink in Water layers. Penting untuk organize the layers dengan cara ini. Kita hanya akan mengungkap bagian-bagian tertentu dari Ink in Water layer image yang ingin kita tuju.
4. Cara Memadukan Text dan Ink Image
Langkah 1
Pada Layers panel, pilih Layer Mask yang dibuat pada Ink in Water layer. Tekan Command-I untuk membalikkan layer dari putih ke hitam. Ini akan mengungkapkan elemen di bawahnya.
Langkah 2
Pada panel Tools, pilih Brush Tool (B). Atur warna Foreground menjadi putih dan Background menjadi hitam. Anda dapat bertukar antara keduanya dengan menekan X pada keyboard Anda. Ini akan berguna nantinya.
Right-click pada dokumen untuk mengubah brush settings. Atur Size menjadi 80 px. Anda dapat mengurangi ukuran kuas apa pun saat Anda mengerjakan dokumen dengan menekan [dan menambah dengan menekan]. Akhirnya, atur Hardness menjadi 100%.
Langkah 3
Pastikan Anda masih memilih Layer Mask yang dibuat pada Ink in Water layer.
Menggunakan Brush Tool (B) dan tips dari langkah di atas, mulailah brushing beberapa bagian. Ini akan mengungkapkan bagian-bagian foto pada layer yang sedang Anda kerjakan.
Untuk langkah ini, kita perlu mengingat bentuk tinta. Anda akan melihat bahwa tinta memiliki gerakan tertentu, menciptakan bentuk-bentuk lembut yang tumpang tindih satu sama lain. Untuk menciptakan ilusi bahwa teks dicampur, kita membutuhkan tinta untuk membungkus teks. Anda dapat melihatnya pada contoh di bawah ini:
Langkah 4
Ulangi langkah di atas untuk semua huruf — tidak ada yang benar atau salah!
Langkah 5
Setelah semua huruf tercampur, kita perlu menambahkan beberapa bayangan untuk mengembalikan kedalaman. Pada Layers panel, buat layer baru dengan menekan Shift-Command-N. Di New Layer option window, beri nama layer Shadow. Klik OK.
Pindahkan layer di atas grouped text layers.
Langkah 6
Pilih Brush Tool (B) dari panel Tools. Right-click untuk mengubah pengaturan. Atur Size menjadi 80 px dan Hardness menjadi 0%. Pergi ke Options bar dan atur Opacity menjadi 20%.
Langkah 7
Pastikan Anda berada di new Shadow layer yang baru saja kita buat. Menggunakan brush yang kita atur di atas, sapukan setiap huruf. Ini akan membuat shadow sedikit di atas huruf dan ilusi kedalaman untuk menghindari desain yang terlalu datar.
The shadow itu mungkin tampak terlalu terang bagi mata. Trik yang bagus adalah dengan mengaktifkan dan menonaktifkan layer dengan mengklik eye icon. Anda akan melihat bahwa sebenarnya shadow yang sangat lembut sudah cukup. Menambahkan detail kecil seperti ini dapat benar-benar membuat atau menghancurkan hasil akhir.
Langkah 8
Buat layer baru dengan menekan Shift-Command-N. Di New Layer option window, beri nama layer Outside stroke. Klik OK. Sekali lagi, pastikan ini ditempatkan di atas text layer.
Langkah 9
Aktifkan guides dengan menekan Command- ;. Pada panel Tools, pilih Rectangle Tool (U). Gambarlah persegi panjang pada blue guides.
Langkah 10
Arahkan ke bilah Options. Atur Stroke menjadi putih dan Size menjadi 25 pt. Tekan Enter.
Langkah 11
Kembali ke Ink in Water Layer Mask dan pilih Brush Tool (B). Kita akan mengulangi teknik yang kita gunakan dengan huruf.
Atur Size menjadi 80 px, Hardness hingga 100%, dan Opacity 100%. Mulailah brushing bagian atas of the Ink in Water Layer Mask untuk menyembunyikan white stroke.
5. Cara Menambahkan Final Text Details
Akhirnya, kita dapat menambahkan rincian terakhir untuk poster. Pilih Text Tool (T) dan membuka panel Characters jika tidak terbuka. Arahkan ke Type > Panel > Characters Panel untuk membukanya.
Di bawah ini adalah detail yang saya tambahkan dengan type size dan specific font weight pada separate layers.
- 18.06
— 20.06.2018
(BW Nista International, Size at 54 pt, Leading at 57 pt, Bold)
- AUGSBURG
KUNST UND KULTUR
AKUK.COM
(BW Nista International, Size at 30 pt, Leading at 32 pt, Thin)
- ALTE KONGRESSHALLE
ALEXANDERPLATZ U5
(BW Nista International, Size at 54 pt, Leading at 57 pt, Bold)
Anda akan melihat saya menempatkan setiap layers ini di different corner — ini untuk melengkapi elemen utama dan menambahkan keseimbangan ke poster.
6. Cara Menyimpan File Web
Arahkan ke File> Save dan simpan file seperti biasa.
Untuk menyimpan file JPEG untuk web, buka File> Save for Web atau Shift-Option-Command-S. Pilih jenis file yang ingin Anda simpan dokumennya — Saya memilih JPEG — dan menetapkan 100 untuk Quality. Di bawah Image size, Anda dapat mengubah pixel size gambar jika Anda memiliki size constraints.
Di sisi kiri bawah, Anda dapat melihat pratinjau ukuran file. Ini berguna ketika ada size constraints di situs web dan Anda perlu menurunkan quality atau the size of the image..
Klik Save... untuk memilih lokasi di new window, dan klik Save lagi.
Selamat! Anda Sudah Selesaikan Tutorial Ini!
Dalam tutorial ini, kita telah belajar memadukan tipografi dan gambar untuk membuat hasil akhir yang menarik. Hari ini, kita telah belajar untuk:
- Gunakan Layer Mask untuk mengungkap atau menyembunyikan bagian dari suatu gambar.
- Buat shadow layer untuk menambah kedalaman gambar.
- Berhasil mengatur layers untuk menciptakan ilusi dimensi.
Jika Anda menyukai tutorial ini, Anda mungkin seperti ini:
