Weborum Webmaster Forum > Create a Speech Bubble
Help - Search - Members - Calendar
Full Version: Create a Speech Bubble
Weborum Webmaster Forum > TUTORIAL ARCHIVE - tutorials & scripts to save you scouring the internet. Please feel free to add your own. > Graphics tutorials
Josh
In this tutorial you will learn how to make a speech bubble using only Photoshop.

1. Create a new document 300x300 pixels wide with a white background.

2. Choose the Eliptical Marquee Tool by pressing the 'M' key, and draw an oval that looks something like this.
user posted image

3. Fill that oval with black, but make sure that you dont' deselect it.

4. Now choose the Polygonal Lasso Tool.
user posted image
Hold shift and click near the bottom right of the oval. The reason you're holding shift is so it doesn't deselect the first oval you drew. Draw something like a triangle that connects to the bubble. It should now look something like this
user posted image

5. Press Alt+Backspace to fill the whole thing with black. This is what the speech bubble should now look like:
user posted image

Now you're probably wondering why it's black. Well I like to fill things with black because it's easier to see what you've done, and easier to work with.

6. Fill the whole speech bubble with white and go to Layer > Layer Style > Stroke. Use these settings:
user posted image

7. Now we're going to apply some more layer styles.
Bevel and Emboss:
user posted image

Drop shadow:
user posted image

Gradient Overlay:
user posted image

It should now look like this speech bubble:
user posted image
Joe
nice way how to show people how to make speech bubbles josh smile.gif

don't know if you already knew this, but in the custom shapes menu you can create a speech bubble from there
Josh
Yup, i had seen that smile.gif

I liked this way better though.
Daniel8_9_3
that looks pretty good josh biggrin.gif
Josh
thanks smile.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.