-->

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!

Glass Effect and Paint Shop Pro

This tutorial is by request from a member of the WrapCandy forum.  This tutorial is written in Paint Shop Pro X but will work in earlier versions as well as newer versions.  Some techniques will also work in Adobe Photoshop CS and Adobe Photoshop Elements.  This tutorial will focus on Paint Shop Pro.

There are several ways to create a glass or “domed” effect in Paint Shop Pro.  Some require a plugin.  Some examples of methods to create a glass “domed” effect are:

1. Cutout & Starburst Effect Combination

2. Balls and Bubbles Effect

3. Eye Candy 5 Impact Glass Effect

4. Shapes & Feathering

Today, we are going to focus on using our shapes and feathering options in Paint Shop Pro.  This will not require any plugins. So, let’s get started.

Step 1 – Open a new image using the following settings:

image

Step 2 – Select Ellipse from your preset shapes tool:

image

Using the following settings (located on your toolbar at the top), draw out a circle on your canvas:

Mode: Draw Circle

Line Style:  Solid

Width: 20

Anti-alias Checked

Your image should appear similar to below (depending on your color choice).  For this tutorial I am going to be using a solid gold color (we will make this into metallic as we go along in this tutorial).

image

Now we are going to make this metallic.

Step 3 – Right click on the Layer titled Vector and select Convert to Raster Layer

Step 4 – Go to Effects/Artistic Effect/Hot Wax Coating

image

Step 5 – Repeat Hot Wax Coating then go to Effects/Artistic Effects/Chrome and use the following settings:

image

Step 6 – Go to Effects/3D Effects/Inner Bevel and use the following settings:

image

Your circle frame should now appear as below (May appear differently in color depending on the color you selected as your circle initially)

image

Step 7 – Using your magic wand, select the area OUTSIDE of the circle and then go to Selections/Invert and then Selections/Modify/Contract and use the following settings:

image

Step 8 – Go to Layers/New Raster Layer and then using the flood fill tool, fill this selected area with the color, gradient or pattern of your choice.  For this tutorial I am using a pattern.  Then go to Selections/Select None.

******** NOTE ********

If you already have a design image in a circle shape, you can place it in the new raster layer without having to make the above selections.  Simply pull up the image you already have, go to Edit/Copy and then return to the workspace that contains our metallic ring and go to Edit/Paste As New Layer. Using your Pick Tool (Raster Deform if using PSP 9 or earlier) and then position it where you need it to be making sure the layer is moved (click on it and drag it below the metallic rings in the layer pallet) and sits BEHIND the metallic ring we just created. 

******** END NOTE ********

OK…so I flood filled with a pattern and then moved (as stated above) the layer BELOW the metallic ring layer.

Our image now should appear similar as below:

image

Step 9 – Now, we want to select the layer that has our metallic ring on it (making it the active layer) and then using the magic wand tool select the area INSIDE the metallic ring.

Now…we have a couple options here before we move along.  This tut was written for someone who wanted to make displays of glass domed (flat backed) Christmas ornaments.  So, if that is the type of display you are needing you may skip this next step and move on to step 11.  IF…however, you are wanting to make the pattern appear rounded then you will need to follow the next step.

**** NOTE ****

This next step is a great effect to use when making pearls or Christmas baubles.

**** END NOTE ****

Step 10 – With the inside of the ring selected, make the pattern filled layer the active layer (this should be called Raster 3) then go to Effects/Geometric Effects/Spherize

image

Adjust the size of your sphere you want to use.  For this tutorial we will be using the following settings:

image

Go to Selections/Select None.

Step 11 – Now, click on the metallic ring layer to make it the active layer and then using your Ellipse Tool in your Preset Shapes Tool make a circle similar to the one below (The color of your circle does not matter) But you must set the following settings:

Mode: Draw Circle

Line width should be set to 0

Anti-alias Checked

Place your solid circle as below:

image

Step 12 – Repeat the step above, except change the color of your circle and place it as below:

image

Both of these vector circles should be on the same layer which is named Vector 1.

Step 13 – Select the outer vector circle so that only that color is selected.  For example:  In my image, I will click on the white area and my “marching ants” will appear as below.

image

Step 14 – Go to Layers/New Raster Layer and create a new layer. Then go to Selections/Modify/Feather and use the following settings:

image

Now close the eye next to the vector layer so that the layer is now invisible. Then return to the new raster layer you just created (Raster 4) and make it the active layer by clicking on the layer.  At this point your workspace should appear as below:

image

Step 15 – Flood fill this feathered selection using WHITE. Then go to Selections/Select None. Your image will appear similar to below (depending on your pattern, gradient, color choice)

image

Step 16 – Now right click on the Raster 4 layer and select Duplicate then go to Image/Mirror and then Image/Flip.  Your image should appear similar to below.

image

Now make sure your top layer is the active layer (should read as Copy of Raster 4) and then go to Layers/Merge/Merge Down.  Double click the Raster 4 layer and name it “Glass Effect”.  Double Click the Raster 2 layer and name it “Metallic Ring”.  Double click on the Raster 3 layer and name it “Pattern”.

Save your file as a psp image that you can go into later and just change the pattern and spherize or just a pattern without spherize if desired.  This eliminates having to create the glass effect again when you need it at a later date.

That is it!  This is the way to create the glass domed effect without plugins!  Now, bear in mind, you can change the width and length of your glass effect by placing your vector circles differently if you wish.

I hope you enjoyed this tutorial!

Wednesday, December 22, 2010

Bubble Gum Parlor Website Template

This is a custom website with cascading style sheet for faster loading and dynamic HTML for image roll-overs.  This is a basic website template that is not configured for zencart but could be modified to work with zencart. 
This is a one of a kind (OOAK) template that has already been purchased and no other copies of this template will be sold.  Images contain digital watermarks and copyright has been filed with the U.S. Library of Congress. To preview how this site looks in real time, please visit Sweet Sue's.
image

SWEET SUE has taken on a new adventure and has closed her store. It is sad to see her go!  I no longer dedicate time to designing websites as my current work does not leave me much time for website design freelancing!  

Friday, December 3, 2010

Rolled Paper Preview

This tutorial is by request of LindaJP and was written using Corel Paint Shop Pro X.  It will work in earlier versions as well as newer versions.  I have included some freebie papers for you to use to work on this tutorial along with the custom gradient that we will be using.  The papers are SOE (standard open end) candy wrapper sized. You can pick up the materials HERE.

Tools we will be using:

Custom Selection, Materials Pallet and Gaussian Blur

Step 1 – Copy the gradient from the zip folder into your gradients folder. For some this will be My Documents/My PSP Files/Gradients.  For others, you may select to place them within the program file itself.  That depends on you.

Step 2 – Open your PSP and then Open the 5 papers provided for this tutorial….or you can choose 5 papers of your own.  If using your own, please be sure your papers are set to 5.25 inches wide x 5.50 inches high. 

Step 3 – Minimize each paper so that it appears on the workspace below and out of your working area.

image

Step 4 – Create a new image using the following settings:

image

Step 5 – Click on your selection tool

image

at the top, on your toolbar, select the custom selection icon

image

and use the following settings:

image

Step 6 – Click on your foreground selector in the material’s pallet:

image

Select the pattern tab then select the drop down arrow next to the pattern

image

Set your category to open images

image

Select one of the papers that you currently have open and use the following settings

image

Then Click OK

Step 7 – Click on your flood fill tool

image

Then click with your left mouse button in the selected area to fill the selected area with the paper.

Your image will appear as below:

image

Step 8 – Click on your selection tool, custom selection, and use the following settings:

image

Select your second choice paper from the materials pallet and flood fill this area with the second paper. ((NOTE – Stripes appear better if you change your angle to 90 degrees when selecting the paper))  Just be sure to change your rotation back to 0 for the other papers. Your image will appear as below:

image

Step 9 – Go to selections tool, custom selection and use the following settings:

image

Flood fill with your third paper choice. Your image will appear as below:

image

Step 10 – Go to your selections tool, custom selection and use the following settings:

image

Flood fill with your fourth paper of choice.

Step 11 – Go to selections tool, custom selection and use the following settings:

image

Flood fill with the fifth paper of your choice. Go to Selections/Select None. Once all five papers have been added your image will appear as below:

image

Step 12 – Go to Layers/New Raster Layer and then click OK

Using your foreground selection tool in the materials pallet, click on the Gradient Tab.  Using the drop down arrow next to the gradient, set your category to all, then select the RDD-RolledPaperGradient downloaded from this tutorial.

image

Set your gradient using the following settings:

image

Flood fill the new raster layer with the gradient selected. Your image will appear as below:

image

Step 13 – Go to Adjust/Blur/Gaussian Blur

image

and use the following settings:

image

Go to Layers/Merge/Merge Visible.  Resize by 50% for faster loading to your website.

Your end product should appear as below:

image

Your rolled paper preview is now ready to be exported as a JPG file and used on your website, blog or for sharing on a forum.

SPECIAL NOTE:  I already have this saved as a script and it is for sale at one of the online stores I sell in.  Please DO NOT Script this tutorial for sale.  You may script the tutorial for your own personal use, however.

I hope you have enjoyed this tutorial!