Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Adobe Photoshop

Cómo crear una acción de efecto de clonación colorido en Adobe Photoshop

by
Read Time:7 minsLanguages:
This post is part of a series called Music Video Inspired Effects.
Solarized Like Zayn: The Digital Sabattier Effect for Surreal Portraits
Create a Glass Shard Reflection Double Exposure Effect in Adobe Photoshop

Spanish (Español) translation by Rosario (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Los vídeos musicales suelen estar a la vanguardia de la expresión creativa de una cultura, tanto en términos de música como de efectos visuales. También son una excelente fuente de inspiración creativa. En esta serie de tutoriales, veremos cómo utilizar Photoshop para reproducir algunos de los efectos más llamativos.

En este tutorial vamos un poco más allá de la creación del efecto: registramos los pasos como una acción de Photoshop. Las acciones son un recurso excelente para poder producir rápidamente un efecto complejo con sólo pulsar un botón. Por ejemplo, tómate un momento para echar un vistazo a las impresionantes acciones disponibles en Envato Market.

1. Recopilación de recursos

Empecemos por echar un vistazo a la inspiración de este efecto. Se trata del maravilloso y colorido vídeo musical de la canción Lush Life de Zara Larsson. El efecto en el que queremos centrarnos es el de los clones coloridos, que se ve sobre todo en los minutos 0:35, 1:04, 1:58 y 3:07.

No sólo queremos reproducir el efecto, sino que nos gustaría crearlo como una acción para que sea fácil de aplicar a otras imágenes.

El efecto funcionará mejor en una imagen en la que la modelo esté aislada sobre un fondo blanco puro, como esta imagen de una hermosa chica rubia con minifalda y sombrero de verano disponible en Envato Market.

beautiful blond girl in mini-skirt with summer hatbeautiful blond girl in mini-skirt with summer hatbeautiful blond girl in mini-skirt with summer hat
Envato Market

2. Graba la acción

El efecto es relativamente sencillo de realizar en Photoshop. Pero si quieres crear una Acción fiable, algunos de los pasos no son muy intuitivos. Esto se debe a que la acción necesita funcionar correctamente en imágenes de diferentes tamaños, por lo que algunos pasos necesitan utilizar el posicionamiento de tamaño relativo en lugar de las medidas absolutas de píxeles. De lo contrario, si una imagen es demasiado pequeña, el efecto no se mantendrá dentro del tamaño del lienzo.

Hay que especificar que la acción también requerirá que la imagen inicial sea una sola capa de fondo, y que tenga una selección activa alrededor del/la modelo.

Paso 1

Comprueba que el archivo tiene una sola capa de fondo. Si no es así, ve a Capa > Acoplar imagen. A continuación, utiliza la herramienta Selección rápida (W) para crear una selección alrededor del/la modelo. Este será el punto de partida de cualquier imagen para la que se utilice la acción.

Begin with a flattened file and a selection around the modelBegin with a flattened file and a selection around the modelBegin with a flattened file and a selection around the model

Paso 2

Abre el panel de Acciones con Ventana > Acciones (Alt-F9) y utiliza el icono al pie del panel de Acciones para Crear nueva acción. Nombra la acción "Clones de colores". En cuanto pulses el botón Grabar, ten en cuenta cada paso que des, ya que Photoshop está grabando tus acciones.

Begin recording a new ActionBegin recording a new ActionBegin recording a new Action

Paso 3

Ve a Capa > Nueva > Capa Vía Copiar (Control-J), haz doble clic en el nombre de la capa y llámala "Copia 1".

Create a new copy of the selected modelCreate a new copy of the selected modelCreate a new copy of the selected model

Paso 4

Crea cuatro copias más de la capa y nómbralas en serie "Copia 2", "Copia 3", "Copia 4" , y "Copia 5". Asegúrate de cambiar el nombre de cada capa a medida que la creas; no esperes hasta que todas las copias estén hechas. Se corre el riesgo de que la acción no sea capaz de detectar la capa correcta a renombrar cuando se reproduzca.

Create four more copiesCreate four more copiesCreate four more copies

Paso 5

Es necesario ampliar el lienzo para crear espacio para el efecto. Ve a Imagen > Tamaño del lienzo (Alt-Control-C), establece las medidas en porcentaje, e introduce 280% para el Ancho. El uso de porcentajes implica que la acción funcionará en imágenes de múltiples tamaños, no sólo en esta dimensión exacta de píxeles. Establece el punto de anclaje en el centro derecho y el Color de la extensión de lienzo en Blanco.

Extend the canvas to make room for the effectExtend the canvas to make room for the effectExtend the canvas to make room for the effect

Paso 6

Ve a Selección> Todo (Control-A) para seleccionar todo el lienzo. A continuación, ve a Selección > Modificar > Contraer, contrae la selección en 150 px, y activa la opción Aplicar efecto en los límites del lienzo. Esto inserta la selección en 150 píxeles.

Create an inset selectionCreate an inset selectionCreate an inset selection

Paso 7

Selecciona la capa Copia 4 y ve a Capa > Alinear capas con la selección > Bordes izquierdos para mover la copia al extremo del lienzo. Luego ve a Selección > Deseleccionar (Control-D) para cancelar la selección.

Align the Copy 4 to the left edge of the selectionAlign the Copy 4 to the left edge of the selectionAlign the Copy 4 to the left edge of the selection

Paso 8

Mantén pulsado el botón Control y haz clic en cada una de las capas de Copia 1, 2, 3 y 5. De este modo, las cinco capas de copia deben ser seleccionadas.

Nota: No utilices el método Shift-seleccionar para seleccionar el grupo de ellas al mismo tiempo, ya que ese método no es fiable con una acción. Cada capa debe ser seleccionada específicamente por su nombre en el script de la acción.

Select all the copy layersSelect all the copy layersSelect all the copy layers

Paso 9

Ve a Capa > Distribuir > Centros horizontales para organizar las capas en el lienzo.

Distribute the copiesDistribute the copiesDistribute the copies

Paso 10

Ajusta la Opacidad de las capas de la siguiente manera:

  • Copia 4: 50%
  • Copia 1: 60%
  • Copia 2: 70%
  • Copia 3: 80%
Set the Opacity for the copiesSet the Opacity for the copiesSet the Opacity for the copies

Paso 11

Utiliza de nuevo el método Control-clic para seleccionar cada una de las capas de copia 1-4 y ve a Capa > Combinar capas (Control-E) y cambia el nombre de la capa combinada a "Clones".

Merge the copies 1 - 4 into a single layerMerge the copies 1 - 4 into a single layerMerge the copies 1 - 4 into a single layer

Paso 12

Establece el color de Primer plano en un rosa intenso (e50fed) y el color de Fondo en un verde neón: (30ff07). A continuación, ve a Capa > Nueva capa de relleno > Degradado, deja el nombre como el predeterminado "Relleno de degradado 1", y utiliza los siguientes ajustes para el relleno de degradado:

  • Degradado: Primer plano a fondo
  • Ángulo: 45
  • Escala: 100%
  • Activar la opción Alinear con capa
Add a Gradient Fill layerAdd a Gradient Fill layerAdd a Gradient Fill layer

Paso 13

Establece el color de Primer plano en un amarillo brillante (f7fa04) y el color de Fondo en un azul neón (0719ff). A continuación, ve a Capa > Nueva capa de relleno > Degradado, deja el nombre como el predeterminado "Relleno de degradado 2", y utiliza los siguientes ajustes para el relleno de degradado:

  • Degradado: Primer plano a fondo
  • Ángulo: 315
  • Escala: 100%
  • Activa la opción Alinear con capa
Add a second gradient fill layerAdd a second gradient fill layerAdd a second gradient fill layer

Paso 14

Ajusta el modo de fusión de la segunda capa de degradado a Luz fuerte para crear este efecto de degradado cuatricolor. A continuación, presiona la tecla Control y selecciona las dos capas de relleno de degradado y combínalas con Capa > Combinar capas (Control-E). Cambia el nombre de la capa combinada a "rellenodecolor".

Merge the gradient fills into a single layerMerge the gradient fills into a single layerMerge the gradient fills into a single layer

Paso 15

Ve a Capa > Crear máscara de recorte (Alt-Control-G) para recortar la capa de relleno de color a la capa de Clones.

Clip the color gradient to the clones layerClip the color gradient to the clones layerClip the color gradient to the clones layer

Paso 16

Selecciona la capa Clones y crea una nueva copia de la misma con Capa > Nueva > Capa Vía Copiar (Control-J). Esto añade una nueva copia de la capa, pero observa que la capa de relleno de color está ahora recortada a la copia.

Copy the clones layerCopy the clones layerCopy the clones layer

Paso 17

Es necesario reposicionar la capa de clones original sobre la capa de relleno de color, pero reordenar las capas en el panel Capas no es fiable en las acciones. En su lugar, selecciona la capa de Clones y ve a Capa > Organizar > Traer al frente (Shift-Control-]).

Move the original clone layer to the topMove the original clone layer to the topMove the original clone layer to the top

Paso 18

Ahora ve a Capa > Organizar > Enviar detrás (Control-[) para mover la capa de Clones hacia abajo un punto en el orden de las capas. Luego cambia el modo de fusión a Luminosidad y reduce la Opacidad al 65%.

Move the layer again and set the blending mode and opacityMove the layer again and set the blending mode and opacityMove the layer again and set the blending mode and opacity

Paso 19

En el panel de acciones, pulsa el botón Detener para detener la grabación.

Stop the action recordingStop the action recordingStop the action recording

3. Prueba y edición de la acción

El objetivo de una acción es poder utilizarla para crear este efecto en otras imágenes de forma rápida y sencilla. Si la acción no es muy flexible, su utilidad se ve muy limitada.

Paso 1

Vuelve a abrir la imagen inicial que se utilizó para crear la acción. Crea de nuevo una selección con la herramienta Selección rápida. En el panel Acciones, busca la parte superior de la acción Clones de colores y pulsa el botón Reproducir.

Test the ActionTest the ActionTest the Action

El resultado final debe ser idéntico al creado durante la grabación de la acción.

Final EffectFinal EffectFinal Effect

Paso 2

Abre una imagen diferente y prueba de nuevo. Lo ideal es que la prueba se realice con imágenes de distintos tamaños, ya que es poco probable que siempre quiera utilizar la acción en el mismo tamaño de imagen.

test the action on other images tootest the action on other images tootest the action on other images too
Juguete de conejito

Paso 3

Si detectas un problema con la reproducción de la acción, ve al menú del panel Acciones y selecciona Opciones de reproducción. A continuación, cambia la configuración de Rendimiento a Paso a paso. Esto significa que la acción se reproducirá más lentamente, para que puedas ver dónde podría haber algún error.

Use the Step by Step setting for troubleshootingUse the Step by Step setting for troubleshootingUse the Step by Step setting for troubleshooting

Paso 4

Si hay que corregir algo, no es necesario volver a grabar toda la acción. Los pasos se pueden mover o eliminar del script de la acción, o incluso se puede empezar a grabar nuevos pasos a mitad de la acción. Sólo tienes que seleccionar el paso, en el script de la acción, donde debe ocurrir el nuevo procedimiento y pulsar el botón de grabar. Photoshop insertará los nuevos pasos en el script de la acción en ese momento. Luego, cuando hayas terminado, pulsa el botón detener y prueba la acción de nuevo.

Edit the action instead of starting overEdit the action instead of starting overEdit the action instead of starting over

Disfruta de la acción terminada

Una vez terminada la acción, disfruta de la libertad que te proporciona. Puedes crear fácilmente este divertido y colorido efecto de clones en cualquier momento y...

Lush Life music video inspired effectLush Life music video inspired effectLush Life music video inspired effect

... ¡con cualquier imagen que quieras!

Plush Life bunny effectPlush Life bunny effectPlush Life bunny effect

¿Necesitas más ayuda?

¿Quieres aprender más sobre la creación de Acciones en Photoshop? Consulta mi curso "Cómo crear tus propias acciones en Adobe Photoshop".

One subscription.
Unlimited Downloads.
Get unlimited downloads