Archive for the ‘ AI Styles ’ Category download button in AI

So posted “5 Advanced Photoshop Techniques for Web Designers” and in the 1st tip they show you how to make some buttons in Photoshop. Upon seeing the final result I thought I could do it in Illustrator.

So minus the arrow, here is the final result:

Awesome button

Yep, all that text is editable and the box will resize for you so here is the download link: Download.


Vector Paisley Pattern Tutorial

Ok, sooo after a long wait I’ve found the art and is prepping it to upload, it turns out I didn’t find the final AI i originally posted. But instead I found the files I used to build it. A big plus for you all!

So in this post ill give you a quick tutorial on how to use the pattern.
Continue reading

Convert To Shape Tutorial and Freebie!

I was reading through a post on Mordy’s site about the Convert To Shape option in the Affect menu.
Basically you can take any shape, even text, and make a new Fill or Stroke in the Appearance Pallet into a solid shape.
A mini 6 step tutorial and download after the jump.
Continue reading

Dodge Style.

Here it is. A nice chrome style. There are actually 6 styles in this download .
Dodge Style

Download after the jump…

Continue reading

Plastic Style Web 2.0 Text

These Styles are perfect for Logos or Headers! As you can see you can use odd shapes. Though if you do, you may need to open the Appearance Pallet and tinker with the top Fill’s Transform Effect to get it to position right.
Plastic Style Text

As you may know by now, the way I design stuff in Illustrator is to be Dynamic, in other words non destructive to the vector paths. Basically this keeps the text editable. For instance, lets say you typed “Plastic” then made it all fancy like above. But your client wants a different font, or have it say something else. In the way I design it, all you have to do is change the font or re-type it.

Lets say you know your client will never change there mind (Pssh, like that ever happends) then you could go with Bittbox’s great tutorial “Glossy Vector Web 2.0 Logo Text in 5 Easy Steps“.

But… you could just down load my file and just type in the word and just choose the font you want.
Be sure to check out the rest of this blog and all my freebies!
As usual they are in Illustrator 10, CS, and CS2:

Plastic Style Boxes V 2.0

This is in reply to the much anticipated original. In the original version (Seen Here) the plastic was rather straight. In this new and revised version I have added the Arc to the reflection. In this AI file you will find all 5 of the new graphic Styles in there refreshed state.

Plastic Styles V2
Be sure to check out the rest of this blog and all my freebies!
Update: Illustrator 10 EPS added, per request.

As usual they are in Illustrator 10, CS, and CS2:

Editable Reflections

While there are many tutorials on the web on how to do a reflection either in Photoshop or Illustrator, there are few (read: maybe none) that show you how to do it and keep your art 100% Editable! In other words, lets say you build this sweet layout for your client, you spent some time on that text on top with the reflection.

“We Love it!” It has a nice Web 2.0 look! great Job. Oh but we want it to say something else”.

This is why I love the Appearance Pallet! In these new styles you’ll be able to grab your text tool and just re type it. You can edit them as you want or need. You can even apply them to any shape or text.

Here you can see how its done. By keeping the fill with a gradient set to “Multiply” you are able to put your object on any color background.
Reflections How

Click more for a a tip and the download.
Continue reading