En este tutorial de efectos de Photoshop, vamos a ver cómo añadir rayas de luz de colores a una foto. Probablemente has visto estas rayas de luz utilizadas en anuncios de todo tipo de productos, desde champú hasta teléfonos móviles, y de hecho se utilizaron recientemente en un anuncio genial para un nuevo teléfono móvil de Sprint y Samsung. Crearlas es tan fácil como dibujar un trazado con la Herramienta Pluma de Photoshop y, a continuación, trazar el trazado con un pincel, con un par de sencillos estilos de capa utilizados para añadir el color real y el efecto de luz. Todo es bastante fácil, pero si usted nunca ha utilizado la herramienta Pluma antes o no está seguro de cómo dibujar rutas, es posible que desee comprobar nuestra Haciendo selecciones con la herramienta Pluma primero, donde cubro todo lo que necesita saber sobre el dibujo y la edición de rutas con la Pluma.
Aquí está la imagen que voy a trabajar en este tutorial:
Y así es como se verá después de añadir nuestras rayas de luz:
Paso 1: Añadir una nueva capa en blanco
Vamos a añadir nuestras rayas de luz en su propia capa separada, así que lo primero que tenemos que hacer es añadir una nueva capa en blanco a nuestro documento. Para ello, haga clic en el icono de Nueva Capa en la parte inferior de la paleta Capas:
Esto añade una nueva capa en blanco, que Photoshop nombra «Capa 1», por encima de nuestra capa de Fondo:
Paso 2: Seleccionar la herramienta Pluma
Como mencioné al principio, vamos a crear nuestras rayas de luz dibujando trazados y luego acariciando los trazados con un pincel. Para dibujar trazados, necesitamos la herramienta Pluma, así que selecciónala en la paleta Herramientas. También puede pulsar la letra P para seleccionarla con el atajo de teclado:
Paso 3: Seleccione la opción «Trazados» en la barra de opciones
Photoshop nos ofrece tres cosas diferentes que podemos hacer con la herramienta Pluma. Podemos utilizarla para dibujar formas basadas en vectores, podemos dibujar trazados con ella (que es lo que queremos hacer), y podemos dibujar formas basadas en píxeles. Seleccionamos entre estas tres opciones haciendo clic en sus iconos en la barra de opciones en la parte superior de la pantalla. Verás tres pequeños iconos cuadrados agrupados en la parte izquierda de la barra de opciones. Haz clic en el icono del centro, que es la opción Trayectos:
Paso 4: Dibuja un trayecto donde quieras que aparezca la primera raya de luz
Con la herramienta Pluma seleccionada y la opción Trayectos elegida en la barra de opciones, estamos listos para dibujar nuestro primer trayecto. Quiero que mis rayas de luz aparezcan en la mitad inferior de la foto, en algún lugar alrededor de la zona de los hombros y el cuello de la mujer, así que ahí es donde voy a dibujar mi primer camino. Querrás añadir varias curvas a tu trayectoria para que la raya de luz sea más interesante. Empezaré haciendo clic en algún lugar de la esquina inferior izquierda de la imagen para añadir mi primer punto de anclaje, y luego arrastraré los tiradores de dirección en la dirección que quiero que siga mi trayectoria. De nuevo, asegúrate de consultar nuestro tutorial Cómo hacer selecciones con la herramienta pluma si lo que acabo de decir no tiene sentido para ti:
Continuaré dibujando el resto de mi primer trazado haciendo clic y arrastrando un par de veces más con la herramienta pluma para añadir el resto de mis segmentos de trazado. Ahora tengo mi primer trazado que recorre de izquierda a derecha la zona de los hombros y el cuello de la mujer:
Paso 5: Seleccionar la herramienta Pincel
Ahora que hemos dibujado nuestro primer trazado, el siguiente paso es trazarlo con un pincel. Para ello, necesitaremos la herramienta Pincel de Photoshop, así que selecciónala en la paleta Herramientas, o simplemente pulsa la letra B en tu teclado:
Paso 6: Selecciona el pincel «40 Sampled Tip»
Photoshop viene con varios pinceles que funcionarían bien para nuestro efecto de rayas de luz, pero después de probar algunos de ellos, he encontrado el que más me gusta. Para seleccionarlo, tendremos que abrir la paleta Pinceles. Hay varias maneras de abrir la paleta Pinceles, y una de ellas es hacer clic en el icono de la paleta Pinceles en la barra de opciones en la parte superior de la pantalla:
Cuando aparezca la paleta Pinceles, haz clic en las palabras Forma de la punta del pincel en la esquina superior izquierda de la paleta. A continuación, en el área de selección de puntas de pinceles de la derecha, desplácese hacia abajo cerca de la parte inferior de la lista y seleccione el pincel 40 Sampled Tip. Sólo dice «40» en el área de vista previa, pero si tiene activadas las puntas de las herramientas en las Preferencias de Photoshop, verá que aparecen las palabras «Punta muestreada» cuando pase el ratón por encima del pincel:
Paso 7: Bajar la cantidad de «espaciado» al 1%
Abajo, en la parte inferior de la paleta de pinceles, justo encima del área de vista previa del pincel, verás la opción de espaciado. Siempre que pinte con un pincel en Photoshop, aunque normalmente parezca que está pintando un trazo continuo, lo que realmente está haciendo Photoshop es «estampar» la imagen una y otra vez con la punta del pincel. Si los «sellos» están lo suficientemente juntos, aparecen como un trazo continuo.
La opción de espaciado determina la distancia a la que aparecerán los sellos, y por defecto, la opción está ajustada al 30% para nuestro pincel «40 Sampled Tip». Eso es demasiado espacio para nuestro efecto. Utiliza la barra deslizante para bajar la cantidad de espaciado hasta el 1%. Si observa el área de vista previa del pincel después de bajar la cantidad de espaciado al 1%, verá que el pincel aparece ahora como un trazo continuo:
Paso 8: Establezca el control de tamaño del pincel en «Presión de la pluma»
Si ahora mismo trazáramos el camino con nuestro pincel, el efecto de rayas de luz no se vería muy bien porque el pincel aparecería con el mismo tamaño a lo largo de todo el camino. Necesitamos que el pincel se estreche en ambos extremos para crear la ilusión de que la raya de luz comienza en un extremo y termina en el otro. Para ello, tendremos que decirle a Photoshop que simule la presión del lápiz por nosotros, como si estuviéramos dibujando con una tableta de lápiz.
Haga clic directamente en las palabras Dinámica de la forma a la izquierda de la paleta Pinceles, directamente debajo de «Forma de la punta del pincel». Asegúrese de hacer clic directamente en las palabras, no sólo en la casilla de verificación a la izquierda de las palabras. Hacer clic dentro de la casilla de verificación habilitará las opciones de Dinámica de la Forma pero no nos permitirá cambiar ninguna de ellas. Tenemos que hacer clic en las propias palabras para acceder a las opciones. Una vez que haya hecho clic en las palabras, verá que las opciones de Dinámica de formas aparecen a la derecha de la paleta. En la parte superior, verás las palabras «Size Jitter» con una barra deslizante, y justo debajo de la barra deslizante está la opción Control. Aquí es donde podemos decidir cómo controlar el tamaño de nuestro pincel. Queremos que Photoshop simule la presión de la pluma, así que seleccione Presión de la pluma en el menú desplegable de Control:
Ahora, de momento, todo lo que hemos hecho es decirle a Photoshop que queremos controlar el tamaño de nuestro pincel de acuerdo con la presión de la pluma, pero ¿qué pasa si no tiene realmente una tableta de pluma? Si no tienes una conectada a tu ordenador, verás que aparece un pequeño icono de advertencia a la izquierda de la palabra «Control» diciéndote que es necesaria una pen tablet, pero no te preocupes. En un momento, vamos a decirle a Photoshop que simule la presión del lápiz por nosotros, así que para este efecto, no hay ninguna diferencia si usted tiene una tableta de pluma o no.
Paso 9: Establezca su color de primer plano a blanco
Tenemos nuestro pincel listo para ir. Ahora todo lo que tenemos que hacer es elegir el color que queremos pintar con. Vamos a querer pintar con blanco, lo que significa que necesitamos que nuestro color de primer plano sea blanco. Pulsa la letra D en tu teclado para asegurarte de que los colores de primer plano y de fondo vuelven a sus valores predeterminados, con el negro como color de primer plano y el blanco como color de fondo. A continuación, pulse la letra X para intercambiarlos, convirtiendo el blanco en su color de primer plano:
Paso 10: Guardar el trazado
Tenemos nuestro trazado, tenemos nuestro pincel y hemos establecido el color de primer plano en blanco. Estamos listos para crear nuestra primera raya de luz. Cambia a la paleta de Trazados de Photoshop, que encontrarás agrupada con las paletas de Capas y Canales. Verás tu trazado en la lista, que actualmente se llama «Trazado de trabajo», junto con una vista previa del trazado a la izquierda, de forma similar a como se muestran las capas en la paleta Capas, con su nombre a la derecha y un área de vista previa a la izquierda. Siempre que se crea un nuevo trazado, Photoshop lo nombra automáticamente «Trazado de trabajo», lo que significa que es temporal. Si no guardas el trazado antes de dibujar uno nuevo, el nuevo trazado sustituirá al anterior y lo habrás perdido. En muchos casos, esto no es un problema, pero vamos a guardar nuestra ruta por si queremos volver a ella más tarde.
Para guardar una ruta, lo único que tenemos que hacer es cambiarle el nombre. Simplemente haga doble clic en el nombre «Ruta de trabajo» y Photoshop abrirá el cuadro de diálogo Guardar ruta, con el nombre sugerido de «Ruta 1» ya introducido para usted. Haga clic en Aceptar para salir del cuadro de diálogo y Photoshop cambiará el nombre de la ruta «Ruta 1». El trazado se ha guardado:
Paso 11: Trazar el trazado con el pincel
Creemos nuestra primera raya de luz. Haz clic en la pequeña flecha que apunta hacia la derecha en la esquina superior derecha de la paleta Trazados, lo que hace que aparezca el menú desplegable de la paleta Trazados, y luego selecciona Trazar Trazado en la lista de opciones:
Esto hace que aparezca el cuadro de diálogo Trazar Trazado. Queremos trazar el camino con nuestro pincel, así que asegúrese de que la opción de la herramienta se establece en Brush. A continuación, para indicar a Photoshop que simule la presión del lápiz, haga clic en la casilla de verificación situada a la izquierda de las palabras Simular presión:
Haga clic en Aceptar para salir del cuadro de diálogo y Photoshop trazará la trayectoria con el pincel, creando nuestra primera raya de luz. Observe cómo el trazo del pincel se reduce en ambos extremos gracias a la opción «Simular presión»:
Si cree que el trazo del pincel es demasiado grueso o demasiado estrecho, simplemente pulse Ctrl-Z (Win) / Comando-Z (Mac) para deshacer el trazo, y luego haga el pincel más grande o más pequeño pulsando las teclas de corchete izquierdo o derecho de su teclado. La tecla del corchete izquierdo hace que el pincel sea más pequeño, y la tecla del corchete derecho lo hace más grande. Inténtalo de nuevo una vez que hayas cambiado el tamaño del pincel.
Hemos añadido nuestra primera raya de luz, pero de momento no se parece mucho a una raya de luz. Parece una elegante pincelada blanca, que es exactamente lo que es. Para que se parezca más a una raya de luz, tenemos que añadir un poco de color y algunos efectos de brillo, y para ello, vamos a utilizar un par de estilos de capa simples.
Paso 12: Añadir un estilo de capa «Resplandor exterior»
Vuelve a tu paleta de capas. Verá su pincelada blanca en el área de vista previa de la «Capa 1». Haga clic en el icono de Estilos de capa en la parte inferior de la paleta Capas y seleccione Resplandor exterior de la lista de estilos de capa que aparece:
Esto hace que aparezca el cuadro de diálogo Estilo de capa de Photoshop ajustado a las opciones de Resplandor exterior en la columna central. Cambie la opción de Modo de fusión en la parte superior a Luz lineal, que nos dará un resplandor mucho más intenso que el que obtendríamos normalmente. A continuación, elija un color para su resplandor haciendo clic en la pequeña muestra de color directamente debajo de la palabra «Ruido». Esto hará que aparezca el selector de color de Photoshop. Puedes elegir tu color desde el selector de color, o si lo prefieres, puedes muestrear un color directamente desde la imagen. Para muestrear un color, simplemente mueva el cursor del ratón sobre la imagen. Verás que el icono del ratón se convierte en el icono del cuentagotas. Mueve el cuentagotas sobre el color que quieres muestrear, y luego haz clic para muestrearlo. Voy a muestrear una zona clara de la piel de la mujer para utilizarla como color del resplandor exterior:
Una vez que hayas elegido el color, haz clic en Aceptar para salir del Selector de color. Por último, aumente el tamaño del resplandor exterior a unos 30 píxeles. Puede que tengas que aumentar o disminuir esa cantidad dependiendo del tamaño y la resolución de tu imagen:
No salgas todavía del cuadro de diálogo Estilo de capa porque todavía tenemos que añadir un estilo de capa más. Este es el aspecto de mi raya de luz después de añadir el resplandor exterior:
Paso 13: Añadir un estilo de capa «Resplandor interior»
Hemos añadido un estilo de capa de resplandor exterior a nuestra raya de luz. Ahora vamos a añadir un estilo de brillo interior. Con el cuadro de diálogo Estilo de capa aún abierto, haz clic en las palabras Resplandor interior a la izquierda del cuadro de diálogo, justo debajo de «Resplandor exterior»:
Verás que las opciones de Resplandor interior aparecen en la columna central del cuadro de diálogo. Una vez más, cambie la opción de Modo de fusión en la parte superior a Luz lineal. A continuación, haga clic en la muestra de color debajo de la palabra «Ruido» y elija un color del selector de color o, como hice con el resplandor exterior, muestre un color directamente de la imagen. Voy a muestrear un área más oscura de la piel de la mujer para el color de mi resplandor interior:
Una vez que haya elegido el color para su resplandor interior, haga clic en Aceptar para salir del Selector de color. Por último, aumente el tamaño del resplandor interior a unos 10 píxeles. Al igual que con el resplandor exterior, puede que tengas que jugar un poco con este valor dependiendo del tamaño y la resolución de tu imagen:
Haz clic en Aceptar cuando hayas terminado para salir del cuadro de diálogo Estilo de capa. Tu raya de luz debería tener ahora un brillo intenso:
Esa delgada línea oscura que estamos viendo a través del centro de nuestra raya de luz es el camino. No te preocupes, no estará ahí cuando terminemos.
Paso 14: Editar la trayectoria para crear una ligera variación de la misma
Hagamos que nuestra raya de luz sea un poco más interesante añadiéndole un par de rayas más. Podemos hacerlo fácilmente editando nuestro trazado para crear algunas ligeras variaciones del mismo y, a continuación, acariciando cada variación con nuestro pincel. Vuelve a la paleta de trazados para poder editar nuestro trazado. A continuación, mantén pulsada la tecla Ctrl (Win) / Comando (Mac) y mueve el cursor del ratón directamente sobre cualquier parte del trazado. En cuanto esté sobre el trazado, verá que el cursor se convierte en un puntero blanco, lo que significa que ahora tiene acceso temporal a la Herramienta de Selección Directa de Photoshop, que es la herramienta que necesitamos para editar nuestro trazado:
Haga clic en el trazado con la Herramienta de Selección Directa para seleccionarlo y, a continuación, realice algunos ajustes menores en el trazado para crear un trazado ligeramente diferente. Puede arrastrar un punto de anclaje a un lugar ligeramente diferente, o mover los tiradores de dirección para ajustar las curvas del trazado, o incluso arrastrar un segmento del trazado a una posición ligeramente diferente. Eso sí, no toques los puntos de anclaje en ninguno de los extremos del trazado porque queremos que cada variación que creemos empiece y termine exactamente en el mismo punto. Así que, aparte de esos dos puntos de anclaje, el resto de la ruta puede editarse como quieras. No buscamos grandes cambios en la ruta. Todo lo que necesitamos son pequeños y sutiles cambios.
Aquí he cambiado ligeramente las dos curvas principales de mi trayectoria arrastrando los dos tiradores de dirección que se extienden desde mi punto de anclaje central. Puedes ver cómo las curvas de la trayectoria ya no coinciden exactamente con la curva de la primera raya de luz:
Ahora podemos trazar esta variación de la trayectoria con nuestro pincel. Pero antes de hacerlo, probablemente querremos utilizar un pincel ligeramente más pequeño esta vez, así que pulse la tecla de corchete izquierda de su teclado un par de veces para hacer el pincel un poco más pequeño.
Para trazar la variación de nuestra trayectoria, no hay necesidad de pasar por la molestia de seleccionar «Trazar trayectoria» en el menú desplegable de la paleta Trazados como hicimos la última vez. Basta con hacer clic en el icono «Trazar trayectoria» de la parte inferior de la paleta Trazados:
Photoshop traza la nueva trayectoria que hemos creado con nuestro pincel. Como seguimos trabajando en la misma capa de la paleta Capas, los estilos de capa Resplandor exterior y Resplandor interior se aplican automáticamente a nuestro nuevo trazo de luz:
Paso 15: Crear un par de variaciones más del trazado y acariciarlas con el pincel
Repite el paso anterior una o dos veces más para crear más variaciones del trazado y acariciar cada una de ellas con el pincel. Intente cambiar el tamaño del pincel cada vez utilizando las teclas de corchete izquierda y derecha para añadir aún más interés al trazado de la luz. Si no te gusta el trazo de pincel que acabas de añadir, simplemente pulsa Ctrl+Z (Win) / Comando+Z (Mac) para deshacerlo, luego vuelve a editar el trazado e inténtalo de nuevo.
Si quieres ver el aspecto de tu raya de luz sin que el trazado te bloquee la vista, simplemente haz clic en cualquier parte del área vacía debajo del trazado en la paleta Trazados. Esto deseleccionará la trayectoria y la ocultará de la vista. Para volver a ver el trazado, haz clic en él en la paleta Trazados. Tendrás que tener el trazado visible cada vez que quieras trazarlo con el pincel. Si el trazado no es visible, los iconos de la parte inferior de la paleta Trazados se vuelven grises y no están disponibles.
Aquí está mi imagen después de editar mi trazado un par de veces más y acariciar cada nueva variación del trazado con el pincel. De nuevo, como seguimos trabajando en la misma capa, la «Capa 1», en la paleta Capas, los estilos de capa Resplandor exterior y Resplandor interior se aplican automáticamente a cada nuevo trazo del pincel. He ocultado mi trayectoria para que podamos ver más fácilmente el aspecto de la raya de luz con todas sus diferentes variaciones:
Paso 16: Copiar los estilos de capa en la «Capa 1»
¡Y con eso, hemos creado nuestra primera raya de luz! Probablemente vas a querer añadir al menos una más a tu foto, y es una buena idea colocar cada raya de luz en su propia capa, pero podemos reducir parte del trabajo que tendremos que hacer copiando los estilos de capa que ya hemos aplicado a nuestra primera raya de luz y simplemente pegándolos en cada nueva capa que creemos. Vuelve a tu paleta de capas. Deberías tener seleccionada la «Capa 1». Vaya al menú Capa en la parte superior de la pantalla, elija Estilo de capa y, a continuación, elija Copiar estilo de capa:
Paso 17: Añadir una nueva capa en blanco
Haga clic en el icono Nueva capa en la parte inferior de la paleta Capas para añadir otra capa en blanco. Photoshop añadirá la nueva capa por encima de la «Capa 1» y la nombrará automáticamente «Capa 2»:
Paso 18: Pegar los estilos de capa en la nueva capa
Con la nueva capa seleccionada, vuelva a subir al menú Capa en la parte superior de la pantalla, elija Estilo de capa una vez más, y esta vez, elija Pegar estilo de capa:
Los estilos Resplandor exterior y Resplandor interior de la «Capa 1» se añaden ahora a la «Capa 2» y se aplicarán automáticamente a la siguiente raya de luz que creemos.
Paso 19: Añadir otra raya de luz
Con una nueva capa añadida y los estilos de capa de la «Capa 1» ya aplicados a la nueva capa, podemos crear fácilmente una segunda raya de luz. Simplemente dibuje un nuevo trazado con la Herramienta Pluma, guarde el trazado si lo desea renombrándolo como «Trazado 2» (o como quiera llamarlo), y a continuación, acaricie el trazado con el pincel. Una vez que haya creado la raya de luz principal, mantenga pulsada la tecla Ctrl (Win) / Comando (Mac) para acceder a la Herramienta de Selección Directa y editar el camino, moviendo los puntos de anclaje, las manijas de dirección y / o segmentos de la ruta para crear algunas variaciones leves de la misma, y luego trazar cada variación con el pincel, utilizando un tamaño de pincel diferente cada vez.
Aquí está el resultado después de añadir una segunda raya de luz a mi foto:
Si no quieres que ambas rayas de luz sean del mismo color, puedes cambiar fácilmente los colores simplemente editando los estilos de capa. Digamos que quiero que mi segunda raya de luz sea de un color diferente. Para editar los estilos de capa, todo lo que tengo que hacer es hacer doble clic en el icono de Estilo de capa en el extremo derecho de la «Capa 2»:
Esto abrirá el cuadro de diálogo Estilo de capa para mí. Todo lo que tengo que hacer es hacer clic en las palabras Outer Glow en el lado izquierdo del cuadro de diálogo, lo que trae las opciones de Outer Glow en la columna central, a continuación, haga clic en la muestra de color y elegir un nuevo color, ya sea desde el selector de color o mediante el muestreo de un color diferente de la imagen. Haga clic en OK para salir del selector de color, luego haga clic en las palabras Inner Glow a la izquierda para acceder a las opciones de Inner Glow. Haga clic en la muestra de color, elija un nuevo color, haga clic en Aceptar para salir del selector de color, luego haga clic en Aceptar para salir del cuadro de diálogo Estilo de capa. Puedes editar los colores de las rayas de luz en cualquier momento simplemente editando los estilos de capa.
Aquí está mi resultado final después de editar los estilos de capa en la «Capa 2» y cambiar ligeramente el color de mi segunda raya de luz, utilizando los colores que tomé como muestra del pelo de la mujer:
¡Y ahí lo tenemos! ¡Así es como se añaden vetas de luz de colores a una imagen con Photoshop! Visita nuestra sección de efectos fotográficos para ver más tutoriales de efectos de Photoshop.