-->

Monday, December 27, 2010

Contour Shading & A Pillow Box

So, I have been promising this tutorial to Nancy for the past couple of days now. After having finished designing a website for someone and making two logos for other clients, I finally have time to sit down and show you one method of shading using Paint Shop Pro. This tutorial was written using Corel Paint Shop Pro X but will work in earlier versions as well as newer versions.

There are various methods to shading in PSP to obtain different effects you will use different techniques.  Below is a listing of just a few techniques that can be used.

1. Contour Shading

2. Airbrush or Paintbrush

3. Brightness and Contrast

4. Burn Tool

5. Lighten/Darken Tool

6. Cutout Effect

That is just to name a few. Today, we are going to be using the Contour Shading to make this display below of a pillow box. This makes a great display piece for your website. In addition, you will be learning how to use the pillow box template to design a pillow box.  Two tuts in one! 

image

I have bundled the materials into one zip file.  The material bundle includes: 1 Pillow Box Template, 1 Paper and a PSP Picture Tube as well as a finished sample display. You can pick up the materials HERE.

Before we get started, be sure to unzip the files and copy and paste the Picture Tube into your Picture Tubes folder within your version of Paint Shop Pro or the location you keep your PSP files.  For me, my picture tube files are kept at My Documents/My PSP Files/Picture Tubes.  For some, you may have them saved in the program folder itself. 

Tools we will be using today:

Mask Tool, Selections Tools, Text Tool, Picture Tube Tool

OK….here we go!

Step 1 – Open your PSP and then open the RDD-PillowBoxTemplate.png file.

Step 2 – Go to Window/Duplicate.

image

Then close out the original file.  *** I suggest always following this step to keep from making permanent changes to your original files! ***

Step 3 – Open the RDD-TeaStainedPaper.jpg file. Then return to your Template workspace file.

Step 4 – Right click on the Raster 1 layer and select Duplicate.

image

Step 5 – Click on the Raster 1 Eye to make it invisible.  Your layers pallet should look like below:

image

Notice the blue coloring of Copy of Raster 1?  This is our ACTIVE layer.  So, when I say, make a layer active, simply click on it to designate that layer as what we will be working on.

Step 6 – Right click on Copy of Raster 1 layer and select New Mask Layer/From Image.

image

Use the following settings:

image

Your layers pallet will appear as below:

image

Notice the Mask – Copy of Raster 1 is the Active Layer? 

Step 7 – Left click and drag the Mask layer ABOVE the Group-Copy of Raster 1.

Your layer pallet will now look like this:

image

Step 8 – Make Group-Copy of Raster 1 the Active Layer. Then click on the RDD-TeaStainedPaper and go to Edit/Copy.  Return to the Template workspace and go to Edit/Paste As New Layer.  Your layer pallet will now appear as below:

image

Step 9 – Make the Mask-Copy of Raster 1 the active layer and go to Layers/Merge/Merge Visible. Your layers pallet will now look like below:

image

Now double click on the active layer (merged) and name it Background.

Your image should now appear as below:

image

Step 10 – Click on the Eye of Raster 1 and make it visible again, Double Click this layer and name it Template. Make the Background layer the active layer and click on the Eye of Background layer and make it invisible for now. We will now be using the template for our placement of our text and images. Your layers pallet will appear as below:

image

And your image will appear as below:

image

Step 11 – Click on your Picture Tube Tool

image

Find the RDD-ChristmasBell picture tube and select it.

image

Use the following settings:

image

Step 12 – Go to Layers/New Raster Layer and then with your left mouse, click where you want the picture tube to be placed on the new raster layer.

Use your Pick Tool (Raster Deform if using PSP 9 or below) to move the picture tube where you need it to be.

image

Our image now appears as below:

image 

Make the layer containing your tube as the active layer. Double click it and name it Tube.

Step 13 – Right click on the Tube layer and select Duplicate.  Then go to Image/Mirror and then Image/Flip.  Use your Pick tool or Raster Deform depending on your version of PSP and move the bell where it needs to be. 

Your image should appear as below:

image

Make the Copy of Tube Layer the active layer and go to Layers/Merge/Merge Down.  Your layers pallet should now appear as below:

image

Step 14 – Click on your background material in your materials pallet and change the color to the color of the text that you want.  For this tutorial I am using red. 

image

Now select your Text Tool

image

Click where you want the text to appear on your workspace and then set the size and the font that you would like.  Be sure you have your stroke set to 0 (unless you want an outline of your text). I am using a font called St. Nicholas at a size of 60 for this tutorial. Use your Pick Tool (Raster Deform) to move the text where you need it.  Your image should now appear similar to below.

image

Step 15 – Right click on your text layer (Vector 1) and select Convert to Raster Layer.  Then double click the layer and name it Text.  Right click again and select Duplicate. Follow the same as previous……go to Image/Mirror and then Image/Flip and use your Pick Tool (Raster Deform) to move the text where it needs to be.  Your image should appear as below:

image

Step 16 – Make the Copy of Text layer the active layer and then go to Layers/Merge/Merge Down.  Click on the eye next to the Background layer and make it visible again.  Your image will now appear as below:

image

You are done designing the pillow box.  You can save this as a workspace for later use as a psp image.  I would suggest naming it something like MyPillowBoxWorkspace. Then you can go to File/Export/PNG Optimizer to use in your WrapCandy software for printing or to create a printable PDF out of the image.  If you are wanting to use the Silhouette Digital Cutter to cut this, make sure you save it as a Jpg file. 

Now that we have the pillow box created, and the workspace is saved so we can easily modify it later, let’s create our display piece.  We can now close out the RDD-TeaStainedPaper file and then with our template workspace active go to Window/Duplicate and close out the psp file we just created.  We don’t want to make any permanent changes to the workspace with the template we just created.

Ready?  OK!  Here we go!  Onward!

Step 17 – Our new image should have 4 layers: Text, Tube, Background and Template. Click on the eye next to the Template layer to make it invisible.  Then make your Text layer the active layer and go to Layers/Merge/Merge Visible.  Your layers pallet will now only have 2 layers: Template and Merged.  We don’t need to rename this layer as we will not be saving this as a psp file…only as a finished image for display purposes. (If you want to save it as psp file you can…..and if you want to name it….you can….up to you).

Step 18 – We are now ready to eliminate unnecessary space and create the final display.  Click on your Selections Tool.

image

Click on the custom selection Icon

image

And use the following settings:

image

Your image should appear with the following “marching ants” around the selection we want to keep.

image

Step 19 – Go to Selections/Invert

image

Now make the Template layer the active layer and press your DEL key to eliminate the area we do not need.  Repeat this using the merged layer.  Then go to Selections/Select None. Your image will appear as below:

image

Step 20 – Now, click on the eye next to the merged layer to make it invisible and then make the template layer the active layer and click the eye next to the template layer to make it visible. Then using your magic wand tool

image

Select the inside of the ovals on the left and right of the template.  Your image will appear as below:

image

The “marching ants” appear inside the ovals.  Now go to Selections/Modify/Expand

image

and use the following settings:

image

Then go to Selections/Modify/Shape Based anti-Alias

image

and use the following settings:

image

Then go to Selections/Invert

Step 21 – Now click on the Merged Layer (the layer with our image of our pillow box) to make it active and click on the eye next to the layer to make it visible.  Then go to Effects/3D Effects/Drop Shadow

image

Use the following settings:

image 

You can play with these settings to achieve the look you are wanting.  You may want to use a lower opacity and/or blur for lighter backgrounds.

Now go to Selections/Select None.  Your image should appear as below:

image

Now go to Layers/Merge/Merge Visible.  You should now have one layer.  Go to Selections/Select All.  Then go to Selections/Float followed by Selections/Defloat.  Then go to Image/Crop To Selection.

Your image will appear as below:

image

You can now resize as needed and export it as a png file to use as a display.

Another neat idea for a pillow box display is to create the display as below:

image 

To do that…….once you have the ovals selected……you will go to Selections/Modify/ Expand and expand by 3 Pixels and then make the image layer the active layer and press your delete key.  This will eliminate the ovals on the image all together.  Go to Selections/Select None. Then go to your template layer and select the middle area with the magic wand, go to Selections/Invert and then apply the drop shadow as above. 

I know this was lengthy…..but I wanted to cover two tuts in one.  So, you learned how to use the template to create a pillowbox and you learned how to do contour shading at the same time.  I do hope you enjoyed this tut and I look forward to seeing some of your creations!

Thursday, December 23, 2010

Glass Effect Using Eye Candy

Today, we are going to return to the template we made using the Glass Effect and Paint Shop Pro tut shared yesterday.  Yesterday I told you there are a minimum of 4 different ways to make the glass effect in Paint Shop Pro.  I will have tuts for all 4 of the mentioned methods but today’s tut will focus on using Alien Skin’s Eye Candy 5 Impact: Glass effect.

Materials Needed:

RDD-Eye Candy Presets – You can download my eye candy presets HERE.

Unzip the presets and remember where you placed them.  We will be importing them in this tut.

OK…..here we go!

Step 1 – Open your PSP and open the template made in the previous tutorial. 

Step 2 – Click on the layer titled Glass Effect making it the active layer and then click on the eye next to the layer to make it invisible. 

Step 3 – Click on the layer titled Metallic Ring making it the active layer and using your magic wand in the selection tool, select the area INSIDE the metallic ring.

Step 4 – Go to Layers/New Raster Layer and give it a name of Eye Candy Glass then press OK.

Step 5 – Go to Effects/Plugins/Alien Skin Eye Candy5: Impact/Glass

image

Go to the bottom and click on Manage

image

In the next popup window select the Import button.

image

Find the location where you unzipped the presets and then select each and click the OK button.

Your main area should now show the following under user settings:

image

Now click on RDD-GlassEffect1 and then click on OK

Step 6 – Repeat the Glass Effect except this time select the RDD-GlassEffect2.  Then press OK. Then go to Selections/Select None.

Your image will now appear as below.

image

And that is it!  You now have 2 different ways to create a glass effect.  Be sure to save the file as it now contains 2 different glass effects that you can use later when you need it.

If you would like to create your own glass settings:

Under Settings Select Clear No Drop Shadow

image

Under Basic use the following settings (Although you can play with these settings to meet your own needs….these are the settings used for one of the presets included in this tut)

image 

Under lighting you can move the light to the position you want and change the direction, inclination, brightness,size and highlight color to meet your needs.  Make sure that your reflection map is set to None.

image

Once you are happy with the settings you have, and so that you can use the same settings later, make sure you save them as a preset!

To save as a preset:

Once you have everything set, return to the Settings Tab in Eye Candy.  At the bottom select Save.  Give it a name.  Now you have your own preset to use as often as you would like!

I hope you enjoyed this tut!