Pembuatan Icon Statik

PROSES PEMBUATAN ICON statik dalam website kami menggunakan software CorelDraw 10 (Corel), Adobe Illustrator  10 (AI), dan Photoshop 7 (PS).

Prosesnya:

  1. Gambar icon dengan Corel
  2. Setelah icon jadi, buka AI.
  3. Setting page AI seukuran dengan ukuran situs anda (mis: 800×600 pixel)
  4. Strech icon di corel sebesar wilayah page, karena semakin besar ukurannya, semakin halus hasil copy paste icon ke AI.
  5. Copy icon dari Corel kemudian paste ke AI.
  6. Tips: untuk menghemat memory sebaiknya copy paste semua icon ke AI, kemudian tutup Corel.
  7. Setelah menutup Corel, buka PS.
  8. Atur ukuran icon sesuai keinginan anda (ukuran icon di AI sama dengan PS setelah di copy paste).
  9. Copy paste icon dari AI ke PS.
  10. Kemudian “save for web” icon dari PS menjadi GIF / JPEG (sesuai kebutuhan anda).
  11. Jadi lah icon anda.

Tujuan dari proses diatas adalah mempertahankan kehalusan gambar icon. (dan selain itu menggambar kartun lebih mudah menggunakan Corel … IMHO)

Karena “gambar vektor” (di Corel / AI) dapat di strech tanpa menghilangkan kehalusan gambar.

Lain halnya jika anda menggambar icon di PS kemudian di strech lebih besar / lebih kecil, maka hasil yang didapatkan menjadi Jiggy / Bluring.

Untuk proses membuat icon animasi (seperti yang anda contohkan), anda dapat melakukan proses diatas.

Hanya saja anda harus membuat gerakan setiap frame dalam icon animasi tsb. (capek memang :)) )

Setelah setiap gambar gerakan menjadi GIF, anda dapat menggabungkannya menjadi animasi menggunakan:
Adobe Image Ready atau GIF Animator.

Oh iya … jagan lupa simpan file AI nya ….
Siapa tahu anda ingin menjadikannya animasi Flash (Macromedia Flash).
anda tinggal copy paste dari AI ke Flash.

Contohnya dapat anda lihat di http://www.psb-online.or.id/ (banner iklan Telkomnet instan / speedy),

Itu kami buat dengan proses yang sama (sampai di AI saja), kemudian copy paste ke Flash, lalu kami animasikan menjadi Flash.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: