How to create commenting icons for websites and applications.

May 24, 2009 · 11 comments

yellowcommentbubbleicons How to create commenting icons for websites and applications.

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

sample tecprone How to create commenting icons for websites and applications.

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

rectangle draw 300x180 How to create commenting icons for websites and applications.

b. Draw an arrow below rectangle

arrow 300x180 How to create commenting icons for websites and applications.

This will create an image like below

background thumb How to create commenting icons for websites and applications.

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.

example thumb How to create commenting icons for websites and applications.

Source PSD file

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

(courtesy via mysitemyway )

Related posts:

  1. Top 10 wonderful icon sets for designing your web applications Icons are the road signs of the Internet, they let...
  2. 10 goodies for web developers In order for better performance and usability we often use...
  3. How to create Frame Picture Images? Frame images are images that decorate the pictures you have...
  4. How to create 100% Adobe Reader compatible via Image via Wikipedia If you read the title of the...
  5. Useful applications for iPhone The much-anticipated iPhone hits the streets. While developers and users...

Subscribe Now

If you enjoyed this post, you will definitely enjoy our others. Subscribe to the feed to get instantly updated for those awesome posts soon to come.

{ 11 comments… read them below or add one }

1 John13 October 22, 2009 at 6:09 am

This problem is one that has plagued other large industrialized cities for years. ,

Reply

2 Chase Mann January 25, 2010 at 7:51 pm

Photoshop Tutorial to create commenting icons: http://bit.ly/6KdYv4

Reply

3 Photoshop Tutorials January 25, 2010 at 8:08 pm

RT @aimitmedia2010Photoshop Tutorial to create commenting icons: http://bit.ly/6KdYv4

Reply

4 Африкан July 29, 2010 at 5:12 pm

http://bit.ly/99wimn How to create commenting icons for websites and applications. | Tech Prone

Reply

5 Aaliyah August 1, 2010 at 5:21 am

http://bit.ly/99wimn How to create commenting icons for websites and applications. | Tech Prone

Reply

6 Giam August 2, 2010 at 8:50 am

http://bit.ly/bgNAF0 How to create commenting icons for websites and applications. | Tech Prone

Reply

7 Samir August 13, 2010 at 5:03 am

http://bit.ly/bgNAF0 How to create commenting icons for websites and applications. | Tech Prone

Reply

8 Madonna August 13, 2010 at 6:40 pm

http://bit.ly/99wimn How to create commenting icons for websites and applications. | Tech Prone

Reply

9 Bettina August 14, 2010 at 5:20 pm

http://bit.ly/bgNAF0 How to create commenting icons for websites and applications. | Tech Prone

Reply

10 Eddie August 22, 2010 at 7:00 pm

http://bit.ly/99wimn How to create commenting icons for websites and applications. | Tech Prone

Reply

11 Maretes August 23, 2010 at 10:33 am

http://bit.ly/99wimn How to create commenting icons for websites and applications. | Tech Prone

Reply

Leave a Comment

Previous post:

Next post: