ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

How to Create Angled Bubble on an Object

Updated on November 4, 2015

1. Open GIMP and choose 600 by 500 for dimensions.

2. Create a new layer and name it Drop.

3. Grab the Ellipse Select Tool and create an oval selection.

Selection
Selection

4. Go to the Foreground and background colors box and select the hex color which should be of the same color as the background onto which you will place your bubble. In my particular case, I will be using the color 354579 - which will match the color of my talking blueberry character.

5. Fill your selection with the desired color.

Selection filled
Selection filled

6. Go to the Layers, Channels, Paths, Undo dialogue and turn down the Opacity to about 10. We want our bubble to have that transparent look.

Changed opacity
Changed opacity

7. Select Filters > Light and Shadow > Drop Shadow and, in the Script-Fu: Drop Shadow dialogue, choose 4 for Offset X and Y, 15 for Blur radius, under Color, use the same color that you choose for the selection "Drop" and use 100 for Opacity.

Drop shadow effect
Drop shadow effect

8. Now, right click the layer Drop Shadow and select Merge Down. Well, this is just my preference. I like to keep my work areas clean and well organized. And this helps. And yes, you could call me a "neat freak".

Layer merged
Layer merged

9. Create a new layer and name it Right side. select the Paths Tool and place anchors at each end of the oval bubble selection and one approximately midway between the two points on the right side of our bubble selection. Let's call these anchors 1, 2 and 3 for easy reference.

Anchors placed
Anchors placed

10. Drag the lines between anchors 1 & 3 to meet and become flush with the outer top right hand side.

Lines formed
Lines formed

Tip: One thing I like to do when working with the Paths Tool in aligning a path is, zoom into my work afterwards. The closer you zoom in, the more precise you are able to align the path with an object.

Zoom Differences

Click thumbnail to view full-size
100% zoomed200% zoomed400% zoomed
100% zoomed
100% zoomed
200% zoomed
200% zoomed
400% zoomed
400% zoomed

11. Do the same between lines 3 & 2

12. Drag the line between anchors 1 & 2 towards and beyond the left side. This should give our bubble that effect of being viewed from the side - at an angle.

Angled effect
Angled effect

13. Be sure to click Selection from Path in GIMP's Toolbox afterwards. Then, we fill this selection using the same color as before. Take the Opacity down to 10. At this point in time, our bubble should be well defined. If you are satisfied with yours, by all means consider this tutorial finished; overwise, I would like to add one more effect to add a little more realism.

14. Create a new layer and name it Shine. Pick up the Paths Tool and create a selection in the shape of a half an arrow placed where we stretched the line between anchors 1 & 2.

Selection Shine created
Selection Shine created

Information

Whenever you see POWERTIP during my tutorials, this means that I have added multiple tips rolled up into one section of a Hub. Think of it as "two for the price of one".

A.) Right click the layer "Shine" and select Duplicate Layer.

B.) From GIMP's menu, select Image > Transform > Rotate 90 degrees clockwise.

C.) Select the Flip Tool and flip selection.

D.) Move layer Shine copy opposite the layer Shine.

E.) Go back to select Image > Transform > Rotate 90 degrees counter-clockwise.

The last thing you may want to do is: turn off visibility for the Background layer. Be sure to save as PNG image file format. That's all for me, and I'll see you later!

Your Rating

Cast your vote for GIMP - Image Manipulation Program

Your Comment

    0 of 8192 characters used
    Post Comment

    • profile image

      lazybrush 2 years ago

      Good Tutorial for beginners

    • Danielspages2013 profile image
      Author

      Daniel Baker 2 years ago from João Pessoa, Paraíba, Brazil

      Thanks!

    Click to Rate This Article