Membuat efek teks lolipop dengan photoshop

Efek teks lolipop

Bingung juga untuk memberi judul yang sesuai dan seo friendly untuk artikel ini, tapi yang pasti kita akan mencoba membuat sebuah efek teks menggunakan photoshop yang mirip seperti permen-permen lolipop. :)

Detail tutorial

  • Tingkat kesulitan : Pemula
  • Software yang digunakan : Adobe Photoshop
  • Materi yang dipelajari : Pembuatan pattern dan layer style
  • Lama pembuatan : 15 Menit

Tutorial

Langkah 1 : Membuat pattern

Pada awal tutorial, kita akan membuat pattern terlebih dahulu untuk nantinya kita masukkan sebagai teks efek.

Buat file baru menggunakan photoshop (file>new) buat dengan ukuran Widht 100 pixels dan Height 100 pixels dengan Resolution 72 dan Background contents Transparent.

Dengan Rectangle tool (u) buat tiga bentuk objek horizontal seperti berikut.

Membuat objek horizontal

Kita akan menjadikannya sebagai pattern, pilih edit > define pattern, pada window yang muncul masukkan nama  pattern dan akhiri dengan menekan tombol OK.

Langkah 2 : Membuat background

Pattern telah selesai kita buat, selanjutnya buat file baru untuk membuat efek teks lolipop dengan ukuran kira-kira 550×450 dengan background contents transparent.

Isikan dengan warna putih dan masukkan layer style seperti berikut ini.

Gradient overlay

Langkah 3 : Menambahkan teks beserta effeknya

Tambahkan teks pada lembar kerja dengan font Script MT Bold dan warna #fdebe9.

Menambah teks

Buat layer baru diatas teks (ctrl + shift + alt + n) lalu pilih paint bucket tool pada toolbox photoshop dan atur menjadi pattern seperti berikut.

Menambah pattern

pilih pattern yang kita buat pada langkah pertama dan klik pada lembar kerja untuk mengisinya

Menambah pattern

Klik kanan pada layer tersebut dan pilih Create clipping mask sehingga efek garis horizontal hanya berefek pada teks. Selanjutnya klik Ctrl + T pada keyboard untuk mentransformnya dan posisikan layer horizontal tersebut seperti berikut.

transform

Langkah 4 : Menambah layer style

Tambahkan layer style pada layer yang diberi efek paint bucket tool seperti berikut ini.

Drop shadow

Stroke

Tambahkan layer style pada teks seperti berikut.

Drop shadow

Bevel and Emboss

Berikut hasil desain teks efek menggunakan photoshop pada tutorial ini.

hasil desain photoshop

Pastikan anda mendownload file psd lolipop pada tombol berikut.

[tweet2download file="lolipop.zip" tweet="Membuat efek teks lolipop dengan photoshop %%post-url%% ." follow="@jakazulham" /]

Saya mengurangi penggunaan gambar pada tutorial photoshop saya belakangan ini, hal ini saya maksudkan agar lebih cepat load pada browser anda dan memperbanyak teks, jika ada yang belum jelas anda bisa menanyakan langsung di kotak komentar dibawah.

Semoga bermanfaat. :)

Like artikel kami jika anda rasa bermanfaat pada sosial media dibawah dan iklan agar saya lebih semangat dalam membuat tutorial dan jangan klik iklan kami jika anda rasa SPAM. Gabung juga di group PSDesain facebook.

Panggil saja saya Jaka, saya sangat suka dengan segala hal yang berbau Photoshop, termasuk darah pengunjung blog ini yang siap dijadikan tumbal untuk berbagi tutorial. Follow Twitter saya,@jakazulham.
  • Leo Ari Wibowo

    Siiipppp……. kaya’ permen asli.

  • http://www.pengunjungblog.com/ syaiful

    hmm, nyummy..keren, mas…saya bingung di langkah bevel and emboss..kok hasil saya gak sebagus ini?

    • http://psdesain.net/ Jaka

      Coba perhatikan shadingnya mas Syaiful. :)

  • http://www.ilhamization.com/ Ilham Hanif

    wahh keren ini! langsung ke tkp!
    ingat jangan di makan soalnya puasa! hehe :D

  • Kunto F

    Mas Jaka gimana sih cara download file PSDnya aku udah klik tombol LIKE tp tombol downloadnya gak keluar-keluar?..

  • sasha

    emang harus donlot itu ?

    • http://psdesain.net/ Jaka

      Apanya yang harus di download mbak Sasha? Di akhir artikel hanya file PSD yang bisa anda download, mungkin anda ingin mencoba melihat hasil yang telah saya buat.?

  • http://kayuagung-cyber.id-fb.com/ Wahyu Fa

    gagallllll saya >.<

    • http://psdesain.net/ Jaka

      Coba perhatikan kembali langkah-langkahnya mas wahyu.
      Silahkan tanyakan pertanyaan yang jelas pada langkah berapa kegagalan terjadi. Karena setiap komentar balasan anda akan mendapat notify di inbox email anda sesuai yang anda input saat berkomentar. :)

  • http://kayuagung-cyber.id-fb.com/ Wahyu Fa

    Langkah 3, hasil saya gak semulus itu, pas paint bucket tool, juga tulisan nya nggak jadi merah putih

    • http://psdesain.net/ Jaka

      Langkah 3, Pertama anda hanya harus menambahkan teks dengan horizontal type tool (T) dengan warna #fdebe9. Lalu buat layer baru (Layer > New > Layer) dan pilih paint bucket tool. Setelah anda memilih paint bucket tool, anda bisa lihat option tool di bawah menu menu seperti pada gambar diatas dan memilih objek yang telah anda buat pada langkah 1.

  • http://www.ptik-unm.blogspot.com ptikunm

    wah keren nih ijin coba om

    • http://psdesain.net/ Jaka

      Silahkan sob :)

  • YudaRenanda

    Gan kx punya saya g mau halus kyk punyanya si agan??

    • http://psdesain.net/ Jaka

      Coba perhatikan layerstylenya lagi mas Yuda

  • Veera Jung

    Ada video tutorialnya? masih rada’ bingung nih :D

    • http://psdesain.net/ Jaka

      Tidak ada mas, saya belum menemukan software yang tepat untuk membuat video tutorial.

      Langkah berapa yang menghambat mbak veera, mungkin saya bisa coba bantu :)