Featured Post

Tutorial Efek Foto Glitch - VHS di Photoshop

Tutorial Desain Ikon Gelas Kopi di Photoshop

desainspot.com - Tutorial desain kali ini adalah untuk membuat ikon gelas kopi menggunakan Photoshop.

Selain sebagai ikon pendukung untuk elemen grafis desain anda, pengembangan yang bisa anda terapkan pun tidak menutup kemungkinan untuk dijadikan sebagai logo dan sebagainya.

Dalam panduan ini, semua objek dan juga efek yang dihasilkan merupakan kombinasi antara 2 tool yaitu Shape untuk membuat objeknya serta Blending Options untuk efek warna, bingkai dan lain-lain.

Cara membuat desain ikon gelas kopi menggunakan Photoshop

Tutorial desain ikon gelas kopi di Photoshop

Perlu saya sampaikan bahwa ukuran dokumen dan juga objek utama yang akan kita buat nantinya bukanlah ukuran standar pembuatan ikon.

Apalagi, berbeda media, berbeda pula ukuran ikon yang harus dibuat.

Apalagi misalnya jika ikon tersebut ingin dijadikan sebagai logo, tentu ukurannya akan jauh berbeda. Jadi, ukuran dokumen yang saya buat hanya sebagai contoh untuk bahan latihan saja.

Yang penting kan cara membuat desainnya yang diutamakan. Jika setuju, mari langsung praktekkan caranya.

1. Membuat dokumen baru untuk desain

Pada tutorial ini, ukuran dokumen yang saya terapkan adalah 650 px X 450 px dengan resolusi 72 DPI dan Background transparan.

Menentukan ukuran deain ikon gelas kopi di Photoshop

Ketika dokumennya berhasil dibuat, ada baiknya anda memilih menu Image - Mode - CMYK Color.

Hal ini sangat disarankan karena keseluruhan desain gelas kopi yang saya buat menggunakan warna flat dan sangat berguna untuk mengecilkan ukuran gambar ikon yang menjadi hasil akhirnya ketika disimpan.

Setelah itu, silahkan isi warna layer Background dengan warna apa saja. Kalau saya cukup dengan menggunakan warna biru muda saja.

2. Membuat alas gelas kopi dengan Ellipse Tool

Tahap kedua adalah mempersiapkan alas gelas kopinya terlebih dahulu.

Pada gambar pertama diatas, terlihat bahwa desain ikon segelas kopi tersebut memiliki sudut pandang atau tampak dari atas ketika dilihat.

Karena itu, setelah layer background, maka layer selanjutnya adalah alas gelas kopinya sendiri berdasarkan sistem atau manajemen layer di Photoshop.

Untuk tujuan tersebut, saya menggunakan Ellipse Tool dengan langkah dan pengaturan sebagai berikut.

Fitur Ellipse Tool untuk membuat alas gelas kopi di Photoshop

Oh ya, maaf lupa masukin kode warna untuk objek alas gelasnya pada gambar diatas. Silahkan gunakan kode warna faf8f7 untuk objek lingkaran diatas.

Setelah itu, berikan efek Stroke menggunakan Blending Options dimana warna strokenya adalah putih atau ffffff.

Setingan Stroke untuk alas gelas kopi di Photoshop

Jika sudah, klik Ok untuk menutupnya dan pada tahap ini, alas gelas kopinya sudah selesai dibuat. Berikut gambar hasilnya sejauh ini.

Hasil pembuatan alas gelas kopi

3. Membuat ikon gelas kopi dan gagangnya

 Berikutnya adalah membuat desain gelas kopi dan juga gagangnya. Khusus untuk gelasnya sendiri, anda masih akan menggunakan Ellipse Tool dengan ukuran 260 px X 260 px.

Jangan lupa untuk mengganti warna objeknya menjadi coklat dengan menggunakan kode warna a8723d.

Ukuran objek Ellipse Tool untuk membuat desain gelas kopi di Photoshop

Setelah itu, buka kembali Blending Options untuk menerapkan efek Stroke dan Inner Shadow pada gelas dengan pengaturan sebagai berikut.

Efek Blending Options untuk gelas kopi di Photoshop

Untuk warna pada Inner Shadow diatas, terapkan kode 916035.

Kemudian, buat gagang (pegangan) gelasnya menggunakan Rounded Rectangle Tool dengan pengaturan pada Radius: 30 px dan ukurannya yaitu 111 px X 32 px.

Ukuran gagang gelas menggunakan Rounded Rectangle Tool

Ubah warna objek gagang gelas menjadi putih (ffffff) dan rotasi (putar) objeknya agar miring 45°.

Jika sudah, satukan layer gelas kopi dan juga layer gagang gelasnya dengan memilih kedua layer tersebut dan klik kanan lalu klik Convert to Smart Object.

Pada layer yang sudah di-convert tersebut, berikan efek Blending Options dengan memilih Drop Shadow untuk menerapkan efek bayangan dengan warna abu-abu (ecebec). Berikut pengaturan selengkapnya.

Pengaturan akhir bayangan untuk gelas kopi menggunakan Drop Shadow di Photoshop

Klik Ok untuk mengakhiri dan langkah diatas juga sekaligus menjadi proses akhir pembuatan desain ikon gelas kopi menggunakan Photoshop.

Ada pertanyaan?

Comments