Bubble Card

This tutorial was inspired by my friend Suzan's creativity! 

I claim the copyright to this written tutorial.  You are free to do whatever you please with the graphic you make, but please do not take my tutorial.  Do not send the tutorial through email.  Only share my link.

The purpose of this tutorial is to learn how to make bubble card.  It is written for beginner to immediate level.  Please feel free to email me if you have any questions.

To do this tutorial you will also need Paint Shop Pro.  I used Paint Shop Pro 8.01, but you can use Paint Shop Pro 7 .  You may download a free trial at Jasc.

Remember to save as a psp file often!

Before we begin, you might want to study the PSP tool bars.  I have labeled the tools on another page.  Click on the link and it will open a new page.  You may want to keep this page open while you work on the tutorial, to refer to the names now and then.  PSP Tools

You will also need 

  • Picture of your choice 
  • Download this mask, and save into your mask folder.  The mask came with PSP 8.
  • (Optional) the Art Texture plugin from Ulead.  Download that here.
Now let's begin!

1.  Open the image that you wish to use.  Press Shift + D to duplicate the image.  Close the original.  Minimize the duplicate for later use.

2.  Click New File in the top menu bar.  Enter these settings:  width=500, Height=400, Resolution=72.000 pixels/inch, Backround color=transparent, image type=16.7 Million Colors (24 Bits).  Click Ok.  This is a large area, but  we will crop and resize when we are finished.

3.  Flood-fill the image with white.  In the Layer Palette, rename this layer:  White Background.

4.  Add a new layer.  In the top menu, click Layers > New raster layer.  In the Layer Palette, rename this layer:  Mask Background.

5.  Use the eye dropper tool to pick a medium color from your picture to use as your main background color.  Flood-fill the Mask Background Layer with this color.  You can see that I chose an orange shade.

6.  In top menu, click on Effects > Texture Efects > Texture.  Apply the texture of your choice.  The settings that I used are Texture = Old Paper, size = 50, smoothness = 0, depth = 5, ambience = 0, shininess = 0, angle = 315, intensity = 50, elevation = 25.

7.  Now, Apply the mask.  In top menu, click Layers > Load mask from disk.  Choose Mask062, source luminence, fit to canvas, hide all mask.  (In PSP 7, in top menu, click Mask > Load from disk and use same settings).

8.  Make sure that the Mask layer (not the mask background) is activated in the Layer Palette.  Get the magic wand tool from the tool menu and set the wand to 30 % tolerance.  Click on the white border part of the mask.

9.  Now activate the white background layer.  KEEP SELECTED!

10.  Set your background color box to pattern and choose the picture that you are using.  Set the angle to 60 and the scale to 30 - 50 (depends on the size of your pic -- whichever you like best.)

11.  Flood-fill the selected area on the bottom layer with the picture pattern.

12.  In the top menu, select Effects > 3D Effects > Inner Bevel.  Apply these settings:  Bevel = Pie Shape, width = 8, smoothness = 40, depth = 2, ambience = 0, shininess = 10, angle = 315, intensity = 75, elevation = 20. 

13.   Merge the layers flat.  In top menu, select Layers > Merge > Merge all (flatten).

14.    Choose the selection tool from the tool menu, and set it to square selection.

15.  In your picture, select a square region.

16.  In top menu, click Edit >Copy.  Then click Edit >Paste >as new image. 

17.  In the new image, apply the circle effect.  In the top menu, click Effects > Geometry Effects > Circle.  Choose Transparent.

18.  Your image is now a circular bubble.  In the top menu, click Edit > Copy.  Then activate the frame you've already made.  In the top menu, click Edit > Paste > as new layer.

19.  Return to your picture and with the square selection tool select another square area.  It does not have to be the same size. 

20.  With that selection Repeat Steps 16 -18, adding the new circle as another layer to your frame.

21.  Return to your picture and with the square selection tool select a third square area.  It does not have to be the same size. 

22.  With that selection Repeat Steps 16 -18, adding the new circle as another layer to your frame.

23.  Now you should have four layers, and they probably look like a mess, like mine.  *S*  That's ok.  We need to resize the bubbles and place them.

24.    For EACH bubble layer, you will resize them.   I started by resizing them 55%, but then had to resize each again.  You want each bubble to be a DIFFERENT size than the others-- a small, medium and large! In top menu, click Image > Resize .  Make sure percent is selected and DO NOT check all layers at the bottom.

25.  For each layer that you resized, use the Unsharp Mask to sharpen the image a bit.  In PSP 8, click Adjust > Sharpen > Unsharp Mask.  (In PSP 7, click Effects >Sharpen > Unsharp Mask).  Set Radius = 2, strength = 5, clipping = 3.

26.  Then rearrange your layers, so that the smallest bubble is on top, then the medium, then the large, then your frame is at the bottom.  With the mover tool, move each bubble into position where you want to place them.  Here is mine:

27.  (Optional)  Then I trimmed the top left corner and the bottomr right corner with 2 tubes that matched my picture.  Open each tube.  For EACH tube, click Edit > Copy.  Then click on the frame image.  Click Edit > Paste > as new layer.  Resize the tube (like you did the bubbles in Step #24), and move the tube into the corner.  Repeat for the other tube.

28.  Now add a drop shadow to all layers except the frame layer!  In top menu, click Effects > 3D Effects > Drop Shadow.  Apply these settings:  Vertical = 2, Horizontal = 5, Opacity = 60, Blur = 10, and color = Black.

Make sure you have added this drop shadow to each layer--all 3 bubbles, and the 2 tubes.

29.  Now Merge all the layers flat and you're done!  Add whatever text you like! 

Here's my finished image:

On the image at the top of the page, I added a border and trimmed it in gold.


Tutorial Index


 Please do not remove this tutorial from my site.  Share my url.