Web/Graphic Design – Icon Preview, DonCharisma.com

I’ve been working on my revamped commercial website DonCharisma.com. We needed some icons for the animated “buttons” on the homepage:

One for the building websites page, one for the SEO page and one for “contact us” page.

So I came up with these :

DonCharisma.org-Website-Icons-DonCharisma.com

The forth one is in case we want to change the layout of pages and add a link to our about page.

I don’t like to pay for things unless I have to. Serendipitously the documentation for my new theme made me aware of two free icon sets – Genericons (by Automattic the WordPress people) and another set called Entypo.

Here’s the Genericon icons :

DonCharisma.org-Genericons
And here’s the Entypo :

DonCharisma.org-Entypo2

I decided to use the Entypo library as there are more icons (250). It was basically a copy and paste job in Illustrator from the supplied .EPS file. For the SEO graphic, I combined two icons from Entypo plus a “g” logo from elsewhere. For the “contact us” graphic I used what looks like a smartphone, plus a telephone and a mail icon. The “build page” was what looks like a webpage on a tablet computer.

This could have been done in Photoshop, but Illustrator is a slightly better choice for working with vector graphics as the file sizes are smaller and they can be scaled to any size. It’s largely a perfectionist issue, so either or really.

I’ve added Entypo creator Daniel Bruce on Twitter, and sent him a tweet saying “thanks and Entypo is awesome”. He didn’t reply, but he has favourited my tweet, so I reckon he got the message 🙂

Both Genericons and Entypo are highly recommended for download and use for this type of work. The downloads include a font that can be installed on your PC, thus enabling use of either set of icons in for example Microsoft Word or Adobe Photoshop.

Genericons are included (I think) in WordPress.com blogs, have a look at these, they are actually in the html code of this post :

Summary

I created icon graphics for my new commercial website DonCharisma.com very easily using free icon libraries (Genericons and Entypo) and Adobe Illustrator.



16 thoughts on “Web/Graphic Design – Icon Preview, DonCharisma.com

    1. Thanks hun, those had a bit more thought and are combined icons. I’ve since changed the about icon, and I’ve done around 10 in total for all the other pages on the site. The site is starting to really take shape now, looks great, will need some more writing but I’d say it’ probably 70% finished … cheers DOn charisma

  1. Great design Don, I prefer the Entypo, they look better in one or another way.
    I think I need to learn something about programming, so I can do some more fun. Do have an old Illustrator too.

    1. Yes was same conclusion I came to Entypo, plus it’s more icons … not too much to do with programming really, more a lot of copying and pasting and resizing and changing colours, all can be done in illustrator if you have the patience and google the bits you don’t know … I found the image tracing facility in illustrator today, it’s really magic for this kind of thing and I hope to be able to use it for my cartooning when i get a chance 🙂

Leave a Reply for Don Charisma

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.