N.Design Studio

A few people have asked me how did I create the sidebar menu on Web Designer Wall. Some people thought it was done by Javascript. Actually, it is just some basic CSS image replacement tricks. So I decided to write a tutorial on how to design and code an advanced CSS menu. Typically, a CSS menu either goes horizontal or vertical. In this tutorial I will show you how to utilize the CSS position property and place the menu buttons anywhere you want. It is a two-part tutorial (and don’t forget to Digg it):

• Part 1 - Design Watercolor Effect Menu (Photoshop)
• Part 2 - Advanced CSS Menu (CSS)

Want to boost up your productivity? Check out my recent article on Web Designer Wall about Photoshop Shortcuts. It will show you 30 secret Photoshop shortcuts that I’ve learned from my experience. You will be amazed to find out that your mouse scroll wheel is also a powerful shortcut input. If you find this article useful, please support me by digging this article.

I just published a new Flash tutorial at Web Designer Wall on how to design the Mac Style PhotoFlip Gallery as seen on Apple website and some Mac application such as iTune and iPhone. The background image was created in Photoshop using Warp tool and the photoflip animation was done by a Flash component called, photoFlow. Head over to Web Designer Wall if you are interested. Also, don’t forget to enter the free "PhotoFlow Component Giveaways" contest. You could win one of the three photoFlow component giveaways, sponsored by Flashloaded.

Numbers of people have asked me how to do the phoenix illustration on my site. Was it vector? Did I use Illustrator or Photoshop? Well, here I will tell you my design process from concept sketch to final illustration. Hope you will find this useful. Read on…

After a long wait, Adobe has finally released a beta version of Photoshop CS3. There are numbers of changes and new features. CS3 is now available as a Universal Binary for Intel-based Mac computers and Windows computers. Get a beta version of Photoshop CS3 and have fun with the following tips: Read on…

Someone emailed me and asked how to make the golden/tan skin tone as seen in many movie posters and magazine advertisements. Believe it or not, the effect can be achieved by just couple mouse clicks. Here is a quick Photoshop tutorial to show you how to make a tan skin tone effect and apply makeups on the model. Let’s take a look at the image below, the left image is original photo and the right is final image. Read on…