1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Tipografi Berlapis Bunga dalam Adobe Photoshop

by
Read Time:10 minsLanguages:
This post is part of a series called Learn Adobe Photoshop.
How to Create a Cute Baby Dragon Photo Manipulation in Adobe Photoshop
How to Colourise an Old Photograph in Adobe Photoshop

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

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

Tipografi bunga adalah tren desain yang menggabungkan elemen-elemen bunga yang bagus dengan tipografi bold, untuk membuat beberapa desain yang elegan. Tutorial ini akan menunjukkan kepada Anda bagaimana menggunakan stok gambar bunga, dengan teks sederhana, dan beberapa layer styles, filter, tekstur, dan penyesuaian untuk membuat sendiri desain tipografi bunga. Mari kita mulai!

Efek teks ini terinspirasi oleh banyak Layer Styles yang tersedia pada Envato Market.

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut.

Hal keren tentang teknik yang digunakan dalam tutorial ini adalah bahwa hal itu dapat bekerja untuk hampir semua gambar yang Anda gunakan.

Gambar berkualitas tinggi dengan detail yang sedikit besar, namun, dapat membuat hasil menjadi lebih baik dan lebih rapi.

Hal ini juga penting untuk memilih gambar yang dapat diisolasi dari latar belakang dengan cukup mudah, sehingga Anda dapat menambahkan latar belakang Anda sendiri.

1. Menyesuaikan Bunga-Bunga Berwarna

Langkah 1

Membuat dokumen baru ukuran 3000 x 3000 px. Menempatkan gambar Bouquet of flowers top view isolated on white di atas layer Background dan beri nama layer Flowers.

Place the Flowers ImagePlace the Flowers ImagePlace the Flowers Image

Langkah 2

Menuju ke Image > Adjustments > Vibrance, dan mengubah nilai Vibrance ke -10.

VibranceVibranceVibrance

Langkah 3

Menuju ke Image > Adjustments > Hue/Saturation, dan mengubah nilai Saturation ke -10.

HueSaturationHueSaturationHueSaturation

Langkah 4

Menuju ke Image > Adjustments > Color Balance, dan mengubah Color Levels ke -10-213.

Color BalanceColor BalanceColor Balance

Langkah 5

Duplikasi layer Flowers, dan kemudian klik icon Add layer mask di bagian bawah panel Layers.

Memastikan bahwa thumbnail layer mask dipilih, dan mengisinya dengan hitam.

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

2. Membuat Teks

Langkah 1

Membuat teks dalam warna Putih menggunakan font Big John Regular. Anda dapat menggunakan font apa pun dan memilih ukuran font yang Anda suka, tapi ukuran yang lebih besar dan font yang tebal terlihat lebih baik. Ukuran yang digunakan di sini 765 pt.

Jika Anda ingin menempatkan huruf secara terpisah, membuat masing-masing dalam layer terpisah, dan memosisikan huruf pada gambar seluruh bunga yang Anda memiliki.

Create the TextCreate the TextCreate the Text

Langkah 2

Grup layer teks Anda, dan beri nama grup Text. Kemudian menempatkan grup di antara dua layer Flowers.

Group the Text LayersGroup the Text LayersGroup the Text Layers

Langkah 3

Menurunkan Opacity dari grup Text ke nilai yang memungkinkan Anda untuk melihat teks dan detail gambar latar belakang jelas.

Change the Text Group OpacityChange the Text Group OpacityChange the Text Group Opacity

3. Melukis Bagian Bunga Depan

Langkah 1

Pilih Brush Tool (B), atur Foreground Color ke Putih, dan pilih brush dengan ujung hard round.

Klik thumbnail layer mask Flowers copy untuk memilih, dan kemudian mulai melukis bagian-bagian yang ingin Anda memiliki di depan teks.

Anda dapat menggunakan tombol [ dan ] untuk memperbesar atau memperkecil ukuran ujung brush. Santai saja saat Anda melukis bagian tersebut dengan setepat mungkin.

Paint the Front PartsPaint the Front PartsPaint the Front Parts

Langkah 2

Jika ada bagian apapun yang Anda inginkan untuk tidak terlukis, Anda hanya perlu untuk mengatur warna Foreground Color ke Hitam dan melukis di area yang tidak diinginkan.

Menggunakan tombol X untuk mengganti  antara warna Foreground dan Background (Hitam dan Putih).

Anda juga dapat menggunakan  selection tools untuk memilih bagian-bagian yang Anda ingin lukis di dalam dan luar jika Anda suka.

Un-Paint the Unwanted AreasUn-Paint the Unwanted AreasUn-Paint the Unwanted Areas

Langkah 3

Setelah Anda selesai, pada grup Text mengatur Opacity ke 100% lagi, dan memeriksa bagaimana semua tampilannya untuk melihat apakah Anda menyukainya.

Original Text OpacityOriginal Text OpacityOriginal Text Opacity

Langkah 4

Memperbesar untuk memperbaiki area yang membutuhkan lebih banyak dikerjakan. Ini adalah proses yang memakan waktu sedikit, tetapi penting untuk mendapatkan hasil akhir yang halus.

Zoom in to Fix Needed AreasZoom in to Fix Needed AreasZoom in to Fix Needed Areas

4. Membuat Bayangan

Langkah 1

Command-klik thumbnail layer mask Flowers copy untuk membuat selection.

Create a SelectionCreate a SelectionCreate a Selection

Langkah 2

Buat layer baru di atas grup Text, dan menyebutnya Shadow.

Pilih Paint Bucket Tool, tidak dicentang pada kotak Contiguous dalam bilah Options, dan mengisi selection dengan Hitam.

Klik-kanan layer Shadow dan memilih Convert to Smart Object.

Create the Shadow LayerCreate the Shadow LayerCreate the Shadow Layer

Langkah 3

Menuju ke Filter > Blur > Gaussian Blur, dan atur Radius ke 7.

Gaussian BlurGaussian BlurGaussian Blur

Langkah 4

Menggunakan Move Tool untuk mendorong bayangan sedikit ke bawah.

Anda akan melihat bayangan muncul secara acak di beberapa bagian terhapus. Untuk memperbaiki ini, Anda harus melukis bagian-bagian dalam (mengembalikan-yang terhapus pada bayangan).

Jadi memilih Brush Tool, pilih layer mask Flowers copy, mengatur Foreground Color ke Putih, dan melukis di atas bagian-bagian yang Anda inginkan untuk menutupi bayangan.

Fix the Shadow AreasFix the Shadow AreasFix the Shadow Areas

Langkah 5

Anda dapat menggunakan nilai Hardness lebih rendah untuk membaurkan area tersebut.

Jika diperlukan, Anda bahkan dapat mask layer Shadow untuk menghapus bagian tambahan apapun, atau membuka layer asli untuk menambahkan lebih bayangan.

Fix the ShadowsFix the ShadowsFix the Shadows

Langkah 6

Setelah Anda selesai, pada layer Shadow mengubah Blend Mode ke Multiply dan dengan Opacity ke 30%.

Shadow Layer SettingsShadow Layer SettingsShadow Layer Settings

5. Menghilangkan Latar Belakang Putih

Langkah 1

Pilih Magic Wand Tool, tidak dicentang pada kotak Contiguous dalam bilah Options, dan kemudian klik pada area putih untuk memilihnya.

Tergantung pada gambar bunga yang Anda gunakan, Anda mungkin perlu untuk menggunakan alat-alat lain untuk memilih latar belakang, seperti Magnetic Lasso Tool atau Quick Selection Tool. Hanya memastikan untuk memilih latar belakang pada gambar untuk menghilangkannya.

Select the Flowers BackgroundSelect the Flowers BackgroundSelect the Flowers Background

Langkah 2

Menuju ke Select > Inverse, dan menambahkan layer mask untuk menyembunyikan latar belakang putih.

Mask the White BackgroundMask the White BackgroundMask the White Background

Langkah 3

Pilih area putih lagi (bagian yang kosong sekarang pada gambar Flowers), dan kemudian klik mask Flowers copy, dan mengisi selection dengan Hitam.

Menuju ke Select > Deselect.

Apply the Mask to the Top Flowers LayerApply the Mask to the Top Flowers LayerApply the Mask to the Top Flowers Layer

6. Menambahkan Gradient Fill pada Latar Belakang

Langkah 1

Duplikasi layer Background.

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

Langkah 2

Klik dua kali layer Background copy untuk menerapkan efek Gradient Overlay dengan pengaturan ini:

  • Dicentang pada kotak Dither
  • Style: Radial
  • Scale: 150%
  • Klik kotak Gradient untuk membuat gradient menggunakan warna #ffffff di sebelah kiri dan #559793 di sebelah kanan.
Gradient OverlayGradient OverlayGradient Overlay

Langkah 3

Anda dapat menggunakan gradient fill lainnya jika Anda suka.

Gradient BackgroundGradient BackgroundGradient Background

7. Membuat Bayangan Bunga pada Latar Belakang 

Langkah 1

Command-klik pada thumbnail layer mask Flowers untuk membuat selection.

Create a SelectionCreate a SelectionCreate a Selection

Langkah 2

Membuat layer baru di atas layer Background copy, menyebutnya Flowers Shadow, dan mengisi selection dengan Hitam, kemudian hapus selection.

Create the Flowers Shadow LayerCreate the Flowers Shadow LayerCreate the Flowers Shadow Layer

Langkah 3

Klik dua kali layer Flowers Shadow untuk menerapkan efek Gradient Overlay dengan pengaturan sebagai berikut:

  • Dicentang pada kotak Dither
  • Style: Radial
  • Scale: 150%
  • Klik kotak Gradient untuk membuat gradient menggunakan warna #f7f7f7 di sebelah kiri dan #555555 di sebelah kanan.
Gradient OverlayGradient OverlayGradient Overlay

Langkah 4

Mengubah layer Flowers Shadow menjadi Smart Object, dan kemudian mengubah Blend Mode ke Linear Burn dan Opacity ke 70%.

Flowers Shadow Layer SettingsFlowers Shadow Layer SettingsFlowers Shadow Layer Settings

Langkah 5

Menuju ke Filter > Blur > Gaussian Blur, dan mengubah Radius ke 10.

Gaussian BlurGaussian BlurGaussian Blur

Langkah 6

Tekan tombol Command-T untuk masuk ke Free Transform Mode.

Klik icon Warp pada bilah Options, dan memilih preset Fisheye. Menyesuaikan jika diperlukan, dan menekan tombol Return sekali untuk menerima perubahan.

Warp the Flowers ShadowWarp the Flowers ShadowWarp the Flowers Shadow

Langkah 7

Sekarang mengubah ukuran dan memindahkan bayangan sesuai yang Anda suka, dan tekan tombol Return sekali lagi untuk menerima perubahan dan keluar dari Free Transform Mode.

Rsize and Move the Flowers ShadowRsize and Move the Flowers ShadowRsize and Move the Flowers Shadow

8. Style pada Teks

Klik dua kali grup Teks untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Inner Shadow dengan pengaturan sebagai berikut:

  • Opacity: 23%
  • Size: 10
Inner ShadowInner ShadowInner Shadow

Langkah 2

Menambahkan Drop Shadow dengan pengaturan sebagai berikut:

  • Opacity: 35%
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 90
  • Distance: 22
  • Size: 57
Drop ShadowDrop ShadowDrop Shadow

Ini akan menambahkan beberapa bayangan pada teks.

Text shadowsText shadowsText shadows

9. Membuat Layer Filter

Langkah 1

Menuju ke Select > All, kemudian Edit > Copy Merged, dan Edit > Paste.

Copy and PasteCopy and PasteCopy and Paste

Langkah 2

Menempatkan gambar paste di atas semua layer, mengubah nama layer dengan Filters 1, dan mengubahnya menjadi sebuah Smart Object.

Kemudian mengubah Blend Mode ke Soft Light dan Opacity ke 20%.

Filters 1 Layer SettingsFilters 1 Layer SettingsFilters 1 Layer Settings

Langkah 3

Duplikasi layer Filters 1, mengubah nama copy jadi Filters 2, dan mengubah Opacity ke 50%.

Filters 2 Layer SettingsFilters 2 Layer SettingsFilters 2 Layer Settings

10. Menerapkan Filter

Langkah 1

Pilih layer Filters 1, dan menuju ke Filter > Filter Gallery > Sketch.

Pilih filter Stamp, dan mengubah Light/Dark Balance ke 45 dan Smoothness ke 1.

Stamp FilterStamp FilterStamp Filter

Ini akan membuat gambar tampak lebih seperti sebuah ilustrasi daripada foto.

Filter EffectFilter EffectFilter Effect

Langkah 2

Pilih layer Filters 2, dan menuju ke Filter > Other > High Pass, dan mengubah Radius ke 10.

High Pass FilterHigh Pass FilterHigh Pass Filter

11. Menambahkan Tekstur dan Adjustment Layer Terakhir

Langkah 1

Menempatkan gambar Paper Grain Texture di atas semua layer, dan mengubah ukuran sesuai yang Anda suka. Kemudian pada layer mengubah Blend Mode ke Multiply dan Opacity ke 50%.

Add the Paper Grain TextureAdd the Paper Grain TextureAdd the Paper Grain Texture

Langkah 2

Klik icon Create new fill or adjustment layer di bawah panel Layers dan memilih Black White.

Black White Adjustment LayerBlack White Adjustment LayerBlack White Adjustment Layer

Langkah 3

Mengubah adjustment layer Blend Mode ke Linear Burn dan Opacity ke 5%. Ini akan menambahkan penyesuaian warna sangat halus untuk hasil akhir.

Black White Layer SettingsBlack White Layer SettingsBlack White Layer Settings

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita menyesuaikan warna gambar bunga dan menggunakan layer masks untuk menambahkan beberapa teks sederhana pada bunga. Kemudian, kita memberi styled pada layer dan menambahkan bayangan yang berbeda, serta latar belakang gradient yang sederhana.

Setelah itu, kita menerapkan beberapa filter untuk membuat gambar tampak lebih menarik dan mempertegas. Akhirnya, kita menambahkan tekstur dan adjustment layer untuk menyelesaikan efek.

Silakan merasa bebas untuk meninggalkan komentar, saran, dan hasil karyanya di bawah ini.

Final ResultFinal ResultFinal Result
One subscription.
Unlimited Downloads.
Get unlimited downloads