El tutorial de hoy está inspirado en esas imágenes divididas en partes iguales a modo de mosaico que tantas veces hemos podido ver en tiendas de fotografía o web de fotografía y retoque digital.

Yo, personalmente, voy a crear uno cuadrado pero esto va a gusto del consumidor. El resultado final debe ser algo parecido a esto:

Merece la pena pasar un rato pensando en como vamos a conseguir ese resultado. Hay varias formas de conseguirlo. La que os explico es la que yo usé a la hora de atacar el trabajo.

Lo primero y más fácil, es conseguir una imagen cuadrada de calidad suficiente como para aplicarle este efecto. Si no tenemos una imagen cuadrada pero sí un detalle de una foto que puede servir, pues problema resuelto, porque recortamos ese detalle de forma cuadrada y listo.

En segundo y último lugar, debemos decidir con que medida lo vamos a imprimir y luego cuanto medirá cada uno de los elementos que compondrán el lienzo. El resto ya es tarea de Photoshop.

En mi caso la imagen la voy a imprimir a un tamaño de 21 cm. Los cuadrados serán de 6×6 cm, el espaciado entre uno y otro de 0,5 cm y el borde de la fotografía será de 1 cm.

Manos a la obra:

1) Abrimos Photoshop y creamos una nueva imagen de 21×21 cm y de 300 píxeles/pulgada de resolución con blanco como color de fondo.

2) Añadimos una nueva capa vacía y creamos con la herramienta Marco rectangular, una selección cuadrada de 6×6 cm. Facilita la labor escoger el Estilo -> Tamaño fijo 60mm de ancho y de alto. Una vez creada la selección es esa nueva capa ALT+DEL para rellenarla de color negro, es decir, con el color frontal. Situamos el cuadrado en la esquina superior izquierda dejando más o menos el margen de 1 cm. en blanco. Bien ya tenemos la primera capa con el cuadrado correspondiente.

3) Ahora hay que hacer lo mismo 8 veces más pero poniendo cada cuadrado en la parte que le corresponde. ¿Difícil? No, hombre no. Para eso están los atajos de teclado. Con CTRL+J duplicamos la capa activa.

4) Ahora hay que situar el cuadrado de cada capa en el lugar justo que le corresponde. Para ello haremos uso de las guías activándolas con CTRL+’  y las Guías inteligentes, que podemos activar desde Vista -> Mostrar -> Guías inteligentes. Dependiendo del Photoshop que tengamos quizá no tengamos esta última opción. Elegiremos la herramienta Mover con la opción Seleccionar automáticamente marcada para no tener que ir moviéndonos por la pestaña de capas e iremos posicionando los cuadrados negros ayudándonos de las guías.

5) Cuando ya lo tengamos, podemos darle un toque personal al mosaico tordiendo alguno de los cuadrados. Para ello nos situamos en la capa pulsamos CTRL+T y torcemos un poco el cuadrado. No debemos pasarnos ya que es muy fácil pasar del toque original al desconcierto total. Ahora deberíamos tener algo así.

6) Ahora podemos desmarcar la visibilidad de la capa fondo clicando en el ojo de esta capa, para que no se muestre. A continuación seleccionamos las 9 capas superiores que contienen los cuadrados negros y las combinamos en una única capa con Capa -> Combinar visibles o bien clicando botón derecho estando encima de una de las 9 capas seleccionadas y cogiendo la opción Combinar visibles como muestra la siguiente captura.

Ahora tendremos una capa con los 9 cuadrados y ya no podremos retocarlos individualmente. Por tanto, la tarea de de combinar hay que realizarla una vez estemos seguros que no vamos a cambiar nada.

Si ya está hecho, ahora aplicaremos el Efecto de Sombra paralela pulsando dos veces al lado del nombre de la capa. En el desplegable marcaremos Sombra paralela y ajustaremos sus deslizantes hasta dar con los resultados que buscamos.

Ahora toca buscar y abrir la imagen que hayamos elegido. Para ajustarla al tamaño de nuestro mosaico elegiremos con la herramienta de marco rectangular y con proporción fija 21×21, tanto de alto como de ancho. Centramos nuestra imagen, la recortamos y cambiamos su tamaño a 21 cm de alto por otro tanto de ancho. Una vez hecho, seleccionamos la imagen, la copiaremos y la pegaremos en la imagen creada de los cuadrados. Debe rellenar completamente el espacio, si no es así es que ambas imágenes difieren en su resolución (píxeles por pulgada), por tanto, ya sabemos lo que hay que arreglar. En ambos casos debe ser de 300ppp.

La capa de la imagen debe estar arriba de todo y debajo la capa combinada con los 9 cuadrados. Algo parecido a:

La imagen cubre completamente los cuadrados. Si queremos hacer que sólo cubra las partes interiores de los mismos, las partes de color negro debemos pulsar la tecla ALT y hacer click en la unión de ambas capas, así enlazaremos las capas (observaremos una flecha que las une en la ventana de capas) y la superior sólo aparecerá en el interior de los cuadrados negros de la inferior. Justo el efecto que perseguíamos.

Si queremos añadir nuestra firma, ahora es el momento. Creamos una capa de texto, elegimos la fuente deseada, escribimos nuestro (c) y lo inclinamos un poquito para que quede mejor. Luego lo situamos en el último cuadrado y voilà, ya está nuestra creación.