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.

Visit Picnik

Here are the images I created with Picnik:

Click any of the photos below to see a larger version.

Original Photo	Photo Altered with Picnik

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 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!

* Visit Picnik *

I’ve been conducting research and compiling images for a comprehensive review of a great free online imaging tool. But you’re not going to read about that now, because I woke up with a cold. Instead, I’m going to refer you to some tips for getting something on the page on the days when the content just ain’t happening.

Tip #1
Create a resource list using other people’s work. This post is an example. I found some posts that address finding inspiration for blog articles and voilà! Instant blog post.

Tip #2
Scan this exhaustive (and when you have a cold, exhausting) content resources list from Lorelle on WordPress that will surely have an idea or 10 that will point you in the right direction for content creation.

Tip #3
Check out these 18 types of blog posts from Darryn at ProBlogger. One of these ideas might jar your thinking process a bit so you can come up with something new.

Tip #4
Use Zemanta. If you have a self-hosted WordPress blog and you don’t already use Zemanta, you might want to start. Once it’s installed, simply go to the editing area of one of your old posts you think might be expandable (preferably a long one so Zemanta will have a good idea of the subject) and see which articles Zemanta recommends. One of these might inspire a new idea or give you stories to link to for your very own post like this one: a resources list. Read our Zemanta review for more information about how it works.

Tip #5
Use social networking sites to see what’s hot. You can get a quick idea of the latest buzz by seeing what everyone else is writing about. If you write book reviews on your blog, check out social networking sites devoted exclusively to book lovers.

As always, it’s a good idea to make things look pretty by using images in your posts. Images can also do wonders if you don’t have time to write a lot. You can use Zemanta for this. But if Zemanta doesn’t have what you need, see our free clip art collection, free cartoons or Stock.Xchng review for links to lots of quality free images. (The image in this post is from B S K of Stock.Xchng.)

I hope this resource list helps you stay on top of your content!

If you’re interested in relevant anchor text links for your content, visit R.T. Cunningham’s ConnectContent.

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.

To download Zemanta, click here.

You might also be interested in these other resources on WordPlay:

• Free clip art
• Free photos
• Free cartoons
• Avatar Central, your home for free images, image software and information about avatars

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 Says-It.com Official Seal Generator is equally fun. I played around with this for my movie trivia blog and ended up with an icon I now use on the home page. Here are some of the designs I came up with:

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.

You might also be interested in these other resources:

• Free clip art
• Free photos
• Free cartoons
• Avatar Central, your home for free images, image software and information about avatars
• Guide to online social networking

Welcome to Avatar Central!

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.

Read more about what makes good avatars

Show your style with a Gravatar

What’s a Gravatar? It’s a globally recognized avatar that helps you make a lasting impression when you comment on blogs.

Read about Gravatars and get one (or more) free

Free Clip Art Sourcebook

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!

Go to the Free Clip Art Sourcebook

Image Chef free images generator

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.

Read our Image Chef review or go to Image Chef

Picnik lets you create professional quality clip art!

There’s no software to download and it’s easy to use. Just follow the easy instructions and you’ll be creating your own cool clip art in no time.

Read our Picnik review or go to Picnik

__

Free photos

The Stock.Xchng site is searchable, easy to use and the selection of free photos is great. There are, however, a few very minor restrictions, which are covered in our review.

Read our Stock.Xchng review or go to Stock.Xchng

Free clip art

I’ve scoured the Web to bring you a collection of free clip art sites that don’t make you wade through page after page of affiliate ads and pop-ups to actually get to the art.

View our free clip art collection

___
BeFunky image modification

It’s easy to create stunning images with the free BeFunky online application. All you need is a photo or a clip art image and a few clicks to create one-of-a-kind avatars.

Read our BeFunky review or go to BeFunky

____

GIFWorks image modification

The free GIFWorks online allows you to create free images and have a blast while you do it.

Read our GIFWorks review or go to GIFWorks

______

Says-It.com badges and seals generators

These official-looking badges and seals help you interject a little fun into your blog or avatar.

Read our WordPlay Says-It review or go to Says-It badges or Says-It seal

____
Picasa image organization and modification

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.

Read our Picasa review or download Picasa

Free-Clip-Art.com

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.

Graphics Factory

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.

Need other resources for free images?

If you need more images, visit our full collection of free clip art resources. Also, please see our free photography and free cartoons pages. And if you want to modify our free images or create avatars with them, see our posts about the free BeFunkyand GIFWorks online tools.

Copyright 2008 WordPlayBlog.com

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 BeFunky Web 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.

Go to BeFunky

You might also be interested in these other resources on WordPlay:

• Free clip art
• Free photos
• Free cartoons
• Avatar Central, your home for free images, image software and information about avatars

Copyright 2008 WordPlayBlog.com

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.

_____________

IE: Effects menu /Artist Medium / Cartoon Strip

Firefox: Effects menu / Cartoon Strip_

______

______

__________

IE: Effects menu /Artist Medium / Raster

Firefox: Effects menu / Raster

________

__________________

________________

IE: Effects menu /Color / Colorshift

Firefox: Effects menu / Colorshift

________

__________________

IE: Effects menu /Sharpness / Sharpen/Unsharpen, then Effects menu / Offset / Shadow, then Warp / Sphere

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!

You might also be interested in these other resources on WordPlay:

• Free clip art
• Free photos
• Free cartoons
• Avatar Central, your home for free images, image software and information about avatars

Copyright 2007 WordPlayBlog.com

N E W C A R T O O N S

Past Expiry Cartoons
by Johnny Ancich
Johnny posts at least two new cartoons each week. You can download individual cartoons from his site by clicking the link above, or you can get them in a widget by clicking here.

______________________

Gibbleguts
by Dan Gibson

Dan Gibson creates a new cartoon every weekday. Click the link above to get a widget that will display the cartoons on your blog.