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

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.

See RevResponse in action

Looking for other opportunities to make money online? Mike Stokes’ magnetic sponsoring might be just what you’ve been looking for. You’ll also find a wealth of information about online marketing for small business at Nick Thacker’s blog that covers social media marketing, small business success, and marketing tips and advice. And if you’re looking for professional search engine optimization software tools and services to improve your search engine rankings, check out Trendmetrix, a quality SEO company.

You might also be interested in these related articles:

• Keyword Analysis 101
• Search Engine Optimization 101

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

Anyone who reads this blog knows I’m a collector of free clip art and free photos. That’s why I fell in love with the Image Chef online free images generator. It gives you the opportunity to turn Image Chef’s large selection of photos into your own personalized clip art, and even create animated video clips with the text of your choice.

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.

The easy-to-use Image Chef interface >>

You can use Image Chef even if you don’t sign up for a free account, but you’ll have to save your images to your hard drive before you leave the site. (They only store images for account members.) But it’s worth signing up for, because members receive other free benefits. For example, you can e-mail your images or easily post them to MySpace, Hi5, Blogger, TypePad widgets and your Friendster profile. You can also use Image Chef photos on mobile phones for image-based chat, personalized wallpapers, video greetings and video ringtones.

Visit Image Chef

My Image Chef gallery
Here are some samples I created for WordPlay:

_______

_______

And here’s an image I created for my cat Joseph who has recently started peeing all over the house:

_______

Visit Image Chef

Thanks to FronTools for bringing Image Chef to my attention.

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

]]> http://wordplayblog.com/image-chef/feed/ 5 http://wordplayblog.com/gravatars/ http://wordplayblog.com/gravatars/#comments Sat, 02 Feb 2008 02:17:57 +0000 carlajc http://wordplayblog.com/?p=216 Ever wonder why avatars or icons show up on some blogs but not on others? If yours doesn’t show up, having a Gravatar can help.

A Gravatar is a free globally recognized avatar, which is an 80×80-pixel icon that travels with you and appears beside your name when you comment on Gravatar-enabled blogs. (Movable Type, WordPress, Blogger and LiveJournal are examples of Gravatar-enabled blog platforms.) Each Gravatar is keyed to an e-mail address, so you can have as many as you want. To make a particular Gravatar image show up when you make a comment on a blog, just enter the e-mail address associated to that image when you make a comment. Gravatars are more flexible than regular avatars, because you can have more than one. If you have multiple blogs, all you need is a different e-mail address for each and you can have as many Gravatars as you need.

And you can even be a little naughty if you want, because there’s an MPAA-style ratings system. This allows you to have an adult version to use on some blogs and Disney-fied versions for others. Webmasters have the ability to control which Gravatars are displayed on their sites, so they can choose whether they want their readers to see the adult avatars. But just in case a Webmaster hasn’t enabled this feature, make sure you remember which e-mail address is attached to each image before you comment, so you don’t end up ruffling feathers in the blogosphere!

Gravatar resources:

Click here to register for a free Gravatar (No registration information is needed, other than an e-mail address.)

Click here to go to the Gravatar blog

Click here for the Gravatar implementor’s guide

Click here for instructions on using gravatars on WordPress.org

Need images for your Gravatars? Be sure to visit our Avatar Central, which includes links to free clip art, photos and image modification applications.

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

Why is it so cool? For starters, after you load the Picasa free software, it goes to work capturing every image on your hard drive. It doesn’t move your images; it simply records where they are and displays them in one scrolling window. So a photo I stored on my computer three years ago in a client’s folder and completely forgot suddenly became visible to me. I discovered image after image I didn’t even know was there. And because Picasa displays the folder name where the image is located, you can go right to it on your hard drive.

Picasa displays all your images in one long, scrolling screen.

Once Picasa has located your photos, it allows you to organize them by deleting or dragging and dropping to another folder. And if you want to get fancy, there are a lot of options.

When you click on an image, Picasa brings up an interface that lets you modify it in a number of ways. In addition to cropping, straightening, fixing red eye and more basic functions, it also has an effects screen that creates just about any look you want by just selecting the corresponding icon. You can modify your image to be black and white or sepia-tone, or you can change the focus, saturation and tint, put in a graded background and a lot more. This is a great feature for people who want to modify images but don’t have more complex and expensive image modification software.

Picasa also has another fun feature that creates custom-looking collages (see the top of this page), a contact sheet or a picture grid of all the images you select. Additionally, it has a multi-exposure feature that layers one image over another. This could come in handy when layering a logo or an image with text in it over a photograph or clip art.

And when you’re done playing with the images, just choose one of the buttons at the bottom of the screen to make a Web album, e-mail or upload an image to Blogger, order prints or export.

If you’re wondering why you can upload to Blogger and not WordPress, that’s because, like Blogger, Picasa is yet another property of the great Google empire. But if you’re angry at Google over AdSense or anything else, don’t let that stop you from trying this amazing free software. You won’t be sorry.

Click here to download Picasa.

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