Design Recipes

I’ve downloaded the Google Chrome, the web browser by Google. It’s light and fast. Try it today! http://www.google.com/chrome. Besides standard features like Web Search, Web History, Address Bar, Tab page, there’s also a “Incognito Mode” option if you want to browse pages without showing it in your web history. The tabs can be dragged out to create new window or put multiple tabs into one. It’s dynamic! Just arrange the tab as you like.

Integrating AJAX into the website has become one of the latest trend in web technology. Not everyone knows how to write the code. However, there’s a site that help you to ‘include’ AJAX into your website, especially for web designers with a little knowledge of web programming. Check out this site: http://miniajax.com/.

There are several simple and nice looking AJAX code for download. Click on the image and go to respective sites to read more on each AJAX code.

Flash 8 has this issue when working in Windows Vista. It is freaking slow if you zoom in while doing the editing, with an animated marque that took forever to open. So, try the solution below:

1. Find the “flash 8.exe” file
2. Right Click & go to properties
3. Set the compatability to win xp SP2
4. “Disable desktop composition”

This should do the trick! ;)

Starbucks has a remarkable logo. Cheers to Doug Fast - The designer of the latest green Starbucks logo :).

After some research, I came to this site, http://www.deadprogrammer.com/starbucks-logo-mermaid, and found it comprehensive about Starbucks logo. Here’s the brief of the evolution of Starbucks logo:

There’s a chapter about Sirens in the book called A Dictionary of Symbols by J.E. Cirlot. The woman-graphic in the center of Starbucks logo was believed originated from the mythological half-women, typically called Siren (with the half-bird/half-woman and the half-fish/half-woman varieties). The half-fish type normally called Mermaids. Wise mythologists came up with an answer that it is a two-tailed mermaid sometimes called a Melusine.

The original brown cigar band-shaped Starbucks logo had an slightly altered Siren from that book. The belly button and the unattractive shading around the bulging tummy were removed and the tail-legs was merged. The new Siren also smiles a little compared to the 15th century one.

This is the original “cigar band” logo.

New “cigar band” logo with the nipples covered up:

Next, here’s the more familiar stylized green Starbucks logo.

The current logo, with the Siren image cropped, only showing a hint of the tails.

This is the new supporting graphic of Siren image with only one tail. It was used as part of store decoration and product packaging.

Below is one of the latest coffee bags that re-imagines the siren in a modern and attractive way.

Flash designer always need to do a lot of tweening animation or effect, whether using the frame or using actionscripts. Try this: http://laco.wz.cz/tween/. It saves a lot of time! It simplifies the way we write the actionscripts to animate the movie clips.

First you need to download and install the .mxp file from http://laco.wz.cz/tween/?page=download.

#include “lmc_tween.as” for ActionScript 2.0 (runs fine on Flash Player 6) or #include “lmc_tween_as1.as” for ActionScript 1.0. After which, you can use following methods for every MovieClip, fast and easy to use:

MovieClip.tween()
MovieClip.stopTween()
MovieClip.isTweening()
MovieClip.getTweens()
MovieClip.lockTween()
MovieClip.unlockTween()
MovieClip.isTweenLocked()
MovieClip.alphaTo()
MovieClip.brightnessTo()
MovieClip.brightOffsetTo()
MovieClip.colorTo()
MovieClip.colorTransformTo()
MovieClip.contrastTo()
MovieClip.frameTo()
MovieClip.scaleTo()
MovieClip.slideTo()
MovieClip.rotateTo()

Go back to the site, http://laco.wz.cz/tween/, to read the online documentation for further explanation on how to use the functions. There are examples, http://laco.wz.cz/tween/?page=examples, too to show you how to write the code.

Need inspiration for new design, animation, digital art, CG, advertising idea, flash design, etc.? Wanted to know about some outstanding designers in another corner of the world? NewWebPick provides E-Magazine specially for designers.

To start downloading the magazines, first you need to sign up as member (Yeah, it’s free!). Then go to http://ezine.newwebpick.com/, login and choose the series that you like.

Well of course not everything is free, they provide free or lite version here: http://www.newwebpick.com/_issue/. If you like their magazine and want to download the complete version then you’ll have to pay. It’s well worth anyway I think. Oh! The complete 16th issue is given out for free! More pages, more pictures, more designs!

It’s been a few years back since the first time I came through this site: Orisinal, http://www.ferryhalim.com/orisinal/. This site contains a lot of flash games done by Ferry Halim. The games were creatively done with nice and cute graphics, and not forgetting the actionscript and database running behind that drive the games.

I just want to share and highlight the flash games done by Ferry Halim here, not to encourage playing games during office hour, alright? :p Let’s get back to work.

“Lorem Ipsum” is simply the most popular dummy text used in design industry. Instead of waiting for the content prepared by client, which may take “centuries”, insert this dummy text to preview the design. Where to get this? Go to http://www.lipsum.com and generate as many paragraph of dummy text as you like. Yes, it’s free and just copy and paste.

How complex can an illustration be? You must check this out: the site of evgeny kiselev, a digital artist. You’ll learn what we call Amazing!

Here’s a quick tips for designers who use Adobe Illustrator.

Before we send our art work for the printer to print it out, we’ll need to outline all of the text objects, to avoid they see it and print it differently. To quickly select all of the text objects in the art work, just go to Select > Object > Text Objects. Then right click on the selection, choose Create Outlines. One thing to remember, unlock all of the layers and objects before doing this. :)