Salta al contingut principal

Recreate a film contact sheet in Photoshop

Recreate a film contact sheet in Photoshop:
Photoshop tricks: how to recreate a film contact sheet
In the days of the darkroom, film would be chopped into fours or sixes then lined up and used to create a contact sheet. In most cases, this served as a useful overview of the roll of film, but there are more creative possibilities. We can achieve similar results in Photoshop from a single image by making a duplicate layer for each contact sheet window to recreate the effect of an old film contact sheet.
The key to this technique is the option to unlink the image part of a layer from its Layer Mask so each can be moved independently of the other.
The beauty is that you can tweak the position of any window at any stage, so no individual crop is set in stone. As an added bonus, there’s a selection of contact sheet templates among this month’s project files.
Recreate a film contact sheet in Photoshop: step 1
01 Copy in contact sheet

Open your start image and a contact sheet frame in Photoshop (download free photo frames and borders here). Grab the Move tool and make sure ‘Auto-Select Layer’ and ‘Show Transform Controls’ are checked in the Options bar. Drag the contact sheet up to the tab of the image of St Paul’s Cathedral and down to copy the layer over.
Recreate a film contact sheet in Photoshop: step 2
02 Make 20 duplicates

Position the contact sheet over the image then grab the Crop tool and crop the edges where the background overlaps on the left and right. Next, highlight the Background Layer and press Cmd/Ctrl+J 20 times to create 20 duplicates.
Recreate a film contact sheet in Photoshop: step 3
03 Make a mask

Grab the Rectangular Marquee tool then drag a selection box around the top middle window. Next, click the Add Layer Mask icon to convert the selection into a Layer Mask. The only part of that layer that’s now visible is the area in white on the Layer Mask thumbnail.
Recreate a film contact sheet in Photoshop: step 4
04 Unlink the mask

In the Layers Panel, click on the little chain link between the layer thumbnail and the mask thumbnail. Next, highlight the layer thumbnail and grab the Move tool. Click on the bounding box to enter Transform mode and offset the frame by moving, rotating and resizing. Hold down Shift while resizing to constrain the proportions of the box.
Recreate a film contact sheet in Photoshop: step 5
05 Repeat for other squares

Now we need to repeat the process for the next 19 windows. So highlight the layer below, make a rectangular selection over the next window and convert it to a Layer Mask. Unlink the mask thumbnail, highlight the layer thumbnail and use the Move tool to transform the layer. Then repeat!
Recreate a film contact sheet in Photoshop: step 6
06 Convert to mono

Highlight the top layer then click the Create Adjustment Layer icon and choose Black and White. Next, add a Curves Adjustment Layer and draw an S-shaped curve to boost contrast. Use further Adjustment Layers to make any other tweaks you think are necessary. We’ve added a Gradient Map here to give a sepia finish.
READ MORE
See more of our Photoshop Effects explained

Download 25 free triptych photo frames for Photoshop

100 free Photoshop textures to download now

Comentaris

Entrades populars d'aquest blog

15 Tutoriales CSS3 para mejorar tus paginas web

15 Tutoriales CSS3 para mejorar tus paginas web : Les dejo una pequeña recopilación de tutoriales CSS3 que espero sean de utilidad para ustedes, intentamos hacer una recopilación bastante completa para crear impresionantes diseños web con CSS3 y aprovechar las bondades de CSS3 incluso para aplicar efectos, son un total de 15 tutoriales CSS3 gratis . Crear menu dropdown con CSS3 Crear breadcrumbs con estilo Transiciones de paginas con CSS3 Crear timeline con CSS3 y jQuery Reproductor de video con HTML5, CSS3 y jQuery Crear efecto acordion CSS3 Aplicar degradado a texto Crear texto en curva con CSS3 y jQuery Aplicar textura a texto con Magic Pill Crear slider de imagenes con CSS3 y jQuery Rotar texto con CSS3 Crear menu vertical con CSS3 Crear formulario con HTML5 y CSS3 Crear efecto de imagenes apiladas con CSS3 Aplicar estilos para imagenes con CSS3  

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows]

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows] : El actual “cuello de botella” en nuestras PCs; es decir, donde todo el rendimiento de nuestra PC llega a estancarse , es en el Disco Duro. Si bien los procesadores han evolucionado considerablemente en velocidad / rendimiento, el RAM no sólo es más económico, sino más veloz, y las tarjetas de video siguen innovando con cada generación, los discos duros han permanecido idénticos desde hace años, limitados por la física. Y es que un disco duro tradicional sólo tiene un máximo de velocidad con el que puede girar (medido en revoluciones por minuto, o RPM) que, a su vez, limita la velocidad de lectura y escritura. En pocas palabras, a pesar de que nuestras PCs pueden procesar información mucho más rápido que hace 5 años, los discos duros siguen leyendo (y escribiendo) esta información prácticamente a la misma velocidad. Esto ha cambiado con la llegada de los SSD, los Discos de Estado Sólo que no están limitados por la velo...

Cómo programar add-ons en XBMC: Un add-on más completo

Este tutorial forma parte de la serie Cómo programar un add-on de XBMC Estamos a mitad de camino de este tutorial, pero ya tienes el conocimiento necesario para hacer un add-on bastante completo. Espero que a estas alturas ya te hayas convencido de que es algo relativamente sencillo sin necesidad de saber demasiado de programación. Y ya sabes cómo obtener datos de una página HTML usando expresiones regulares, que es lo más difícil. Así que antes de entrar en la recta final vamos construir un add-on paso a paso desde cero, con el objetivo de afianzar lo que has aprendido en las entregas anteriores y de paso divertirte un poco. Te aconsejo que elijas un sitio web que te guste como fuente de vídeos, para mí he elegido hacer un add-on completo que permita ver los vídeos de Disney Junior tanto en la web oficial como en YouTube. No se trata de un add-on demasiado complejo, como podrás comprobar enseguida, pero no va a desmerecer en nada a cualquiera de los que puedes encontrar publicados en...