Jump to content

How to make a Picture Filmstrip


cjmcguinness

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

This tutorial will show you how to create a filmstrip style frame for your pictures.

You will need to download and install the Tube Oblique plugin to complete this tutorial.

This strip will be setup to contain images in a 4:3 aspect ratio.

Start with a canvas size of 420w x 440h. Set your Primary colour to Black and fill the canvas.

EFFECTS > Add Noise: Intensity 64 (default), Colour Saturation 0.

EFFECTS > Blurs > Unfocus at 50px

ADJUSTMENTS > Sepia. This will give your 'filmstrip' a nice brownish camera film type of colour.

Using the Rectangle Select tool, draw a rectangle area that is 420px wide and 30px high, positioned 25px from the top of the canvas.

You can draw a base rectangle and use the Move Selection tool to resize and reposition. Use the information in the bottom right of the screen to get the correct size and position.

1

Create a new layer (CTRL+SHIFT+N).

Choose the Line/Curve tool, set Primary Colour to White, Secondary Colour to Black.

Set your Brush Width at 30 and your line style to Dotted.

Starting inside the left of your selected area, left-click and draw a line from left to right.

2

Now, with the dotted line still selected press CTRL+C to copy and CTRL+V to paste. By default the Move Selected Pixels tool will have been selected, so use the mouse to click and drag this selection to the bottom of the strip, make sure that it is offset 25px from the bottom.

3

Press CTRL+D to deselect and, EFFECTS > NOISE > Median: Radius 5, Percentile 50.

4

Use the rectangle select tool again and draw a rectangle that is 400 x 300 pixels, positioned 10,70 from the top left. Fill this rectangle white.

5

Select the Magic Wand tool and set the tolerance at 0%

Hold the SHIFT button and click in the main white area; this will highlight all the white areas.

Go to the Background layer and press Delete. You can now delete later 2.

6

Use the Rectangle Select tool and, holt the SHIFT key to draw a square about 100 x 100 pixels. Choose the Move Selection tool and, right-click to rotate the square to 45 degrees. Move the selected square to the bottom right of your canvas so that it is only covering a small potion in the corner measuring 20 x 20.

7

Press the Delete key to get rid of this corner. Repeat this process on the opposite corner.

Now, you need to decide how many frames are going to be in your film strip. I am going to do five here.

Set the Alpha Transparency of your Secondary Colour to 0 (zero). Then select IMAGE > Canvas Size.

Untick, Maintain Aspect Ratio and make sure the Anchor is set to Left.

You need to adjust the size of your canvas width depending on how many frames you want. I am using 5 frames, so I am changing the width of the canvas to 2100 (420x5).

8

Zoom out to 50% so you can see all the canvas. Now, use the Magic Wand tool again and, holding the SHIFT key click anywhere in transparent area, then press CTRL+I to invert selection.

Press CTRL+C to copy and CTRL+V to paste. Use the Move Selected pixels tool to move the selection to the right and position it.

Press CTRL+V again to paste another copy and move this into position. Repeat this another two times until the canvas is filled.

9

You'll need to have your filmstrip images prepared, cropped and resized to 400 x 300px.

Open each in a new image within PDN.

Go to your first image and press CTRL+A to select all and CTRL+C to copy.

Go back to your Filmstrip image and press CTRL+V to paste. Use the mouse and the arrow keys to position within the image window.

10

Repeat this by selecting your images one-by-one and copying them then returning to your filmstrip and pasting and positioning.

11

Press F4 to access the Layer Properties and set the Opacity at 230 (this will make your filmstrip slightly transparent) - this is optional.

Now, press CTRL+SHIFT+R to access the Canvas Size and, this time changing the Anchor to Bottom, change the canvas size to 2400 x 1200

12

EFFECTS > Distort > Tube Oblique: Horizontal 0, Vertical anything from 20 - 50, whichever suits best for your purpose.

13

You can now resize and or rotate your image to suit. Try producing multiple strips with different curvatures using the Tube Oblique effect and adjoin them to make a longer curved strip.

You can also add a Drop Shadow for effect - you will need the Drop Shadow plugin.

14

  • Upvote 1

PKRM.png

PKRG.pngPKRT.pngPKRD.pngPKRP.png

Link to comment
Share on other sites

Draw with a transparent color (ie its alpha = 0) instead of drawing with white and deleting it afterwards.

No. Way. I've just seen Bob. And... *poof!*—just like that—he disappears into the mist again. ~Helio

Link to comment
Share on other sites

Draw with a transparent color (ie its alpha = 0) instead of drawing with white and deleting it afterwards.

Yes, good suggestion. That would have saved creating the extra layer.

You'd have to remember to change the Blending Mode to Overwrite as well.

PKRM.png

PKRG.pngPKRT.pngPKRD.pngPKRP.png

Link to comment
Share on other sites

Once i created the box and go to use the dotted line style i can't . No where on mine can i find anywhere to change the line style, i have fill: then different things but in that there is nothing even remotely similiar to what you have.

can anyone point me in the right direction ?

Thankyou

Link to comment
Share on other sites

Once i created the box and go to use the dotted line style i can't . No where on mine can i find anywhere to change the line style, i have fill: then different things but in that there is nothing even remotely similiar to what you have.

can anyone point me in the right direction ?

Thankyou

flyby,

The ability to change the line style was introduced in v3.07b

A stable release of 3.07 is now available from the Paint.NET website

Download and install the latest version and you will have access to this feature.

PKRM.png

PKRG.pngPKRT.pngPKRD.pngPKRP.png

Link to comment
Share on other sites

I went to download it and it turns out i already had that version, and i still cant find that line thingy,

Can anyone help me ?

I really need to be able to do this just my luck i cant find it !!

Link to comment
Share on other sites

really loved this tut. very well done. managed to follow all the steps and the pictures showing each step were spot on.

My shaky hands had a trouble lining up the one negative square along the 2100 strip so just saved the one and then made new image canvas size to fit the five items and used photo flood fill and then removed the white.

was able to follow on from there with good results.

especially liked learning that I could make that 100 x 100 box and rotate never knew that before what a left click could give.

very good and useful all around.

two thumbs up.

OMA

Link to comment
Share on other sites

  • 2 months later...

When I have selected the white with the magic wand and got background and delete, it just does a white fill, it does not delete it. What am I doing wrong?

Link to comment
Share on other sites

When I have selected the white with the magic wand and got background and delete, it just does a white fill, it does not delete it. What am I doing wrong?

When you are preparing to delete the white areas you should have 2 layers. The top layer has the white areas and the bottom layer is completely black.

Use the magic wand on the top layer, hold the [sHIFT] key and left-click to select all the white. Try this extra step... Uncheck the top layer so that it is not visible, you should now see the background (black) layer, with all the areas that were white still selected.

The focus will automatically change to the bottom layer - now press the Delete key. The selected areas should now be deleted and you should be able to see the checkerboard in the empty spaces.

Hope this helps

-CJ

PKRM.png

PKRG.pngPKRT.pngPKRD.pngPKRP.png

Link to comment
Share on other sites

  • 2 months later...
When I have selected the white with the magic wand and got background and delete, it just does a white fill, it does not delete it. What am I doing wrong?

Also, make sure that you're pressing the key that says "Delete" ,not just the backspace key.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...