Speech-bubbles.

Think your comic can improve? Whether it's art or writing, composition or colouring, feel free to ask here! Critique and commentary welcome.

Post Reply
User avatar
ManyWorlds
Cartoon Hero
Posts: 1980
Joined: Wed Jun 30, 2004 4:32 am

Speech-bubbles.

Post by ManyWorlds »

Any advice on making decent-looking speech bubbles in Photoshop? I'm trying to figure out the layers and stuff...

User avatar
K-Dawg
I wanna LIVE
Posts: 4844
Joined: Fri Jan 01, 1999 4:00 pm
Location: Yes, let us check!
Contact:

Post by K-Dawg »

http://www.makeshiftmiracle.com/TutWordB.html

That's where I learnt how to do word bubbles.
Image

Shocking news Angry D. Monkey

User avatar
Black Sparrow
Cartoon Anti-Hero
Posts: 6973
Joined: Fri Jul 22, 2005 9:04 am
Location: Violating your restraining order
Contact:

Post by Black Sparrow »

I'm pretty sure there's a tutorial in the Guide.

I just use the circle marquee tool, stroke it, and add tails with a paintbursh. All one layer.
This is going in my notebook titled "Things I Didn't Know about Surface Dwellers."
ImageImageImageImageImage
ImageImage

User avatar
-Rain-
Regular Poster
Posts: 80
Joined: Sun May 08, 2005 2:13 pm
Contact:

Post by -Rain- »

You can add the tails with the polygonal lasso...

In a new layer, use the circular lasso to make the bubble
http://i4.photobucket.com/albums/y138/t ... rlasso.jpg

(if you want to make a thinking bubble with bumps, just add little circles with the same tool, pressing shift to add to the selected. A (+) sign appears next to the lasso sign).
http://i4.photobucket.com/albums/y138/t ... /bumps.jpg

Then use the polygonal lasso (adding by pressing shift, again) to make the tails.

http://i4.photobucket.com/albums/y138/t ... lassso.jpg

You will have a selected zone with the shape of the bubble. Now you will want to fill it. Edit--> fill---> foreground colour (it will fill the selected area with whatever colour you have selected). Or simply use the paint bucket.

Then, without deselecting, right click on the selection (you will have to choose a lasso first, doesn't matter which) -->stroke...-->(choose width and color here)-->ok.

http://i4.photobucket.com/albums/y138/t ... tclick.jpg

you are done! If you want transparent bubbles, just adjust the opacity of the layer by sliding the bar.

http://i4.photobucket.com/albums/y138/t ... pacity.jpg
Image

User avatar
Keffria
The Wimpy Teaching Assistant (Mod)
The Wimpy Teaching Assistant (Mod)
Posts: 3748
Joined: Tue Jun 17, 2003 12:07 pm
Location: not-France

Post by Keffria »

I find the easiest thing to do is create a layer called "textballoons" or something above all your drawing layers but below your text. Set the blending mode to "stroke": Layer > Layer Style > Blending Options (or just right-click the layer in question in the "Layers" window and hit "Blending Options") and check the "Stroke" box at the bottom of the "Styles" panel on the left. I usually set the size to 1 pixel and the position to "inside".

Oh, and here's the dialogue box, as I tend to be wordy and confusing:

Image

From there, all you have to do is make a circle, square, text balloon, etc., etc., with one of the marquee/lasso tools; hit Edit > Fill and fill it in with the desired colour, and *voila!* Photoshop does the stroke for you.

This way, the edges of your text balloons blend in nicely with the layers beneath them. Plus, as you can see in the screenshot, there are all sorts of other spiffy effects you can use that will ultimately detract from your art by emphasizing the text balloons too much (so don't use them ;)).

(I need to update my comic-making tutorial... I still have the old, inefficient way of making speech bubbles posted on it...)

User avatar
Joel Fagin
nothos adrisor (GTC)
Posts: 6014
Joined: Mon Mar 29, 2004 1:15 am
Location: City of Lights
Contact:

Post by Joel Fagin »

I always say this in these threads...

Make sure you use an inside stroke. It makes the pointy bit nice and sharp.

- Joel Fagin
Image

User avatar
LibertyCabbage
Cartoon Hero
Posts: 4667
Joined: Tue Jan 25, 2005 4:08 pm
Location: bat country
Contact:

Post by LibertyCabbage »

I posted this in another thread recently so here it is again:



Here's a simple guide on doing speech bubbles in photoshop:

1) Use the Marquee tool to make the bubble. Use rectanglular marquee for a rectangle or elliptical for an oval. If you want a weird shape, make the bubble with the Lasso tool.

2) Draw the bubble around the text.

3) Under the Marquee tool is the Lasso tool. If you want to have a curved tail, pick Lasso. If you want to have a straight tail, choose Polygonal Lasso.

4) Hold shift and make the tail of the bubble which is a general triangle shape. When you complete the triangle the curser should turn into a circle. Click then and the bubble and tail will become one object.

5) If there's anything inside the bubble besides the text, use the Paint tool and set its color to white (the color box below the toolbar) and fill in the bubble until it's all white.

6) Go to Select -> Modify -> Border

7) Set the width of the border around the bubble. I use 2.

Select the color you want the border to be (usually black but it can be anything) and use the paint tool to click on the thin border around the speech bubble. if you do it right the border will be the color you chose

9) click the marquee tool again and click anywhere on the picture to deselect your bubble.

10) It's done!
ImageImage
"Seems like the only comics that would be good to this person are super action crazy lines, mega poses!"

User avatar
Blackaby
Regale her
Posts: 3441
Joined: Wed May 25, 2005 3:34 pm
Location: Sitting on the pudge.
Contact:

Post by Blackaby »

Isn't there a special program that you can download for free that makes bubbles happen? :|
LOOK AT BLACKABY HE IS FILLED WITH TEH SCREAMY OMG
Image
guest artists get free puppies
Image

User avatar
ManyWorlds
Cartoon Hero
Posts: 1980
Joined: Wed Jun 30, 2004 4:32 am

Post by ManyWorlds »

Thanks to everyone who replied.
This forum helps purge the n0bishness, a little bit at a time.

User avatar
MadTarnsman
Newbie
Posts: 21
Joined: Thu Sep 01, 2005 5:18 pm
Location: St. Charles, MO

Here Ya Go....

Post by MadTarnsman »

This works with PhotoShop or the Paint utility that's on all computers. I'm very old school but this works for me.


http://www.balloontales.com/tips/lettering/balloon/


The important thing I learned is to use 'comic sans' font and set white bucket fill as a transparency. I'm a total dolt and I figured it out in a couple hours just dickin' around.
Life comes at ya pretty fast....double tap to the head if it does that!!

User avatar
CapitanG
Regular Poster
Posts: 410
Joined: Mon Dec 15, 2003 5:32 pm
Location: My mountain hideout
Contact:

Post by CapitanG »

I know how much this topic has already been discussed, but I use an ever-so-slightly different method from everyone here. Unless of course I missed something while I was reading, which wouldn't be a surprise.

Anyhow...

-Image first, then text. Merge all of the text to one layer and put it on top.

-Under the text but above the image, start using the ellipse tool to make circles around the text. Or boxes. Use several if you need.

-Once you have all of the text circled, use the pen tool to make the tails.

-Merge all of the circles/tails onto one layer, still below the text. Add the stroke and (optional) drop shadow via layer settings.

-At this point, you can do any amount of further tweaking with the eraser/pen/brush/etc.
Gnomes! --Still being updated!
Talent Optional -- Surreality TV--Both on Hiatus

Post Reply