How to design shiny interface buttons in Illustrator

go-icon-button

These little buttons take a few seconds to make in Illustrator and give a nice polished, “web 2.0″ feel to a website or interactive environment. Firstly, when creating this shiny effect in Illustrator remember to make the document RGB. Go File > Document Color Mode > RGB. It won’t work otherwise. Many thanks to Simon [...]

How to design a cool web 2.0 button in Illustrator and Photoshop

button-ai

An earlier tutorial on how to make a shiny button in Illustrator using the Opacity Mask feature can be improved upon greatly by adding a sexy brushed steel surrounding ring to your amber jelly button! As previously explained, the shiny “web 2.0″ button look can be made by placing a circle with a linear black-to-white [...]

How to turn a photo into an illustration

sunflower

Remember Adobe Streamline? Adobe stopped upgrading its vector conversion application some time ago. But with the advent of CS2, Illustrator’s old Trace Tool became the new super Live Trace and opened up a new world of possibilities! As soon as you place or paste a photo into Illustrator a button on the Control Palette offers [...]

Graphic design an eye

eye-450

This is one way of reproducing a striking image without having to pay for it! The logical way of doing an image made of dots would be like this: Make sure that your image’s width and height are divisible by 10 pixels (the above is 450 by 300 pixels). Nice round numbers make the following [...]

Choosing colours while designing

kuler

Choosing a group of colours can be a daunting exercise. OK, so there’s some golden rules to follow, like “always choose from the same third of the colour wheel”. Golden rules are made to be broken. Adobe has a colourful website to make this a bit easier. If you sign in you can download the [...]

Designing waves and wavey lines in Illustrator

green-grasses

You can use this tutorial to make weeds or grasses swaying in the wind as above. Or colour them orange, yellow and red and you’ve got flames. They are also a useful decorative feature that seems to be quite common these days. Start with a line… Go Filter > Distort > Zig Zag, or Effect [...]

How to design shiny web 2.0 buttons in Illustrator

shiny

You could do this in almost the same way in Photoshop but I have recently been following the mantra “If you can do it in Illustrator, do it in Illustrator” – to save on disc space if for no other reason. First draw the circle of your button (I’m following the bottom line of blue [...]

Designing eyes in Illustrator

animal-trace

OK, so you’ve probably seen better line drawings but look at the eyes! One of the best ways to do eyes in illustrations is a simple black circle for the pupil and a smaller white one for the light reflection. Keep the smaller white circle in the “northwest” or “northeast” corner of the black circle [...]

Creating cool twirls and spirals with Illustrator

wierd-trees

Here is an amazingly cool Illustrator tutorial about creating twirls from Veerle Pieters a graphic/web designer living in Belgium. Twirls from Veerle, you might say. (Sorry!) The Spiral Tool can be selected by holding your mouse down on the Line Segment Tool. Once you have created a spiral you like, copy (command/control -C) and paste [...]

Download free “How to Market Yourself Online” ebook
Discover the secrets behind building a better web presence

Everything you will need to know about self-marketing on the web, including:

  • Creating websites
  • Setting up WordPress
  • Writing blog posts
  • Getting links
  • Driving traffic to your site
  • Using social media
  • Offering RSS feeds and subscriptions
  • Getting found on Google
download icon
download button