Behind Bars

Harlekina, thank you very much for your permission that I may translate your tutorials.

Unfortunately her site is no longer online.

 

This lesson was made in PSP X2, but can also be made in the other versions.

 

For this lesson your need Animation Shop (AS)

and the following plugins:

Adjust - Variatons

Eye Candy 4000 - Bevel Boss.

You can download the plugin

 

you can download the materials.

It contains: 16 tubes - 5 patterns.

 

Tube aLtaLe_Parknut is by Parknut.

I did removed the chain she was holding in her hands.

If that's a problem, please let me know and I will place the original tube in the zip file.

The rest of the materials Harlekina personally edited.

 

Preparation:

Place a copy of pattern 'metal019' in your Texture folder.

Place the other patterns in your Pattern folder.

 

* *Step 1 **

Set your foreground color to #14142c.

Set your background color to white.

Open a transparent image of 365 x 235 pixels.

Flood fill your image with your foreground color.

 

* *Step 2 **

Layers - new raster layer.

Flood fill this layer with pattern 'metal017' (or choose an other pattern).

Click on your Selection tool.

Custom selection - with these settings:

Effects - Plugins - Eye Candy 4000 - Bevel Boss

click on tab Lighting - with these settings:

Click on tab Basic - with these settings:

Selections - Invert.

Effects - Plugins - Eye Candy 4000 - Bevel Boss - same settings as before.

Selections - Select none.

 

** Step 3 **

Set your foreground to gradient 'Foreground-background' - Linear - Angle 0 - Repeats 1 - Invert not checked.

Layers - New raster layer.

Click on your Selection tool.

Custom selection - with these settings:

Flood fill the selection with your gradient.

 

** Step 4 **

Layers - New raster layer.

Set your foreground to pattern 'metal019'.

Check Texture - also find pattern 'metal019' - with these settings:

Flood fill the selection with this pattern.

Selections - Select none.

Set the Blend mode of this layer to Hard light.

Lower the Opacity of this layer to 75.

Effects - Edge effects - Enhance.

Layers - Merge - Merge down.

Layers - Duplicate - Image - Flip.

Layers - Duplicate - Image - Mirror.

Layers - Duplicate - Image - Flip.

Layers - Merge - Merge visible.

 

** Step 5 **

Layers - New raster layer.

Click on your Selection tool.

Custom selection - with these settings:

Set your foreground to gradient 'Foreground-background' - Linear - Angle 90 - Repeats 1 - Invert not checked.

Flood fill the selection with this gradient.

 

** Step 6 **

Layers - New raster layer.

Flood fill the selection with Pattern and Texture with the same settings as in step 4.

Selections - Select none.

Set the Blend mode of this layer to Hard light.

Lower the Opacity of this layer to 75.

Effects - Edge effects - Enhance.

Layers - Merge - Merge down.

Layers - Duplicate - Image - Mirror.

Layers - Merge - Merge down.

 

** Step 7 **

Layers - New raster layer.

Activate your Selection tool.

Custom selection - with these settings:

Set your foreground to gradient 'Foreground-background' - Linear - Angle 0 - Repeats 1 - Invert not checked.

Flood fill the selection with this gradient.

Layers - New raster layer.

Flood fill the selection with Pattern and Texture with the same settings as in step 4.

Selections - Select none.

Set the Blend mode of this layer to Hard light.

Lower the Opacity of this layer to 75.

Effects - Edge effects - Enhance.

Layers - Merge - Merge down.

Layers - Duplicate - Image - Flip.

Layers - Duplicate - Image - Mirror.

Layers - Duplicate - Image - Flip.

Close the bottom layers.

Activate one of the other layers.

Layers - Merge - Merge visible.

Save your crea as a PSP-image, because we now continue with a new image.

 

** Step 8 **

Open a new transparent image of 700 x 400 pixels.

Flood fill this image with your foreground color.

Click on your Selection tool.

Custom selection - with these settings:

Selections - Modify - Select selection borders - with these settings:

Layers - New raster layer.

Flood fill the selection with your background color (white).

Selections - Select none.

 

** Step 9 **

Activate your Magic wand - click in the border you just made.

Layers - New raster layer.

Copy tube 'achtergrond'.

Paste into the selection.

Selections - Select none.

 

** Step 10 **

Copy tube 'window - behindbars'.

Paste as a new layer on your working image.

Move the window to the left.

Place on the right side on the white border (which can no longer be visible).

Lower the Opacity to momentarily at 50, so you can easily see if it's on the right position - see image below:

If the window is on the right place, set the Opacity back to 100.

 

** Step 11 **

Layers - New raster layer.

Click on your Selection tool.

Custom selection - with these settings:

Flood fill the selection with the following gradient: Linear - Angle 90 - Repeats 1 - Invert not checked.

Selections - Modify - Contract - 1 pixel.

Layers - New raster layer.

Flood fill the selection with Pattern and Texture with the same settings as in step 4.

Selections - Select none.

Set the Blend mode of this layer to Hard light.

Lower the Opacity of this layer to 65.

Effects - Edge effects - Enhance.

Layers - Merge - Merge down.

 

** Step 12 **

Layers - Duplicate.

Effects - Image effects - Offset - with these settings:

Layers - Merge - Merge down.

Layers - Duplicate.

Effects - Image effects - Offset - 60 - 0 - Custom and Transparant checked.

Layers - Duplicate.

Effects - Image effects - Offset - 60 - 0 - Custom and Transparant checked.

Layers - Merge - Merge down - repeat 1x, so that the bars are merged.

If everything went well, you now have 6 bars.

Layers - Duplicate.

Effects - Image effects - Offset - 180 - 0 - Custom and Transparant checked.

Layers - Merge - Merge down.

Move the bars a little to the left so that they better fit in the framework.

Close the layer with the bars for now.

 

** Step 13 **

Activate the layer with the skeletons (the layer below the layer with the bars).

Copy tube 'aLtaLe_Parknut'.

Paste as a new layer on your working image.

Image - Resize - 3x 80% - All layers not checked.

Place her behind the bars.

Take another moment to see if the hand of the woman are behind the bars and good to see.

Pull the hands a bit from each other with your Selection tool (Distortion tool) - press K key - see image below:

Activate your Freehand selection - Feather and Fluent at 2.

Select a piece of the hands - see image below:

Layers - Promote selection to layer.

Selections - Select none.

Layers - Arrange - Move up - repeat 1x.

Now you can see the hand before the bars:

 

** Step 14 **

Activate your top layer.

Layers - New raster layer.

Selections - Select all.

Copy tube 'achtergrond1'.

Paste into the selection.

 

** Step 15 **

Layers - New raster layer.

Set your foreground to pattern - find pattern 'metal019' - Angle 0 - Scale 75.

Flood fill this layer with this pattern.

Set the Blend mode of this layer to Hard light.

Lower the Opacity of this layer to 50.

Layers - Merge - Merge down.

 

** Step 16 **

Activate the second layer from the bottom, the layer with the white border.

Activate your Magic wand - Feather to 10.

Click on the outside of the white border.

Selections - Invert.

Activate the top layer - press delete 2 times.

Selections - Select none.

 

** Step 17 **

Copy tube 'moonlight-birds'.

Paste as a new layer on your working image.

Place them upper right - see main image.

Close all layers except the bottom two.

The layer with the background and the layer with the white border remain open.

Copy the gate you made in the beginning.

Paste as a new layer on your working image.

Place it exactly in the white border.

 

** Step 18 **

Copy the vertical pipes of the image with the port.

Paste as a new layer on your working image.

Place them exactly on the horizontal pipes of the port.

If all went well, it looks like this:

You can close the gate layer, or remove it when you are sure that you don't have to move vertical pipes.

But you can also remove it at the last moment, so you can still check if they are in the right position.

 

** Step 19 **

Activate your top layer.

Copy tube 'window-behindbars01'.

Paste as a new layer on your working image.

Place this tube exactly over the other so it fits nicely on all sides.

 

** Step 20 **

Copy tube '69_by_meizer'.

Paste as a new layer on your working image.

Image - Resize - 3x 80% - All layers not checked.

Place this tube on the right, so it looks if it comes from the crack in the wall - see main image.

Lower the Opacity of this layer to 85.

 

** Step 21 **

Copy tube 'Masterofdead'.

Paste as a new layer on your working image.

Image - Resize - 2x 80% - All layers not checked - repeat 1x with 90%.

Place him on the right side.

Effects - 3D effects - Drop shadow:

Vert -17 (minus 17) - Hor -56 (minus 56) - Opacity 35 - Blur 5 - color black.

 

** Step 22 **

Copy tube 'Black Cat2'.

Paste as a new layer on your working image.

Image - Resize - 5x 80% - All layers not checked.

Place it totaly to the right - see main image.

Lower the Opacity of this layer to 50.

Layers - Duplicate.

For a nice effect, you can select his eyes with your Freehand selection - Feather 2.

Layers - Promote selection to layer.

Effects - Plugins - Adjust - Variatons - click 1x on Original - click 2x on More Yellow (or an other color you prefer).

Selections - Select none.

Layers - Merge - Merge down (the top 2 layers).

You can Merge them all, but you can also leave it this way and use it in the animation by open and close this layer.

 

** Step 23 **

Copy tube 'Black Cat'.

Paste as a new layer on your working image.

Image - Resize - 3x 80% - All layers not checked.

Place it in the center below.

Effects - 3D effects - Drop shadow:

Vert -19 (minus 19) - Hor -15 (minus 15) - Opacity 40 - Blur 5 - color black.

 

** Step 24 **

Copy tube 'gothic-nights'.

Paste as a new layer on your working image.

Image - Resize - 2x 80% - All layers not checked.

Image - Mirror.

Place it against the left edge.

Effects - 3D effects - Drop shadow - same settings as the last time.

 

** Step 25 **

Add your name and/or watermark.

Layers - New raster layer.

Selections - Select all.

Image - Crop to selection.

This way you are sure that everything is straight cut.

If you don't, it's likely that the animation is not going well.

Selections - Select all.

Selections - Modify - Contract - 2 pixels.

Selections - Invert.

Flood fill the selection with black or a color from your picture.

Selections - Select none.

If you didn't remove the gate layer, do it now, after you checked that the verticale pipes are still on there place.

 

** Step 26 **

You now continue with the port!

Activate your image with the port you made earlier.

Open tube 'lock&keys.

Copy layer 'schuif' (slide).

Paste as a new layer on your working image.

Image - Resize - 2x 80% - All layers not checked.

Place it on the right side of the gate, be sure that the beginning of the 'schuifpin' is along the seam, otherwise a part of this will go with the left gate and the rest with the right gate.

You can also make an animation of it, so that the 'schuifpin' (slide pin) close and opens.

In step 29 you can read how to make the 'slide' (schuif) animation.

 

** Step 27 **

Open tube 'lock&keys'

Copy layer 'slot' (lock).

Paste as a new layer on your working image.

Image - Resize - 2x 80% - All layers not checked.

Place this on the left side of the gate, but so that it's central with the 'schuif' and ofcourse also here make sure that it's on the left seam of the gate.

Do you want the lock and the slide have an older look, this is how you do that:

Selections - Select all.

Selections - Float - Selections - Defloat.

 

** Step 28 **

Layers - New raster layer.

Flood fill this layer with your pattern, texture checked - same settings as before.

Flood fill the selection with your pattern.

Selections - Select none.

Set the Blend mode of this layer to Hard light.

Lower the Opacity of this layer to 50.

Layers - Merge - Merge down.

 

** Step 29 **

Making the animation for the 'slide' (schuifje).

Duplicate the layer with the 'slide' (schuifje).

Activate your Freehand selection - Feather 1.

Select the fore- and back side of the slide (the two protuding pins).

Layers - Promote selection to layer.

Selections - Select none.

Effects - Image effects - Offset - 5.

Layers - Arrange - Move down.

Activate the 'slide' (schuifje) again.

Select only the pin on the front - press delete.

Selections - Select none.

Layers - Merge - Merge down.

Close the layer with the 'slide' (schuifje).

Leave the layer with the 'slide' (schuifje) open.

 

THE ANIMATION:

Animation of the gate:

 

** Step 30 **

Remove the layer with the vertical bars, you have them already on your creation.

If you made the animation for the 'slide' (schuifje), check first that the layer is closed.

If you have made an animation from the cat's eyes, close one of the layers.

Layers - Merge - Merge visible.

Copy this layer.

To AS: Paste as a new animation.

Effects - Insert image transition - choose Curtains from the Effect drop down menu - with these settings:

 

** Step 31 **

Click in frame 31 - keep the Shift key down and click in the last frame.

Press delete.

Click in frame 2 - keep the Shift key down and click in frame29.

Copy these frames.

Click in frame 30 - Edit - Paste - After current frame.

Animation - Cull animation - 2 - click OK.

Animation - Reverse frames.

Click in frame 1 - Edit - Select all (Ctrl+A).

Again: Animation - Cull animation - 2 - click OK.

You now have 22 frames left.

 

** Step 32 **

Back to PSP.

Did you made the animation for the 'slide' (schuifje)?

Close the layer with the long pin.

Open the other 'slide' (schuifje), where you have shifted the pin.

Edit - Copy merged (Ctrl+Shift+C).

To AS: Select the first frame Edit - Paste - Before current frame.

Now your animation has 23 frames.

 

** Step 33 **

Back to PSP.

Activate your big picture.

Activate the second layer from below, the layer with the white edge.

Layers - Arrange - Move up - repeat 2x.

You now can see the white border on the frame.

Close all layers.

Now open the following layers, start from below:

1. The bottom layer with the blue background.

2. The second layer, with the picture with the background.

3. The third layer with the picture of the woman.

4. The fourth layer with the frame.

5. The layer with the white border.

6. The layer with the bars.

7. And the last one: the layer with the hands of the woman.

The other layers all remain closed!!!

Edit - Copy merged (Ctrl+Shift+C).

To AS: Edit - Paste - As a new animation.

Click 1x Ctrl+C - click now 21x Ctrl+L.

You now have 22 frames (at least if the animation from the gate has 22 frames, otherwise adapt to the number of frames of the gate, did you also made the animation of the lock, then paste 22x after current frame).

Activate all frames of the gate animation.

Edit - Select all - Edit - Copy.

Activate your main animation.

Edit - Paste - In selected frame, but beware: just release the mouse button when the gate is right in the white border!

 

** Step 34 **

Back to PSP.

Open all layers, but close the layers you just used.

That is the layer with the hand of the woman, but if you didn't remove the layer of the gate, close it or remove it.

Edit - Copy merged.

To AS: Edit - Paste - As a new animation.

Click in frame 1.

Click 1x Ctrl+C - click now 21x Ctrl+L.

You now have 22 frames.

Click in frame 1 - Edit - Select all (Crtl+A) - Edit - Copy (Ctrl+C).

Activate your main animation.

Make sure all frames are selected (Edit - Select all if not).

Make sure frame 1 is in front of you.

Edit - Paste - In selected frame.

Release the mouse button, when the picture is exactly in the frame!

 

** Step 35 **

Now you have to adjust the animation.

NOTE: the numbers of the frames may be different, that depends also on whether you have done the sliding animation or not.

Click in frame nr. 1 - you can see a blue border around it.

Animation - Frame properties - 200.

If you have made the animation for the slide, click in frame nr. 2.

Animation - Frame properties - 75.

From here: if you didn't made the slide animation - each frame will be a number lower!!!

Click now in frame nr. 3, hold the Shift key while clicking in frame nr. 15.

set the frame properties to 15.

Click in frame nr. 16 - set the frame properties to 200.

This is the frame before the gate is closing, which can vary.

To check this, you slide the slider below the frames until you see the gate closes.

Now you click in frame nr. 17.

Hold the Shift key while clicking in the last frame.

Set the frame properties to 7.

 

** Step 36 **

View - Animation.

You now can see how your animation looks.

If you're satisfied:

Animation - Resize - 600 pixels on the longest side or the size of the rules of the forum.

File - Optimalization Wizard.

Click Next - click Adjust - with these settings:

Click on tab 'Optimalizations' - with these settings:

Click Next 3x - click Finish.

File - Save as.

Save your crea as a gif file and you're done!

With this optimization you still have a file over 1 MB, but this way I find him the best, but it is well.

If you find it too big, you can remove some frames as discribed in step 30, but then you must also adjust the speed a bit till you are satisfied.

 

I hope you enjoyed making this lesson :-)

 

Harlekina All rights reserved

February 1, 2010

 

If you have questions or anything els to report, please mail me, I will react as soon as possible.

Do you want your result in my Guestbook?

I would appreciate it, if it's not greather than 500 pixels on the longest side.

 

Translated by Zial on April 26, 2012

 

Back