Cómo elaborar una acción de efecto viñeta con Photoshop

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

Final product image — What You'll Be Creating

En este tutorial para principiantes, echaremos un vistazo a algunos fundamentos de las acciones de Photoshop y crearemos una viñeta personalizable ¡lista para usar y adaptar de la forma que quieras! ¡Así que coge tu fotografía favorita, y empecemos a crear!

Qué necesitarás

Necesitarás los siguientes recursos para completar este proyecto:

Ahora, ¡comencemos!

¿Qué es una viñeta?

Alrededor de la imagen

No estamos hablando de un formulario de escritura ni nada parecido en este tutorial, sino que nos referimos a un efecto visual en el que una imagen tiene una disminución de brillo (o saturación) alrededor del exterior. Una viñeta tiene típicamente una apariencia redondeada, como la lente de una cámara, y a menudo se refiere a un efecto relacionado con la fotografía.

Sin embargo, en términos de Photoshop, estamos creando digitalmente (o mejorando) estos efectos fotográficos.

Christmas Vignette Imagery — Regalos de navidad con vela por photocreo de Envato Elements

Entonces, ¿por qué molestarse con este efecto?

Bueno, fíjate en cómo potencialmente ayuda a establecer el énfasis y/o un punto focal. Puede ser utilizado para crear o enfatizar el estado de ánimo. También puede ayudar a impulsar una estética, por ejemplo, podría funcionar bien con un look vintage.

¡Las viñetas pueden funcionar bien con los retratos, pero los únicos límites, en realidad, son los objetivos de tu proyecto y/o su creatividad, cuando se trata de efectos de Photoshop!

Portrait with Vignette — Mujer bonita sonriente en azul de FlamingoImages de Envato Elements

1. Cómo crear acciones de Photoshop

Paso 1

Para empezar, veamos lo básico de cómo funcionan las acciones de Photoshop. Luego, podemos construir sobre estos fundamentos y construir nuestro efecto de viñeta de Photoshop.

Inicia un Nuevo Documento. Para ello, ve a Archivo > Nuevo.

Voy a trabajar a 5 pulgadas de alto por 7 pulgadas de ancho para esta demostración, ¡pero puedes trabajar en cualquier tamaño que desees!

Una vez que estés satisfecho con tu configuración, haz clic en Crear.

Paso 2

Ahora, vamos a abrir una imagen de prueba de tu elección. Usé esta imagen de una mujer mirando hacia otro lado.

Copia, Pega y Redimensiona tu imagen para que se ajuste al documento como tú quieras.

Una vez más, vamos a aplicar nuestro efecto de viñeta a esta imagen, pero empezaremos con algunos principios de acción de Photoshop, para ilustrar cómo funcionan.

Paso 3

Comencemos abriendo el panel de Acciones. Ve a Ventana > Acciones para abrirlo.

Así es como luce el panel, abajo.

Paso 4

¿Y qué hace este panel? Las acciones de Photoshop básicamente graban un proceso que luego puedes reproducir.

Aquí hay un resumen de los elementos en la parte inferior del panel que podemos usar para crear y usar nuestras acciones:

Detener la grabación: este botón detiene la grabación de las acciones. Así que, a menos que estés grabando, no se podrá seleccionar. El botón en sí mismo parece un cuadrado.

Comenzar a grabar: inicia la grabación de un nuevo conjunto de acciones. El botón parece como un círculo.

Reproducir la selección: este botón reproduce nuestra acción. Así, por ejemplo, cuando estemos listos para ejecutar nuestra acción en nuestro proyecto, este es el botón que seleccionaríamos. El botón en sí mismo parece un triángulo.

Crear nuevo conjunto: esta es una colección de acciones. Por ejemplo, es posible que desees mantener varias acciones en un solo lugar, por motivos de organización. El botón tiene el aspecto de una carpeta.

Crear nueva acción: usa este botón para crear una nueva acción. El botón tiene el aspecto de un icono de página.

Eliminar: utiliza este botón para eliminar una acción. Es el icono que parece una papelera.

Paso 5

Comencemos creando un nuevo conjunto de acciones. Haz clic en el botón Nuevo Conjunto y dale un nombre que recuerdes. Yo llamé al mío "Acciones de viñeta".

Paso 6

Ahora, vamos a crear una nueva acción. Haz clic en el botón Crear Nueva Acción. Aparecerá el siguiente cuadro de diálogo, con las siguientes opciones:

Nombre: ponle un nombre a tu acción; ¡cualquier cosa servirá! Me gusta ponerle un nombre a mis acciones, algo relevante y fácil de recordar. En este caso llamé a la mía "Acción de prueba".

Conjunto: este es el conjunto en el que te gustaría que se ubicara tu acción, para propósitos de organización. Ya hemos creado un conjunto llamado "Acciones de viñeta", así que puse la mía allí.

Tecla de función: puedes asignar a tu acción una tecla de función, si quieres usarla como un atajo. También puedes asignar si quieres o no que se use Shift (Mayúsculas) o Control en este atajo. Ten en cuenta esta información, pero no la usaremos en este ejemplo.

Color: esto es puramente visual, como la adición de colores en el panel Capas. Puedes codificar tus acciones con colores (exclusivo del panel), si lo deseas.

Una vez que estés satisfecho con tus valores, haz clic en Grabar.

Paso 7

Una vez que hayas hecho clic en Grabar, echa un vistazo al panel de Acciones. Notarás que el botón de grabación está activo, estamos grabando una acción. Esto significa que, si haces algo en Photoshop, lo va a grabar. Por ejemplo, si mueves algo o usas la herramienta de relleno, lo grabará en este momento.

Para dar un ejemplo, seleccionemos la Herramienta de Texto y escribamos "¡Hola!" Fíjate en cómo esto se refleja en nuestras Acciones.

Una vez que lo hayas hecho, haz clic en el Botón Detener en tu panel de Acciones. Ahora, hemos terminado de grabar.

Paso 8

Ahora, usemos nuestra acción recientemente creada. Borra la capa de texto con "Hola" escrito en esta.

Luego, selecciona tu acción y haz clic en Reproducir.

¡Voilà! El texto es recreado para nosotros. ¿Ves cómo esto puede ser útil para una gran variedad de cosas? A menudo utilizo acciones para tareas repetitivas y efectos especiales.