Contoh Desain Gambar Icon

Pada kesempatan kali ini akan dijelaskan mengenai langkah mudah pembuatan icon untuk suatu aplikasi. Contoh icon yang saya buat kali adalah icon aplikasi pengenalan huruf. Berikut adalah langkah pembuatannya menggunakan aplikasi GIMP :

1. Buat sebuah proyek baru dengan cara klik File -> New , lalu atur ukuran bidang kerja sesuai kebutuhan. untuk contoh kali ini saya membuat ukuran 300x300 pixel.

2. Kemudian buat sebuah area lingkaran menggunakan Ellipse Select Tool pada toolbox kemudian beri warna menggunakan gradient Blend Tool. Pilih filter yang diinginkan pada kotak pilihan bagian kanan bawah pada contoh kali ini menggunakan filter FG to BG (RGB). Atur warna yang diinginkan pada bagian pemilihan warna foreground dan background di bagian kiri tepat dibawah toolbox. Setelah siap tarik garis pada bidang lingkaran sesuai kebutuhan. Garis berfungsi untuk mengarahkan gradasi warna yang terjadi. Hasilnya adalah sebagai berikut.

3. Buat huruf berukuran besar menggunakan Text Tool. Pada contoh ini dibuat 3 buah huruf yaitu A, B, dan C sebagai makna bahwa icon tersebut merupakan aplikasi pengenalan huruf. Buat desain sesuai dengan keinginan. Berikut properti yang digunakan pada huruf tersebut.

4. Lakukan seperti langkah 3 kemudian atur warna berbeda jika diperlukan. Kemudian ubah posisi menggunakan Move Tool. Pada contoh kali ini akan dibuat seperti menurun dengan maksud agar bidang terlihat terisi secara penuh dan teratur. Berikut hasilnya.

5. Setelah semua selesai simpan file dalam bentuk jpg atau png dengan cara pilih File -> Export As -> lalu pilih format jpg atau png pada menu dropdown bagian kanan bawah. Kemudian klik Export
Berikut hasil gambar setelah disimpan.

Gambar tersebut memiliki makna warna dasar gradasi biru hijau melambangkan kesegaran atau kesejukan agar lebih nyaman ketika dilihat. Pemberian warna cerah pada huruf agar lebih menarik bagi anak-anak. Bentuk lingkaran dipilih untuk memberikan kesan sebuah tombol.

Demikian penjelasan saya mengenai pembuatan desain logo sederhana. TERIMA KASIH  :)

Pembuatan Animasi pada Software STYKZ

 

Stykz merupakan aplikasi pembuatan animasi sederhana berupa objek yang dibentuk dari garis yang dihubungkan. Penggunaan software ini sangat mudah karena kita hanya perlu berimajinasi dan membayangkan animasi seperti apa yang kita inginkan. Prinsip pembuatan animasi pada Stykz adalah seperti membuat flipbook yaitu dibuat setiap frame mewakili satu perubahan yang terjadi sehingga jika setiap frame digabungkan akan menghasilkan gerakan yang menarik dan sesuai keinginan kita.

Beberapa hal yang perlu dilakukan pada saat kita memulai membuat animasi, yaitu :

1. Tentukan objek apa yang ingin kita buat

Langkah awal ini sangat penting karena kita harus memiliki konsep agar kesalahan atau perubahan yang terjadi saat pembuatan tidak terlalu banyak. Objek yang dapat dibuat didalam software ini bermacam-macam, seperti manusia, benda, atau bidang datar yang bisa dibuat dari garis-garis yang kita tarik dan putar. Cara untuk menarik garis baru dengan klik kanan dan tahan pada titik yang kita inginkan. Untuk memutarnya klik kiri dan tahan pada titik biru/merah.

2.  Membuat Animasi

Ketika kita sudah selesai dan yakin dengan objek awal yang kita buat, maka kita bisa memulai untuk membuat gerakan animasi yang kita inginkan dengan cara klik New Frame pada window Frames lalu ubah ukuran atau posisi dari setiap bagian yang ada pada objek kita. Ulangi membuat frame baru jika kita akan membuat gerakan selanjutnya dan begitu seterusnya.

3. Konversi menjadi format .gif

Ketika sudah dirasa cukup dalam membuat gerakan animasi yang kita inginkan maka kita bisa mengkonversi animasi yang kita buat menjadi format .gif dengan cara klik File -> Export Animation -> Export . Akhirnya kita dapat melihat hasil yang kita buat dengan membuka file .gif yang kita simpan tadi.

HASIL AKHIR

MUDAH KANN!!! kita bisa berkreasi dengan bebas meskipun software yang kita gunakan tidak mampu menghasilkan animasi seperti film atau game yang terbaik saat ini, tetapi setidaknya kita mempelajari salah satu teknik desain grafis yaitu dengan frame.

Itulah sedikit panduan yang bisa saya berikan semoga bermanfaat bagi semua yang membutuhkan.

TERIMA KASIH TELAH BERKUNJUNG :)