// Archive list // 2009 February // 15 // category: Tips and Trick

RSS rss button

15/02/09

Making icon for myself

icon making for anthronic.com

From hand drawing to vector image, anthronic icon finally finished.

For a long time, I always wanting to make my own icon for anthronic.com, several way already been tried before, but the result is never satisfying and I most likely always ended up copying and sometime modifying apple's iconic icons instead of my own. Last week I decided that if I want to create an icon I must go back to the most basic feel of icon making that I know best, drawing it by hand. From that point the rest is suprisingly kinda feel easier.

In this article, I will try to describe the process of my own icon -from hand drawing to vector image- to you all, keep reading after the break!

It start with hands and notebook baby!

Came from strong basic-hand-drawing art (I said strong, not good) and wandering around in vector world lately, I always find its awkward to make a conceptual design straight to digital canvas using a mouse. Of course all this time, I made logos and several other thing using pure computer, but for conceptual design, I much prefer using my hand.

And for me the most convenient place for all the drawing is of course my notebook, my good ol line grid that I used for almost everything

Not Moleskin Notebook

This is not moleskin notebook because this one cost 1/3 of moleskin price but with the same paper quality, and yeah I know my font drawing is kinda suck.

What you represent

The next thing I do is to gather all unique trait about anthronic.com that I can found out at that moment, some of them are; Design | outsider | ITB | tips and trick | life and so on

anthronic.com unique traits

start sketching and stop talking

After I know what my concept is, I start making some sketch/drawing base on those traits.

letter A is definitely a must-draw

Logical move. Always start drawing from letter A. A = anthronic = Anto.

some other drawing of icon

Some other drawing that I made. I finally settled with iconic 3D callout sign that can represent most of anthronic unique traits.

Vectoring the sketch

After satisfied with the icon drawing concept, I move on to make the vector version of the same drawing using CorelDraw 13 as my tool of choice. Of course you can use other tool for icon vector creation, it just that I used CorelDraw all my life that I cannot used other vector application as fluently as CorelDraw

I'm going to used perspective feature of CorelDraw heavily for today icon, so the first thing to do is to make 2D version of the icons, view from top side for better 3D making

CorelDraw start vector

I used weld to have the desired curve shape.

using the perspective feature

Perspective feature was used for easier way, you can use the old way (using two fade point) to accomplished the same result.

extrude tool on the move

For volume making, I used extrude tool for easier way.

from extrude to final icons

After extruding, the shape start to make sense, and from there, it take only few step more and hours of fine tuning in every aspect to give a new icon a life.

Final Result

I'm not going to say that this is the best icon in the world, but being my first full blown 3D shape icon, I think I'm kinda nailed it nicely. Of course I still have much to learn about icon design, but I think this icon design is a fresh new idea for me and worth a more deep exploration.

Finish result

Conclusion

So that's it folk, my step of creating icon, began with hand drawing and end in vector image. Hopefully you can grab some basic understanding of what I did, and see you in other tips and trick in anthronic.com

Comment

No comment yet, you could be the first.

Due to spam, Comments will be moderated after article reach 45 days old!

More about this page:

You reading "Making icon for myself" a web journal entry that published on Sunday (12:21:18), 15 February 2009 by Andrianto hapsoro and put in Tips and Trick category.

This article consist of 610 words and you are seing version 1.3 (view change), there are 4850 person(s) reading this article, leaving 0 Comments so far.

Permalink:

If you want to link this article, use this permalink

Last Project Entry

Nucleus Core is my newest attemp to buid a generic, easy to use but nice blog theme for NucleusCMS, using only html, css and some plugins framework as a baseline
Mengingat yang namanya maintenance record dari sebuah mobil adalah hal yang mutlak ada, maka saya berinisiatif untuk membuat sendiri buku maintenance record untuk Peugeot saya yang lebih baik dari buku generik yang sudah ada. Ini adalah hasil desainnya
Desainnya sederhana, menggunakan teknik "back minus front" di Coreldraw untuk mendapatkan efek "lama". Gambarnya di render ulang dari sumber di Internet.
Beberapa sample desain yang saya buat untuk Tribute Distro, label milik teman kostan saya, Aulia CP :)

My Voice

  • andrianto berbagi follow me at twitter (link)

at Plurk

    No items available

Archives/

Search by time

You can search my entire archive using time related parameter.

<   June 2013   >
MonTueWedThuFriSatSun
     12
3456789
10111213141516
17181920212223
24252627282930

Search by context

If you try to be more specific, use the search form or category list.

Best Bundled

If you find my articles interesting enough, maybe you would like to see my bundle story.

101 tips and trick
web design made easy
nucleus CMS

Photos

Merayakan acara tahunan ulang tahun, Kakak, Ibu, saya dan Ibunya Iges, di Hanamasa cibubur, acaranya sendiri cukup rame mengingat hanya keluarga kecil yang datang dan pastinya diakhiri oleh rasa kenyang yang berlebihan :D
Acara Resepsi Thia - Eja, PTIK 28 Desember 2008
Buka Puasa M01 2008 di Duck King pelangi yang agak terlalu cepat selesai karena PIC-nya mau belanja lebaran, hihihi
Beberapa waktu lalu saya pernah liburan di garut bersama keluarga, walaupun Garut terdengar suatu daerah yang jauh dari hingar bingar kota besar, Garut ternyata adalah kota yang cukup rapi dan didalamnya terdapat beberapa hotel bintang 3.. great vacation if I may said.
Sedikit kenangan tentang Lebaran 2008, rutinitas yang sama, tapi tetap enak untuk dijalani, halah bahasanya :))
Sebenarnya sebagian besar foto-foto ini sudah ada di Facebook, saya hanya ingin menampilkan sisi lainnya saja, terutama dari sisi teman-teman among tamu dan beberapa lainnya