1. Design & Illustration
  2. Photo Effects

Cara Membuat Efek Grafiti di Adobe Photoshop

by
Read Time:7 minsLanguages:

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

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

Pelajari cara membuat seni grafiti dari foto Anda di Adobe Photoshop, menggunakan filter dan penyesuaian.

Efek graffiti adalah bagian dari Graffiti Effect with Pop Up Photoshop Action dari portofolio saya di Envato Market.

Graffiti Effect with Pop Up Photoshop ActionGraffiti Effect with Pop Up Photoshop ActionGraffiti Effect with Pop Up Photoshop Action
Graffiti Effect with Pop Up Photoshop Action

Aset Tutorial

Aset berikut digunakan selama pembuatan tutorial ini:

1. Cara Membuat Latar Belakang Brick Wall

Buat New Document 850 x 630 px. Anda bisa, tentu saja, menggunakan ukuran lain untuk file PSD Anda, namun Anda harus menyesuaikan secara proporsional semua ukuran yang digunakan dalam tutorial ini.

Tambahkan Brick Wall di New Layer. Ubah ukuran gambar jika diperlukan sesuai dengan ukuran kanvas Anda.

Brick Wall TextureBrick Wall TextureBrick Wall Texture

2. Cara Menambahkan Seni Grafiti

Langkah 1

Di New Layer, tambahkan tekstur Graffiti Wall. Ubah ukuran gambar jika diperlukan sesuai dengan ukuran kanvas Anda.

Graffiti Wall TextureGraffiti Wall TextureGraffiti Wall Texture

Langkah 2

Klik ikon kedua di bagian bawah panel Layers untuk menambahkan Layer Mask ke layer Graffiti Wall.

Add Layer Mask in PhotoshopAdd Layer Mask in PhotoshopAdd Layer Mask in Photoshop

Set Foreground Color ke #000000 dan pilih Brush Tool. Gunakan Grunge Brush untuk menggambar di dalam mask untuk menyembunyikan beberapa efek grafiti dan untuk mengungkapkan dinding bata.

Paint Inside the Layer Mask in PhotoshopPaint Inside the Layer Mask in PhotoshopPaint Inside the Layer Mask in Photoshop

3. Cara Membuat Efek Potret Grafiti

Langkah 1

Tambahkan Man Portrait di sebuah New Layer. Gunakan Magic Wand Tool untuk memilih latar belakang gambar ini. Set Tolerance ke 10 dan centang Contiguous. Tetap tekan tombol Shift untuk membuat beberapa seleksi. Tekan Delete untuk menghapus latar belakang yang dipilih.

Remove Background in PhotoshopRemove Background in PhotoshopRemove Background in Photoshop

Tekan Control-D untuk membatalkan seleksi.

Langkah 2

Tekan Control-J untuk Duplicate layer Man Portrait dua kali, dan namakan layer baru Man Portrait 1 dan Man Portrait 2. Sembunyikan dua layer yang baru dibuat. Mengklik ikon mata di samping layer  apapun pada panel Layers akan menyembunyikan/menampilkan layer-nya.

Duplicate Layers in PhotoshopDuplicate Layers in PhotoshopDuplicate Layers in Photoshop

Langkah 3

Kembali ke layer Man Portrait dan tambahkan gaya layer Stroke 4 px, Position center, Color #000000.

Add Stroke Layer StyleAdd Stroke Layer StyleAdd Stroke Layer Style

Langkah 4

Pergi ke Filter > Artistic > Cutout dan pilih Number of Levels 8, Edge Simplicity 0 dan Edge Fidelity 3.

Filter Artistic Cutout Photoshop FilterFilter Artistic Cutout Photoshop FilterFilter Artistic Cutout Photoshop Filter

Cutout Filter in PhotoshopCutout Filter in PhotoshopCutout Filter in Photoshop

Langkah 5

Pergi ke Layer > New Adjustment Layer > Posterize dan atur Levels ke 5. Klik pada tombol ketiga dari kiri untuk menambahkan penyesuaian ini sebagai Clipping Mask untuk layer di bawahnya.

Posterize Adjustment in PhotoshopPosterize Adjustment in PhotoshopPosterize Adjustment in Photoshop

Langkah 6

Pergi ke Layer > New Adjustment Layer > Brightness/Contrast dan atur Brightness menjadi 117 dan Contrast ke -50. Klik pada tombol ketiga dari kiri untuk menambahkan penyesuaian ini sebagai Clipping Mask untuk layer di bawahnya.

Brightness and Contrast Adjustment in PhotoshopBrightness and Contrast Adjustment in PhotoshopBrightness and Contrast Adjustment in Photoshop

Langkah 7

Pergi ke Layer > New Adjustment Layer> Hue/Saturation dan atur Hue menjadi 129 dan Saturation menjadi 100. Klik pada tombol ketiga dari kiri untuk menambahkan penyesuaian ini sebagai Clipping Mask untuk layer di bawahnya.

Hue and Saturation Adjustment in PhotoshopHue and Saturation Adjustment in PhotoshopHue and Saturation Adjustment in Photoshop

Pilih Brush Tool dan gunakan Grunge Brush untuk melukis di dalam Hue/Saturation Mask menggunakan warna #000000 untuk menampilkan warna asli di bawahnya.

Paint Inside the Layer MaskPaint Inside the Layer MaskPaint Inside the Layer Mask

Langkah 8

Buat sebuah New Layer. Copy dan paste gambar Graffiti Wall di layer ini. Klik kanan pada layer dan pilih Create Clipping Mask.

Create Clipping Mask in PhotoshopCreate Clipping Mask in PhotoshopCreate Clipping Mask in Photoshop

Ubah Blend Mode dari layer Graffiti Effect menjadi Lighter Color.

Blend Mode Lighter Color in PhotoshopBlend Mode Lighter Color in PhotoshopBlend Mode Lighter Color in Photoshop

Klik ikon kedua di bagian bawah panel Layers untuk menambahkan Layer Mask ke layer Graffiti Effect. Pilih Brush Tool dan gunakan Grunge Brush untuk melukis di dalam Layer Mask menggunakan warna #000000 untuk menyembunyikan beberapa rincian.

Paint Inside the Layer Mask in PhotoshopPaint Inside the Layer Mask in PhotoshopPaint Inside the Layer Mask in Photoshop

Langkah 9

Klik ikon mata di sebelah layer Man Portrait 1 untuk menampilkan layer-nya. Atur Foreground Color menjadi #000000 dan Background Color ke #ffffff.

Show Layer in PhotoshopShow Layer in PhotoshopShow Layer in Photoshop

Langkah 10

Pergi ke Filter > Sketch > Photocopy dan setel Detail ke 3 dan Darkness menjadi 50.

Photocopy Filter in PhotoshopPhotocopy Filter in PhotoshopPhotocopy Filter in Photoshop

Langkah 11

Pergi ke Filter > Artistic > Cutout dan atur Number of Levels ke 3, Edge Simplicity ke 3 dan Edge Fidelity menjadi 3.

Cutout Filter in PhotoshopCutout Filter in PhotoshopCutout Filter in Photoshop

Langkah 12

Pergi ke Image > Adjustments > Levels dan set Input Levels.

Levels Adjustment in PhotoshopLevels Adjustment in PhotoshopLevels Adjustment in Photoshop

Langkah 13

Atur Blend Mode dari Man Portrait 1 ke Multiply.

Multiply Blend Mode in PhotoshopMultiply Blend Mode in PhotoshopMultiply Blend Mode in Photoshop

Jika mau, Anda bisa mengulangi proses yang sama namun dengan pengaturan yang berbeda untuk layer Man Portrait 2, namun langkah ini bersifat opsional.

4. Cara Membuat Efek Bata

Langkah 1

Tekan Shift-Control-N untuk membuat New Layer di atas semua layer lainnya.

Tekan Shift-Control-Alt-E untuk Merge semua lapisan yang terlihat. Panggil layer ini Brick Effect.

Merge All Visible Layers in PhotoshopMerge All Visible Layers in PhotoshopMerge All Visible Layers in Photoshop

Langkah 2

Tambahkan Layer Mask ke layer Brick Effect.

Add Layer Mask in PhotoshopAdd Layer Mask in PhotoshopAdd Layer Mask in Photoshop

Langkah 3

Pergi ke Image > Trim dan trim kanvas berdasarkan piksel transparan.

Trim Canvas in PhotoshopTrim Canvas in PhotoshopTrim Canvas in Photoshop

Langkah 4

Pergi ke layer Brick Wall dan buatlah seleksi menggunakan Rectangular Marquee Tool. Tekan Control-C untuk membuat Copy dari seleksi.

Copy Selection in PhotoshopCopy Selection in PhotoshopCopy Selection in Photoshop

Langkah 5

Kembali ke layer Brick Effect dan pada tab Channels klik ikon mata di samping Brick Effect Mask agar terlihat. Tekan Control-V untuk Paste seleksi di mask ini.

Work with Channels in PhotoshopWork with Channels in PhotoshopWork with Channels in Photoshop

Langkah 6

Kembali ke tab Layers dan tekan Control-D untuk Deselect. Juga klik pada Layer Brick Effect Thumbnail.

Use Image as Layer Mask in PhotoshopUse Image as Layer Mask in PhotoshopUse Image as Layer Mask in Photoshop

Langkah 7

Buka Layer Style Window dari layer Brick Effect dan tambahkan Bevel and Emboss.

Bevel and Emboss in PhotoshopBevel and Emboss in PhotoshopBevel and Emboss in Photoshop

Selamat! Anda sudah selesai!

Dalam tutorial ini, Anda telah belajar bagaimana menciptakan efek grafiti di Photoshop dari awal dengan menggunakan brush dan tekstur. Semoga Anda menikmati tutorial ini.

Untuk hasil yang lebih cepat, silahkan mengunduh action Graffiti Effect with Pop Up Photoshop Action dari portfolio saya di Envato Market.

Graffiti Effect with Pop Up Photoshop ActionGraffiti Effect with Pop Up Photoshop ActionGraffiti Effect with Pop Up Photoshop Action
Graffiti Effect with Pop Up Photoshop Action

Dan lihat hasil akhir di bawah ini!

Graffiti Wall Photo Effect Photoshop TutorialGraffiti Wall Photo Effect Photoshop TutorialGraffiti Wall Photo Effect Photoshop Tutorial

One subscription.
Unlimited Downloads.
Get unlimited downloads