Add a Cool Twitter Widget to Your Website

June 18th, 2010

Twitter Widget

The integration of social media with your website is a growing trend.  There are plenty of twitter widget options available on the net but in this post we’ll look at integrating the widget and then adding some cool styling effects.  For the widget on our website we’ve used CSS3 styling elements which are not supported [...]

Read more...

Illustrator CS4 – Create a 3D Web Icon

May 23rd, 2010

3D Web Icon

Icons are all the rage on the web. For almost any link, element, list, etc. that we use on the web we use icons to communicate with our users the purpose of the interaction we’ve made available to them. In this tutorial we’ll create a 3D web icon that can be used for a contact [...]

Read more...

Photoshop – Age Photo Through Channel Selection

May 17th, 2010

Photo Aged Using Channels as Selections

There are many ways to skin a cat in Photoshop. Just as no two design projects are ever the same no one technique is better than the other when it comes to photo editing. The power in Photoshop comes in the education of the designer. The more of the techniques you become familiar with, the [...]

Read more...

We love CSS3, Create an Eye-Catching Form sans Illustrator

May 15th, 2010

CSS3 Form

Did we mention we love CSS3? Why, you ask? I was hoping you would. This new revolution in the web changes our entire workflow. Previously when I wanted to create something pretty on a site I would have to go into a graphic editing software such as Photoshop or Illustrator, draw the image, export it [...]

Read more...

Creating a Glass Button with Reflection Effect in Illustrator

May 9th, 2010

Glass Button

This tutorial will walk you through the steps for creating a simple glass button effect with a chrome border and a reflection. Note that this exercise is a lesson in transparency masks and I’m using Illustrator CS3. Illustator CS4 makes the ‘glassy’ effect on the button much simpler with the ability to add transparency to [...]

Read more...

Design Like the Pro’s Shortcut Tips

September 10th, 2009

Good and Bad Design

There are numerous rules and elements that design pros use that, when omitted, become a dead giveaway of an amateur designer.  It can be difficult for an untrained eye to spot the elements that make a good design but with these basic tips you can fool even the most versed professionals. 1.  Contrast They human [...]

Read more...