Webcomic Photoshop speech bubbles

Mirai Gen · 01-21-2007, 05:25 AM

I'm currently working on a project that I'll reveal in time - that is unless Sky Warrior Bob is going to spoil it for me anyway - and I've been working on a few pilot episodes. Using Photoshop 6, acquired legitimately and with completely legally earned funds, I'm curious about how to do decent-looking speech bubbles.

We could start with 8bit as an example and work around Penny Arcade or Control Alt Delete. Anything will do, I'm just stumped.

Meister · 01-21-2007, 06:05 AM

I found this is best explained with illustrations.

First, type and format your text.

Then create a new layer below the text layer and select an area in the desired shape.

Using the polygonal lasso, modify the shape to give the bubble a pointer. Then fill in with white (for your basic, everyday bubble).

Give the bubble a nice stroke. Then go to Layer > Layer Style > Stroke and give it a graphical stroke.

As you can see, the text isn't centered here, but you can easily move the text layer around to do that. This way you don't have to worry about aligning the bubble when you select it.

Mirai Gen · 01-21-2007, 03:50 PM

Gah, Stroke. How silly of me. I kept on trying to do drop shadow.

Thanks.

Meister · 01-22-2007, 11:07 AM

I wonder how a consequently applied drop shadow on speech bubbles would look like in a comic.

The Layer Style options are great for speech bubbles. For example, you can use Inner Shadow to give them soft inner contours like in Lich's bubbles. Just set the distance to 0.

Kurosen · 01-22-2007, 12:01 PM

Technically Lich and Vilbert use Inner Glow. But I'm sure it works with Glow or Shadow.

Arlia Janet · 01-22-2007, 06:13 PM

I suggest you use the stroke function instead of the stroke blending option. The blending option tends to be a lot less smooth. You can also use the pen tool with the "fill" setting on to make connecting lines between bubbles.

Mirai Gen · 01-24-2007, 02:32 PM

Yeah, I read Arlia's post just after I tried the Stroke Blend. Didn't like how it came out. I'll try the Stroke Function instead.

01-21-2007, 05:25 AM	#1
Mirai Gen We are Geth. Join Date: Nov 2003 Posts: 14,032	Webcomic Photoshop speech bubbles I'm currently working on a project that I'll reveal in time - that is unless Sky Warrior Bob is going to spoil it for me anyway - and I've been working on a few pilot episodes. Using Photoshop 6, acquired legitimately and with completely legally earned funds, I'm curious about how to do decent-looking speech bubbles. We could start with 8bit as an example and work around Penny Arcade or Control Alt Delete. Anything will do, I'm just stumped. __________________

01-21-2007, 03:50 PM	#3
Mirai Gen We are Geth. Join Date: Nov 2003 Posts: 14,032	Gah, Stroke. How silly of me. I kept on trying to do drop shadow. Thanks. __________________

01-22-2007, 06:13 PM	#6
Arlia Janet Worrying Myself Gray Join Date: May 2004 Location: Valley of Sunflowers Posts: 1,102	I suggest you use the stroke function instead of the stroke blending option. The blending option tends to be a lot less smooth. You can also use the pen tool with the "fill" setting on to make connecting lines between bubbles. __________________ Fortuna Saga (Complete) Hymns of the Apostate (Complete) My Guest Comics: In A World... Corneria's Kick Ass Newspaper

01-24-2007, 02:32 PM	#7
Mirai Gen We are Geth. Join Date: Nov 2003 Posts: 14,032	Yeah, I read Arlia's post just after I tried the Stroke Blend. Didn't like how it came out. I'll try the Stroke Function instead. __________________

01-21-2007, 06:05 AM	#2
Meister Pure joy Join Date: Nov 2003 Location: Germany Posts: 10,689	I found this is best explained with illustrations. First, type and format your text. Then create a new layer below the text layer and select an area in the desired shape. Using the polygonal lasso, modify the shape to give the bubble a pointer. Then fill in with white (for your basic, everyday bubble). Give the bubble a nice stroke. Then go to Layer > Layer Style > Stroke and give it a graphical stroke. As you can see, the text isn't centered here, but you can easily move the text layer around to do that. This way you don't have to worry about aligning the bubble when you select it.

01-22-2007, 11:07 AM	#4
Meister Pure joy Join Date: Nov 2003 Location: Germany Posts: 10,689	I wonder how a consequently applied drop shadow on speech bubbles would look like in a comic. The Layer Style options are great for speech bubbles. For example, you can use Inner Shadow to give them soft inner contours like in Lich's bubbles. Just set the distance to 0.