Wednesday, May 30, 2007

Complicate Orb Icon


This will be the last tutorial of creating Icon from me. This tutorial will teach you doing more complicate button icon or Orb effect Icon using Illustrator. This is quite a long tutorial. So, let's start!

1. Let's draw 3 different size circle. Make sure that they are not filled.
Tips: Using Ctrl+C and Ctrl+F will make it easier.

2. Filled the smallest circle with gradient. Tone Color I'm using is m100 y100 k50 to m100 y100. Make sure the gradient type is RADIAL.
3. Lets make another 4th circle.


4. Let's Draw a curve using pen tool.


5. Position the curve on top the 4th circle. Select both the 4th circle (smallest) and the curve together. Select Pathfinder Window. Click on the DIVIDE. After deviding the 4th circle. BREAK it using Ctrl+Shift +G

6. Select the upper part, gradient it with White to Black (Full). What I mean full BLACK is c100 m100 y100 k100. Please take note on this. It is very important. Make sure the gradient Type is LINEAR. Angle to 270 degrees. Select the dot between the gradient and change the location to 65%.

7. For the bottom part, fill with the same gradient. White to Black Full with the angle 90 degree.

8. Select the upper part. At the transparency window, change the attribute to Screen. Oppacity 80%.

9. Same as the above, the bottom part change the atribute to Multiply. You can also try this with SCREEN. Opacity 10%.

10. Make a elipse and filled it with gradient. White - Black(full) - White. Angle 90 degrees.



11. Change its atribute to SCREEN at transparancy window and opacity to 80%. So, now our button is done 80%.


12. Filled the outer circle with gradient. Color tone is K70 - K10. Angle -30 degree



13. Filled the last circle behind with gradient same toning. Angle it to 120 degrees.
14. Take away their outline. So your button is done. Let's put some icon in it.


15. Draw a star using star tool.

16. Lastly, select the screened shape and bring it to font. Ctrl+Shift+]

Hope you enjoy they tutorial!

Just Follow Law

Just Follow Law.

A Singapore Movie directed by JACK NEO. Don't know any one of you have seen it anot but I found it quite a nice movie to share here. Starring, the famous Phua Chu Kang, Gurmit Singh and Fann Wong.

Story is mainly about Lim Teng Zui (Gurmit Singh) and Tanya Chew (Fann Wong) exchange their soul after a car accident. So, is a man soul in a woman body and a woman soul in a man's body.

I felt that singaporean movie always have a similarity content and culture with our country Malaysia. So the you can feel the conversation meaning and what they have to say about our government is almost the same like what our malaysia rakyat feels about our Malaysia government. Of course Malaysia government is more worst then Singapore's.

Recommend this movie to all Malaysians, and of course someone oversea who like to know more about ASEAN countries.

LAW is just a Guide, sometimes you need to break the LAW when its neccessary.


Tuesday, May 29, 2007

About Search Engine Optimizing


Let’s talk something about SEO (Search Engine Optimizing) this time. Since I join my current company on March this year, SEO have become one of my task. My current company have an e-commerce website on the net on selling software protection dongles and authentication device. So, I’m not only in charge on the design part but also website SEO.

I still remembered the first day I study SEO, I found it quite hard to understand. But that time I was wondering how other website (actually is web pages) got to rank itself high in the search engine. That time I was told by my brother that it have something to do with the Meta Tags on the web pages. Then later I was told by a website developer about something PPC (pay per click) Google.

Finally, from a SEO dummy, now I finally got to understand more how SEO function and what it do. So, for people that still don’t know what SEO is, in a simple way to explain it, SEO is about making your website to rank high in search engine when people type a particular phrase à getting your website expose and generate traffic Finally à make the traffic to potential buyer that will give you profit and income. So, I think SEO have a really close relationship to Internet Marketing, apart of internet advertising.

This is just the general idea of SEO, and there is more detail about SEO on analyzing, reports, tracking, and follow up. Try to register yourself to Google analysis to track your website visitors. Thanks to Google Analysis, now my job is much easier on getting statistic for company website.

Feel free to visit my company website http://www.rockey.com.my or http://www.esoftkey.com

Monday, May 21, 2007

Starcraft 2 Officialy Annouce!

StarCraft. A familiar title for all 90s gamers, even you are not a gamer, you will still heard of it before. Its been almost 10 years, StarCraft (I) had been introduce to the gaming industry and gave a great respond from the gaming community. It is the only game that been officialy used as tournament gaming though out WCG.
10 years after blizzard introducing StarCraft, now in year 2007 StarCraft II finaly show its first face in Blizzard Worldwide International Invitation. Its been so long, StarCraft fans waited..
Have a look on their Cinematic Trailer... http://www.starcraft2.com/

Friday, May 18, 2007

Gloss Button & Icon



Frankly speaking, this tutorial is my way of doing this kind of icon in Illustrator. Someone out there might have a better way of doing it. If you have any suggestion or question, feel free to add a comment or leave a message at the Chat Box.
Let's start from the easy one... Green Button

This is a tutorial that teach you how to make Gloss icon or Button for your websites.
**Basic understanding on Adobe Illustrator is needed.

Hatching Egg Story


1. Create 2 round shape with no filling with the elipse tool. The bigger one is at the back of the smaller one.
Tips: Ctrl + C (copy) then Ctrl + F (paste on same location) will do you a favour by drawing a same circle for you. Simple Alt + Shift and drag it smaller.

Hatching Egg Story
2. Create another elipse and centralize then all with the Align window. The smaller elipse u create now is to make the shining part of the button.


Hatching Egg Story
3. Fill the bigger round shape wif dark color. my example will be c100 y100 k 20.


Hatching Egg Story
4. Fill the inner round share with gradient. my color coding for the light green is c60 y100. toning it to y100 (yellow). Change the gradient TYPE to RADIAL.


Hatching Egg Story

5. Using gradient tool at the tool box, let's reposition the yellow toning to the bottom of the round shape by draging a line. (The starting point will be the center of the yellow toning)



Hatching Egg Story

6. Fill the smaller elipse (the shining part) with LINEAR gradient. Toning color code is pure white to c60 y100. Let's change the angle of the toning to 270 degrees, so that the white will be on top and green will be at the bottom.
If you are using other color such as RED for your button, tone the white to RED. if you are using blue, tone it to blue.


Hatching Egg Story
7. Let's take away all the black outline.

Hatching Egg Story
8. Now the lighting part on the elipse. Select the elipse on top and go to your TRANSPARENCY WINDOW. Let's change the atribute from NORMAL to LIGHTEN. Change the OPACITY to 70%
You may try some other effects later and these effects can do maverlous for you.


Hatching Egg Story
9. The button is done 80%. Let's put in some icon with white outline into the button. Using dark green (c100 y100 k 20) as the main color of your icon. (You can try this with other colors such as White or Yellow)


Hatching Egg Story

10. Select the elipse and bring it to the Front by selecting your elipse, right click on it, and the list will pop out a list as shown like the picture on top.
Arranging your shapes is important when you comes to illustrating in Illustrator. You need to know which shape comes first and which shape is at the back. Arranging shapes is a often used skill in illustrator, so I recommend begginers to memorize the short cut key of it. Ctrl + ], Ctrl+ [, Ctrl + Shift + ] or Ctrl + Shift + [.

Hatching Egg Story
11. Let's do some small changes so that it looks nicer. Shift select the elipse and make it bigger. NOW you are DONE.


Hatching Egg Story
12. With this icon or button, you can also make quite alot of icon for it. Simply changing the color of the Button and you will have a series of your own buttons or icon for your website or designs. Well on the next tutorial, we will go deeper to make cooler buttons. (the blue one).

Hope you enjoy your tutorial!



Thursday, May 17, 2007

Chat Box Column


Let's Talk! Unlimited talk time for everyone who visited my blog. Feel free to add a comment or any question you wan to ask. So, marilah sembang bersama-sama... when working is so boring...
Idea from my old roomate at MMU, Stephen!

Tuesday, May 15, 2007

Drum Slices 2 - Drum Concert


Drum Slices 2, will be held in Genting Arena of Stars. Another drum concert organize by hands percussion.
Date: 8 Jun 2007 (Friday, School Holiday)
Ticket Price: Rm 30 , 40 , 60 and 70

If I've not mistaken, there will be 8 pieces from 5 secondary and primary school 24 Chinese Drum Team.

Previous Drum Slices (1) was successfully held at KLPAC somewhere on 2006. They won 3 Boh Camaronian Awards. For those who missed DRUM SLICE (1), Chong Hwa Independent School KL, or Chung Hwa High School Seremban, sss' concerts, this is where you will see all their great pieces in DRUM SLICES 2.

Ticket Booking can be made online at www.genting.com.my
For more informantion please visit: www.hands.com.my

Monday, May 14, 2007

The Hatching Egg Story

Hi, everyone. Welcome to Hatching Egg Story. This blog will provide some tutorials on Adobe Illustrator and Photoshop to help everyone who like to start out with it. Of course some "hatching egg" stories. Well, lets start up with something nice today.

A song introduce by
KEONG:
原来你也唱过我的歌- by 梁靜茹
A Cantonese song that sang by local famous artist, fish leong. Recommended to everyone that read this blog. Below are the song lyrics.

唱︰梁靜茹
曲 / 詞:藍奕邦
編曲:Ted Lo監製:Eric Kwok

听说过 这边失恋的人
也会点唱分手快乐
旁人话过
这里有个大男孩
欠缺勇气想示爱
唱勇气来当替代
分开两地都不紧要
即使距离也会再变小
从旋律中的感觉再把我们连系了
如乐章的变调 
连过客也变得亲切了
原来你也唱过我的歌
陪同见证年月的经过
感激有你
肯相信我
我们随旋律的高低挽手走过
原来我唱你也在拍和
亲昵犹如我是情人吗
即使从未认真拖手过
却也彷佛爱过
听说过 这边厢的恋人
唱我喜欢都很快乐
宁静夏季
分享多一首亲亲
完全无条件为你
我也觉无穷快乐 
分开两地都不紧要
今天我陪你唱到破晓
如像熟悉的歌曲已把友谊维系了 
唯望好好答谢 
能碰上原是有多奇妙
原来你也唱过我的歌  
陪同见证年月的经过 
感激有你
肯相信我
我们随旋律的高低挽手走过 
原来我唱你也在拍和
亲昵犹如我是情人吗
即使从未认真拖手过
却也不愿离座 
原来你也唱过我的歌 
陪同见证年月的经过
悲喜对错
一起去过  
我们还未共分享的尚有很多
原来再见仍然未生疏
心底埋藏我每段情歌
感激从未认真相识过
却这么宠爱我


Listen here:http://boonage.pjss2.net/2007/05/09/recommended-cantonese-song-by-fish-leong/
Thank to boonage site linking~ we support original~