Subscribe:

Enter your email address:

Delivered by FeedBurner


Creating a speech bubble shaped path in photoshop


This tutorial will teach you how to create a speech bubble which is resizable without getting jagged edges. 
In this step we will create a path with the shape of a speech bubble, we will use the Ellipse tool and the Pen tool.
Start out by selecting the Ellipse tool in the tools menu. Now the options bar for the Ellipse tool should be visible above your work area.
The important settings here is to select paths mode, you can see my settings below.
Photoshop Pen tool options
Now you should draw an Ellipse that looks something like the one I have drawn bellow.
Adjust the size of the Ellipse to match the content you want to have inside the speech bubble.
Elipse shape of speech bubble
Now it's time to add the part of the speech bubble that indicates the origin of the speech.
For this task we will use the
Pen tool, select the Pen tool in the tools menu and in the options bar set the mode to paths mode and set it to Add to path area

Below are my settings for your comfort.
Photoshop Pen tool settings
Draw a triangle like I have done in the image below and make sure to connect the third dot with the first by clicking in it.
Speech bubble shaped path
Time to style our speech bubble
Now we need to fill the path with a white or whitish color.
First create a new layer, then go to the tools menu and select the
Path selection tool.
Click the ellipse path, hold down shift while clicking in the triangle path, now you have selected both paths. Right click anywhere in the work are and select
Fill path in the menu.

The
Fill path dialog in the image below will appear, in the drop down select color and the Color picker will appear, select the color you want.
Photoshop Fill Path dialog
Now we can start applying layer effects to style the speech bubble.
Right click the layer you just created and select
Blending options, now apply all the settings that I have used in the images bellow.
Photoshop drop shadow dialog
Photoshop Bevel and emboss dialog
Photoshop gradient overlay dialog
Photoshop stroke dialog
Were finished with the speech bubble tutorial
Below is my final result, remember since we have used paths you can resize the path without getting jagged speech bubbles.
Speech bubble

0 Comments::