Membuat Ikon Gambar Tangan dengan Cara Manual

Dalam tutorial ini, kita akan membuat ikon dari gambar tangan. Gambar tangan di sini berarti benar-benar gambar tangan secara manual, bukan hasil permainan efek filter. Tekniknya sederhana, menggambar dengan pensil di kertas biasa, proses scanning lalu sedikit editing di Photoshop.

Preview


Ini adalah hasil akhir ikon yang akan kita peroleh.
final.jpg

Detail Tutorial



  • Tingkat Kesulitan: Pemula

  • Software yang Digunakan: Adobe Photoshop

  • Alat yang Digunakan: Kertas putih, Scanner, Pensil HB, dan Pensil 2B

  • Teknik yang Dipelajari: Channel Alpha, Proses Scan

  • Lama Pengerjaan: 20 menit



Tutorial


Langkah 1: Persiapan


Mulai dengan mencari logo twitter untuk referensi. Simpan gambar ke dalam satu file lalu cetak.

tutorial-membuat-ikon-gambar-tangan-pre-1.jpg

Langkah 2: Mulai Menggambar


Siapkan kertas putih kosong, pensil HB, dan pensil 2B. Secara manual, mulailah menggambar ikon. Anda bisa menggambar langsung atau menjiplak referensi yang telah kita siapkan. Jika menjiplak, saya sarankan Anda untuk menggambar di atas kaca. Tidak perlu alat khusus, kaca jendela juga cukup.

Jangan khawatir dengan detail. Tujuan kita memang menghasilkan gambar yang alami dan sangat mengesankan gambar tangan manual. Di bawah, saya juga menulis beberapa teks follow us on yang ternyata tidak digunakan dalam hasil akhir ikon ini.

tutorial-membuat-ikon-gambar-tangan-pre-2.jpg

Langkah 3


Ingat bahwa gambar ini bukan hasil akhir ikon. Kita masih akan mengeditnya di Photoshop. Anda bisa lihat di sini, gambar burung yang saya buat tidak seimbang dengan logo twitter. Namun, ini tidak menjadi masalah karena kita bisa menyesuaikan ukurannya di Photoshop.

Secara umum, gambar ini digambar dengan pensil HB. Untuk memberi kesan gradasi warna, bagian bawah digambar ulang dengan pensil 2B yang memberi hasil lebih gelap.

tutorial-membuat-ikon-gambar-tangan-pre-3.jpg

Langkah 4


Scan gambar dalam resolusi tertinggi. Pastikan untuk selalu melakukan proses scanning di resolusi tertinggi. Dalam proses scanning akan selalu ada penurunan kualitas. Mungkin ada goresan yang hilang, bagian yang kurang gelap, atau ada warna yang hilang. Resolusi tertinggi akan memaksimalkan hasil yang diperoleh. Selain itu, proses editing juga lebih mudah dilakukan di resolusi tinggi. Di bawah adalah hasil scan.

tutorial-membuat-ikon-gambar-tangan-01.jpg
Anda bisa membandingkan tampilan hasil scan dalam tampilan 100% dan 25%. Dalam ukuran 100%, gambar terlihat buruk dan cacat. Namun, dalam tampilan lebih kecil terlihat cukup rapi.

tutorial-membuat-ikon-gambar-tangan-02.jpg

Logo Twitter pada perbesaran 100%.
tutorial-membuat-ikon-gambar-tangan-06.jpg
Gambar burung twitter pada perbesaran 100%.

tutorial-membuat-ikon-gambar-tangan-03.jpg


tutorial-membuat-ikon-gambar-tangan-07.jpg
Tampilan perbesaran 25%.

tutorial-membuat-ikon-gambar-tangan-04.jpg

Langkah 5: Logo Twitter


Langkah selanjutnya adalah memperjelas goresan pensil. Seleksi logo twitter lalu tekan Ctrl + J untuk menduplikasinya ke layer baru. Tekan Ctrl + L untuk menjalankan perintah Levels. Geser panah hitam dan abu ke tengah hingga goresan pensil makin jelas.

tutorial-membuat-ikon-gambar-tangan-05.jpg
tutorial-membuat-ikon-gambar-tangan-06.jpg

Langkah 6


Buat file dengan ukuran 400 x 300 px. Ambil logo twitter hasil scan dan perkecil ukurannya. Seperti bisa Anda lihat di bawah, logo ini terlihat semakin jelas setelah diperkecil. Namun, garis luar logo terlihat kurang jelas.
tutorial-membuat-ikon-gambar-tangan-07

Langkah 7


Kembali lagi ke gambar hasil scan. Seleksi garis terluar logo menggunakan tool lasso.
tutorial-membuat-ikon-gambar-tangan-08.jpg

Langkah 8


Gunakan perintah Levels (Ctrl + L) untuk memperkuat kontras.
tutorial-membuat-ikon-gambar-tangan-09.jpg

Di bawah, Anda bisa melihat perbandingan garis luar logo sebelum dan setelah proses pengeditan.
tutorial-membuat-ikon-gambar-tangan-10.jpg

Langkah 9


Sekali lagi, simpan gambar logo ke atas file berukuran 400 x 300 px. Kali ini, garis luar logo terlihat lebih jelas.
tutorial-membuat-ikon-gambar-tangan-11.jpg

Langkah 10: Burung


Lakukan proses yang sama untuk gambar burung. Seleksi burung, duplikasi ke layer baru, dan perjelas dengan perintah Levels (Ctrl + L).
tutorial-membuat-ikon-gambar-tangan-12.jpg

Langkah 11


Simpan gambar burung ke dalam file 400 x 300 px.
tutorial-membuat-ikon-gambar-tangan-13.jpg

Langkah 12: Menyiapkan Transparansi Ikon


Ikon ini belum selesai. Di titik ini, ikon tidak transparan dan memiliki latar putih. Ada cara mudah untuk menghasilkan transparansi ikon ini, yaitu dengan channel alpha.

Buka panel Channels. Lihat terlebih dahulu channel Red, Green, dan Blue yang tersedia. Cari channel dengan kontras paling tinggi.
tutorial-membuat-ikon-gambar-tangan-14.jpg

Langkah 13


Di antara ketiga channel ini, ternyata channel Blue paling kontras. Gandakan channel Blue dengan menariknya ke atas ikon New Channel. Balikkan warna channel dengan perintah Image > Adjustments > Invert (Ctrl + I). Saat ini, ikon akan berwarna putih sementara latarnya hitam.
tutorial-membuat-ikon-gambar-tangan-15.jpg

Langkah 14


Tahan Ctrl lalu klik channel alpha untuk mengubahnya menjadi seleksi. Sembunyikan layer lain kecuali Background, buat layer baru lalu isi seleksi dengan hitam.
tutorial-membuat-ikon-gambar-tangan-16.jpg

Langkah 15


Sembunyikan semua layer. Anda bisa melihat bahwa saat ini ikon kita sudah transparan.
tutorial-membuat-ikon-gambar-tangan-17.jpg

Langkah 16: Menyimpan Ikon


Klik File > Save Image for Web (Ctrl + Shift + Alt + S). Pilih tipe file PNG-24 dan pastikan transparansi aktif.
tutorial-membuat-ikon-gambar-tangan-18.jpg

Langkah 17


Seperti inilah tampilan ikon ketika disimpan di atas latar bertekstur.
tutorial-membuat-ikon-gambar-tangan-19.jpg

Langkah 18: Mengubah Tipe Goresan


Ikon ini aslinya dibuat dengan pensil. Namun, kita bisa mengubahnya menjadi goresan ballpoint. Buat adjustment layer Solid Color berwarna biru. Tekan Ctrl + Alt + G untuk mengubahnya menjadi Clipping Mask.
tutorial-membuat-ikon-gambar-tangan-20.jpg

Hasil Akhir


Seperti Anda lihat, cara manual tidak akan pernah mati. Saat ini, Anda praktis hampir bisa melakukan semua hal secara digital. Kondisi ini membuat cara manual memiliki kesan yang lebih unik.

final.jpg
thumbnail.jpg

Download Link


Download File PSD