Home  >  Tutorials  >   PSP 8 Tutorials  >
Chocolate Bar in Paper
E-mail this tutorial to a friend Email to a Friend

Chocolate Bar in Paper
Created by: Audrone Musteikiene

 
There are two parts for this tutorial. In this first part we create a chocolate bar with a paper wrapping. In the second part we create a wrapper one can use with the chocolate bar. The tutorials are for users who have a working knowledge of PSP. Although they are written for PSP 8 the technique can be used in PSP 7 as well.
 
Download File Download File
You will need the two images in the download file that are used to create the paper part for the chocolate bar.
 
New Image Create a new image, 100 x 100 pixels, 16 Million Colors, Transparent checked.
 

Selection Tool
Use the Selection tool:
– Selection type = Rectangle
– Mode = Replace
– Feather = 0
– Anti-alias = unchecked
 
Select Area = Custom Size and Position

Selection 1

Click on the Custom Selection icon in the Tool Options palette. Use these values in the Custom Selection dialog:
– Top = 0
– Left = 0
– Right = 50
– Bottom = 50

Click on Ok to set a square selection in the top left corner of your image.

 

Materials Palette - Materials Box  Materials Solid Color Option     Flood Fill Tool



In the Materials palette, set the Background Color to a chocolate color (Red = 68, Green = 31, Blue = 16; #441F10). Then, flood-fill the selection in the your image.

Go to Effects || 3D Effects || Inner Bevel:
– Bevel = 1/4 round (Bevel #2)
– Width = 4
– Smoothness = 40
– Depth = 1
– Ambience = 0
– Shininess = 60
– Color = White
– Angle = 315
– Intensity = 67
– Elevation = 20

Click on OK.

 
Selection Tool  Select Area = Custom Size and Position     Flood Fill Tool


Create another selection in the bottom right corner of the image: Again click on the Selection tool and then on the Custom Selection icon in the Tool Options palette:
– Top = 50
– Left = 50
– Right = 100
– Bottom = 100

Flood-fill this selection with the same Background Color as before. Then use the Inner Bevel effect (Effects || 3D Effects || Inner Bevel) with no changes in the settings.

 
Materials Palette - Materials Box  Materials Solid Color Option

Selection Tool  Select Area = Custom Size and Position     Flood Fill Tool



Now, set the color for the other two squares. First, set the Foreground Color to a lighter brown {Red = 119, Green = 63, Blue = 43; #773F2B).

Then set the selection for the top right square and use the Selection tool, Custom Selection icon with Top = 0, Left = 50, Right = 100, and Bottom = 50. Flood-fill it with the lighter brown. Use the Inner Bevel effect (Effects || 3D Effects || Inner Bevel) with no changes in values.

For the bottom left square use the Selection tool, Custom Selection icon with Top = 50, Left = 0, Right = 50, Bottom = 100. Flood-fill it with the lighter brown color. Again, use the Inner Bevel effect with no changes in values. Deselect with Selections || Select None (Ctrl+D).

Now you have the first chocolate square consisting of 4 small squares. If you wish and if you have got one you can put your initial watermark on the lighter squares. Save it and name it for later use.

 

Copy     New Image

Move Tool


Duplicate Layer





Zoom Tool



Layer Visibility Off     Duplicate Layer

Copy (Edit || Copy or Ctrl+C) the square image you just created. Then, create a new transparent image, 400x200 pixels. Paste the square as a new layer into this image (Edit || Paste || Paste As New Layer or Ctrl+L). Use the Move Tool and move this square to the top left corner.

Duplicate this layer (Layers || Duplicate) and move the new layer to the right of the first square. Again duplicate the layer and move it to the right. Finally, once more duplicate the square and move it to the right. You will end up with the top half of the image showing the chocolate squares.

Zoom your image and check the alignment of the squares adjusting them as needed. There should be no transparency at either the left, top or right of your image and the squares should line up evenly at the bottoms.

Turn off the bottom layer in your Layer palette. Highlight a top layer and go to Layers || Merge || Merge Visible. Then, duplicate the 'Merged' layer and move it to the bottom. Finish up by merging all layers (Layers || Merge || Merge all (Flatten). Save your work naming it something like Chocolate Bar so that you can use it again.

(Another way to make the chocolate bar is to change the Foreground Material to Pattern, select the square image just created for the pattern and then flood-fill the new image.)

 
Open Image     Copy     Move Tool

Now it's time to wrap our chocolate bar in paper. You can use my paper wrapper or you can create a special paper yourself. In the other part of the tutorial I will teach you how to create a chocolate paper wrapper. You can jump to the second part or you can use my paper.

Open the chocolatepaper.jpg image, copy (Edit || Copy or Ctrl+C) it and paste as a new layer on your bar (Edit || Paste || Paste As New Layer or Ctrl+L). Drag it to the left side of the chocolate bar with your Move tool.

 
Magic Wand Tool

Now we should tear up our paper.

Make sure the paper (top) layer is active. Use the Magic Wand tool and click on the chocolate bar area. Then go to Selections || Invert to get a selection around the paper.

Go to Effects || Image Effects || Page Curl with these values:
– Color = White
– Radius = 40
– Corner = Bottom Right
– Width = 40
– Height = 60
– Edge Mode = Transparent

Click on OK and deselect (Selections || Select None or Ctrl+D).

 
Open Image     Materials Palette - Materials Box  Materials Pattern Option

Selection Tool     New Raster Layer     Flood Fill Tool     Move Tool

Duplicate Layer

Selection Tool

Layer Visibility Off     Layer Visibility On

Open the silver.gif image and minimize it. In the Materials palette, select the Pattern Tab and locate the silver.gif pattern:
– Angle = 0
– Scale = 100

Use the Selection tool with a Triangle and draw a triangular selection so it will be at the bottom right of the paper curl. Flood-fill the selection on a new layer with the silver pattern. Deselect and, if necessary, move the triangle so it just slightly overlaps the curl.

Duplicate this silver layer. Go to Image || Rotate || Free Rotate and rotate the new layer to the right by 30 degrees. Move this layer so it is above the bottom silver layer.

The positioning of the silver layers is not critical. Just have them both seen to the right of the paper. Then move the paper layer to the top so the right side of the paper layer covers the silver layers. Use the Selection tool with the Ellipse to select and remove (Delete key) some of the white paper at the top part of the paper.

Finally, turn off all layers except the silver layers and merge your layers (Layers || Merge || Merge visible). Turn all layers back on.

 
Selection Tool


Eraser Tool




To create the tearing of both the silver and the paper, you will need to experiment with selections and Page Curl effect settings. The technique is to draw smaller ellipse selections around areas of the silver and the paper and use the Page Curl effect (Effects || Image Effects || Page Curl). Experiment with values to get the kind of curl wanted.

When you curl an area there may be an unwanted area. Go to Selections || Invert, then click on the Eraser tool and just erase that area.

Work slowly on both the silver and the paper to create zagged edges that appear as if they have been torn and wrinkled. Also, experiment with other effects and features to distort the paper and silver, such as the Mesh Brush, Blurs, Wave, Warp. The idea is to create using your imagination.

When satisfied with the tearing effect, merge all layers (Layers || Merge || Merge all (Flatten) and save your work.

 


As a final touch, buttonize the chocolate bar (Effects || 3D Effects || Buttonize).

The two examples on the left show other effects in tearing the paper.

We have made the chocolate bar and used a wrapping paper in this tutorial.

In the second part of this tutorial we will create a wrapping paper so you can create your own designs for your chocolate bars.