Happy Halloween e-card

Exabytes No Comments »

Exabytes wish Happy Halloween

2007 Happy Halloween, I have created an e-card and send out to all Exabytes’ clients among Halloween day. Elephant, wearing like a witch, how I did that? Just mixing the elephant with the witch’s hat and black robe. The elephant wearing nothing at the first, get the hat and robe, add shadow and transform in warp mode to fit the elephant and touch up.

The background behind, which are the house, clouds and trees, etc, drawing with Illustrator then paste into Photoshop.

Tips! What make the elephant looks ” real ” in the environment? The Shadow. Look at the elephant’s shadow and reflected image, you are advised to do so which can make the things looks match up nicely and feel ” real “.

HeX’s Christmas Wallpaper

Anything 2 Comments »

HeX’s Christmas Wallpaper

800×600 1280×768 1280×800 1280×1024

HeX’s Christmas Wallpaper

800×600 1280×768 1280×800 1280×1024

Belated wishes, Merry Christmas, plus future wishes, Happy New Year to you all!

Here, new developed design, HeX’s Christmas wallpaper. Grey and dark color to be main, spraying the snow by using Illustrator, symbol sprayer tool.

Draw a vector snow by pen tool in illustrator, drag and drop it into Symbols menu ( mean set as a symbol ), use your sprayer tool, spray it. You can even resize the snow in certain part, screening it with Symbol screener tool and so on.

Xtudent - Hip Hop style! Cool!

Exabytes No Comments »

Xtudent by Exabytes

Yo~ yo~ Check it out! Wow! That is…? Xtudent hosting plan, by Exabytes. A new hosting plan exclusively for student. Hip hop style look. Apply ” unsharp mask ” to the male student and the buildings images to create the high contrast feel, 45 degree rotated lines at behind, add in some illustration, get a nice background image from istockphoto, that’s it.

Christmas mood banner

Exabytes No Comments »

Christmas mood banner
A Merry Christmas to all of you! Renew 2 years and get 1 year free? Yes, that is one of the hot promotion from Exabytes now! Exclusively for existing clients!

Banner been created with some falling white snow and shining star, match up with a blue to white tone ” backdrop”, highlight the promo title with a red colored banner! Looks attractive? Looks cold?

HornyD Live CD Logo

Anything No Comments »

HornyD Live CD Logo with pitchfork

HornyD Live CD Logo ( Version-02)

The logo been amended. Pitchfork been added! The fem-devil now looks nasty! An good idea provided by team, which is using the tail as the extension to the Y. Now, the logo still under discussion, will come out a perfect one in coming next month.

The power of Adobe Photoshop

Anything No Comments »

Refill color to an old and yellow photo by using Adobe Photoshop

Look at the before after photo! That is done by using Adobe Photoshop. Before it has been re-colored, the photo was old and yellow in color, looks down and not nice. After edited and touch-up with Adobe Photoshop, it become great!

To ” re-born ” the photo with colored life, some of tools u must learn. Tools for touch up : Adobe Photoshop Clone and Stamp Tool Clone Stamp Tool & Adobe Photoshop Patch Tool Patch Tool.

Ok now, we use Adobe Photoshop Lasso Tool Lasso Tool : Used to select certain part of image. For example, face. After make a selection, Ctrl + J to create a new layer of selected image. After that press Alt + Delete to fill in a skin color into the selection area. Select ” Color ” for its transparency option and adjust a suitable opacity, normally in between 50% and 70%. Apply Layer mask. Use Adobe Photoshop Brush Tool Brush tool or Adobe Photoshop Eraser Tool Eraser tool, make sure you are choosing white color pallet, ” erase ” all non-related part like his hair, suppose to be black in color. Repeat the steps to further color up others parts of the image. Enjoy~

Corporate Identity System

Exabytes No Comments »

Exabytes Corporate Identity System-01
Exabytes Corporate Identity System-02

” Renovation ” for Exabytes’ letterhead and envelope design.

Bee Movie Private Screening by Exabytes

Exabytes No Comments »

My first screening too!

A 2 minutes plus animation done by using Adobe Flash CS3 Professional. LIVE at GSC Queensbay Penang, cinema 1 on Thursday 08 November 2007, 3pm. Thanks to Exabytes’ CEO, Mr Chan, give me a chance to create the animation and LIVE at GSC cinema. What is the purpose for this animation? It can be assume as a introduction movie, played before the Bee Movie start to be showed. Introduce about Exabytes’ products to audiences then indirectly relate it to remind audiences to switch their phones to silent mode.

I will show you the ” making of ” when I have prepared. Enjoy~

HornyD Live CD Logo

Anything No Comments »

HornyD Live CD

HornyD Live CD Logo ( Version-01 )

A sexy gal devil logo, illustrate by using illustrator. A new project by Hex. Purposely designed to be sexy and cute, to attract the hackers to hack or compromise.

Create a simple gif loading animation

Anything 2 Comments »

a simple gif loading animation
Today, my friend ask for a simple .gif animation. Purposely to show ” Loading in progress “. I’m sure that many of you knew, Adobe Photoshop now already have it’s own ” Animation ” panel which located in ” Windows “, Windows > Animation. The animation panel let user to create animated .gif layer by layer. Look at the sample above, which i use 26 frames to create the .gif animation.

Before you start to animate, you have to draw out the symbol first. Let me share with you how i draw by using Adobe Illustrator.

Illustrator part

Step-01-Create a ” Donalt ” shape
Step-01-Create a ” doughnut ” shape
By subtracting with two round shape, big and small in the middle.

Step-02-Draw a Stroke
Step-02-Draw a Stroke
Draw a stroke with weight = 2pt ( This will become the space, it depends how width you want ).

Step-03-Align center the stroke with the shape
Step-03-Align center the stroke with the shape
Please align center ( horizontal & vertical ) the stroke with the shape.

Duplicate by rotating the stroke
Step-04-Rotate and duplicate the stroke
Select the stroke, click on ” Rotate tool “, set angel = 10%, then press copy. Second stroke will be duplicated. Now, use your keyboard, press ctrl+C then ctrl+F then ctrl+D, you will see that, the stroke keep duplicated and rotate in angel = 10%. Continue hitting the “ctrl+C then ctrl+F then ctrl+D” keys, until it reach full circle.

Step-05-Outline Stroke
Step-05-Outline Stroke
Now, select all the paths, go to Object -> Path -> Outline Stroke. All the paths will become objects ( no longer a path - you cannot adjust it’s weight already ). Pathfinder there, select “add to shape area”, which means “well”. Make sure now you only have two objects, one is the paths which already been converted and merge together already and the doughnut shape object.

Step-06-Trim it
Step-06-Trim it
Select both, pathfinder there, press on ” Subtract from shape area ” means trim. You will got the shape like image above. Right click on the object, select ” release compound path “, then select the released objects by following images above. Do select by skiping one and one. After that, delete.

Step-07-Copy to Photoshop, start animate
Step-07-Copy to Photoshop, start animate
Congrats! You have succeed to create the shape. Now, copy the selected part one by one to Photoshop, let’s start to animate it. Look at the images above, copy by selecting two parts, which is opposite each.

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in