How to Create Angled Bubble on an Object
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.
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.
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.
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.
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".
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.
10. Drag the lines between anchors 1 & 3 to meet and become flush with the outer top right hand side.
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 DifferencesClick thumbnail to view full-size
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.
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.
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!
- Photoshop vs. Gimp
A comparison of Photoshop, the most popular photo editing software, and GIMP, a free but powerful photo editing program.
- GIMP Tutorial-How to Resize Photographs
This tutorial tells you how to download GIMP and how to resize your photographs using GIMP in easy steps and is clearly documented with lots of screen shots that are easy for complete novice to follow
- GIMP Tutorial on Creating Layers
A beginners tutorial on creating layers in GIMP the open source software. Very clear step by step instructions supported by illustrations at each step. Each illustration has the part you need to click on highlighted, so you know exactly where to find
- How to Create a Realistic Window Pane with GIMP
A GIMP tutorial for advanced users. Use this effect to give your windows a touch of reality. Learn 3 things out of this one tutorial: create realistic window, wood and object through glass effect.
- Using GIMP - A Tutorial for GIMP Beginners
I created this tutorial for those seeking to learn how to use the free image manipulation program called GIMP. This tutorial will teach you the basics of using this amazing program.