7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Tipografi Tinta Awan Menggunakan Adobe Photoshop

Read Time: 6 mins
This post is part of a series called Text Effects .
How to Create a Cactus Text Effect in Adobe Illustrator
How to Create a 3D Hologram Text Effect in Adobe Photoshop
This post is part of a series called German Week.
How to Create a Half-Blurred Text Effect in Adobe Illustrator

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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.

Create a new Photoshop fileCreate a new Photoshop fileCreate a new Photoshop file

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.

Create a Solid Color Adjustment Layer and choose the color blackCreate a Solid Color Adjustment Layer and choose the color blackCreate a Solid Color Adjustment Layer and choose the color black

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- ;.

Add horizontal and vertical guidesAdd horizontal and vertical guidesAdd horizontal and vertical guides

2. Cara Mengatur Ink dalam Water Image

Langkah 1

Seret Ink in Water image ke dalam file Photoshop.

Drop in the Ink in Water image onto PhotoshopDrop in the Ink in Water image onto PhotoshopDrop in the Ink in Water image onto 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.

Resize the ink image to cover a large portion of the documentResize the ink image to cover a large portion of the documentResize the ink image to cover a large portion of the document

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.

Place the image at the top edge of the documentPlace the image at the top edge of the documentPlace the image at the top edge of the document

Langkah 4

Pada Layers panel, pilih the Ink in water layer. Right-click >  Rasterize Layer. Duplicate layer dengan menekan Command-J.

Rasterize the Ink in Water image layerRasterize the Ink in Water image layerRasterize the Ink in Water image layer

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.

Duplicate the ink imageDuplicate the ink imageDuplicate the ink image

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.

Add DER using the text tool and change the settings on the Characters PanelAdd DER using the text tool and change the settings on the Characters PanelAdd DER using the text tool and change the settings on the Characters Panel

Langkah 2

Menggunakan same Text Tool (T), tambahkan sisa kalimat "KLANG VON MUSIK". Masukkan setiap kata pada different layer

Add KLANG VON MUSIK each word on a different layerAdd KLANG VON MUSIK each word on a different layerAdd KLANG VON MUSIK each word on a 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.

Stack the words on each other and move them horizontally as you please to create balanceStack the words on each other and move them horizontally as you please to create balanceStack the words on each other and move them horizontally as you please to create balance

Langkah 4

Pilih empat layer teks dan, di panel Options, pilih tombol Distribute Vertical Center. Ini bahkan akan keluar ruang antara setiap text layer.

Use the Distribute Vertical Centers alignment button to even out the space in between the wordsUse the Distribute Vertical Centers alignment button to even out the space in between the wordsUse the Distribute Vertical Centers alignment button to even out the space in between the words

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.

Group the text layers and place them in between both ink in water layersGroup the text layers and place them in between both ink in water layersGroup the text layers and place them in between both ink in water layers

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.

Invert the Layer Mask on the Ink in Water layerInvert the Layer Mask on the Ink in Water layerInvert the Layer Mask on the Ink in Water layer

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%.

Set up the Brush ToolSet up the Brush ToolSet up the Brush Tool

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:

Using the brush tool brush over the parts of the ink image you want to revealUsing the brush tool brush over the parts of the ink image you want to revealUsing the brush tool brush over the parts of the ink image you want to reveal

Langkah 4

Ulangi langkah di atas untuk semua huruf — tidak ada yang benar atau salah!

Do this for all the letters there is no right or wrongDo this for all the letters there is no right or wrongDo this for all the letters there is no right or wrong

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.

Create a new layer named ShadowCreate a new layer named ShadowCreate a new layer named Shadow

Langkah 6

Pilih Brush Tool (B) dari panel ToolsRight-click untuk mengubah pengaturan. Atur Size menjadi 80 px dan Hardness menjadi 0%. Pergi ke Options bar dan atur Opacity menjadi 20%.

Set up the brush toolSet up the brush toolSet up the brush tool

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.

Use the brush tool to create soft shadows over the letters that have ink over themUse the brush tool to create soft shadows over the letters that have ink over themUse the brush tool to create soft shadows over the letters that have ink over them

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.

Create a new layer named Outside StrokeCreate a new layer named Outside StrokeCreate a new layer named Outside Stroke

Langkah 9

Aktifkan guides dengan menekan Command- ;. Pada panel Tools, pilih Rectangle Tool (U). Gambarlah persegi panjang pada blue guides.

Using the guides created add a rectangle around the guidesUsing the guides created add a rectangle around the guidesUsing the guides created add a rectangle around the guides

Langkah 10

Arahkan ke bilah Options. Atur Stroke menjadi putih dan Size menjadi 25 pt. Tekan Enter.

Using the Options bar set the rectangle to only have a white strokeUsing the Options bar set the rectangle to only have a white strokeUsing the Options bar set the rectangle to only have a white stroke

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.

On the ink water layer mask use the brush tool to bring forward the ink over the strokeOn the ink water layer mask use the brush tool to bring forward the ink over the strokeOn the ink water layer mask use the brush tool to bring forward the ink over the 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 InternationalSize 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.

Add text detailsAdd text detailsAdd text details

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.

Save the image for webSave the image for webSave the image for web

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:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.