Comment Balloon Box in Photoshop

Feb 24, 2009 Photoshop, Web Graphics

This tutorial has been viewed: 13684 times

+ Add to Todo List

Added By: PSDesignZone

Glossy Balloon Popup Comment Box in Photoshop

Browse more Photo Shop CS Tutorials | Written by Jordash PS Design Zone

Page 1 of 1

Click Here to Discuss This Tutorial and ask Questions

Description

Learn how to create a glossy balloon comment box in Photoshop

Objectives

Bevel effect
Paths and Shapes
Text

We are going to be creating a Popup Balloon Comment box like below:

comment balloon in Photoshop

First create a new document 500 x 500 pixels. Create a new layer and pull out the circular marquee tool and make a selection like below, fill it with black #000000:

first circle in comment balloon box

Next select the pen tool photoshop pen tool and make sure it’s settings are like so.

pensettings in photoshop

Now using the pen tool create a shape like so, once it’s created right click and choose ‘fill path’ fill it with black, #000000, right click and choose delete path.

photo shop cs tutorial

outline of comment balloon in photoshop

Now add the following layer styles to the Layer.

dropshadow in Photoshop

inner glow in Photoshop

bevel effect in Photoshop

gradient effect in Photoshop

You should come out with the following:

Add some text and your set!

comment balloon in Photoshop

Thanks for viewing the tutorial

Written by Jordash

Please let us know what you think! Leave a comment below:

Tags: photoshop, Tutorials

E-mail Comment Del.icio.us Digg Reddit Technorati Furl

This entry was posted on Tuesday, February 24th, 2009 at 6:22 pm and is filed under Photoshop, Web Graphics. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.