Cara Membuat Efek Teks Jelly Bean di Photoshop

 

Samlekum kawan-kawan semua. Saatnya bekerja kembali di blog ini!

            Oke, hari ini gue mau share tentang cara membuat Efek Teks Jelly Bean menggunakan salah satu software desain yang tentu aja kawan slek semua udah pada tau. Yak, Adobe Photoshop! Gue belajar tutorial ini dari tuts+. Di sini kita bakal gunain brush, stroke, dan beberapa layer style. Cuks, langsung aja kita mulai yews.

1. Membuat Brush Tip

Langkah 1
Buat file baru dengan size 500 x 500px, pilih Ellipse Tool dan ubah size menjadi 175 x 385px.

Langkah 2
Pilih Direct Selection Tool, kemudian klik-tarik (drag) untuk memilih dua titik jangkar horizontal elips. 

Langkah 3
Tekan Left Arrow Key beberapa kali untuk memindahkan titik yang dipilih ke kiri sedikit.

Langkah 4
Sekarang pilih dua titik vertikal, kemudian klik Edit > Transform Points > Scale, tekan dan tahan tombol Alt, dan tarik sisi kanan ke arah luar. Tombol Alt akan menyeret sisi kiri keluar pada waktu yang sama. Tekan tombol Enter bila dilakukan untuk menerima perubahan.

Langkah 5
Setelah itu, gunakan Direct Selection Tool untuk memilih poin yang kawan slek miliki dan memindahkan mereka sampai kawan slek mendapatkan bentuk kacang yang pas. 

Langkah 6
Pilih Edit > Define Brush Preset dan ketik nama untuk brush tersebut. 

2. Buat Work Path

Langkah 1
Buat teks menggunakan font "Insaniburger". Jika belum punya font tersebut, kawan slek bisa mendownloadnya di dafont.com.

Langkah 2
Klik kanan pada layer teks dan pilih Create Work Path.

Langkah 3
Klik ikon mata pada layer teks. Buatlah layer baru di atas layer teks dan menamakannya Stroke, kemudian pilih Brush Tool. 

3. Stroke Teks Dengan Brush

Langkah 1
Buka panel Brush (Window > Brush), pilih brush kacang yang sebelumnya sudah kita buat, dan memodifikasi Settings seperti di bawah ini:

 .

Langkah 2

 

Langkah 3
Mengatur warna Foreground ke #000000, lalu tekan tombol Enter untuk mengaktifkan Stroke.

Langkah 4
Jika ada Brush yang mengalami tumpang tindih, gunakan Eraser Tool untuk menghapus daerah tersebut.

Langkah 5
Kemudian pilih Brush Tool sekali lagi, dan mulai mengklik dan menyeret sedikit untuk mengisi bagian-bagian kosong. Hal ini penting untuk mengikuti aliran asli (arah) dari area yang kawan slek isi, karena jika tidak, Brush kacang yang ditambahkan tersebut akan terlihat keluar dari area.

Langkah 6
Pastikan untuk tidak meninggalkan Brush kacang yang tumpang tindih sebelum kawan slek melanjutkan ke langkah berikutnya.

4. Style Beans

Langkah 1
Klik dua kali pada layer Stroke dan ikuti Layer Style berikut:
• Size: 7
• Hapus tanda centang pada Use Global Light
• Angle: 117
• Altitude: 58
• Centang Anti-aliased
• Highlight Mode - Opacity: 65%
• Shadow Mode:
• Color: #aeaeae
• Opacity: 15%

Langkah 2
• Centang kotak Anti-aliased. 

Langkah 3

• Pattern: White sand

• Depth: 50%

  

Langkah 4 

• Blend Mode: Overlay

• Opacity: 70%

• Color: #ffffff

• Technique: Precise

• Source: Center

• Size: 16

Langkah 5

• Color: # 75b602
Di sinilah kawan slek bisa memilih warna yang kawan slek suka untuk jelly bean yang sudah dibuat.

Langkah 6

• Opacity: 20%

• Size: 7

Langkah 7
Klik kanan pada Layer Stroke, dan pilih Copy Layer Style.

5. Fill in the Text

Langkah 1
Buat layer baru di bawah Layer Stroke, dan menamakannya Pink 1, atau nama yang sesuai dengan warna yang kawan slek pilih. Untuk setiap Layer, kawan slek harus Klik kanan dan pilih Paste Layer Style.

Langkah 2
Klik dua kali pada Layer Pink 1 untuk mengubah Color Overlay Color ke #da296c. Kawan slek bisa kembali dan mengubah warna setelah kawan slek melihat bagaimana tampilannya.

Langkah 3
Gunakan Modified Bean Brush, drag sedikit untuk menyebarkan beberapa kacang di dalam teks.

Langkah 4
Kemudian, terus buat Layer baru, copy dan paste Layer Styles, mengubah warna, dan layering kacang seluruh teks sampai kawan slek menyukai hasilnya. Di bawah ini adalah lapisan dan warna yang digunakan dalam tutorial ini (dari atas ke bawah):
• Pink 3 - #da296c
• Green 2 - #75b602
• Purple 2 - #4f2b3a
• Yellow 2 - #ddc64b
• Orange 2 - #ea9400
• Purple 1 - #4f2b3a
• Yellow 1 - #ddc64b
• Pink 2 - #da296c
• Green 1 - #75b602
• Orange 1 - #ea9400
• Pink 1 - #da296c 

6. Tambahkan Lebih Banyak Beans

Langkah 1
Pilih Layer Stroke, kemudian gunakan Eraser Tool untuk menghapus bagian bawah salah satu beans yang kawan slek miliki (sebaiknya yang terakhir). Kemudian, gunakan Brush Tool untuk menambahkan beberapa beans ke sisi daerah terhapus, sehingga terlihat seperti itu telah dibuka.

Langkah 2
Pilih 3-4 acak lapisan kacang, dan tambahkan kacang ke masing-masing dari mereka, seperti mereka jatuh dari bagian yang telah dibuka.

7. Buat Work Path untuk Teks yang kecil

Langkah 1
Pilih Pen Tool, pilih Path Option di Options bar, buat layer baru di atas layer teks yang lebih kecil dan menamainya sesuai keinginan kawan slek. Kemudian, mulai membuat work path di tengah teks yang lebih kecil. Klik sekali untuk menambah titik jangkar, dan klik dan drag untuk membuat kurva. Gunakan teks sebagai referensi untuk menambah path. Kawan slek gak perlu mengikuti persis atau membuatnya sempurna, karena masih ada langkah berikutnya.

Kawan slek dapat membuat work path untuk semua huruf pada waktu yang sama. Untuk memisahkan mereka ketika melakukan itu, tekan dan tahan tombol Control dan klik sekali di luar path setelah selesai mambuatnya. Kawan slek juga dapat menekan dan tahan tombol Shift untuk membuat garis lurus.

Langkah 2
Setelah membuat work path, pilih Direct Selection Tool, kemudian mulai memodifikasi mereka. Kawan slek bisa klik dan tarik titik anchor untuk bergerak di sekitar, atau bisa juga dengan mengklik Direction Points di ujung dua Direction Handles, kemudian drag mereka keluar dan ke dalam untuk membuat kurva yang lebih luas atau sempit.

Langkah 3
Setelah kawan slek selesai membuat path, buatlah lapisan teks yang lebih kecil yang tak terlihat, pilih Brush Tool, menyalin Layer Style dengan warna yang kawan slek inginkan untuk stroke path dan paste ke layer teks kecil yang kawan slek buat. Kemudian, gunakan langkah-langkah yang sama seperti sebelumnya pada stroke path dan memodifikasinya.

   DAAAN… TARAAAAAA! INILAH HASILNYA

     Gak ribet kaaan ? Hahahaha. Selamat mencoba yaws kawan slek semua. Enjoy!