seleneheart: (fine bean)
Raederle ([personal profile] seleneheart) wrote in [community profile] acme_graphics2007-01-02 10:03 pm
Entry tags:

Filmstrip Tutorial

Make your own custom filmstrip like this one. Made with PS CS2, I don't know if it's translatable to other programs. I know it won't work in PS Elements. Or . . . not very easily. Makes use of the pen tool.





Make a long narrow rectangle, I made one that was about 500px by 110px. Fill with white.

Put an anchor point with your pen tool a little bit down from the top of the rectangle on one side. Press shift-click on the other end to make a straight line.



Click on the brush tool, and load your square brushes. Choose a brush size that looks proportionally right for the size of your rectangle. Mine was 9px. Then change your spacing to something again that looks right for your image. My spacing was 129%.



Click on the path tool, and right click your path, and select "stroke path". Your squares should line up and be properly separated. If not, play with your brush settings. (Delete path when you're happy with how it looks).

Now, I'm anal about layers and put everything in it's own layer, but if you don't want to do that, save the next step until you finish your brushwork.

I wanted the little squares to have slightly rounded corners and not look quite so crisp, so I selected blur > box blur, and set the pixels to 1.

Then I made the line of squares at the bottom of the rectangle the same way, but on their own layer.

To make the big squares in the middle, I increased the tip size to 69px, and reduced the spacing to about 112%. Just try it and see what looks right. Stroke a path down the middle of your rectangle. Box blur these too.

Merge layers. Make a new layer and bring your squares layer to the top. Increase the canvas size so the height is about twice what it was.

Pick your move tool and check the box that says "show transform controls." Click anywhere on the image to change the dotted lines to solid. Then click on your warp toggle. You can use any of the preset shapes to transform your strip or your can grab the transform handles (little diamond things) and move it yourself.

This is the flag shape for instance:



I wanted something with less curve, so this is what my transform looked like:



Once it's curved however you like it, you can resize it for your needs, and turn it into a brush, a mask, a texture, whatever. You can grunge it up or rip it or scratch it.

Example icon with filmstrip just resized, rotated, and set to screen:

[identity profile] midknight-starr.livejournal.com 2007-01-03 04:52 am (UTC)(link)
Thanks for this tut! I can't wait to try it.

Putting in my mems :D

[identity profile] mss-celestal.livejournal.com 2007-01-03 06:26 am (UTC)(link)
Very cool, I'm definitely gonna have to mem this!

[identity profile] jigglypuff.livejournal.com 2007-01-03 01:27 pm (UTC)(link)
Impressive. ^_^ +mem'd, thanks.

[identity profile] pixisity.livejournal.com 2007-01-03 08:56 pm (UTC)(link)
Interesting tutorial. I had hoped it would work in PS7 but it appears there are no square brushes. (unless I make 'em myself...*grins*) I'll have a go sometime and maybe let ya know how it works out :)

Thanks and I'm putting it in memories too.