1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

Bagaimana Membuat Efek Teks Holografik Secara Cepat Dalam Adobe Photoshop

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

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

Tutorial ini akan menunjukkan bagaimana menggunakan layer style dan filter Photoshop untuk membuat sebuah efek teks holografik yang mudah. Mari kita mulai!

Efek teks ini terinspirasi oleh banyak Layer Style yang tersedia di GraphicRiver.

Aset-Aset Tutorial

Aset-aset di bawah digunakan selama pembuatan tutorial ini:

1. Bagaimana Membuat Dasar Latar Belakang Tekstur

Langkah 1

Buat dokumen baru ukuran 900 x 600 px dengan Background Whiteklik kanan layer Background, pilih Convert to a Smart Object, dan beri nama layer dengan Texture.

Create the Texture Smart ObjectCreate the Texture Smart ObjectCreate the Texture Smart Object

Langkah 2

Atur Foreground dan Background Colors ke Black dan White, dan pergi ke Filter > Render > Clouds.

Render CloudsRender CloudsRender Clouds

2. Bagaimana Membuat Tekstur Holografik

Langkah 1

Pergi ke Filter > Filter Gallery > Texture > Grain, dan gunakan pengaturan berikut:

  • Intensity: 100
  • Contrast: 0
  • Grain Type: Clumped
GrainGrainGrain

Untuk menambahkan tiap filter baru di bawah, klik icon New effect layer di bagian bawah sudut kanan jendela Filter Gallery, dan kemudian pilih filter.

Langkah 2

Pergi ke Stylize > Glowing Edges, dan gunakan pengaturan berikut:

  • Edge Width: 2
  • Edge Brightness: 6
  • Smoothness: 7
Glowing EdgesGlowing EdgesGlowing Edges

Langkah 3

Pergi ke Artistic > Watercolor, dan gunakan pengaturan berikut:

  • Brush Detail: 3
  • Shadow Intensity: 0
  • Texture: 1
WatercolorWatercolorWatercolor

Langkah 4

Pergi ke Artistic > Film Grain, dan gunakan pengaturan berikut:

  • Grain: 3
  • Highlight Area: 0
  • Intensity: 10
Film GrainFilm GrainFilm Grain

Langkah 5

Pergi ke Brush Strokes > Dark Strokes, dan gunakan pengaturan berikut:

  • Balance: 0
  • Black Intensity: 0
  • White Intensity: 2

Klik OK untuk keluar dari jendela Filter Gallery.

Dark StrokesDark StrokesDark Strokes

Langkah 6

Pergi ke Filter > Distort > Wave, dan gunakan pengaturan di bawah. Kamu dapat  menggunakan nilai lainnyaya kamu sukai.

WaveWaveWave

Langkah 7

Ini adalah tekstur dasar, namun kamu dapat menyesuaikan ukurannya berdasarkan efek akhir yang kamu inginkan dan teks yang akan kamu buat.

Di sini, kita akan pergi ke Image > Image Size, mengatur Width ke 1200 px, dan Height ke 750 px.

Simpan file ini dan biarkan terbuka untuk digunakan nantinya di dalam tutorial.

Change the SizeChange the SizeChange the Size

3. Bagaimana Membuat Latar Belakang Vignette Yang Halus

Langkah 1

Buat dokumen lainnya ukuran 900 x 600 px, klik icon Create new fill or adjustment layer di bagian bawah panel Layers, dan pilih Solid Color.

Gunakan Fill Color yang gelap seperti #201c20.

Solid ColorSolid ColorSolid Color

Langkah 2

Tambahkan layer Gradient, dan gunakan Colors #909090 ke kiri dan #000000 ke kanan untuk membuat gradien.

Ubah Style ke Radial, dan Scale ke 250. Kemudian, ubah Blend Mode layer ke Soft Light.

Gradient Fill VignetteGradient Fill VignetteGradient Fill Vignette

4. Bagaimana Membuat Teks dan Menggunakan Simbol

Langkah 1

Buat teks menggunakan font Premier Script, dan atur Size ke 200 pt.

Create the TextCreate the TextCreate the Text

Langkah 2

Karena font Premier Script memiliki banyak simbol, kamu dapat mengakses simbol karakter yang tersedia dengan menyorotinya, dan kemudian mengklik simbol yang ingin kamu gunakan dari alternatif yang kamu dapatkan.

Use Glyphs by HighlightingUse Glyphs by HighlightingUse Glyphs by Highlighting

Langkah 3

Cara lainnya untuk mengakses simbol tersebut adalah dengan pergi ke Type > Panels > Glyphs Panel.

Sooti karakter yang ingin kamu ganti, dan selamat bersenang-senang dalam mengubah teks menggunakan simbol berbeda yang tersedia.

The Glyphs PanelThe Glyphs PanelThe Glyphs Panel

Langkah 4

Buat semua perubahan yang diperlukan sebelum langkah berikutnya.

Finished TextFinished TextFinished Text

Langkah 5

Duplikasikan layer teks.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

5. Bagaimana Menerapkan Style Sebuah Goresan Kaca

Dobel klik layer teks original untuk menerapkan layer style berikut:

Langkah 1

Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

  • Style: Outer Stroke
  • Size: 6
  • Gloss Contour: Ring - Double
  • Centang pada kotak Anti-aliased
  • Highlight Mode: Vivid Light
    • Shadow Mode: Linear Burn
      • Color#222222
      • Opacity: 15%
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Langkah 2

    Tambahkan Contour dengan pengaturan sebagai berikut:

    • Contour: Log
    • Centang pada kotak Anti-aliased
    ContourContourContour

    Langkah 3

    Tambahkan Inner Shadow dengan pengaturan sebagai berikut:

    • Blend Mode: Color Burn
    • Opacity: 35%
    • Distance: 1
    • Size: 1
    Inner ShadowInner ShadowInner Shadow

    Langkah 4

    Tambahkan Outer Glow dengan pengaturan sebagai berikut:

    • Blend Mode: Normal
    • Opacity: 50%
    • Color#dbd6dd
    • Spread: 10
    • Size: 7
    Outer GlowOuter GlowOuter Glow

    Ini akan membuat goresan seperti kaca.

    Glass StrokeGlass StrokeGlass Stroke

    6. Bagaimana Menerapkan Style Teks Mengkilap

    Dobel klik layer teks di bawah untuk menerapkan layer style berikut:

    Langkah 1

    Tambahkan Bevel and Emboss dengan pengaturan sebagai berikut:

    • Size: 10
    • Hilangkan centang pada kotak Use Global Light
    • Angle: 84
    • Altitude: 42
    • Gloss Contour: Ring - Double
    • Hilangkan centang pada kotak Anti-aliased
    • Highlight Mode: Vivid Light
      • Shadow Mode:
        • Opacity: 10%
      Bevel and EmbossBevel and EmbossBevel and Emboss

      Langkah 2

      Tambahkan Contour dengan pengaturan sebagai berikut:

      • Contour: Rolling Slope - Descending
      • Centang pada kotak Anti-aliased
      ContourContourContour

      Langkah 3

      Tambahkan Inner Glow dengan pengaturan sebagai berikut:

      • Blend Mode: Vivid Light
      • Opacity: 35%
      • Color#697b99
      • Source: Center
      • Size: 5
      • Contour: Cone - Inverted
      Inner GlowInner GlowInner Glow

      Ini akan menerapkan style pada teks utama.

      Styled TextStyled TextStyled Text

      7. Bagaimana Menerapkan Tekstur Pada Teks

      Langkah 1

      Pergi ke dokumen tekstur holografik, tekan Command-A untuk memilih semua, dan Command-C untuk menyalin seleksi.

      Copy the TextureCopy the TextureCopy the Texture

      Langkah 2

      Kembali ke dokumen teks, dan tekan Command-V untuk menempelkan tekstur. Namai ulang layer menjadi Texture, dan ubah Blend Mode ke Screen.

      Klik kanan layer Texture, dan pilih Create Clipping Mask untuk mengklip tekstur pada salinan layer teks.

      Add the Holographic TextureAdd the Holographic TextureAdd the Holographic Texture

      Langkah 3

      Pilih salinan layer teks, dan ubah Color teks dengan apapun yang kamu suka. Color digunakan di sini adalah #72757a.

      Change the Text ColorChange the Text ColorChange the Text Color

      8. Bagaimana Meningkatkan Tekstur Menggunakan Adjustment Layer

      Langkah 1

      Tambahkan adjustment layer Vibrance, klip itu ke layer Texture, dan ubah nilai Vibrance ke 50.

      VibranceVibranceVibrance

      Langkah 2

      Tambahkan adjustment layer Curves, ubah Blend mode ke Luminosity sehingga kamu tidak mempengaruhi warna, dan Opacity ke 80%.

      Sesuaikan kurva RGB juga Channel untuk mendapatkan hasil yang kamu suka.

      CurvesCurvesCurves

      Langkah 3

      Berikut adalah kurva Channel yang disesuaikan. Kamu dapat melewatkan penyesuaian jika kamu merasa tidak perlu membuat perubahan, dan kamu dapat menggunakan nilai Opacity layer yang berbeda.

      Curves ChannelsCurves ChannelsCurves Channels

      Kerja Menakjubkan, Sekarang Kamu Telah Selesai!

      Di dalam tutorial ini, kita menggunakan beberapa filter untuk membuat sebuah tekstur holografik.

      Kemudian, kita membuat dan menerapkan style pada dua layer teks menggunakan beberapa layer style untuk mencapai efek seperti kaca. Terakhir, kita menambahkan tekstur pada teks, dan menggunakan adjustment layer untuk meningkatkan hasil akhir.

      Silahkan tinggalkan komentar, saran, dan hasilmu di bawah.

      Final ResultFinal ResultFinal Result
      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.
      One subscription. Unlimited Downloads.
      Get unlimited downloads