A picture is worth a thousand words. It’s a cliche but it’s also true, which means including images can be a good way to dress up your posts. If you’re like me, though, you hate to look for clip art. I love looking at the images, but I’ve experienced that most free clip art sites are torture to navigate. A clip art hunting session usually involves wading through endless sites that have little art and plenty of ads. This more often than not exhausts me before I even find what I need.

But for you, dear reader, I braved clip art hell to find the best free clip art for your blog. The result is the list below, which contains sites that not only have quality free images but also are easy to navigate (with one exception, noted below). I’ve also included several sites that charge a nominal amount for clip art, in case you can’t find what you need at the free sites.

This free e-book is free to download and contains links to thousands of free contemporary and vintage clip art images, photos, craft templates, paper dolls and many other types of images. All the clip art at each link is completely free!

This resource is close to my heart because it’s WordPlay’s sisterblog. I created it because I had a hard time finding free vintage images and assumed others were too. So I bought my own collection of postcards and photos. If you’re looking for authentic vintage art, you’ll like this collection.

Dover produces high-end clip art, which is available in over 120 books and a few CDs. Fortunately for us, they also offer free samples, which are sent in a link every Wednesday by e-mail. If you’re looking for classy images, Dover is a good place to start. Click here to receive Dover’s weekly samples.

This site doesn’t have a giant inventory, but what they have is good. You do have to provide a link to them in return for using their images though. (Read their clipart usage rights for details.) Their art comes in two formats: .wmf and .gif (.wmf format for printing and .gif for blogs, Web sites, e-mail newsletters, etc.).

This site has an uneven mix of image types and drawing quality, but many of the images are worth using. This wouldn’t be my first choice because there are so many ads and the navigation is clunky, but if you can’t find images elsewhere, give this site a try.

_____________

PAID SOURCES

Although we all like getting things free when we can, sometimes you have to pay to get what you want. The following sources provide quality images, yet aren’t too expensive.

At 6.2 million images and counting, iCLIPART has an amazing collection. Their art is of uniform high quality, which is unusual among clip art sites. For the subscription fee (one year is by far the best deal), you also can access photos, fonts, sounds and Web graphics. This site would be particularly useful for people who want all their images to have the same “vibe,” because although there are some variations, most of the clip art is in the same style.

RetroArt is great for when you want a retro look and nothing else will do. There’s no neo-retro art on this site; all the images were originally created in the 40’s and 50’s. The drawings are priced individually and range from $4.95 to $14.95, and quantity discounts are available.

Clipart.com has over seven million downloadable images (including photos), most of which are of good quality. There are some clunkers, but you can usually find a decent image to illustrate just about any topic. You can download as many images as you want once you’ve paid one of the subscription fees, which start at $14.95 for one week. The site allows you to search for images without paying, so you can find what you’re looking for before you spend any money.

This site is so affordable, it’s almost free. For only $9.95 a month, you get unlimited access to one million clip art images, animations, Web graphics, photos and fonts. They also have a $59.95 plan, which gives you a full year of downloads._

If you want access to an assortment of quality animations, Animation Factory offers them at a reasonable price. For only $59.95 a year, you can download as many of their 400,000 animated elements as you want.

If you aspire to create your own clip art, you’re not limited to just using graphic elements. As you can see in the gallery below, you also can alter photos to achieve a variety of effects. Don’t know how to use Illustrator or Photoshop? Don’t worry; you don’t need to. You can use the free online Web application Picnik and still achieve professional results.

If you’re unfamiliar with Picnik, you might want to read the previous post detailing how it can help you make your own clip art. In this post, I’m only going to cover how to alter photos. Some of the methods that apply to making clip art from scratch are used with photos, too, so I’ll link to the other tutorial from the word Shapes any time it’s applicable.

1. To begin, you’ll need a photo. If you don’t have any in your personal collection, I suggest downloading one from Stock.Xchng. (See WordPlay’s Stock.Xchng review for the very liberal parameters surrounding using photos from their site.) Most of the photos below came from StockXchng, and as you can see, the quality is excellent.

Even if you don’t have a great photo to start with, the good thing about using Picnik for making clip art is that you could even turn a bad photo into something beautiful. Another great Picnik feature is that if you’re a Firefox or Internet Explorer user, you can just right-click any photo you find and have it open in Picnik. (Click here for more information.) If you use Stock.Xchng to get your photos, though, I recommend also saving a copy of the photo to your hard drive with its original name. This will allow you to go back to Stock.Xchng later, enter the photo name into the search bar and find the photographer. You can then leave a comment in the photographer’s Comments box with a link to the photo’s location. Not only is this the right thing to do, but some Stock.Xchng photographers make it mandatory if you use their images. But there’s a benefit to you too. Each time you leave a link in a comment, you get a link back to you from Stock.Xchng.

2. Once you have your photo, either right-click and choose the option to edit it in Picnik go to Picnik.com and click the Get started now! button, and then the Upload Photo button. (If you decide you don’t want to use that photo at any time, click the Home navigation tab and you’ll be given the option to delete that photo and upload another.) The photo will automatically open into the Edit screen. Unless you need to make adjustments to your photo (crop, resize, fix red-eye or other edits), click the Create navigation tab.

3. Once in the Create area, the three tabs you’ll use to create the effects shown below will be Effects, Text and Shapes. I went over Text and Shapes in my previous tutorial, but many of the looks below will also require the use of the Effects menu. Fortunately, Picnik has marked each effect clearly, so it’s easy to choose the one you want. If I’m undecided, I often “audition” each effect on a photo until I see something I like. You can find some surprising and wonderful new looks this way. You also can combine effects by saving each one and layering others on top, and making adjustments to each look by using the features within each effect. If you ever don’t like the look you get from Effects or any other Picnik feature, just click the Undo button at the top right of the page to remove it.

4. Once you get the basics of using Effects, I suggest playing with them to become more familiar. There are myriad ways each can be manipulated, which leaves endless possibilities for being creative once you’ve gotten the hang of it.

There are few bloggers who aren’t interested in monetizing their blogs. After all, you probably spend a lot of time pouring forth your wisdom and a significant piece of yourself onto those digital pages. And if you’re a WordPlay reader, you also might spend at least a little time working with clip art and photos to make your blog look attractive. I know from experience that all those things take a lot of effort.

Personally, my strategy has been to take these steps: build my blog content and image, thoroughly understand search engine optimization, achieve stable Google rankings and then monetize. That’s why you’ve rarely seen ads on this blog. I’ve experimented briefly with various programs, but I’m just now dipping my toe into the waters of real monetization.

One of the methods I’ve identified for WordPlay is RevResponse, which I already use on my editorial consulting Web site. What is RevResponse? It’s a classy, painless way to be paid for generating leads for a variety of quality publications, white papers, etc. And RevResponse actually adds value to your blog by providing free information to your readers. I particularly like that aspect, because WordPlay is all about enhancing content.

RevResponse is unique because it helps you promote their information sources by creating a custom mini-site with graphics that match your blog or Web site. In my case, they created the site to match my business Web site. (Click the image to the right to see a live sample page.) I can link to the mini-site in any way I want, which gives me the flexibility to place links to it where they fit best. RevResponse helps out in this respect by offering a Promotion Wizard that lets you create graphic ads that rotate links to publications relevant to your niche. Or you can create your own text links. You can see an example of links I created if you look in the upper left corner of WordPlay’s sidebar.

Another great thing about the program is the quality of the products; they represent only the cream of the crop. For example, you can get paid to refer people to Website Magazine, which is free for subscribers. As one of their subscribers, I can vouch for its quality. I’ve learned a lot from reading it. There also are many other publications, such as eWeek, a guide to e-commerce technology, and the Vulnerability Management e-book, which helps you understand how to protect your Web properties in the sometimes hostile world of the Internet. (This is a subject close to my heart, since I just discovered there was cross-site scripting, also known as XSS or malicious code, in all four of the free WordPress templates I use for my blogs. I learned to spot the code and remove it, and I highly recommend that you educate yourself so you can do the same.)

The only caveat about working with RevResponse is that your blog or Web site must qualify for the program. To do so, you have to have an audience that would be interested in what they have to offer. To see if you qualify, click on this page and look at the sidebar to determine whether the information categories fit your blog or Web site. If it looks like they might be a good fit for RevResponse, click here to apply.

If you apply and your blog or Web site isn’t appropriate, RevResponse let you know! But that’s a good thing. Even though the time needed to implement the program is fairly minimal, you don’t want to to spend any time at all if it’s not going to produce revenue. And if you are accepted into the program, you’ll be glad they’re a little picky. That means the other affiliates in the network will be quality Web properties like yours, rather than spam blogs or sites.

As you can probably tell by now, I’m a little obsessed with free clip art. In the past I’ve written about other free graphics programs that can help you turn photos into clip art and do other fun things like make multi-purpose labels and Christmas cards, or create your own cartoons. But I think I might have found the most versatile free tool yet in Picnik. Not only can you alter photos with it, but you also can use their extensive selection of free graphics to make professional quality clip art. Here are some examples of clip art images I created in Picnik in just one afternoon:

Click on the images above to see larger versions. Click here to see more samples of clip art made with Picnik. Also, see our 2008 election clip art made with Picnik.

To make images like these and many others, just follow these simple instructions:

1. To make your own free graphics, you need a file like this one, which is just a 200 pixel x 200 pixel square or this one, which is a 200 pixel x 400 pixel rectangle. Both have white backgrounds. (Because of the backgrounds, these files will seem invisible when you click on them. To download, put your mouse in the upper left corner of the resulting blank screen.) Feel free to use either of these or make your own blanks of any size in Photoshop, Fireworks or any other image program. The reason you begin with a blank slate, so to speak, is because Picnik requires that you upload a file to alter. Most people use Picnik to alter photos, but since you’re going to make your own clip art, you’ll need a white background. You also could use a colored background but for the sake of simplicity, let’s stick to white for now.

2. Once you’ve downloaded a blank .jpg onto your hard drive or created your own, go to Picnik.com and click the “Get Started Now” button.

3. Once inside the program, click the “Upload Photo” button and choose the blank file from your hard drive. When your file has been uploaded into Picnik, you will see it (although barely, because it’s a white image on an almost-white background) in an interface that has five tabs across the top. Choose the “Create” tab.

4. Once inside the “Create” tab, the button you will use the most will be “Shapes.” (If you want to add text to your clip art, you’ll also eventually want to use the “Text” button too.) To begin designing your own clip art, choose “Shapes” and then scroll to see all the available images on the left. Keep in mind that all the images in black can be altered to appear in any color, so at this point all you’ll care about is choosing a shape. Click on an image to insert the shape onto your white “canvas” .jpg, then drag the corner with your mouse to make it the size you want. (See the image above.)

5. There are a variety of Picnik features you can use to alter your clip art. They require a little getting used to, but once you’re familiar, you’ll probably love playing with them. Here are some of the main features:

Change colors by moving the white circle that appears on the color spectrum.

“Fade” the color by sliding the Fade bar. This not only mutes the color, it allows it to “float” over other colors and create layers. (See the butterflies and bird clip art above for examples.)

You can insert an image on top of another image (in this case, a flower on top of a circle) and then rotate it. To rotate, hover your mouse over the circle that sticks out at the top of the image. When a circle with two arrows appears, move your mouse to rotate the image in the direction you want it to turn.

To create a mirror image, as I did with the flower above, just add another flower, then click the “Flip” button on the left. You can also flip vertically by clicking the “Flip ” button on the right.

To add text to your image, click the “Text” button at the top of the “Create” screen, then type in the word(s) you want. Then, choose a typeface by clicking on it and size the type by sliding the “Size” bar. You can also fade the text color by sliding the “Fade” bar. If you want your text to appear on two or more rows, you’ll have to go through this process separately for each row.

Once you’re done playing, click the “Save & Share” tab to save, e-mail or post your masterpiece to any number of locations, such as Flickr, MySpace, Facebook or even your own Web site.

If you experiment with the features shown above, you can create some amazing things. And if you need software to edit photos, Picnik can perform that function as well. But that’s a subject for another post!

I recently read about Zemanta’s ability to deliver free graphics and other resources right to your browser and thought, yeah, that might be cool. But then I saw it in action and I truly got excited.

For those who haven’t heard about it, Zemanta is a plugin for Mozilla Firefox 2 and 3 that can be used with WordPress.org, Blogger or Typepad. (This is yet another reason to use the vastly superior Firefox browser. A version of Zemanta also is in the works for Internet Explorer though. You can e-mail Zemanta at info [@] zemanta.com if you’d like to become an IE beta tester.)

What exactly does Zemanta do? Well, it’s hard to condense into a few words. I’ve seen it described as a “content suggestion engine” and a “semantic layer” but I think it’s best to let the folks at Zemanta explain their virtues themselves in this excerpt from their Web site:

* Pleasure: It’s fun to see your words paired with great links and pix
* Content: Pictures, links, articles and tags
* Convenience: No more trolling the web for content for your posts
* Traffic: Links to recent blog posts frequently result in return traffic

Still don’t know what the heck it is? Check out the photos below that show Zemanta in action. I took these screen shots this morning as I prepared a post for my movie trivia blog, Tricky Movie Trivia. I figured, why not go for some shameless self-promotion while I try to enlighten you about this cool new plugin?

So, here we go:

Zemanta places an interface to the right of the window where you enter your blog post. In this interface is a gallery of photos that are either in the public domain or are tagged as “Non-free, could qualify as fair use.” The former option leaves it up to you to check on usage permissions.

The more you write, the more Zemanta tweaks its image offerings to match your copy. In my case, the more I wrote about Bette Davis and All About Eve, the more photos of both I was shown as options.

There were some great photos, but in the end I opted for one that wouldn’t have been my first choice because it was the only one in the public domain. All I had to do to select it was click on it and Zemanta immediately placed it in the upper right corner of my post with the photo source (Wikipedia) underneath it. This feature alone made me fall in love with Zemanta. I use graphics/photos in my posts all the time and I’ve never known how to get the image credits positioned underneath them without creating a table.

There are, however, several minor negative aspects to the photo feature. One is that you can only use one image. If you try to insert a second image, no matter where you place your cursor Zemanta always erases the first photo you inserted and replaces it with the new one. The other downside is that you have no way to control which nine images are offered up.

In the case of All About Eve, I was lucky because that subject lent itself to photography. While writing this post, however, I got an odd assortment of images that kept changing as I wrote. I started with six photos of Bette Davis, screen shots of the Blogger and WordPress login pages, and a very large Internet Explorer icon. By the time I was done, I had one Bette Davis photo, Firefox and IE logos, and screen shots of various Web pages having to do with random subjects in this story. But Zemanta is new and expanding, so I expect to see the selection widen with time. And how can I complain anyway? I was able to find an appropriate photo for my movie review without even opening another browser window. As a bonus, I also found an image for another Bette Davis movie I had already reviewed.

Related articles

Zemanta also presented a list of related articles in its “Articles” section, which is situated underneath the photo “Gallery.” Although I didn’t opt to use one in my All About Eve post, I did choose an article for this post from about Zemanta from techcrunch.com, which you can see at the bottom of the page. Like the photo described above, the article link and its surrounding border and text were inserted with one click.

Links and keywords

Zemanta also presents “Links” and “Tags” suggestions underneath the post. Similar to the related articles links in the “Articles”section, if you click on any of the words Zemanta presents in the “Links” section, the words will automatically be linked to the source from your blog post. For the movie review, the resources were Wikipedia and the Internet Movie Database, but I understand from the Zemanta FAQ that these resources will be greatly expanded in the future, along with the photo sources.

In the “Tags” section, keywords were suggested. I found this helpful, as I hadn’t considered some of those that were listed. Although you obviously can’t see the impact Zemanta had on my blog’s keywords in the screen shot of the final post below, and I didn’t use any of their text links, you can see the tidy way in which the source was placed under the photo. In my opinion, it gives the post a professional look. Even better, it was incredibly simple to do.

Additional notes

Zemanta places a small icon at the bottom of any post that has been “Zemified” but you can remove it if you’d like. Personally, I found their plugin to be so helpful, I don’t mind giving them credit.

To read their FAQ, which explains more about where Zemanta gets its resources and how it plans to expand the service in the future,click here.

Clearly the bandito who uttered that immortal line from Blazing Saddles didn’t have a blog. If he did, he’d be thrilled to have access to these free graphics, which include some pretty cool official-looking badges and seals.

I’m a real advocate of lightening up when it comes to blogging, which is neither rocket science nor the cure for cancer (unless, of course, you actually blog about rocket science or cancer cures). But even if your subject matter is serious, it’s often still appropriate to have a little fun with your content.

The following free Web graphics applications can help you interject a little of that fun into your blog. They allow you to choose your own text and colors to create badges and seals that can be used as icons, to illustrate a blog post or even as part of your blog design.

The Says-It.com Official Badge Generator offers three badge styles: fire, police and sheriff. You can use any colors you can think of, because they have an intuitive HTML hex-code color selector for each component of the badge.

If the term “HTML hex-code color selector” intimidates you, don’t worry. As you can see from the image to the right, their color selector only requires that you drag icons to the color you want. For me, playing with the colors was part of the fun; there’s just something humorous about a purple and teal sheriff’s badge.

I played with this tool for hours because it’s like a coloring book for grown-ups. Except when I was done playing, I had a collection of cool usable Web graphics.

The Official Seal Generator uses the same interface and tools as the Official Badge Generator, so once you’ve used one, you’ll know how to use the other. They’re oh-so-easy to use, so as a newly appointed member of the Web Police (and I have the badge to prove it), I command you to go and have fun with these free Web graphics tools!

Update (5-21-08): New designs have been added, so there are now five badge and seven seal designs.

A lot of people come to WordPlay looking for resources to create avatars, so I thought it would be helpful to aggregate all our tips and tools for making free avatars all in one place. This post contains everything you need to make an icon that’s uniquely yours: tips for creating a compelling avatar, sources for free clip art and free photos, and free image modification applications.

AVATAR RESOURCES_

Gain readers with your blog’s avatar

The WordPlay icon Hall of Fame gives examples of good avatars, as well as explanations of why each attracted me to click on it. Sometimes the best icon isn’t fancy; it’s one that conveys in one glance the image you want to project.

This free PDF e-book contains links to literally thousands of free contemporary and vintage images you can use for avatars. It’s produced by our sister site, VintageHolidayCrafts.com, so we can vouch for the quality of the images!

Image Chefâ€™s slogan is â€œjust add words and serveâ€ and they arenâ€™t kidding. If you can point a mouse and type a word or two, you can create amazing custom-looking graphics, perfect for blog posts or avatars.

Now that you’re collecting all these cool images, the free Picasa software will let you organize them. It also lets you take them to the next level with their image modification tools, which are different than those offered by BeFunky or GIFWorks.

This site doesnâ€™t have a huge inventory, but what they have is good. You do, however, have to provide a link to them in return for using their free clip art. (Read their clip art usage rights for details.) They provide art in two formats: .wmf and .gif. Use the .wmf format for printing and use the .gif image for blogs, Web sites, e-mail newsletters, etc.

This site is so affordable, itâ€™s almost free. You get unlimited access to one million clip art images, animations, Web graphics, fonts and photos for only $9.95 per month. (No ongoing contract required.) They also have a $59.95 plan, which gives you a full year of downloads.

Although content really is king, it doesn’t hurt to have your blog look good too. In fact, it can make all the difference in the world when it comes to making readers feel at home.

But if you came to blogging through the wordsmith door and you’re not a designer, you might need a little help when it comes to creating images. WordPlay already offers resources for free photos, free clip art and cartoons, but if you’d really like your blog to stand out, the free BeFunkyWeb application can help you create free images that are uniquely yours — even if you have no graphics experience at all. You can use these free images in your blog header, in posts and, in some cases for your avatar (depending on the resolution in the image).

The Uvatar maker

BeFunky allows you to create strange and wonderful graphics. They feature two types of image modification applications: a Uvatar maker and a Cartoonizer. An example of a BeFunky uvatar is shown above. As you can see, the application allowed me to capture the moment when Woody Allen joined me at my palace while I was relaxing in my Catwoman outfit. I also made uvatars that chronicled my visits with other celebrities and a furry animal friend, which you can see at the bottom of this post.

The Cartoonizer

As fun as the Uvatar app is to play with, the Cartoonizer would probably have even greater use if you’re trying to create images for your blog. All you need is a good image to start with and the Cartoonizer does the rest.

Just upload your photo or clip art and click the SKETCH button. This creates a black and white sketch of your photo. You can adjust the settings on this feature, based on the image you’ve uploaded. Once the sketch is created, click the COLOR button, which takes the colors from your original photo and inserts them behind your sketch.

To the left you can see an original photo of some kind of wild space happening and how it turned out after being run through the Cartoonizer. I also used the same process with a piece of clip art (below) to see how that would work. I suspect this had good results because I used clip art that was originally from a painting and had a lot of detail. But you never know how an image will turn out, so it’s worth a try, even if you only have low-resolution clip art.

The original image (left) was used to create a cartoon image, and then had one of many BeFunky borders added.____

As you can see in the sample above with the red curtain, the Cartoonizer allows you to add a border to your image. Many of their borders are geared toward use in e-mail cards, but they can also be used for blog images. The Cartoonizer also gives the ability to warp an image, which can create some pretty strange effects.

So, the next time you want to create an image that’s truly yours, hop on over to BeFunky. You’ll probably have a lot of fun and generate some interesting images at the same time.

My BeFunky Gallery

I tried to convince Snoop Dogg to go roller-blading with me near the canals in Venice, but he told me that tiny wheels scare him. He also was a little leery of the ferret on my head.

____

Here I am with Halle Berry, trying on dresses to wear to the Oscars. We both feel wearing fur isn’t cool, but that doesn’t apply to live animals, so the ferret stays.

____

Hugh Grant has a reputation as a ladies man, so I felt it would be best to supplement the protection provided by the ferret and wear a black shroud on our date at the aquarium.

We’ve already discussed the importance of having acompelling avatar for your blog. Even if you agree it’s a good idea to have an image that represents the true you; it’s easy to put off creating one. You might even be stuck in the mud because you can’t think of an image that would suit you.

Well, this might give you some incentive to move that project to the front burner: There’s a great online application called GIFWorks that allows you to create free graphics you can use as avatars and have a blast while you do it.

GIFWorks is easy to use, even if you have no graphics experience. The only requirement is that you modify a .gif file. (You probably already guessed that from the site name.) It also goes without saying that you have to have permission to use the photo. You can use one of your own, or you can choose one from Stock.Xchng, which offers quality photos for no charge.

There are are a variety of looks that can be obtained through the GIFWorks application. To show you its capabilities, I’ve taken a photo of my nephew and turned it into the following five distinct icons. The GIFWorks features used to create them appear next to each avatar. There are different versions of GIFWorks for Firefox and Internet Explorer (IE), so I’ve included the features paths for each. Click on any of the icons to see the full-size image.

Firefox: All on Effects menu: Sharp/Unsharp, then Shadow, then Sphere_______

______

________________________

______________

IE: E: Effects menu / Offset / 3D Glasses

Firefox: Effects menu / 3D Glasses___________

____________

___________

These examples (plus many more that didn’t make the final cut) took under an hour — and I had a great time playing while I made them. I hope these inspire you to experiment with GIFWorks and create a little fun of your own!