Membuat Desain Ikon Gelas Kopi di Photoshop
Seed Steam - 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
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, saya membuat dokumen baru di Photoshop dengan ukuran 650 px X 450 px dan memiliki resolusi 72 DPI serta Background transparan.
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.
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.
Jika sudah, klik Ok untuk menutupnya dan pada tahap ini, alas gelas kopinya sudah selesai dibuat.
Berikut gambar hasilnya sejauh ini.
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.
Setelah itu, buka kembali Blending Options untuk menerapkan efek Stroke dan Inner Shadow pada gelas dengan pengaturan sebagai berikut.
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.
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.
Klik Ok untuk mengakhiri dan langkah diatas juga sekaligus menjadi proses akhir pembuatan desain ikon gelas kopi menggunakan Photoshop.
Ada pertanyaan?