Wednesday, November 11, 2009

4 Section Frame

Click for larger view.

This tutorial will be utilizing the following PSP Components:

Deformation Tool
Colorizing
Copy and Paste
Resizing
Layers
Animation
Copying and pasting animations on to another file
Creating Signature Text in Animation Shop
Propagate Pasting Signature Text


Needed:

Tubes of Choice (4): The lovely tube images I am using are Gorjuss images created by Suzanne Woolcott. Please be sure that all tube images are from the same artist.

Outside Filters:

Toadies Band Surpressing Noise Filter

FM Tile Tools Blend Emboss Filter. The free demo version with 7 of the 21 filters enabled is located here.

Download Supplies: Frame created by me. Butterfly animation is from Peachie's Collection. You can download the supplies here.

Optional: Any elements you wish to add to decorate the frame.

SETTINGS USED IN THIS TUTORIAL

Magic Wand:
Mode: Add/Shift, Match Mode: RGB Value, Tolerance 0, Contiguous checked, Feather: 0, Anti-Alias checked and outside selected

Drop Shadow (Optional for Tube Graphic)
Vertical Offset 2, Horizontal Offset 2, Opacity 80, Blur 5, Color Black

This tutorial will be in three parts.

Part I will show you how to create the frame. If you would rather use the pre-made frame, skip Part I and start at Part II

Part II - will show you how to create the tag with your frame.

Part III - will add the animation

PART I - Creating the Frame

Step 1
Open a new transparent image 800 width by 500 height. We will start big and resize later.

Have your four tube images open as well so you can select a color for your frame that will work well with all of your tube graphics.

At the Material Palette, in the top color box, set it to black. In the bottom color box, set it to a color that will work with all of your tube graphics.

Left click the preset shape tool set to rectangle, with solid line, and line width of 5.05. Nothing else should be checked. Going from left to right and down, draw a rectangle that fits within a little less than a quarter of your transparency, leaving enough room to add the additional frames, some graphic decoration to the frame and text to the top of the frame. Also leave some room for your copyright information.

Step 2
Go to Layers/Duplicate.
Go to Image/Resize using the percent option at 85%, bicubic and resize all layers NOT checked.
Go to Layers/Merge/Merge Visible.

Step 3
Left click the magic wand using the settings from above. Left click the magic wand inside the middle of the frame and hit the delete key.
Go to Selections/Select None
.



Step 4
Left click the Raster Deform tool. Holding down the control key, with the left mouse button, left click the right top corner node and move the frame up just a little bit, so it looks like this:



Step 5
Go to Layers/Duplicate and Image/Mirror.
Left click the mover tool and move the duplicate layer directly next to the original layer with just a bit of overlap of the two frames (see below) and go to Layers/Merge/Merge Visible.



Step 6
Go to Layers/Duplicate and Image/Mirror.
Left click the mover tool and move the duplicate layer directly next to the original layer, again overlapping the frames somewhat in the middle where the two sets of frames meet (see below) and go to Layers/Merge/Merge Visible.



Step 7
Go to Effects/3D Effects/Drop Shadow and use the settings from above.

PART II - Creating the Tag

Step 1
Have your frame psp image on your desktop. (If you are using the pre-made one, go to Adjust/Hue and Saturation/Colorize and by moving the controls, select a color for your frame).

Step 2
Left click the magic wand using the settings from above and left click the outside of the frame portion.

Go to Effects/Plugins/Toadies/Band Supressing Noise, use the default settings, but do not Deselect.

Step 3
Go to Effects/Plugins/FM Tile Tools/Blend Emboss and use the default settings.
Go to Selections/Select None.

Step 4
Left click the magic wand and left click inside the first frame section. Go to Selections/Modify/Expand 14. Do not deselect.

Go to Layers/New Raster Layer.

Step 5
Flood fill the selection with a color that will coordinate with both your frame and your tube graphic. Go to Layers/Arrange/Move Down, but do not deselect.

Step 6
Open up one of your tube graphics. Copy and paste the tube graphic as a New Layer. If the image is too large to fit within the selection, go to Image/Resize using the percent option, bicubic and resize all layers NOT checked. Move the tube graphic within the selection. Go to Selection/Invert and click the delete key.

Go to Selections/Select None.

If the image is not beneath the frame, go to Selections/Arrange/Move Down.

Step 7
Open up your layer palette and make sure you are on the frame layer.
Repeat Steps 4-6 but this time you will be working with the second frame section. You can use the same color for the background of your frame or select a different color.

Step 8
Repeat Step 7 but this time you will be working on the third section of your frame.

Step 9
Repeat Step 7 but this time you will be working on the fourth section of your frame.

Go to Layers/Merge/Merge Visible.

Step 10
Open up the elements you wish to add to your frame for decoration. Copy, Paste and Resize your elements to work with your frame. To resize your elements, go to Image/Resize using the Pixel Option, Smart Size, Maintain Aspect Ratio and Resize all Layers NOT checked.

Step 11
Apply a drop shadow effect to your elements by going to Effects/3D Effects/Drop Shadow and using the settings from above.

Step 12
Add the copyright/information.

Step 13
Go to Layers/New Raster Layer and flood fill this layer with the color of the background of the forum, blog or web site where you will be posting your graphic. Go to Layers/Arrange/Send to Bottom and go to Layers/Merge/Merge All (flatten).
We will add our text in animation shop.

Step 14
Left click the crop tool and draw a rectangle around the area you wish to keep, eliminating the background palette that you will not need. Leave some room at the top of the tag for your text.

Step 15
Go to Image/Resize using the percent option at 85%, bicubic and resize all layers checked.

Step 16
Go to Layers/Duplicate and duplicate the layers 3 times so you have a total of 4 layers.

Step 17
Save the tag as a PSP or PSD file.

PART III - Adding the Animation

Step 1
At Animation Shop, locate the tag file and open it. Go to View/Normal Viewing. You should see 4 frames. Click the Control and A keys to activate all the frames.

Step 2
Open up the butterfly vine animation and also go to View/Normal Viewing. There should also be 4 frames. Go to Animation/Resize Animation using the percentage option at 70%, Smart Size, and Maintain Aspect Ratio checked.

Step 3
Click the Control and A keys to activate all the frames. Go to Edit/Copy. Make the tag file active, making sure all the frames are activated. Go to the very first frame and go to Edit/Paste into selected frame. Holding down the left mouse button, place the butterfly vine animation on the left side of the frame. Once you have it in place, release the left mouse button.

Step 4
Make the butterfly vine animation active (making sure all the frames are activated) and go to Animation/Mirror. Go to Edit/Copy.

Make the tag image active and this time place the butterfly vine on the right hand side of the frame. Once you have it in place, release the left mouse button.

Step 5
Making sure your tag animation has all the frames activated (Control and A keys), right click any frame, go to Frame Properties, left click and type in 15.

Saving the Animation

Step 1
Before we save the animation, click the Customize button to make sure you have all the correct settings for this animation. You should see two tabs: Colors and Optimizations.

Here is what each setting should be under the two separate tabs:

Colors
255 Colors, Optimized Octree and Error Diffusion should be checked.

Optimizations
The middle three selections should be checked.
The top and bottom selections - unchecked.

After customizing the animation settings, click Ok and click Next and you will get the following screens:

Screen 1 Animation versus output Size - just click next.
Screen 2 Optimization process - just click next.
Screen 3 Optimization preview - just click next.
Screen 4 Optimization results - click finish.

Step 2
Save the file as a gif file (without text). You will later add text and resave so you can make additional tags for friends and forum/group members.

Adding Signature Text in Animation Shop using Propagate Paste

Step 1
Go to File/New. For Animation Properties make the width and height 300 and have transparent checked.

Left click the text tool and when the text entry box opens, select your font type and size, type in your text, and click ok.

Step 2
Go to Edit/Copy. Go to Edit/Propagate Paste.

Step 3
Make your tag file active, making sure all the frames are activated. If they are not, click the Control and A keys to activate all the frames. Go to Edit/Paste into selected frame. Holding down the left mouse button, place the signature text exactly where you want it in the very first frame. Release the left mouse button and the text should now be in all the frames.

Resave your animation with a new name.

Comments and Sharing Your Results
Please do let me know how this tutorial worked for you. You can post your comments at the Blog and do email me your results so I can see!

Sunday, November 1, 2009

Listen to the Music


Click for larger view.

This tutorial will be utilizing the following PSP Components:

Template

Colorizing
Copy and Paste
Resizing

Gradients
Layers
Animation

Copying and pasting animations on to another file
Propagate Pasting Signature Text

Needed:

Tube of Choice: The lovely tube image I am using is a Gorjuss image created by Suzanne Woolcott.

Music Template and Line Art created by me. Ipod tubed by me. These supplies, including the animated notes and music line can be downloaded here.

Font: Amadeus - Included in Zip

SETTINGS USED IN THIS TUTORIAL

Drop Shadow (Optional for Tube Graphic)
Vertical Offset 2, Horizontal Offset 2, Opacity 80, Blur 5, Color Black

Step 1
Open up the music template and tube graphic. Open up the layer palette and you will see two layers. The bottom layer has the Ipod which you can colorize. The top layer has the multi-colored lineart using the Amadeus font which says, "Listen to the Music."

Step 2
Go to the Ipod layer and colorize the Ipod so that it coordinates with your tube graphic. To colorize, go to Adjust/Hue and Saturation/Colorize and move the sliders over until you have a color that works with your tube graphic. Do try and keep the Ipod over to the left side because once you add your tube graphic, you will still need space to add your signature text using the Amadeus Font.

Step 3
Copy and Paste the tube graphic on a new layer. If you need to resize your tube graphic, go to Image/Resize using the percent option, bicubic and resize all layers NOT checked.

Step 4
If you wish to add a drop shadow to the tube grpahic, go to Effects/3D Effects/Drop Shadow and use the settings from above.

Step 5
Add your copyright/licensing information and go to Layers/Merge/Merge Visible.

Step 6
Go to Layers/New Raster Layer and on this layer flood fill with the color of the background of the forum, blog, or web site where you image will be shown. Go to Layers/Arrange/Send to Bottom.

Step 7
Go to Layers/Merge/Merge Visible.

Step 8
Go to Layers/Duplicate. Keep duplicating the layers until you have 10 layers. Save as a psp or psd file without text.

Animation Shop - Adding the Animation Files to the Tag

Step 1
At Animation Shop, locate the tag file and open it. Go to View/Normal Viewing. You should see 10 frames. Click the Control and A keys to activate all the frames.

Step 2
Open up the animated music line and also go to View/Normal Viewing. There should also be 10 frames. Click the Control and A keys to activate all the frames. Go to Edit/Copy. Make the tag file active, making sure all the frames are activated. Go to the very first frame and go to Edit/Paste into selected frame. Holding down the left mouse button, place the animated music line at the bottom of the tag, just below the Ipod and tube graphic.

Step 3
Open up the musical notes (music-a gif) and click the Control and A Keys to activate all the frames. Go to Edit/Copy. Make the tag image active and go to Edit/Paste into Selected Frame. Holding down the left mouse button, place the animated musical notes to the left of the text, "Listen to the Music" (making sure you are at the very first frame) and release the left mouse button. Again go to Edit/Paste into Selected Frame and holding down the left mouse button, place the animated musical notes to the right of the text (again, making sure you are at the very first frame) and release the left mouse button.

Saving the Animation

Step 1
Before we save the animation, click the Customize button to make sure you have all the correct settings for this animation. You should see two tabs: Colors and Optimizations.

Here is what each setting should be under the two separate tabs:

Colors
255 Colors, Optimized Octree and Error Diffusion should be checked.

Optimizations
The middle three selections should be checked.
The top and bottom selections - unchecked.

After customizing the animation settings, click Ok and click Next and you will get the following screens:

Screen 1 Animation versus output Size - just click next.
Screen 2 Optimization process - just click next.
Screen 3 Optimization preview - just click next.
Screen 4 Optimization results - click finish.

Step 2
Save the file as a gif file (without text). You will later add text and resave so you can make additional tags for friends and forum/group members.

Adding Signature Text in Paint Shop Pro

Step 1
Open up your tag file. Go to Layers/New Raster Layer. In Internet Explorer, open up the Amadeus font and minimize it. Left click the text tool. Locate the Amadeus font and make it about Size 40 with stroke set to 1. Left click the top color box. When the color selection window opens, left click gradient. Select the rainbow gradient with angle set to 90 and repeats set to o. The bottom color box should be set to black. Add your text on a new layer. If you used Vector Text, make sure to convert the vector layer to a raster layer. Go to Edit/Copy.

Close the tag file. Do not save it. We only needed it for signature text placement.

Step 2
Go to Edit/Paste as New Image.

Step 3
Go to Edit/Copy.

Adding Signature Text in Animation Shop by Propagate Paste

Step 1
At Animation Shop, go to Edit/Paste as New Animation.

Step 2
Go to Edit/Copy. Go to Edit/Propagate Paste.

Step 3
Make your tag file active, making sure all the frames are activated. If not, click the Control and A keys to activate all the frames. Go to Edit/Paste into selected frame. Holding down the left mouse button, place the signature text exactly where you want it in the very first frame. Release the left mouse button and the text should now be in all the frames.

Step 4
Copy and Paste the animated notes and place underneath the signature text. Go to Edit/Paste once again, and again add the animated notes (making sure you are at the very first frame).

Resave your animation with a new name.

Step 5
If you wish to resize your tag, go to Animation/Resize Animation. Select Pixel Size, Resize Type use Smart Size and make sure Maintain Aspect Ratio is checked. When resaving - very important, select Optimized Median Cut (not Optimized Octree as you did originally). The reason is that sometimes in Paint Shop Pro, continually making changes on a saved animation image can result in graininess on the tag. So instead, when resaving the tag again, apply the Optimized Median Cut setting instead.

Comments and Sharing Your Results
Please do let me know how this tutorial worked for you. You can post your comments at the Blog and do email me your results so I can see!

Saturday, October 31, 2009

Text Message


Click for larger view.

This tutorial will be utilizing the following PSP Components:

Colorizing
Magic Wand
Flood Fill
Layers
Copy and Paste
Resizing
Animation
Changing Frame Properties
Propagate Paste for Signature Text

Needed:

Tube of Choice: The lovely tube image I am using is a Gorjuss image created by Suzanne Woolcott.

The texting template can be downloaded here.

Font: Arial Rounded MT Bold Size 16 for texting message and Larger Size of same font for Signature Text

Optional: Eye Candy 4000 Gradient Glow for Signature Text

SETTINGS USED IN THIS TUTORIAL

Magic Wand:
Mode: Add/Shift, Match Mode: RGB Value, Tolerance 26, Contiguous checked, Feather: 0, Anti-Alias checked and outside selected.

Drop Shadow for Image:
Vertical Offset 2, Horizontal Offset 2, Opacity 80, Blur 5, Color Black

Drop Shadow used on Text:
Vertical Offset 1, Horizontal Offset 1, Opacity 30, Blur 2, Color Black

Eye Candy 4000 Gradient Glow Setting (Optional for Text)
Under Basic - Just Change Glow Width to 3
Under Color - Select Fat
Apply Drop Shadow setting used on text above

Step 1
Open up the text template and your tube graphic. Open up the layer palette and you will see you have two layers. The bottom layer (Raster Layer) has the Iphone. The layer above has the line art.

Go to Raster Layer 1 and colorize the Iphone to a color that works with your tube graphic. To colorize, go to Adjust/Hue and Saturation/Colorize and move the sliders over until you find a color that works for you.

Go to the Line Art layer and colorize with the same color you used on the IPhone Layer.

Step 2
Open up the tube graphic you will be using and copy and paste it on the template. If the image needs to be resized, go to Image/Resize using the percent option, bicubic and resize all layers NOT checked.

Step 3
Add your licensing information to the tag.

Step 4
Go to Layers/New Raster Layer and flood fill this layer with the color of the background of the forum, web site or blog where you will be posting your tag.

Go to Layers/Arrange send to bottom.

Go to Layers/Merge/Merge All (Flatten).

Step 5
Go to Layers/Duplicate.

Step 6
At the Material Palette, make the bottom color box, black and the top color box null (no color). Locate the Arial Round MT Bold, size 16. For text type, you need to use FLOATING, not Vector.

Step 7
On the duplicate layer (not the original layer) type in the the first letter of your message, making sure to move the first letter of the text is all the way over to the left inside the message box. Go to Selections/Select None.

Step 8
Go to Layers/Duplicate. On the duplicate layer, next to the first letter of your message, type in the second letter. Go to Selections/Select None.

Step 9
Go to Layers/Duplicate. On the duplicate layer, type in the next letter of your message and go to Selections/Select None.

Step 10
Continue duplicating your layers after adding each letter of your text message until you have your entire message in the message box. Save this file as a PSP or PSD file.

Animation Shop

Step 1
Open up your psp file and go to View/Normal Viewing. Go to the very last frame of your animation. Right click that frame. Go to Frame Properties and left click. Type in 55. We only want to slow down the last frame.

Saving the Animation

Step 1
Before we save the animation, click the Customize button to make sure you have all the correct settings for this animation. You should see two tabs: Colors and Optimizations.

Here is what each setting should be under the two separate tabs:

Colors
255 Colors, Optimized Median Cut and Error Diffusion should be checked.

Optimizations
The middle three selections should be checked.
The top and bottom selections - unchecked.

After customizing the animation settings, click Ok and click Next and you will get the following screens:

Screen 1 Animation versus output Size - just click next.
Screen 2 Optimization process - just click next.
Screen 3 Optimization preview - just click next.
Screen 4 Optimization results - click finish.

Step 2
Save the file as a gif file (without text). You will later add text and resave so you can make additional tags for friends and forum/group members.

Adding Signature Text in Paint Shop Pro as on the Tag

Step 1
Open up your tag file. Go to Layers/New Raster Layer and type in the signature text using the same font but at a larger font size. Do not apply a stroke. At the Material Palette, only select a color for the bottom color box (fill) and leave the top color box null (no color).

Step 2
Left click the magic wand using the settings from above. Left click the magic wand on every other letter of the signature text to select it. Go to Adjust/Brightness and Contrast/Brightness/Contrast and use these settings:

Brightness 48 Contrast 37

Go to Selections/Select None.

Step 3
Go to Effects/Plugins/Eye Candy 4000/Gradient Glow and use the settings from above.

Step 4
Go to Effects/3D Effects/Drop Shadow and use the settings from above for the signature text.

Step 5
Go to Edit/Cut. Go to Edit/Paste as New Image. Close your tag and DO NOT resave it. We only needed to see the placement of the signature text.

Step 6
Make your signature text active and go to Edit/Copy.

Adding Signature Text in Animation Shop by Propagate Paste

Step 1
Go to Edit/Paste as New Animation. Your Signature Text should now be in animation shop.

Go to Edit/Copy. Go to Edit/Propagate Paste

Step 3
Have your tag file open and activate all the frames by clicking the Control and A keys. Go to Edit/Paste into selected frame. Holding down the left mouse button, place the signature text exactly where you want it in the very first frame. Release the mouse button and the signature text should now be in all the frames. Resave your animation with a new name.

Comments and Sharing Your Results
Please do let me know how this tutorial worked for you. You can post your comments at the Blog and do email me your results so I can see!

Wednesday, October 28, 2009

Colors Brighten My World


Click for larger view.

This tutorial will be utilizing the following PSP Components:

Magic Wand
Flood Fill
Copy and Paste
Resizing
Rotating Images using the Deformation Tool
Layers
Animation

Copying and pasting animations on to another file
Propagate Paste

Needed:

Tube of Choice: The lovely tube image I am using is a Gorjuss image created by Suzanne Woolcott.

All art supplies tubed my me, Pad Template and Line Art created by me. These supplies, including the animated pencil, can be downloaded here.

Font: Crayon Alphabet - Included in Zip

SETTINGS USED IN THIS TUTORIAL

Magic Wand:
Mode: Add/Shift, Match Mode: RGB Value, Tolerance 10, Contiguous checked, Feather: 0, Anti-Alias checked and outside selected.

Drop Shadow:
Vertical Offset 2, Horizontal Offset 2, Opacity 80, Blur 5, Color Black

Step 1
Open up the pad template. Left click the magic wand, using the settings from above, and left click the magic wand on the frame of the pad to select it. At the Material palette, left click on any color that you would like for the color of the frame so that it appears in the top color box. Left click the flood fill tool, and left click the flood fill tool inside the pad's frame. Go to Selections/Select None.

Step 2
Open up the artist supplies and copy and paste them on your image on separate layers. Make sure to paste the crayon, pencils, brush or makers above the pad template. Left click the mover tool and move the each image where you would like it. Once you place an art image (pencil, crayon, marker brush), go to Layers/Arrange/Move to Bottom so that the crayon, pencil, brush or maker is below the pad template and yet standing up beneath the pad. Copy and paste as many of the art images as you like, making sure that each is placed underneath the pad and that each can be seen on the tag.

Step 3
If you need to resize your images either larger or smaller, go to Image/Resize using the percent option, smart size and resize all layers NOT checked. Or you can use the Raster Deform Tool - see information below.

Raster Deform Tool
If you wish to angle your art graphics, click the raster deform tool and you will see nodes surrounding the graphic. If you look on the side mode, you will see that when you place your mouse there, you have two rounded arrows. That means that is the node that will rotate your images. Just left click where you see the two rounded arrows, and holding down your left mouse button, slowly rotate your image to the left or to the right.

To make your images larger, left click the top node, and holding down your left mouse button, move the node upward. Or left click the bottom node, and holding down your left mouse button, move the node downward. To make the image wider, left click the right side node and holding down your left mouse button, move the node outward to the right. To mkae the left side wider, left click the left side node, and holding down your left mouse button, move the node outward to the left.

Step 4
If you wish to add a drop shadow to these images, go to Effects/3D Effects/Drop Shadow and use the settings from above.

Step 5
Once you have all your images placed under the pad template, go to Layers/Merge/Merge Visible.

Step 6
Go to Layers/New Raster Layer and add your main tube image to the tag and resize as necessary and apply the drop shadow to the main tube image. Add your copyright/licensing information to the tag.

Step 7
Go to Layers/New Raster Layer and copy and paste the line art to the tag.

Step 8
Go to Layers/Merge/Merge Visible. Go to Layers/New Raster Layer and on this layer flood fill with the color of the background of the forum, blog or web site where you image will be shown. Go to Layers/Arrange/Send to Bottom.

Step 9
If you wish to have the crayon, going sideways at the bottom of the tag, add that now and use the Raster Deform tool to rotate it and resize it. Or you can go to Image/Rotate/Free Rotate with Direction left and 90 degrees. You can resize the image to make it larger by going to Image/Resize, using the percent option at 120%, Smart Size and resize all Layers NOT checked.

Step 10
Go to Layers/Merge/Merge Visible.

Step 11
Go to Layers/Duplicate. Keep duplicating the layers until you have 29 layers. Save as a psp or psd file.

Animation Shop - Adding the Animated Pencil

Step 1
At Animation Shop, locate the tag file and open it. Go to View/Normal Viewing. You should see 29 frames. Click the Control and A keys to activate all the frames.

Step 2
Open up the animated pencil and also go to View/Normal Viewing. There should also be 29 frames. Click the Control and A keys to activate all the frames. Go to Edit/Copy. Make the tag file active, making sure all the frames are activated. If they are not, then click the Control and A keys to activate all the frames. Go to the very first frame and go to Edit/Paste into selected frame. Holding down the left mouse button, place the animated pencil in the same spot as you see on my tag and release the left mouse button.

Saving the Animation

Step 1
Before we save the animation, click the Customize button to make sure you have all the correct settings for this animation. You should see two tabs: Colors and Optimizations.

Here is what each setting should be under the two separate tabs:

Colors
255 Colors, Optimized Octree and Error Diffusion should be checked.

Optimizations
The middle three selections should be checked.
The top and bottom selections - unchecked.

After customizing the animation settings, click Ok and click Next and you will get the following screens:

Screen 1 Animation versus output Size - just click next.
Screen 2 Optimization process - just click next.
Screen 3 Optimization preview - just click next.
Screen 4 Optimization results - click finish.

Step 2
Save the file as a gif file (without text). You will later add text and resave so you can make additional tags for friends and forum/group members.

Adding Signature Text in Paint Shop Pro

Step 1
Open up your tag file. Go to Layers/New Raster Layer. In Internet Explorer, open up the crayon font and minimize it. Left click the text tool. Locate the Crayon Alphabet font and make it about Size 36 with stroke set to O. Left click the bottom color box. When the color window opens, left click gradient. Select the rainbow gradient with angle set to 90 and repeats set to o. The top color box should be set to null. Add your text on the new layer. If you used Vector Text, make sure to convert the vector layer to a raster layer. Go to Edit/Copy.

Close the tag file. Do not save it. We only needed it for signature text placement.

Step 2
Go to Edit/Paste as New Image.

Step 3
Go to Edit/Copy.

Adding Signature Text in Animation Shop by Propagate Paste

Step 1
At Animation Shop, go to Edit/Paste as New Animation.

Step 2
Go to Edit/Copy. Go to Edit/Propagate Paste.

Step 3
Make your tag file active, making sure all the frames are activated. If not, click the Control and A keys to activate all the frames. Go to Edit/Paste into selected frame. Holding down the left mouse button, place the signature text exactly where you want it in the very first frame. Release the mouse button and the text should now be in all the frames. Resave your animation with a new name.

Comments and Sharing Your Results
Please do let me know how this tutorial worked for you. You can post your comments at the Blog and do email me your results so I can see!

Saturday, October 24, 2009

Twice Transmission Tag

Click for larger view.

For this tutorial you will need two Outside Filters:

DSB Flux - Linear Transmission Filter

VM Extravaganza - Transmission Filter (Do make sure you have the correct transmission filter - it needs to be part of the VM Extravaganza Collection).

This tutorial will be utilizing the following PSP Components:

Foreground/Background Gradient
Outside Filters
Resizing
Copy and Paste
Raster Deform

Crop Tool
Animation
Pasting Animation Files into Another
Changing Frame Properties


Needed:

Tubes of Choice (2):

Main Tube Image: The lovely tube image I am using is a Gorjuss image created by Suzanne Woolcott.

Small Tube Image for Bouncing Effect - Either use a tube from the same artist or use a clipart tube that does not require copyright information. Small tube image will have dimensions roughly with a width of 100 and height of 67.

There are no psp elements for this tutorial. All elements on your tag will be supplied by you!

Please note: DO NOT RESIZE the tag. By doing so, you will lose the look of the design. If you look at my resized smaller tag you will see that it does not match the full size tag when you click for the the larger view.

Settings Used in this Tutorial:

Drop Shadow:
Vertical Offset 2, Horizontal Offset 2, Opacity 80, Blur 5, Color Black

Free Hand Selection Tool (Lasso)
Set to Point to Point, Mode Add (Shift), Feather 0, Smoothing 2, Anti-Alias
checked

Font Used: Microsoft Sans Serif

Making the Basic Tag in Paint Shop Pro

Step 1
Open a new transparent image 600 width by 400 height. Left click the top color box at the Material Palette and select a deep color that coordinates with your main graphic.

Left click the bottom color box and either select a lighter variation of the same color family in the top color box or a color that coordinates well with the first color you selected.

Left click the top color box and when the color selection window opens, click the gradient tab and select, linear style, foreground-background with angle and repeats set to 0. Have invert checked.

Flood fill the transparency with this linear foreground-background gradient.

Step 2
Go to Image/Resize using the percent option at 90%, bicubic, and resize all layers NOT checked.

Step 3
Go to Effects/Plugins/VM Extravaganza/Transmission and use these settings:

Line Width 174, Offset 0, Contrast 40

Step 4
Go to Effects/Plugins/DSB Flux/Linear Transmission and use these settings:

Size 1, Offset 4, Blend -4 (to get to the minus 4, move the slider)

Go to Layers/Merge/Merge All (flatten).

Step 5
Open your tube graphic and make it active. Go to Edit/Copy. Make your tag image active and go to Edit/Paste as New Layer.

Step 6
If your image is too large, resize your image by going to Image/Resize, using the percent option and Resize all Layers NOT checked.

Step 7
Go to Effects/3D Effects/Drop Shadow and use the drop shadow settings from above.

Step 8
Go to Layers/New Raster Layer and add the licensing information.

Step 9 (Optional)
Add any additional decorations to your tag.

Step 10
Go to Layers/Merge/Merge All (flatten).

Step 11
Go to Layers/Duplicate. Left click the crop tool and draw a rectangle around all the areas you wish to keep eliminating all the extra white palette surrounding the tag. Double left click inside the rectangle and save this file as a psp file (without the text). This is your basic tag.

Creating the Text

Step 1
Have your Original Tag Open. Go to Layers/New Raster Layer and type in your text. Once you have your text typed, go to Edit/Cut. Now go to Edit/Paste as New Image. Close your original tag. We only wanted to know the where the text would be placed.

Step 2
Have your new text file open and go to Image/Canvas Size and make the width and height 600 just to give you plenty of room to work.

Step 3
Go to Layers/Duplicate so that you have your text on two layers. Open up the layer palette and left click the eye on the bottom layer to close it off. Make sure you are on the duplicate text layer.

Step 4
Left click the Freehand Selection Tool (Lasso) and use the settings from above. With the lasso tool, draw a selection around the middle letter of your text. Once you have the letter selected, go to Edit/Cut. Now go to Edit/Paste as New Layer. With your mover tool, move the letter back into place in your text.

Step 5
On the layer with your one letter of text, left click the raster deform tool. You will see that the letter is now surrounded by nodes. See example below:





Step 6
Holding down the left mouse button, left click the top middle node and move it downward so that the letter shrinks. See example below:



Step 7
Open up your layer palette. Your bottom layer (original text layer) should be closed off - red X on the eye of that layer. Go to the layer above it. Go to Layers/Merge/Merge Visible.

Step 8
Left click the red X on the bottom layer to open it. You should now have two layers of text. One layer has the original size text. The second layer has the text with one letter made much smaller.

Save this file as a psp file.

Adding the Smaller Tube Image to the Text for the Bounce Effect in Animation Shop

Step 1
In Animation Shop, open the text file and go to View/Normal Viewing so you can see the two frames. Go to View/Onion Skin Enabled. By doing this, you will be able to see the placement of images in prior frames on your present frame.

Step 2
Open up the small tube image you will be using. Go to Edit/Copy. Make the text file active and left click Frame 1 to activate it. Go to Edit/Paste into Selected Frame. Remember you had selected a letter in your text that has the regular size in Frame 1 and the smaller size in Frame 2. Holding down the left mouse button, place the smaller tube image above the regular sized letter in Frame 1 and release the left mouse button.

Step 3
Make Frame 2 active by left clicking it. Now go to Edit/Paste into Selected Frame. Holding down the left mouse button, place the smaller tube image directly on the smaller deformed letter and release the left mouse button.

Copying and Pasting the Text with Animation on the Tag File.

Step 1
Your text with animation file should be open. Click the Control and A Keys to activate all the frames. Go to Edit/Copy.

Step 2
Open up the tag file and click the Control and A Keys to activate all the frames. Go to Edit/Paste into Selected Frame. Go to the very first frame. Holding down the left mouse button, place the text with animation in Frame 1 exactly where you want it and release the left mouse button.

Step 3
Right click Frame 1 go to Frame Properties and left click. Type in 20.

Step 4
Right click Frame 2, go to Frame Properties and left click. Type in 30.

Saving the Animation

Step 1
Before we save the animation, click the Customize button to make sure you have all the correct settings for this animation. You should see two tabs: Colors and Optimizations.

Here is what each setting should be under the two separate tabs:

Colors
255 Colors, Optimized Median Cut and Error Diffusion should be checked.

Optimizations
The middle three selections should be checked.
The top and bottom selections - unchecked.

After customizing the animation settings, click Ok and click Next and you will get the following screens:

Screen 1 Animation versus output Size - just click next.
Screen 2 Optimization process - just click next.
Screen 3 Optimization preview - just click next.
Screen 4 Optimization results - click finish.

Step 2
Save the file as a gif file.

Comments and Sharing Your Results
Please do let me know how this tutorial worked for you. You can post your comments at the Blog and do email me your results so I can see!

Thursday, October 22, 2009

Happy Thanksgiving Tag

Click for larger view.

This tutorial will be utilizing the following PSP Components:

Foreground/Background Gradient
Resizing
Effects/Reflections Effects/Kaleidoscope
Colorizing
Animation
Pasting Animation Files into Another
Propagate Pasting Images on Frames in Animation Shop as well as text


Needed:

Tube of Choice: The lovely tube image I am using is a Gorjuss image created by Suzanne Woolcott.

The following are included in the zip file which you can download here:

Turkey tubed by me, Happy Thanksgiving word art by me, beautiful leaves in basket with rake and pumpkins were from Suzie Q's Paint Shop Pro Tubes, and awesome animated leaves created by Kat. Do visit Kat's wonderful blog located here.

Settings Used in this Tutorial:

Drop Shadow:
(
1) Vertical Offset 1, Horizontal Offset -1, Opacity 40, Blur 4, Color Black
(2) Vertical Offset -1, Horizontal Offset 1, Opacity 40, Blur 4, Color Black
(3) Vertical Offset 2, Horizontal Offset 2, Opacity 80, Blur 5, Color Black (used on text and can be applied to tube graphics, as well)

Making the Basic Tag in Paint Shop Pro

Step 1
Open up a new transparent image, 600 width by 600 height.

Step 2
At the Material Palette, in the top color box, select a light to medium color that coordinates with your graphic. In the bottom color box, select a deeper shade of the same color family.

Step 3
Left click the top color box and when the color selection window opens, click the gradient tab and select linear style, foreground/background with angle and repeats set to 0. Your gradient should now have the deeper color on the top and the lighter color on the bottom.
Flood fill the transparency with this gradient.

Step 4
Go to Image/Resize using the percent option at 70%, bicubic and resize all layers NOT checked.

Step 5
Go to Effects/Reflection Effects/Kaleidoscope and use these settings:

Horizontal offset -100, Vertical Offset -82, Rotation angle 36, Scale factor -54, Number of petals 16, Number of orbits 0, Radial suction 16, Edge Mode: Wrap

Step 6
Repeat Step 5 applying the kaleidoscope settings and erase all of the pixels that are not part of the kaleidoscope design.

Step 7
Go to Effects/3D Effects/Drop Shadow and apply the #1 drop shadow.

Step 8
Repeat Step 7 but apply the #2 Drop Shadow.

Step 9
Go to Layers/Duplicate. Go to Image/Resize using the percent option at 80%, bicubic and resize all layers not checked.

Step 10
Repeat Step 9 duplicating the layers and again resizing 80%.

Step 11
Go to Layers/Merge/Merge Visible.

Step 12
Copy and Paste the Happy Thanksgiving Word Art to the top of the tag. If you want a deeper shade, go to Adjust/Brightness and Contrast/Brightness/Contrast and use these settings: Brightness -43 (minus) and Contrast -13 (minus). Now Colorize the Word Art by going to Adjust/Hue and Saturation/Colorize and moving the sliders until you get a color that you like.

Step 13
Go to Layers/Merge/Merge Visible.

Step 14
Go to Image/Resize using the percent option at 90%, Bicubic and Resize all Layers NOT checked. Move the image toward the top of the palette to leave room below to add graphics and text.

Step 15
Go to Layers/New Raster Layer and flood fill this layer with the color of the background of the forum, web site or blog where your image will be shown. Go to Layers/Arrange/Send to Bottom

Step 16
Add your copyright information and go to Layers/Merge/Merge Visible.

Step 17
Go to Layers/Duplicate. Continuing duplicating until you have a total of 20 layers. Save this file as a psp or psd file. We will be adding the graphics on the tag in animation shop.

Step 18
The tube images supplied will need to be resized by 90% or smaller (except the turkey which should be fine as is) - so go ahead and resize and resave each of them now. We will add the graphics to the tag directly in animation shop. Should the images still need further resizing, resize and resave in Paint Shop Pro.

Adding the Graphics to the Tag in Animation Shop by Copy and Paste and Propagate Paste

Step 1
Open up your tag image. Go to View/Normal Viewing so you can see all the frames. There should be 20 frames. Click the Control and A keys to activate all the frames.

Step 2
Open up the leaf animation and go to View/Normal Viewing. Click the Control and A Keys to activate all the frames. Go to Animation/Resize Animation. We will be making the animation LARGER. Use Percentage of Original at 110%, Resize Type: Smart Size and Maintain Aspect Ratio checked. Go to Edit/Copy. Make the tag image active, making sure all the frames are activated . Go to the very first frame and go to Edit/Paste into Selected Frame. Holding down the left mouse button, go to the very first frame and place the leaf animation on the second tier area of the tag and release the left mouse button.

Step 3
Open up the pumpkin tube and go to Edit/Copy. Now go to Edit/Propagate Paste. Make the main tag image active, making sure all the frames are still activated. Go to the very first frame and go to Edit/Paste into Selected Frame. Holding down the left mouse button, place the pumpkins where you want them on the tag or use my tag as an example.

Read about Propagate Paste

The Propagate Paste function works as a control or switch that has been turned on. Once you have used the Propagate Paste function one time, and want to continue pasting one image or text file on all the animation frames, you can continue to do so. BUT, DO NOT GO TO EDIT/PROPAGATE PASTE. Instead, just go to Edit/Paste into Selected Frame. As long as you continue to have Animation Shop open, all pasting is done by Edit/Paste into Selected Frame.

Step 4
Open up the leaves and rake tube image. Again go to Edit/Copy. Make the tag image active (making sure all frames are activated). Go to the very first frame and go to Edit/Paste into Selected Frame. Holding down the left mouse button, place the leaves and rake exactly where you want it on the tag and release the left mouse button. Remember - DO NOT USE Propagate Paste since you already used it and opened that control.

Step 5
Continue copying and pasting your images for your tag as you did in Step 4.

Saving the Animation

Step 1
Before we save the animation, click the Customize button to make sure you have all the correct settings for this animation. You should see two tabs: Colors and Optimizations.

Here is what each setting should be under the two separate tabs:

Colors
255 Colors, Optimized Median Cut and Error Diffusion should be checked.

Optimizations
The middle three selections should be checked.
The top and bottom selections - unchecked.

After customizing the animation settings, click Ok and click Next and you will get the following screens:

Screen 1 Animation versus output Size - just click next.
Screen 2 Optimization process - just click next.
Screen 3 Optimization preview - just click next.
Screen 4 Optimization results - click finish.

Step 2
Save the file as a gif file. This is your template file. We will now add the signature text.

Adding Text in Paint Shop Pro

Open up Paint Shop Pro and create your text. Go to Edit/Copy. Open up Animation Shop and go to Edit/Paste as New Animation.

Copying and Pasting the Signature Text in Animation Shop

Make your text animation active and go to Edit/Copy. Make the tag image active, making sure all frames are activated. Go to the very first frame and go to Edit/Paste into Selected Frame. Holding down the left mouse button, place the text exactly where you want it and release the left mouse button. Again - DO NOT USE PROPAGATE PASTE because the control is already opened from the very first time you used this function. Resave the animation with a new name.

Comments and Sharing Your Results
Please do let me know how this tutorial worked for you. You can post your comments at the Blog and do email me your results so I can see!

Saturday, October 10, 2009

Friends Worldwide

Click for larger view.

This tutorial will be utilizing the following PSP Components:

Template

Copy and Paste into Selection
Layers
Magic Wand
Colorizing
Resizing
Animation

Pasting Animation Files into Another
Propagate Paste

Needed:

Tube of Choice: The lovely tube image I am using is a Gorjuss image created by Suzanne Woolcott.

The friends worldwide template with word art, animated globes small and large, created by me and world map can be downloaded here. Globes were created using the Ulead Gif-X program.

Settings Used in this Tutorial:

Magic Wand:
Mode: Add/Shift, Match Mode: RGB Value, Tolerance 46, Contiguous checked, Feather: 0, Anti-Alias checked and outside selected.

Drop Shadow: (Optional for tube image)
Vertical Offset 2, Horizontal Offset 2, Opacity 80, Blur 5, Color Black

Font Used: Andy

Making the Basic Tag

Step 1
Open up the Friends Worldwide Template and the World Map. Go to the layer with the white circle. Left click the magic wand using the settings from above and left click inside the circle to select it.

Step 2
Make the world map image active and go to Edit/Copy. Make the tag image active and go to Edit/Paste into Selection. Go to Selections/Select None.

Step 3
Open up your tube image and go to Edit/Copy. Make your tag active and go to Edit/Paste as New Layer. If the image needs to be resized, go to Image/Resize using the percent option, bicubic and resize all layers NOT checked. Make sure to paste your image in such a way that your continent is not covered up.

Step 4
If you wish to apply a drop shadow to your tube image, go to Effects/3D Effects/Drop Shadow and use the settings from above.

Step 5
Add the copyright and licensing information.

Step 6
Open up the word art layer. You can leave the word art with the original color or you can colorize it by going to Adjust/Hue and Saturation, Colorize and moving the sliders over until you get a color you like.

Step 7
Go to Layers/New Raster Layer. On this layer, flood fill with the color of the background of the blog, forum, or web site where you will be posting your tag. Go to Layers/Arrange/Send to Bottom.

Step 8
Go to Layers/Merge/Merge Visible and save this file as a psp or psd file without text.

Creating the Text File

Step 1
Open the tag file and on a new layer type in your text. Go to Edit/Cut and Go to Edit/Paste as New Image. Close your tag and do not resave it. We only needed the tag to see where the text would fit.

Save this file as a psp or psd file.

Animation Shop

Step 1
Open up the globe files (both the large and small) and go to View/Normal Viewing. You should have 15 frames for both these files. Click the Control and A Keys to activate all the frames.

Step 2
Open up the tag file which is only one frame. Go to View/Normal Viewing. Right click the first frame and go to duplicate selected and left click. Continue duplicating the frames until you have 15 frames (the same number as the globe animations). Click the Control and A Keys to activate all the frames.

Step 3
Make the small globe active. Go to Edit/Copy. Make the Tag file active and go to Edit/Paste into Selected Frame. Holding down the left mouse button, go to the very first frame and place the small globe next to the continent where you live.

Step 4
Make the large globe active. Go to Edit/Copy. Make the Tag file active and go to Edit/Paste into Selected Frame. Holding down the left mouse button, go to the very first frame and place the large globe at the bottom of the tag.

Adding the Text by Propagate Paste

Step 1
Open up the text file and go to Edit/Copy. Now go to Edit/Propagate Paste. Make your tag image active and go to Edit/Paste into Selected Frame. Holding down the left mouse button, go to the very first frame, place the text exactly where you want it, and release the left mouse button.

Saving the Animation

Step 1
Before we save the animation, click the Customize button to make sure you have all the correct settings for this animation. You should see two tabs: Colors and Optimizations.

Here is what each setting should be under the two separate tabs:

Colors
255 Colors, Optimized Median Cut and Error Diffusion should be checked.

Optimizations
The middle three selections should be checked.
The top and bottom selections - unchecked.

After customizing the animation settings, click Ok and click Next and you will get the following screens:

Screen 1 Animation versus output Size - just click next.
Screen 2 Optimization process - just click next.
Screen 3 Optimization preview - just click next.
Screen 4 Optimization results - click finish.

Step 2
Save the file as a gif file. Should you wish to make additional tags for friends and forum/group members, in Paint Shop Pro create the text files and save them. In Animation Shop, open up the animation you created and just copy and paste the text to the tag and save.

Comments and Sharing Your Results
Please do let me know how this tutorial worked for you. You can post your comments at the Blog and do email me your results so I can see!