Bubble icons are widely used by the designers and developers for pointing any features of the web applications / sites.If you are a tweetdeck user (twitter client) then remember the its icon(a black bird in bubble like this).

How to make the icons like this

All of the above icons are generated via photoshop.The common things in all the icons are the background only.Follow this simple step to generate your own icon

1.Create any background image like this via photoshop.

a. Draw a rectangle

b. Draw an arrow below rectangle

This will create an image like below

2.Draw the shapes and text on the above background via photoshop.You can choose any texts or any shapes and just use in the above background.An example of the source psd file in red share is below.

Source PSD file

Commenting icons psd source (215) Yellow Comment Bubble Icons (23)

(courtesy via mysitemyway )

There are plenty of online image editors out there, but it can be tough to find the right one. If you’re looking for a few filters, a bit of layer support, and a decent range of tools, Pixlr might be the one you want.While it’s not the most full-featured image editor you’ll ever use, Pixlr makes it fairly easy to do some sophisticated (and unsophisticated) things with images online.You’ll be familiar with its tools from using desktop apps like Photoshop and The Gimp, but it’s rare to see so many advances options in a web app.The Flash-based web app has an impressive set of tools, from a text engine that can use nearly any font available on your computer to layers and filters for masking and effects, respectively.Incredibly, there’s even a multilevel undo! You can import images from your machine or via URL, or paint something up yourself, and either way save it to your desktop. It’s fun to play around with, though quickly frustrating if you’re used to more powerful tools.

Some of the Pixlr perks that surprised me: opacity sliders! Layers and transparency! The collection of filters includes halftones, scanlines and pixelation. Common (but useful) features like hue/saturation, resizing, and brightness/contrast are also intact. Next time you find yourself on a computer without Photoshop, you might also find you don’t need it.The application supports layers, filters and most basic editting tools and when you are ready you can save the image to your desktop as a JPG or PNG.