Cómo crear un efecto de collage de fotos utilizando acciones de Photoshop

Lo que vas a crear

En este tutorial, te mostraré cómo agregar un efecto de foto simple mediante acciones en Adobe Photoshop. Primero, editaremos el fondo y luego colocaremos el objeto en un conjunto de formas. Cada paso se registrará en acciones que se pueden utilizar en cualquier foto..

Al final, también le mostraré cómo automatizar las acciones mediante el uso de JavaScript.

Hay muchas plantillas de fotos, como este efecto, disponibles en Envato Market..

Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial:

  • Puente
  • Centro recreativo turístico ucraniano

1. Establecer el fondo para la acción

Paso 1

Primero, toma la foto que quieras editar. Aquí, vamos a utilizar una foto de archivo de Envato Market..

Paso 2

Vamos a empezar a crear nuestra acción. Queremos ponerlo en un conjunto separado para facilitar la gestión. Abre el Comportamiento panelF9) y luego haga clic en Nuevo set icono. Nombra el conjunto y luego haz clic DE ACUERDO. Pondremos la acción dentro de este conjunto..

Paso 3

Haga clic en el Nueva accion icono y nombre Fondo mudo. Hacer clic Grabar Para comenzar a grabar todos nuestros pasos en Photoshop. A partir de este momento, les insto a que estén atentos a la Comportamiento panel. No quieres tener una acción desordenada llena de pasos innecesarios.

Etapa 4

Haga clic en el Añadir capa de ajuste icono y luego seleccione Niveles.

Paso 5

Arrastra la flecha negra sobre la Niveles de salida parámetro a la derecha. Al hacer esto, la imagen se desvanece y nos da espacio para agregar un efecto especial a la foto..

Tenga en cuenta que las dos cosas que acaba de hacer se han registrado en el Comportamiento panel. La primera acción está completa. Golpea el Detener icono en la parte inferior de la Comportamiento Panel para detener el proceso de grabación..

2. Crea el marco

Paso 1

Continuemos con el siguiente paso. Vamos a agregar una forma rectangular a la foto y luego recuperar su imagen original. En el Comportamiento panel, haga clic en el Nueva accion Icono para crear una nueva acción..

Paso 2

Selecciona el Herramienta rectangular. Utilizar Forma modo con negro como el Llenar color.

Haz clic y arrastra para dibujar una forma rectangular negra..

Deberías ver eso Hacer capa de relleno Se añade al final de la acción actual..


Paso 3

Haga doble clic la forma de la capa y luego establecer Modo de mezcla: Pantalla y Nocaut: profundo. Cuando Knockear se establece en Profundo, La capa nos permitirá ver a través de todas las capas y revelar la Fondo capa.

Etapa 4

Sin hacer clic en el botón Aceptar, continúe agregando Carrera. En este tutorial, usaremos blanco para el color del trazo y estableceremos su tamaño en 20 px. Si está utilizando una imagen más pequeña, es posible que deba usar un tamaño de trazo más pequeño.

Paso 5

Continuaremos agregando Sombra paralela a la forma de la capa. Puede hacer clic y arrastrar dentro del lienzo para modificar fácilmente la configuración de la sombra. Una vez que esté satisfecho con el resultado, pulse el DE ACUERDO botón.

Todas las cosas que acaba de hacer (cambiar el modo de fusión y agregar estilos de capa) se han registrado como un solo paso en la acción.


Paso 6

Golpear Control-T para transformar la forma de la capa activa. Haga clic y arrastre fuera de la forma para girar la forma. Haga clic y arrastre dentro de la forma para cambiar su posición. Esto también se registrará como un solo paso al final de la acción..

Paso 7

La segunda acción ya está completa. Golpea el Detener icono para detener la grabación.

Paso 8

Para un flujo de trabajo más rápido, agreguemos un acceso directo a cada acción. Haga doble clic en el Fondo mudo acción que hicimos antes y establecer Tecla de función: F2.

Paso 9

Añade otro atajo a la otra acción. En este caso, yo uso F3.

3. Aplicar las acciones.

Paso 1

Vamos a ejecutar las acciones que acabamos de realizar en la foto. Primero, necesitamos restablecer la foto a su estado original. Hacer clic Archivo> Revertir o golpear F12.

Paso 2

En el Comportamiento panel, seleccione la primera acción, Fondo mudo, y luego haga clic en el Jugar icono. Desde que hemos añadido el atajo F2 a esta acción, solo podemos golpear F2 para ejecutarlo.


La imagen ahora está silenciada..

Paso 3

Juega la siguiente acción para revelar la forma. Selecciona la acción y luego pulsa el botón Jugar icono. También podríamos utilizar su atajo, en este caso. F3.

Etapa 4

Para agregar otra forma, necesitamos repetir la acción. Actualmente, la forma se girará automáticamente en el mismo ángulo y se colocará en la misma posición. Obviamente, no queremos eso. Queremos poder transformarlo manualmente. Haga clic en el Control modal icono para el Transformar la capa actual Paso para que Photoshop espere la entrada del usuario..

Paso 5

Ahora, repite la acción. Haga clic en el Jugar icono. Photoshop pausará el comando de transformación y esperará su entrada. Mueve o gira la forma y luego pulsa Entrar continuar la acción.

Paso 6

Repita la acción haciendo clic en el Jugar icono o utilizando su atajo, F3 en este caso.

Este es mi resultado después de agregar otras formas usando la misma acción. Hemos terminado con la acción y simplemente puede usarla para agregar un efecto a su foto. Pero continuaremos este tutorial para una personalización más avanzada. Siga leyendo si desea poder modificar la acción o aplicarla más rápido utilizando scripts. Si está satisfecho con el siguiente resultado, puede dejar de leer aquí.

4. Modificar la acción.

Paso 1

Podemos aplicar el mismo efecto a otra foto usando la misma acción. Aquí hay una foto de un centro de recreación turística de Ucrania. Solo necesitas golpear F2 para silenciar el fondo y luego F3 Un par de veces para agregar algunas formas..

Paso 2

Puedes saltar un paso dentro de la acción haciendo clic en su Incluido icono. Si no hay Incluido Icono delante de él, el paso no se llevará a cabo. Aquí, estamos saltando el Transformar la capa actual paso.


Paso 3

Digamos que queremos usar un color diferente en el trazo de la forma. Necesitamos editar el paso seleccionándolo y luego hacer clic Grabar de nuevo. También puede hacer doble clic en el paso para hacer esto..

Etapa 4

UNA Estilo de capa Se abrirá el cuadro de diálogo. En el Carrera sección, cambiar el Color a negro.

Paso 5

Asegúrese de establecer su Modo de mezcla a Pantalla y Knockear a Profundo. De lo contrario, Photoshop utilizará la configuración predeterminada., Normal y Ninguna. Haga clic en el DE ACUERDO Botón para aceptar la configuración y detener automáticamente la grabación..

Paso 6

Si es necesario, también puede ralentizar la reproducción para revisar cada paso. Hacer clic Opciones de reproducción y luego seleccione Paso a paso.

Paso 7

Juega la acción para ver el resultado. Como puede ver a continuación, nuestra forma ahora tiene un trazo negro.

5. Bucle la acción usando JavaScript

Paso 1

Puede notar que en este efecto de foto, repetimos la segunda acción manualmente. En lenguaje de programación, lo llamamos un bucle. Podemos automatizar este proceso usando scripting en Photoshop. Sí, Photoshop también tiene scripting. Abre cualquier editor de texto y luego agrega la siguiente línea de código.

app.doAction ("Mute Background", "My Actions");

Esta línea le indicará a Photoshop que juegue una acción llamada Fondo mudo dentro de Mis acciones conjunto.

Para ejecutar la otra acción, agrega esta línea de código..

app.doAction ("Agregar forma de foto", "Mis acciones");


Paso 2

Guarde el texto como un archivo JavaScript con la extensión * .jsx. En Photoshop, haga clic en Archivo> Scripts> Examinar y luego seleccione el archivo para probar el script.

Paso 3

Agreguemos el bucle a la segunda acción reemplazando la segunda línea con las siguientes líneas de código.

var repetir = verdadero; while (repite) app.doAction ("Agregar forma de foto", "Mis acciones"); 

Estas líneas le pedirán a Photoshop que siga jugando la acción. Añadir forma de foto del conjunto de acciones Mis acciones.

Etapa 4

Photoshop seguirá jugando la acción porque la repetir variable es siempre cierto. A continuación, debemos preguntar al usuario si desea repetir la acción o no. Agregue la siguiente línea de código dentro del mientras lazo.

repetir = confirmar ("¿Agregar otra casilla?");

Paso 5

Hemos terminado. Vamos a ejecutarlo. Hacer clic Archivo> Scripts> Examinar. En el Carga cuadro de diálogo, seleccione el script que acabamos de hacer.


Paso 6

Ambas acciones comenzarán. Después de transformar la forma, aparecerá un cuadro de diálogo que le preguntará si el usuario desea continuar agregando otra forma o detenerse allí mismo. Si el usuario responde que sí, se creará otra forma..

Paso 7

Si el usuario selecciona No, la acción se detendrá.

Conclusión

Hemos terminado. Creo que has aprendido mucho de este tutorial. Acaba de aprender a automatizar su proceso de trabajo mediante las acciones de Photoshop. También has captado la idea básica de los scripts en Photoshop. Espero que puedas usar estas técnicas para ayudarte a trabajar más rápido. Gracias por leer.