• Membuat Website Gratis dan Toko Online Gratis

    Kursus Bogor
  • ebook php Web Design
  • Partner Kami

  • Facebook Kami

  • Follow Twitter Kami

  • Membuat Simply Angry Icon

    Posted on: May 23rd, 2010 by ald0

    ald0
    Just simply cool man who wants to learn and share with everyone.
    Contact:

    Homepage : http://www.selalubisa.net.tc
    Ingin menjadi penulis artikel di ilmuwebsite? Klik >> Daftar

    Membuat Simply Angry Icon web desain grafisWa…..h udah malam neh, tapi belum ngantuk. Maklum anak Dugem :D (keluar malam aja jarang, ye…). Udah deh dari pada bengong nggak nentu (nanti kesambet), mendingan buat tutorial lagi.Gimana kalo sekarang kita buat Icon Angry yang simple aja (biar kalo mau tidur masih sempat).
    Gak usah ngomongin malam lagi, nanti tambah ngantuk.
    Oke kita mulai aja
    1. Buat dokumen baru (Ctrl+N)
    Membuat Simply Angry Icon web desain grafis

    2. Buat layer baru (Ctrl+Shift+N). Klik Elliptical Marque Tool Lalu buat Lingkaran seperti dibawah. Warnai sesuka hati.
    Membuat Simply Angry Icon web desain grafis
    Kaya bendera jepang ya…

    3. Klik Gradient Tool, lalu ubah warnanya.
    Membuat Simply Angry Icon web desain grafis

    4. Ctrl+klik di layer Thumbnail, Lalu drag (klik dan tarik) dari tengah ke pinggir.
    Membuat Simply Angry Icon web desain grafis
    Ctrl+D untuk deselect (menghilangkan seleksi)

    5. Buat Layer baru (Ctrl+Shift+N), Buat seleksi lagi dan warnai dengan warna putih (#FFFFFF) seperti gambar.
    Membuat Simply Angry Icon web desain grafis

    6. Klik Add Layer Mask, lalu klik Gradient Tool. Drag dari kiri atas ke tengah.
    Membuat Simply Angry Icon web desain grafis

    7. Sekarang, kita buat matanya. Buat layer baru, lalu buat seleksi dengan Klik Elliptical Marque Tool dan warnai putih, lalu Ctrl+klik pada Layer Thumbnail. Pilih brush Tool ukuran besar dan soft round, warnai di pinggir kiri bawah dengan warna #a7a7a7. Cukup kenakan sedikit dari brush
    Membuat Simply Angry Icon web desain grafis

    8. Tekan Ctrl+J (untuk menggandakan layer), Ubah sedemikian rupa agar warna gelapnya menjadi di bawah (sebelumnya agak ke kiri) dengan Transform (Ctrl+T)
    9. Kita buat hitam matanya. Buat Layer baru (Ctrl+Shift+N) Buat lingkaran (agak lonjong juga gpp), Lalu warnai dengan warna hitam.
    10. Klik Brush Tool pilih warna putih dan Opacity sekitar 75%, warnai Shape hitam yang dibuat barusan pada bagian kanan atas.
    Membuat Simply Angry Icon web desain grafis

    11. Drag ke mata yang satunya lagi sambil menekan Alt
    12. Kita buat alis matanya. Klik Rectangle Tool atau tekan U, buat persegi panjang yang agak panjang. Lalu Transform (Ctrl+T) sedemikian rupa hingga jadi seperti di gambar.
    Membuat Simply Angry Icon web desain grafis

    13. Buat di mata yang satu lagi…
    Membuat Simply Angry Icon web desain grafis

    14. Gabungkan kedua layer alis (Ctrl+E) dengan posisi layer teratas ter-select)
    15. Klik Filter-Blur-Gaussian Blur
    Membuat Simply Angry Icon web desain grafis

    16. Nah Tinggal mulut, Buat layer baru, klik Pen Tool, lalu buat garis seperti di bawah (biru).
    Membuat Simply Angry Icon web desain grafis

    17. Klik Brush Tool, pilih ukuran 5px, hardness 100% warna Hitam pekat (#000000). Kembali ke Pen Tool, klik kanan Path yang telah dibuat, Stroke Path.
    Membuat Simply Angry Icon web desain grafis

    Kita lihat hasilnya…
    Membuat Simply Angry Icon web desain grafis

    Tinggal kreasiin dikit
    Membuat Simply Angry Icon web desain grafis

    Gimana Mudah dan simple kan? Selamat mencoba
    Terima kasih bagi yang sudah melirik, melihat, maupun memprektekkan tutorial ini
    Bila ada kesalahan mohon dimaafkan. Terima kasih

    photoshop.

    Membuat Simply Angry Icon web desain grafisMahir PHP MySQL Membuat Aplikasi Dinamis Berbasis Web

    Ingin tau lebih jelas, lebih cerdas, tentang cara pembuatan website dinamis atau aplikasi berbasis web? Kami punya solusi yang sangat sangat murah! Lebih ampuh dari hanya sekedar membaca buku, interaktif layaknya kursus PHP biasa

    3 Responses

    1. Heddy says:

      Wah. Bagus mas iconnya. Untuk edit poto tambah lagi dong tip-tipnya. trims

    2. ald0 ald0 says:

      thx,
      ini lgi diusahain, buat tuttorial ternyata capek juga…

    3. mayosi says:

      wah hebat, pak aldo jago design web ya.