banner



Home  ›  How To Do Neon Effect In Photoshop

How To Do Neon Effect In Photoshop

Written By Saturday, June 18, 2022 Add Comment Edit

Memberi layer efek sinar dan kilau dapat membantu membuat bagus, objek mengkilap. Tutorial ini akan menunjukkan kepada Anda cara memodifikasi batu bata tekstur untuk latar belakang, dan kemudian menggunakan layer style dengan menggunakan Pen Tool untuk menambahkan beberapa teks yang terang, bercahaya neon dan kabel sederhana di atasnya. Mari kita mulai!

Aset Tutorial

Aset yang digunakan selama pembuatan dalam tutorial ini sebagai berikut:

  • Font Beon Medium
  • BrickOldRounded0061 Image 2 - Large (2000x2328)
  • Light Grunge Seamless Patterns Vol. 2 oleh webdesignerlab

1. Membuat Latar Belakang

Langkah 1

Membuat dokumen baru 1500 10 950 px, dan atur Resolution ke 300.

Menuju ke File > Place Embedded, dan buka gambar BrickOldRounded0061. Mengubah ukuran sesuai yang Anda suka, dan kemudian menekan tombol Return untuk menerima perubahan.

Place the Brick Texture Place the Brick Texture Place the Brick Texture

Langkah ii

Klik iconCreate new make full or adjustment layer di bagian bawah panel Layers dan memilih Levels.

Levels Levels Levels

Langkah 3

Klik iconClip adjustment to layer di bagian bawah panel Properties, dan kemudian mengubah nilai Shadows ke 85.

Levels Values Levels Values Levels Values

Langkah 4

Klik iconCreate new fill or adjustment layer lagi dan mengubah Hue/Saturation. Klik iconPrune adjustment to layer di bagian bawah pada panel Backdrop, dan kemudian mengubah Saturation ke eleven, dan Lightness ke -83.

Hue Saturation Hue Saturation Hue Saturation

2. Membuat Teks

Langkah 1

Membuat teks dalam All Caps menggunakan font Beon Medium. Warnanya adalah#a33e88 dan Ukuran adalah 103 pt.

Create the Text Create the Text Create the Text

Langkah 2

Duplikasi layer teks dan membuat tidak terlihat dengan klik pada icon mata di sebelahnya. Kemudian klik-kanan copy dan memilih Rasterize Type.

Apa yang akan kita lakukan selanjutnya adalah memisahkan bagian vertikal dan diagonal dari huruf-huruf horizontal, untuk menerapkan efek menggunakan nilai Angle yang berbeda.

Rasterize Type Rasterize Type Rasterize Type

Langkah iii

Ambil Rectangular Marquee Tool(atau alat choice lainnya yang Anda suka), klik icon Add to choice pada bilah Options dan memilih bagian horizontal dari semua huruf yang Anda punya.

Select Horizontal Parts Select Horizontal Parts Select Horizontal Parts

Langkah four

Menuju ke Edit > Cut, dan kemudianEdit > Paste Special > Paste in Place. Ini akan menempatkan bagian-bagian tertentu di layer yang terpisah. Beri nama layer jadi Vertical dan Horizontal.

Separate Vertical and Horizontal Parts Separate Vertical and Horizontal Parts Separate Vertical and Horizontal Parts

Langkah 5

Mengubah nilai Fill up ke 0 pada kedua layer Vertical dan Horizontal.

Fill Value Fill Value Fill Value

Langkah 6

Duplikasi setiap layer Vertical dan Horizontal dua kali, dan kemudian menempatkan setiap pasang layer dalam grup yang ada namanya (Vertical/Horizontal).

Duplicate and Group Layers Duplicate and Group Layers Duplicate and Group Layers

Langkah vii

Menempatkan grup Horizontal di bawah Vertical.

Group Order Group Order Group Order

3. Styling Layer Horizontal Asli

Klik-dua kali layer Horizontal asli untuk menerapkan layer fashion sebagai berikut:

Langkah ane

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: ten
  • Tidak dicentang pada kotak Employ Global Low-cal
  • Bending: 0
  • Altitude: lxx
  • Dicentang pada kotak Anti-aliased.
  • Highlight Mode: Linear Light
  • Shadow Mode - Opacity: 0%
Bevel and Emboss Bevel and Emboss Bevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Dicentang pada kotak Anti-aliased.
Contour Contour Contour

Langkah three

Menambahkan Inner Shadow dengan pengaturan ini:

  • Blend Mode: Screen
  • Color:#e658d4
  • Angle: 30
  • Altitude: 0
Inner Shadow Inner Shadow Inner Shadow

Langkah 4

Menambahkan Inner Glow dengan pengaturan ini:

  • Opacity:85%
  • Colour:#fe66f1
  • Source: Center
  • Size: 18
Inner Glow Inner Glow Inner Glow

Langkah 5

Menambahkan Driblet Shadow dengan pengaturan ini:

  • Distance: 13
  • Size: 7
Drop Shadow Drop Shadow Drop Shadow

Ini akan memberi style pada layer pertama dari bagian horizontal.

Styled Original Horizontal Layer Styled Original Horizontal Layer Styled Original Horizontal Layer

4. Styling Layer Horizontal Pertama Re-create

Klik-dua kali layer Horizontal pertama copy untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: 16
  • Tidak dicentang pada kotak Use Global Light
  • Angle: -36
  • Altitude:42
  • Contour:Cove - Deep
  • Dicentang pada kotak Anti-aliased
  • Highlight Way: Bright Light
  • Shadow Mode - Opacity: 0%
Bevel and Emboss Bevel and Emboss Bevel and Emboss

Langkah 2

Menambahkan Profile dengan pengaturan ini:

  • Contour: Cone - Inverted
  • Dicentang pada kotak Anti-aliased
Contour Contour Contour

Ini akan menambahkan lebih kilau ke teks.

Styled First Copy Horizontal Layer Styled First Copy Horizontal Layer Styled First Copy Horizontal Layer

5. Styling Layer Horizontal Kedua Copy

Klik-dua kali layer Horizontal kedua re-create untuk menerapkan layer style sebagai berikut:

Langkah i

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Size: 16
  • Tidak dicentang pada kotak Use Global Light
  • Angle: 18
  • Altitude: 58
  • Profile:Half Round
  • Dicentang pada kotak Anti-aliased
  • Highlight Mode:Bright Low-cal
  • Shadow Mode - Opacity: 0%
Bevel and Emboss Bevel and Emboss Bevel and Emboss

Langkah 2

Menambahkan Contour dengan pengaturan ini:

  • Contour:Sawtooth 2
  • Dicentang pada kotak Anti-aliased
Contour Contour Contour

Langkah 3

Menambahkan Inner Glow dengan pengaturan ini:

  • Blend Mode: Linear Low-cal
  • Noise: 5%
  • Color:#ffdcfa
  • Source: Center
  • Size:38
Inner Glow Inner Glow Inner Glow

Langkah 4

Menambahkan Outer Glow dengan pengaturan ini:

  • Color:#7f2d65
  • Size: 15
Outer Glow Outer Glow Outer Glow

Ini akan memberi style pada layer horizontal akhir, menambahkan lebih berkilau dan bersinar.

Styled Second Copy Horizontal Layer Styled Second Copy Horizontal Layer Styled Second Copy Horizontal Layer

6. Styling Layer Vertical Asli

Langkah 1

Klik-kanan layer Horizontal asli, memilih Copy Layer Style, dan kemudian klik-kanan layer Vertical asli, dan memilih Paste Layer Fashion.

Klik-dua kali layer Vertical asli untuk menyesuaikan Bevel and Emboss nilai Angle dan Altitude, dengan mengubahnya ke 90 dan 74.

Bevel and Emboss Bevel and Emboss Bevel and Emboss

Langkah 2

Untuk Inner Glow, mengubah Size ke 15.

Inner Glow Inner Glow Inner Glow

Ini akan menyesuaikan efek sesuai dengan bagian vertikal dan diagonal.

Modified Style for the Original Vertical Layer Modified Style for the Original Vertical Layer Modified Style for the Original Vertical Layer

seven. Styling Layer Vertical Pertama Copy

Copy dan paste layer style dari layer Horizontal pertama copy ke layer Vertical pertama copy, dan kemudian klik-dua kali layer Vertical copy untuk mengubah efek Bevel and Emboss pada Angle ke -76 dan Altitude ke 53.

Bevel and Emboss Bevel and Emboss Bevel and Emboss

Hanya itu saja untuk layer pertama copy.

Modified Style for the First Copy Vertical Layer Modified Style for the First Copy Vertical Layer Modified Style for the First Copy Vertical Layer

viii. Styling Layer Vertical Kedua Re-create

Copy dan paste layer manner dari layer Horizontal kedua copy ke layer Vertical kedua re-create, dan kemudian klik-dua kali layer Vertical copy 2 untuk mengubah efek Bevel and Emboss pada Angle ke -82, dan Altitude ke 53.

Bevel and Emboss Bevel and Emboss Bevel and Emboss

Itu menjadikan styling kedua bagian dari teks.

Modified Style for the Second Copy Vertical Layer Modified Style for the Second Copy Vertical Layer Modified Style for the Second Copy Vertical Layer

9. Menambahkan Lebih Sinar dan Membuat Kabel

Langkah 1

Membuat layer baru di bawah layer teks yang tidak terlihat, beri nama Background Light, dan mengubah Blend Fashion ke Linear Lite.

Atur warna Foreground ke#98338b, memilih Brush Tool, dan memilih ujung besar, soft, circular. Kemudian klik sekali untuk menambahkan spots di belakang teks (jangan klik dan drag, hanya bintik-bintik warna).

Add Background Glow Add Background Glow Add Background Glow

Langkah 2

Membuat layer baru di bawah layer Groundwork Light dan beri nama Cable. Ambil Pen Tool dan memilih opsi Path pada bilah Options.

Apa yang Anda butuhkan selanjutna adalah membuat paths dimana Anda ingin menambahkan kabel. Anda dapat klik untuk menambahkan sudut anchor points, dan klik dan drag untuk membuat kurva. Perlu diingat bahwa path yang dibuat tidak harus menjadi sempurna, seperti Anda dapat memilih Directly Pick Tool kapan saja nanti untuk menyesuaikan anchor points atau direction handles.

Create the Cable Paths Using the Pen Tool Create the Cable Paths Using the Pen Tool Create the Cable Paths Using the Pen Tool

Langkah 3

Untuk memisahkan paths, tekan dan tahan tombol Command, dan klik di luar path yang Anda telah selesai membuatnya sehingga tidak akan berhubungan pada path yang Anda buat setelahnya.

Separating the Paths Separating the Paths Separating the Paths

Langkah 4

Luangkan waktu Anda dengan langkah ini untuk mendapatkan hasil yang rapi.

Finish Creating the Paths Finish Creating the Paths Finish Creating the Paths

Langkah 5

Memilih Brush Tool, dan kemudian membuka panel Brush (Window > Brush), dan memilih ujung hard round 7 px dengan Spacing diatur ke 1.

Brush Settings Brush Settings Brush Settings

Langkah six

Atur warna Foreground ke#252525, pilih Direct Pick Tool, klik-kanan path dan memilih Stroke Path.

Stroke Path Stroke Path Stroke Path

Langkah 7

Memilih Brush dari carte du jour dropdown Tool dan tidak dicentang pada kotak Simulate Pressure.

Stroke Path Box Stroke Path Box Stroke Path Box

Langkah 8

Ini akan memberi stroke pada path. Tekan tombol Render untuk menyingkirkan piece of work path.

Stroked Path Stroked Path Stroked Path

10. Styling Kabel

Klik-dua kali layer Cable untuk menerapkan layer mode sebagai berikut:

Langkah ane

Menambahkan Bevel and Emboss dengan pengaturan ini:

  • Dicentang pada kotak Anti-aliased
  • Highlight Way:Brilliant Low-cal
  • Color:#ec6ab7
  • Opacity: 24%
Bevel and Emboss Bevel and Emboss Bevel and Emboss

Langkah 2

Menambahkan Profile dengan pengaturan ini:

  • Dicentang pada kotak Anti-aliased.
Contour Contour Contour

Langkah 3

Menambahkan Pattern Overlay dengan pengaturan ini:

  • Blend Mode: Multiply
  • Blueprint: 8
Pattern Overlay Pattern Overlay Pattern Overlay

Langkah 4

Menambahkan Drop Shadow dengan pengaturan ini:

  • Opacity: threescore%
  • Distance: xiii
  • Size: 10
Drop Shadow Drop Shadow Drop Shadow

Ini akan memberi mode pada kabel.

The Styled Cable The Styled Cable The Styled Cable

11. Membuat Klip

Langkah 1

Pilih Rectangle Tool dan membuat persegi panjang ukuran 11 x fifteen px.

Create a Rectangle Create a Rectangle Create a Rectangle

Langkah 2

Pilih Add Anchor Point Tool dan memilih untuk menambahkan dua poin pada bagian tengah kedua sisi dari persegi panjang.

Add Anchor Points Add Anchor Points Add Anchor Points

Langkah three

Pilih Straight Option Tool, klik dan drag untuk memilih poin tengah yang Anda tambahkan, dan kemudian tekan Tombol Panah Kiri sekali untuk memindahkannya 1 px ke sebelah kiri.

Move Anchor Points Move Anchor Points Move Anchor Points

Langkah 4

Duplikasi layer Rectangle dan kemudian menuju keEdit > Transform > Rotate 90° Clockwise. Beri nama layer Rectangle menjadi H (untuk horizontal) dan 5 (untuk vertikal).

Duplicate and Rename Rectangle Layers Duplicate and Rename Rectangle Layers Duplicate and Rename Rectangle Layers

12. Styling Klip

Klik-dua kali layer H untuk menerapkan layer style sebagai berikut:

Langkah 1

Menambahkan Gradient Overlay dengan pengaturan ini:

  • Opacity:42%
  • Klik kotak Slope untuk membuat gradient menggunakan warna#151515 di sebelah kiri,#6d6d6d di tengah, dan#161616 di sebelah kanan.
Gradient Overlay Gradient Overlay Gradient Overlay

Langkah 2

Menambahkan Driblet Shadow dengan pengaturan ini:

  • Opacity: 60%
  • Distance: 13
  • Size: 10
Drop Shadow Drop Shadow Drop Shadow

Ini akan memberi style pada klip horizontal.

Styled Horizontal Clip Styled Horizontal Clip Styled Horizontal Clip

Langkah iii

Copy dan paste layer style dari layer H ke layer 5, dan kemudian klik-dua kali layer V untuk mengubah Gradient Overlay pada nilai Angle ke 0.

Gradient Overlay Gradient Overlay Gradient Overlay

Langkah 4

Selanjutnya, duplikasi dan menempatkan layer klip di manapun Anda ingin menambahkan klip kabel yang Anda buat.

Duplicate and Place Clips Duplicate and Place Clips Duplicate and Place Clips

13. Menambahkan Satu Layer Pewarnaan Lagi

Klik icon Create new fill or adjustment layer dan memilih Solid Colour. Menggunakan warna #a34799, menempatkan adjustment layer di bawah layer Cable, dan mengubah Blend Mode ke Brilliant Light. Ini akan menerapkan warna untuk batu bata di belakang teks, dan meningkatkan sinar dan pencahayaan dari hasil akhir.

Solid Color Adjustment Layer Solid Color Adjustment Layer Solid Color Adjustment Layer

Selamat! Anda Sudah Selesai

Dalam tutorial ini, kita memodifikasi latar belakang tekstur batu bata dan menggelapkan itu sedikit. Kemudian kita membuat teks, rasterized layer, dan memisahkan bagian horizontal dari vertikal dan diagonal.

Setelah itu, kita duplikasi dan grup layer teks terpisah, dan beri styled semua dari mereka untuk mencapai efek yang bersinar mengkilap.

Setelah teks utama telah dibuat dan diberi styled, kita menambahkan beberapa lebih banyak sinar latar belakang, dan menggunakan Pen Tool untuk membuat path kabel. Kita stroked pada path dan beri styled untuk memberikan tampilan 3D.

Akhirnya, kita menggunakan Rectangle Tool untuk membuat beberapa klip untuk kabel, dimodifikasi dan beri styled pada mereka, dan menambahkan satu aligning layer akhir untuk meningkatkan warna dari hasil akhir.

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

Source: https://design.tutsplus.com/id/tutorials/how-to-create-a-realistic-neon-light-text-effect-in-adobe-photoshop--cms-23250

Posted by: charlesuntook.blogspot.com

0 Response to "How To Do Neon Effect In Photoshop"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel