voltear, reflejar y rotar diseños y patrones de imagen en Photoshop

en un tutorial anterior de efectos fotográficos, aprendimos a crear un efecto espejo simple en Photoshop volteando un lado de una imagen horizontalmente para crear un reflejo del otro lado., En este tutorial, vamos a tomar la misma idea básica e ir mucho más lejos con ella, creando efectos interesantes, diseños y patrones simplemente volteando, girando y reflejando la misma imagen una y otra vez! También experimentaremos con los modos de fusión de capas de Photoshop para ver cómo los diferentes modos de fusión pueden cambiar drásticamente nuestros resultados.

para seguir, puedes usar cualquier imagen que te guste, pero a menudo obtendrás los mejores resultados si la imagen contiene muchos detalles.

Aquí está la foto que usaré (foto de flores de Adobe Stock):

y aquí hay un ejemplo del tipo de diseño que podemos crear a partir de él en solo unos sencillos pasos. Veremos otros ejemplos a medida que avanzamos. Cada foto te dará resultados únicos, así que una vez que sepas cómo crear el efecto, pruébalo con diferentes tipos de imágenes para ver lo que se te ocurre:

¡comencemos!

descargue este tutorial como un PDF listo para imprimir!,

cómo voltear, reflejar y rotar imágenes en Photoshop

para este tutorial, estoy usando Photoshop CC, pero cada paso es compatible con Photoshop CS6 y anteriores.

También puede seguir junto con mi video de este tutorial en nuestro canal de YouTube. O descargue este tutorial en formato PDF y obtenga mi nueva guía completa sobre los modos de mezcla de capas como un bono!

Paso 1: recortar la foto si es necesario

para comenzar, vamos a recortar cualquier área de nuestra imagen que realmente no necesitamos para este efecto. Si no necesitas recortar tu imagen, puedes saltar al paso 2.,

en general, querrás recortar alrededor de tu sujeto, eliminando cualquier área circundante de bajo detalle (como cielos azules claros) que realmente no agregará nada al resultado final. En mi caso, la imagen que estoy usando realmente no tiene áreas de bajo detalle. De hecho, está prácticamente floreciendo con detalles (un poco de humor de flores allí). Podría usar toda la foto como está y terminar con un diseño realmente loco. Pero para simplificar un poco las cosas, voy a recortar algunas de las flores.,

para recortar la imagen, seleccione la herramienta Recortar de Photoshop en la barra de herramientas situada a la izquierda de la pantalla:

con la herramienta Recortar seleccionada, asegúrese de que eliminar píxeles recortados está marcada en la barra de opciones, ya que necesitamos eliminar realmente los píxeles recortados, no solo ocultarlos de la vista (Nota: la opción Eliminar píxeles recortados solo está disponible en Photoshop CC y CS6., Si está utilizando una versión anterior, Photoshop elimina los píxeles de forma predeterminada para que no tenga que preocuparse por ello):

a continuación, haga clic y arrastre un borde de recorte alrededor del área que desea conservar. En mi caso, arrastraré el borde alrededor del lado derecho de la imagen. Esto significa que mantendré el lado derecho y recortaré el lado izquierdo:

presione Enter (Win)/Return (Mac) en su teclado cuando esté listo para recortar la imagen:

Paso 2: duplicar la capa de fondo

Si miramos en nuestro panel de capas, vemos nuestra imagen sentada en la capa de fondo, actualmente la única capa en el documento:

necesitamos crear una copia de esta capa., Para ello, haga clic en la capa de fondo y arrástrela hacia abajo en el icono de Nueva capa en la parte inferior del panel Capas (segundo icono desde la derecha):

Photoshop hace una copia de la capa de fondo, la nombra «copia de fondo» y la coloca por encima del original:

Paso 3: doble el ancho del lienzo

vaya al menú Imagen en la parte superior de la pantalla y elija tamaño del lienzo:

esto abre el cuadro de diálogo Tamaño de lienzo de Photoshop que usaremos para agregar más espacio de lienzo alrededor de nuestra foto. Necesitamos duplicar el ancho actual de nuestro lienzo, y queremos que todo el espacio adicional del lienzo aparezca a la derecha de nuestra imagen., Para hacer eso, establezca el valor de ancho en 200 por ciento y deje la altura en 100 por ciento (lo que dejará la altura del lienzo en su tamaño actual). Deje la opción relativa sin marcar. Para forzar el espacio adicional del lienzo a la derecha de la foto, haga clic en el cuadrado central izquierdo en la cuadrícula de anclaje:

Haga clic en Aceptar cuando haya terminado de cerrar el cuadro de diálogo. Photoshop duplica el ancho del lienzo, agregando todo el espacio adicional a la derecha de la foto., De forma predeterminada, Photoshop llena el espacio de lienzo adicional con blanco. Si, por alguna razón, el tuyo no es blanco, no te preocupes porque no es importante:

Paso 4: arrastre La foto en la capa «copia de fondo» a la derecha

ahora que hemos agregado nuestro espacio de lienzo adicional, necesitamos arrastrar la copia de nuestra foto en la capa «copia de fondo» en la nueva área. Seleccione la herramienta Mover de Photoshop en la barra de herramientas:

asegúrese de que la capa» copia de fondo » esté seleccionada en el panel Capas. Mantenga presionada la tecla Mayús, luego haga clic en la foto y arrástrela hacia el lado derecho de la imagen original. Mantener presionada la tecla Mayús mientras arrastras limitará la dirección en la que puedes moverte, por lo que es fácil arrastrar directamente. Cuando haya terminado, suelte el botón del ratón, luego suelte la tecla Mayús. Ahora debería ver dos copias de la foto sentadas una al lado de la otra:

Paso 5: voltear la imagen de la derecha horizontalmente

hasta ahora, todo lo que tenemos son dos gemelos idénticos. Vamos a crear nuestro primer efecto espejo volteando la imagen de la derecha horizontalmente para que aparezca como un reflejo de la de la izquierda. Para hacer eso, vaya al menú Editar en la parte superior de la pantalla, Elija transformar y luego elija Voltear Horizontal:

La foto de la derecha se convierte instantáneamente en un reflejo espejo de la foto de la izquierda, creando nuestro primer efecto:

Paso 6: fusionar las dos capas

hasta ahora, muy bien, pero como dicen, pero acabamos de empezar. Vamos a fusionar nuestras dos capas en una sola capa subiendo al menú de capas en la parte superior de la pantalla y eligiendo Merge Down:

nada parece haber sucedido en el documento, pero si miramos nuestro panel Capas, vemos que nuestras dos capas se han fusionado en una sola capa de fondo:

Paso 7: duplicar la capa

Al igual que hicimos en El Paso 2, vamos a duplicar la capa de fondo haciendo clic en ella y arrastrándola hacia abajo en el icono de Nueva Capa:

Photoshop duplica nuevamente la capa de fondo, la nombra «copia de fondo» y la coloca por encima del original:

Paso 8: doblar la altura del lienzo

vamos a crear otro reflejo de nuestra imagen, esta vez verticalmente. Para eso, necesitamos duplicar la altura de nuestro lienzo y hacer que el nuevo espacio del lienzo aparezca debajo de nuestra imagen existente., Volvamos a abrir el cuadro de diálogo Tamaño del lienzo subiendo al menú Imagen en la parte superior de la pantalla y eligiendo Tamaño del lienzo:

Cuando aparezca el cuadro de diálogo, establezca el ancho en 100 por ciento (lo que dejará el ancho en su tamaño actual) y el alto en 200 por ciento. Una vez más, deje la opción relativa sin marcar., Para forzar que el espacio adicional aparezca debajo de la imagen, haga clic en el cuadrado central superior en la cuadrícula de anclaje:

Haga clic en Aceptar para cerrar el cuadro de diálogo. Photoshop agrega el espacio de lienzo adicional debajo de la imagen. Si no puede ver todo el lienzo en este punto porque ahora es demasiado grande para caber en su pantalla, vaya al menú Ver y elija el comando Ajustar en pantalla, o presione Ctrl+0 (Win) / comando+0 (Mac) en su teclado., Photoshop ampliará el documento a cualquier nivel necesario para que se ajuste:

Paso 9: arrastre la imagen debajo del original

con la herramienta Mover aún seleccionada y la capa» copia de fondo » seleccionada en el panel Capas, haga clic en la imagen y arrástrela hacia abajo en el espacio de lienzo adicional., Mantenga presionada la tecla Mayús mientras arrastra para limitar la dirección en la que puede moverse, lo que facilita arrastrar la foto directamente hacia abajo:

Paso 10: voltear la imagen inferior verticalmente

para convertir la imagen inferior en un reflejo espejo de la superior, Vaya al menú Editar, elija transformar y luego elija Voltear Vertical:

ahora tenemos nuestro segundo reflejo de espejo, esta vez verticalmente. Las cosas ya están empezando a parecer interesantes:

paso 11: fusionar ambas capas en una nueva capa

hasta ahora, todo lo que hemos estado haciendo es hacer copias de la imagen y voltearlas horizontal o verticalmente. Vamos a ver cuánto más podemos llevar las cosas girando copias de la imagen y probando diferentes modos de mezcla de capas!

primero, fusionemos nuestras dos capas existentes en una nueva capa., Para ello, mantenga presionada la tecla Alt (Win) / Option (Mac) en su teclado. Mientras mantiene presionada la tecla, vaya al menú de capas en la parte superior de la pantalla y elija fusionar Visible cerca de la parte inferior de la lista:

normalmente, el comando Merge Visible habría fusionado nuestras dos capas en una sola capa, al igual que el comando Merge Down lo hizo anteriormente., Pero al mantener presionada la tecla Alt / opción mientras seleccionábamos Merge Visible, le dijimos a Photoshop que creara una nueva capa y fusionara nuestras capas existentes en la nueva capa.

podemos ver en nuestro panel de capas que ahora tenemos una tercera capa, llamada «capa 1», y podemos ver en su miniatura de vista previa que contiene una copia fusionada de las imágenes de las dos capas originales debajo de ella:

paso 12: gire la nueva capa 90° en el sentido de las agujas del reloj

vamos a girar la imagen en «capa 1»., Vaya al menú Editar, elija transformar y luego elija girar 90° en sentido horario:

esto girará la capa 90° en el sentido de las agujas del reloj, dejando las dos capas debajo de ella en su orientación original:

descargue este tutorial como un PDF listo para imprimir!

paso 13: recortar el documento alrededor de la imagen rotada

a continuación, recortaremos el documento alrededor de la imagen rotada., Mantenga presionada la tecla Ctrl (Win)/comando (Mac) en su teclado y haga clic directamente en la miniatura de vista previa de «capa 1» en el panel Capas:

esto carga un contorno de selección alrededor de la imagen girada. Con la selección en su lugar, vaya al menú Imagen en la parte superior de la pantalla y elija recortar:

Photoshop recorta las áreas por encima y por debajo de la imagen., Para eliminar el esquema de selección ya que ya no lo necesitamos, vaya al menú seleccionar en la parte superior de la pantalla y elija Deseleccionar, o presione Ctrl+D (Win) / comando+D (Mac) en su teclado:

ahora que hemos recortado la parte superior e inferior, todo lo que podemos ver ahora es nuestra imagen girada. Lo arreglaremos a continuación cuando comencemos a experimentar con los modos de mezcla de capas de Photoshop:

Paso 14: experimenta con los modos de mezcla de capas

en este punto, las cosas comienzan a ser un poco más experimentales y una cuestión de gusto personal. Actualmente, la imagen en «capa 1» está bloqueando completamente las capas debajo de ella de la vista, que no es lo que queremos. Necesitamos mezclar nuestra capa superior con las capas inferiores, y podemos hacerlo cambiando el modo de fusión de la capa.

encontrará la opción Modo de fusión en la parte superior izquierda del panel Capas. No dice «modo de fusión» en ninguna parte, pero es la opción que está establecida en Normal por defecto., «Normal» significa que la capa no se está mezclando en absoluto con las capas debajo de ella. Sólo los está bloqueando de la vista. Vamos a probar algunos modos de mezcla diferentes para ver lo que obtenemos. Comenzaré cambiando mi modo de fusión de Normal a multiplicar:

El modo de mezcla multiplicar hace un buen trabajo al mezclar mis imágenes para crear un diseño interesante., Pero dado que Multiply es uno de los varios modos de fusión en Photoshop que tiene el efecto de oscurecer la imagen general, podemos ver que el efecto que creó es un poco más oscuro que el que teníamos antes:

probaré un modo de mezcla diferente, esta vez Lighten:

aclarar es uno de los varios modos de fusión que hacen que la imagen general sea más brillante., Funciona comparando los píxeles de la capa seleccionada con los píxeles de las capas inferiores y, a continuación, manteniendo los píxeles que sean más ligeros. Aquí vemos que definitivamente ha alegrado las cosas, y me ha dado otro diseño interesante. Personalmente, me gusta mucho más este:

si quieres algo más psicodélico, prueba los modos de mezcla diferencia o exclusión. Probaré Difference:

El modo de mezcla de diferencias busca diferencias entre la capa y las capas inferiores y, a continuación, muestra esas diferencias como colores diferentes. Fiel a su nombre, el resultado definitivamente se ve diferente:

recorriendo los modos de fusión desde el teclado

hasta ahora, he estado haciendo clic en la opción Modo de fusión en el panel Capas y luego eligiendo las aleatorias para probar de la lista. Pero aquí hay una manera mucho más fácil de probar los modos de mezcla., Asegúrese de que todavía tiene la herramienta Mover seleccionada. Luego, simplemente mantenga presionada la tecla Mayús en su teclado y use las teclas + y – para subir o bajar por la lista.

Después de probarlos todos, creo que me quedaré con el modo de fusión aclarar. Es posible que prefiera un modo de fusión diferente para su imagen, pero en este caso, aclarar me da el resultado que más me gusta.

paso 15: fusionar ambas capas en una nueva capa

intentemos hacer una copia más de la imagen, rotándola y luego cambiando su modo de fusión para ver qué obtenemos. Primero, fusionaremos las tres capas en una nueva capa., Una vez más presione y mantenga presionada la tecla Alt (Win) / Option (Mac) mientras sube al menú de capas y elige fusionar Visible:

esto fusiona las tres capas en una cuarta capa, «capa 2», por encima de ellas:

paso 16: gire la nueva capa 45°

con «capa 2» seleccionada, vaya al menú Editar, elija transformar y luego elija girar:

luego, en la barra de Opciones en la parte superior de la pantalla, ingrese 45.0 en el cuadro de entrada de ángulo para decirle a Photoshop que gire la imagen en «capa 2» 45° en el sentido de las agujas del reloj:

presione Enter (Win) / Return (Mac) en su teclado una vez para aceptar el ángulo que ha introducido, luego presione Enter (Win) / Return (Mac) una segunda vez para salir del comando rotar. Aquí está mi diseño con la imagen superior ahora rotada:

paso 17: cambiar el modo de fusión

finalmente, Pruebe diferentes modos de fusión como lo hicimos antes para ver cómo cada uno afecta la forma en que la imagen girada en «capa 2» se mezcla con las capas debajo de ella., Una vez más, la forma más fácil de hacerlo es manteniendo pulsada la tecla Mayús y utilizando las teclas + y – para recorrer los modos de fusión.

después de probarlos todos, esta vez voy a ir con el modo de mezcla de Color más oscuro. Al igual que el modo de mezcla multiplicar que probamos anteriormente, el Color más oscuro también oscurece la imagen, pero es un poco más avanzado. Funciona comparando los píxeles de la capa seleccionada con los píxeles de las capas inferiores y, a continuación, mantiene los píxeles más oscuros:

y aquí está el resultado:

por supuesto, siempre puede volver a este punto y cambiar el modo de mezcla para «Capa 1» si desea seguir experimentando. Para hacer eso, voy a hacer clic en «capa 1» para seleccionarlo. Luego, cambiaré su modo de fusión a algo completamente diferente, como luminosidad:

El modo de fusión luminosidad mezcla la luminancia (los valores de brillo) de la capa seleccionada con los colores de las capas inferiores, y aquí vemos que crea un resultado muy diferente de los ejemplos anteriores que hemos visto:

finalmente, haré clic en «capa 2» para volver a seleccionarla. Luego cambiaré su modo de fusión a Color:

El modo de mezcla de color de Photoshop es lo opuesto a luminosidad., Combina el color de la capa seleccionada con la luminancia de las capas de abajo. En otras palabras, colorea la imagen, dándonos otro resultado único:

por supuesto, no necesita saber cómo funcionan cada uno de los 27 modos de mezcla de capas diferentes de Photoshop (a partir de Photoshop CC 2017) para crear este efecto. Todo lo que realmente necesita saber es cómo recorrerlos y elegir el que más le guste. Sin embargo, hay un puñado de modos de fusión que usará todo el tiempo en su trabajo de Photoshop., Para aprender todo sobre ellos, echa un vistazo a nuestro tutorial de cinco modos de mezcla esenciales de Photoshop.

y ahí lo tenemos! Así es como crear diseños y patrones interesantes con una imagen simplemente volteándola, rotándola y duplicándola, y experimentando con los modos de mezcla de capas, en Photoshop. Para obtener tutoriales similares, consulte nuestro efecto de imagen espejo o nuestros tutoriales mezclar texturas con fotos. O visite nuestra sección de efectos fotográficos para obtener más tutoriales de efectos de Photoshop!