Skip to main content

Cara Desain Neon Billboard di Adobe Photoshop

Sahabat Anima Kali ini kita akan menDesain neon billboard gemerlap cahaya yang mana model ini populer di era 80-an.

Aplikasi  teknik ini biasa digunakan untuk tempat hiburan malam seperti diskotik, karaoke, cafe, billyard, bioskop dll. Disini sahabat anima akan banyak bermain dengan brush.

Tutorial bisa diparktekkan mulai photoshop versi 5 sampai adobe photoshop yang terbaru.

BERIKUT LANGKAH KERJA

Pada Bidang Kerja

1. Buat bidang kerja baru berukuran 600x400 pixels. Karena menggunakan satuan Pixel untuk tanpilan di layar monitor, maka resolusi  (DPI) tidak berpengaruh.

2. Klik warna gelap misal Navy (Lihat contoh gambar dibawah), lalu isi layer Dengan warna tersebut, tekan Alt + Delete

Shaping

1. Klik Pen Tool (P). Di Property Bar ada bentuk  Kotak tumpul (Rounded Rectangle Tool) Dan lingkaran (Ellipse Tool). Pastikan icon  Add to Path Area akhir.

Cara Desain Neon Billboard di Adobe Photoshop

Catatan: Shape adalah objek vector sehingga tidak masalah jika merubah ukuranya secara bebas.

2. Klik Path Selection Tool. Karena kita akan Memilih 2 shape tersebut. Tekan Shift + Klik Untuk memilih lebar dari 1 shape.

3. Untuk mengatur kedua path agar rata  Tengah, klik icon Align Vertikal Vertical Center dan Align Horizontal Center

Cara Desain Neon Billboard di Adobe Photoshop

4.Agar kedua shape menjadi satu seperti siluet, Klik icon Add to Shape Area lalu klik tombol Combine.

Cara Desain Neon Billboard di Adobe Photoshop

5.Untuk mengatur titik/Anchor Point, aktifkan Direct Selection Tool (Tekan Path Selection Tool agak lama). Seleksi anchor point bagian bawah lalu geser/drag ke atas.


Bingkai Titik – Titik

1. Buat Layer baru/Layer 1. Klik  icon Create a new Layer Seperti biasa.

2. Aktifkan Brush Tool (B). Di Palette Brushes atur agar ujung brush menjadi bulat dengan spasi renggang seperti gambar kanan.

Cara Desain Neon Billboard di Adobe Photoshop

3. Klik warna kuning, karena kita ingin brush nanti  Bewarna kuning.

4. Di palette Path klik kanan di Work Pat, klik menu Stroke Path menggunakan Brush

Cara Desain Neon Billboard di Adobe Photoshop

Catatan: Jika menu Stroke Path tidak aktif,  pastikan layer 1 aktif jangan Layer Background karena dikunci.

5. Aktifkan Layer 1. Agar lebih terkesan menyala, klik menu Layer -  Layer Style - Outer Glow dengan parameter sebagai berikut.

Cara Desain Neon Billboard di Adobe Photoshop

Papan Billboard

1. Buat Layer baru diantara Layer 1 dan Layer Background. Klik icon Create new Layer.

2. Pastikan Layer 2 aktif. Di palette Path, klik kanan Work Path Pilih menu Make Selection dengan Feater Radius = 0 untuk membuat seleksi tegas dari path tersebut.

Cara Desain Neon Billboard di Adobe Photoshop

3. Kembali ke palette Layer, terlihat seleksi (ditandai putus-putus). Untuk menambah luas seleksi klik menu Select - Modify - Expand dengan nilai Expand = 10 pixel. OK

4. Isi seleksi dengan warna hitam. Pastikan Foreground berwarna hitam. Tekan Alt + Delete

5. Untuk mengisi Layer 2 dengan pola/pattern. Klik menu Layer - Layer Effects - Pattern Overlay. Agar lebih banyak koleksi pattern klik icon lalu pilih menu misal Patterns.

Cara Desain Neon Billboard di Adobe Photoshop

6. Agar berkesan timbul, Pilih Bevel & Emboss dengan parameter sebagai berikut.

Cara Desain Neon Billboard di Adobe Photoshop

Text Dengan Outline Bintik – Bintik

1. Dengan Horizontal Type Tool (T), buat text ‘ASGARD’.

2. Ctrl + Klik Layer ASGARD untuk menyeleksi ouline text (ditandai garis putus - putus).

Cara Desain Neon Billboard di Adobe Photoshop

3. Buat Layer baru klik icon Create New Layer, maka akan ada Layer 3.

4. Pastikan Layer 3 dan seleksi masih aktif. Di palette Path, agar seleksi menjadi Path, Klik icon Create Path Form Selection.

Cara Desain Neon Billboard di Adobe Photoshop

5. Aktifkan Brush Tool (B). Di Palette Brushes atur Diameter = 6 px dan Spacing = 130% agar garis terlihat putus – putus. Pastikan foreground berwarna  kuning.

6. Di palette Path, klik kanan Work Path, pilih menu Stroke Path. Jika hasilnya tidak seperti gambar kanan, coba ulangi pekerjaan andalalu atur Diameter dan Spacing Brush. Selamat bereksperimen.

Cara Desain Neon Billboard di Adobe Photoshop

7. Agar bulatan terlihat nyala berpendar, aktifkan Layer 3 lalu klik menu Layer-Layer Style-Outer Glow dengan parameter sebagai berikut.

Cara Desain Neon Billboard di Adobe Photoshop

Kilau / Highlight

1. Terakhir, kita akan memberi kilau-kilau agar Lebih terkesan mewah. Buat Layer baru/Layer 4. Lalu isi dengan warna hitam, agar nanti kilau Terlihat nyala atur Blending Mode = Color Dodge

2. Aktifkan Brush Tool (B), di palette Brushes Pilih jenis brush seperti gambar kiri lalu atur Shape Dynamics seperti gambar kanan agar kilau lebih variatif.

Cara Desain Neon Billboard di Adobe Photoshop

3. Pastikan Foreground bewarna Putih

4. Silahkan Klik atau Drag untuk memberi kilau – kilau cahaya. Atur ukuran brush agar lebih variatif, tekan [atau] di Keyboard.

Selanjutnya anda bisa menambahkan teks lain agar tampil gambar judul diatas.

Semoga tutorial kali ini bermanfaat bagi kalian
Terima kasih
Salam Anima Belajar
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar