How to Use Free Illustrator Buttons In Photoshop and On Website

Aug 18th, 2008 | By admin | Category: Illustrator, Tutorials | 337 views | Subscribe

I have the 90 free web 2.0 buttons from Blog Spoon Graphics.  Its a very nice collection of buttons that can be used for almost anything.  They come in an all-in-one Adobe Illustrator file.  Here you’ll discover how to select the button you need, and how to put it in photoshop for editing before adding it to your page.

How to Use Free Illustrator Buttons In Photoshop and On Website

You’ll need Adobe Illustrator to access the web_2_buttons.ai file.  After opening the file you’ll notice that they are all grouped together as one.  Goto Select > All.  That will select each of the 90 buttons.  Now goto Object > Ungroup.  Now you will see that the buttons are now grouped by colors.  Select the color group you like best, then goto Object  > Ungroup once again.

Button Editing

At this point you should have access individual access to the buttons.  More than likely you’ll need to resize the button to fit your needs.  You can use Illustrator to resize the image, or copy and paste the button into Photoshop for resizing. The same applies if you need to add text to the button.

Convert Button Image

If you’d like to publish or share the button, you’ll need to convert its illustrator .ai file type to a .jpg or perhaps a .gif.  Simple copy the button and paste it into Adobe Photoshop.  Here’s more information on converting images.

Put the Button On Your Site

After the conversion, you should be able to upload the image into Adobe Dreamweaver or any other web publishing software.  Alternatively, upload the button onto a free image hosting account, or onto one of your social networking or dating profiles.




Tags: , , , , ,


One comment
Leave a comment »


Comment Updates: Suscribe to Comments now!
  1. [...] A good place to start for the topbar.gif customization is by downloading the buttons that are found here. They can be resized and recolored to fit your [...]

Leave Comment