Creating a wave pattern of lines in Illustrator

28.11.12

Filed Under: Tutorial with 1 Comment

Few weeks back, a reader sends me a picture of this stock vectors and asking me whether I can show him how to achieve the result. Well, it’s a illustration depicting a wave of lines that comes in different thickness and shades of blue. I did some tryouts and find that it’s not that hard [...]

Quick tip: Use a CDN to host your favorite scripts

07.08.12

Filed Under: jQuery, Tutorial with 2 Comments

When building website, most probably you will be using Javascript frameworks like jQuery or Mootools to enhance your website. Obviously you will grab a copy of the library from their homepage and link it in your web pages, then upload together to your web space. Well, why not using CDN to host your favorite script? [...]

Create cool animated menu on hover with CSS3 background-size

17.04.12

Filed Under: Tutorial with 1 Comment

With CSS3’s transition property, Web Designers are able to do object transitions, especially for interactive content like navigation menus, without relying on Javascript. In this tutorial, I’m going to show you how you can achieve cool animated menu on hover by using CSS3. For this tutorial, we will be utilising CSS3’s background-size property as well [...]

Creating wireframe text effect with Illustrator

22.03.12

Filed Under: Tutorial with 1 Comment

3D tool in Illustrator has been existed for some time and it is very useful to create simple 3D models and text effects easily. In this tutorial, I will show you how you can utilise the 3D’s wireframe option to create a unique yet eye catchy text effect. Have some flyers to print? Please check [...]

Simple smart sticky navigation bar with jQuery

10.11.11

Filed Under: jQuery, Tutorial with 54 Comments

It’s been a while since I posted tutorial article. In this post, I will show you how to create a smart sticky navigation bar easily with just few lines of Javascript codes, powered by the mighty jQuery. Smart sticky navigation bar is a bar that sits at its original place above the fold, but when [...]

Creating stylish business logo with techie background

28.10.08

Filed Under: Tutorial with 27 Comments

Today we are going to learn how to create a stylish business logo with techie background in Adobe Illustrator. This tutorial was actually a request by a reader early this month, but so sorry that it take so long until now I only manage to write this tutorial and post it up. As mentioned earlier, [...]

Create simple light stripes effect in Photoshop

26.08.08

Filed Under: Tutorial with 47 Comments

Today I’m going to teach you a simple tutorial on creating a simple light stripes effect in Photoshop. The tutorial is simple and I think it’s suitable for Photoshop beginners too. Before getting into the steps, please take a look at the final result below. This light stripes effect looks cool in both dark and [...]

Creating Omspace 3D cylinder graphic in Illustrator

03.06.08

Filed Under: Tutorial with 71 Comments

When entering Omspace, a weblog of Kenny Ren, immediately I was attracted by the huge and interesting 3D graphic header. Then, I wonder how to create the 3D Cylinder looking graphic in Illustrator. Well, actually it’s quite simple to achieve and I have plenty of fun too in the process. To do this tutorial, Adobe [...]

Creating dotted tunnel in Illustrator

29.04.08

Filed Under: Tutorial with 27 Comments

I remember that I first saw the dotted tunnel in one picture posted in Fubiz which sparks my idea on creating this tutorial. The graphic effect is kind of cool so I decided to try replicate the look and found out that it’s simple to do. The main tools used for this tutorial will be [...]

How to take full webpage screenshot?

24.04.08

Filed Under: Tutorial with 11 Comments

There are tonnes of great website designs on the web out there. Sometimes, web users wanted to take screenshot of the website either for future reference or as collection. The easiest method to use is by hitting the Print Screen and Paste it in MS Paint. But what if we want a full page screenshot? [...]