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

Langkah 2

Klik icon Create new fill or adjustment layer di bagian bawah panel Layers dan memilih Levels.

Langkah 3

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

Langkah 4

Klik icon Create new fill or adjustment layer lagi dan mengubah Hue/Saturation. Klik icon Clip adjustment to layer di bagian bawah pada panel Properties, dan kemudian mengubah Saturation ke 11, dan Lightness ke -83.

2. Membuat Teks

Langkah 1

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

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.

Langkah 3

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

Langkah 4

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

Langkah 5

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

Langkah 6

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

Langkah 7

Menempatkan grup Horizontal di bawah Vertical.

3. Styling Layer Horizontal Asli

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

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

• Size: 10
• Tidak dicentang pada kotak Use Global Light
• Angle: 0
• Altitude: 70
• Dicentang pada kotak Anti-aliased.
• Highlight Mode: Linear Light
• Shadow Mode - Opacity: 0%

Langkah 2

Menambahkan Contour dengan pengaturan ini:

• Dicentang pada kotak Anti-aliased.

Langkah 3

Menambahkan Inner Shadow dengan pengaturan ini:

• Blend Mode: Screen
• Color: #e658d4
• Angle: 30
• Distance: 0

Langkah 4

Menambahkan Inner Glow dengan pengaturan ini:

• Opacity: 85%
• Color: #fe66f1
• Source: Center
• Size: 18

Langkah 5

Menambahkan Drop Shadow dengan pengaturan ini:

• Distance: 13
• Size: 7

Ini akan memberi style pada layer pertama dari bagian horizontal.

4. Styling Layer Horizontal Pertama Copy

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 Mode: Vivid Light
• Shadow Mode - Opacity: 0%

Langkah 2

Menambahkan Contour dengan pengaturan ini:

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

Ini akan menambahkan lebih kilau ke teks.

5. Styling Layer Horizontal Kedua Copy

Klik-dua kali layer Horizontal kedua 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: 18
• Altitude: 58
• Contour: Half Round
• Dicentang pada kotak Anti-aliased
• Highlight Mode: Vivid Light
• Shadow Mode - Opacity: 0%

Langkah 2

Menambahkan Contour dengan pengaturan ini:

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

Langkah 3

Menambahkan Inner Glow dengan pengaturan ini:

• Blend Mode: Linear Light
• Noise: 5%
• Color: #ffdcfa
• Source: Center
• Size: 38

Langkah 4

Menambahkan Outer Glow dengan pengaturan ini:

• Color: #7f2d65
• Size: 15

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

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

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

Langkah 2

Untuk Inner Glow, mengubah Size ke 15.

Ini akan menyesuaikan efek sesuai dengan bagian vertikal dan diagonal.

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

Hanya itu saja untuk layer pertama copy.

8. Styling Layer Vertical Kedua Copy

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

Itu menjadikan styling kedua bagian dari teks.

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 Mode ke Linear Light.

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

Langkah 2

Membuat layer baru di bawah layer Background 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 Direct Selection Tool kapan saja nanti untuk menyesuaikan anchor points atau direction handles.

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.

Langkah 4

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

Langkah 5

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

Langkah 6

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

Langkah 7

Memilih Brush dari menu dropdown Tool dan tidak dicentang pada kotak Simulate Pressure.

Langkah 8

Ini akan memberi stroke pada path. Tekan tombol Return untuk menyingkirkan work path.

10. Styling Kabel

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

Langkah 1

Menambahkan Bevel and Emboss dengan pengaturan ini:

• Dicentang pada kotak Anti-aliased
• Highlight Mode: Vivid Light
• Color: #ec6ab7
• Opacity: 24%

Langkah 2

Menambahkan Contour dengan pengaturan ini:

• Dicentang pada kotak Anti-aliased.

Langkah 3

Menambahkan Pattern Overlay dengan pengaturan ini:

• Blend Mode: Multiply
• Pattern: 8

Langkah 4

Menambahkan Drop Shadow dengan pengaturan ini:

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

Ini akan memberi style pada kabel.

11. Membuat Klip

Langkah 1

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

Langkah 2

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

Langkah 3

Pilih Direct Selection 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. 

Langkah 4

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

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 Gradient untuk membuat gradient menggunakan warna #151515 di sebelah kiri, #6d6d6d di tengah, dan #161616 di sebelah kanan.

Langkah 2

Menambahkan Drop Shadow dengan pengaturan ini:

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

Ini akan memberi style pada klip horizontal.

Langkah 3

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

Langkah 4

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

13. Menambahkan Satu Layer Pewarnaan Lagi

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

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 adjustment layer akhir untuk meningkatkan warna dari hasil akhir.

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