En este tutorial de Photoshop Effects, veremos cómo agregar rayas de luz de colores a una foto. Probablemente haya visto estas rayas claras en los anuncios de todo, desde champú hasta teléfonos celulares, y de hecho, se usaron más recientemente en un anuncio genial para un nuevo teléfono celular de Sprint y Samsung. Crearlos es tan fácil como dibujar un camino con la herramienta Pluma de Photoshop y luego trazar el camino con un pincel, con un par de estilos de capa simples utilizados para agregar el color real y el efecto de luz. Todo es bastante fácil, pero si nunca antes ha usado la herramienta Pluma o no está seguro de cómo dibujar trazados, puede consultar primero nuestro tutorial Hacer selecciones con la herramienta Pluma, donde cubro todo lo que necesita para saber acerca de dibujar y editar rutas con el lápiz.

Aquí está la imagen con la que trabajaré en este tutorial:

La imagen original

Y así es como se verá después de agregar nuestras rayas de luz:

El efecto final.

Paso 1: agregue una nueva capa en blanco

Vamos a agregar nuestras rayas claras en su propia capa separada, por lo que lo primero que debemos hacer es agregar una nueva capa en blanco a nuestro documento. Para hacerlo, haga clic en el icono Nueva capa en la parte inferior de la paleta Capas:

Al hacer clic en el icono "Nueva capa".

Esto agrega una nueva capa en blanco, que Photoshop nombra "Capa 1", sobre nuestra capa de fondo:

Aparece una nueva capa sobre la capa de fondo.

Paso 2: selecciona la herramienta Pluma

Como mencioné al principio, vamos a crear nuestras rayas de luz dibujando trazos y luego trazando los trazos con un pincel. Para dibujar trazados, necesitamos la herramienta Pluma, así que selecciónela de la paleta Herramientas. También puede presionar la letra P para seleccionarla con el atajo de teclado:

Seleccione la herramienta Pluma.

Paso 3: Seleccione la opción "Rutas" en la barra de opciones

Photoshop nos da tres cosas diferentes que podemos hacer con la herramienta Pluma. Podemos usarlo para dibujar formas basadas en vectores, podemos dibujar trazados con él (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 el lado izquierdo de la barra de opciones. Haga clic en el icono en el medio, que es la opción de Rutas:

Haga clic en los iconos de "Rutas" en la barra de opciones.

Paso 4: dibuja un camino donde quieras que aparezca la primera raya de luz

Con la herramienta Pluma seleccionada y la opción Rutas elegida en la barra de opciones, estamos listos para dibujar nuestra primera ruta. Quiero que mis rayas de luz aparezcan en la mitad inferior de la foto, en algún lugar alrededor del área de los hombros y el cuello de la mujer, así que ahí es donde dibujaré mi primer camino. Querrás agregar varias curvas a tu camino para que la línea de luz sea más interesante. Comenzaré haciendo clic en algún lugar en la esquina inferior izquierda de la imagen para agregar mi primer punto de anclaje, luego arrastraré los controles de dirección en la dirección que deseo que siga mi camino. Nuevamente, asegúrese de consultar primero nuestro tutorial Hacer selecciones con la herramienta Pluma si lo que acabo de decir no tiene sentido para usted:

Al hacer clic en el documento para agregar un punto de anclaje, luego arrastre los controles de dirección.

Continuaré dibujando el resto de mi primer camino haciendo clic y arrastrando un par de veces más con la herramienta Pluma para agregar el resto de mis segmentos de ruta. Ahora tengo mi primer camino que corre de izquierda a derecha a través de los hombros y el cuello de la mujer:

El primer camino ahora se ha agregado a la imagen.

Paso 5: selecciona la herramienta Pincel

Ahora que hemos dibujado nuestro primer camino, el siguiente paso es trazarlo con un pincel. Para eso, necesitaremos la herramienta Pincel de Photoshop, así que selecciónela de la paleta Herramientas o simplemente presione la letra B en su teclado:

Seleccione la herramienta Pincel.

Paso 6: Seleccione el pincel "40 punta de muestra"

Photoshop viene con varios pinceles que funcionarían bien para nuestro efecto de raya de luz, pero después de probar algunos de ellos, he encontrado uno que me gusta más. Para seleccionarlo, necesitaremos que aparezca la paleta Pinceles. Hay algunas formas diferentes de mostrar la paleta Pinceles, y una de ellas es hacer clic en el icono de alternancia de la paleta Pinceles en la Barra de opciones en la parte superior de la pantalla:

Haga clic en el icono de alternancia de la paleta Pinceles para que aparezca la paleta Pinceles.

Cuando aparezca la paleta Pinceles, haga clic en las palabras Forma de punta de pincel en la esquina superior izquierda de la paleta. Luego, en el área de selección de la punta del pincel a la derecha, desplácese hacia abajo cerca de la parte inferior de la lista y seleccione el pincel 40 Punta de muestra. Simplemente dice "40" en el área de vista previa, pero si tiene la Información sobre herramientas habilitada en las Preferencias de Photoshop, verá las palabras "Sugerencia de muestra" cuando pase el mouse sobre el pincel:

Haga clic en las palabras "Forma de punta de pincel" en la esquina superior izquierda, luego haga clic en el pincel "40 Punta de muestra" en el área de selección.

Paso 7: Baje la cantidad de "espaciado" al 1%

Abajo, en la parte inferior de la paleta Pinceles, directamente encima del área de vista previa del pincel, verá la opción Espaciado. Cada vez que pintas con un pincel en Photoshop, aunque parezca que estás pintando un trazo continuo, lo que Photoshop realmente está haciendo 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 qué tan separados aparecerán los sellos, y de manera predeterminada, la opción está configurada en 30% para nuestro pincel "40 Punta Muestreada". Eso es demasiado espacio para nuestro efecto. Use la barra deslizante para reducir la cantidad de Espaciado hasta el 1%. Si observa el área de vista previa del pincel después de reducir la cantidad de Espaciado al 1%, verá que el pincel ahora aparece como un trazo continuo:

Baje la cantidad de "Espaciado" al 1% para suavizar la apariencia del trazo del pincel.

Paso 8: establezca el control de tamaño del pincel en "Presión del lápiz"

Si tuviéramos que trazar el camino con nuestro pincel en este momento, el efecto de raya de luz no se vería muy bien porque el pincel aparecería exactamente en el mismo tamaño a lo largo del camino. Necesitamos que el pincel se reduzca gradualmente en ambos extremos para crear la ilusión de que la raya de luz realmente comienza en un extremo y termina en el otro. Para eso, necesitaremos decirle a Photoshop que simule la presión del lápiz para nosotros, como si estuviéramos dibujando con una tableta digitalizadora.

Haga clic directamente en las palabras Shape Dynamics 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 solo en la casilla de verificación a la izquierda de las palabras. Al hacer clic dentro de la casilla de verificación, se habilitarán las opciones de Dinámica de forma, pero no nos permitirá cambiar ninguna de ellas. Necesitamos hacer clic en las palabras para obtener acceso 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 "Tamaño Jitter" con una barra deslizante, y directamente debajo de la barra deslizadora 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 del lápiz, así que seleccione Presión del lápiz en el menú desplegable Control:

Haga clic directamente en las palabras "Dinámica de forma" a la izquierda, luego configure la opción "Control" a la derecha en "Presión del lápiz".

Ahora, por el 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 del lápiz, pero ¿qué pasa si en realidad no tiene una tableta digitalizadora? Si no tiene uno conectado a su computadora, verá un pequeño icono de advertencia a la izquierda de la palabra "Control" que le indica que se requiere una tableta digitalizadora, pero no se preocupe. En un momento, le diremos a Photoshop que simule la presión del lápiz para nosotros, por lo que, para este efecto, no importa si tiene una tableta digitalizadora o no.

Paso 9: establece el color de primer plano en blanco

Tenemos nuestro pincel listo para funcionar. Ahora todo lo que tenemos que hacer es elegir el color con el que queremos pintar. Vamos a querer pintar con blanco, lo que significa que necesitamos que nuestro color de primer plano sea blanco. Presione la letra D en su teclado para asegurarse de que los colores de primer plano y de fondo se restablecen a sus valores predeterminados, con negro como color de primer plano y blanco como color de fondo. Luego presione la letra X para intercambiarlos, haciendo que el blanco sea su color de primer plano:

Las muestras de color de primer plano y fondo en la paleta Herramientas. El blanco es ahora el color de primer plano.

Paso 10: guarda tu camino

Tenemos nuestro camino, tenemos nuestro pincel y hemos establecido nuestro color de primer plano en blanco. ¡Estamos listos para crear nuestra primera racha de luz! Cambie a la paleta Paths de Photoshop, que encontrará agrupada con las paletas Capas y Canales. Verá su ruta en la lista, que actualmente se denomina "Ruta de trabajo", junto con una vista previa de la ruta a la izquierda, similar a cómo se muestran las capas en la paleta Capas con su nombre a la derecha y un área de vista previa en el izquierda. Cada vez que crea una nueva ruta, Photoshop la denomina automáticamente "Ruta de trabajo", lo que significa que es temporal. Si no guarda la ruta antes de dibujar una nueva, la nueva ruta reemplazará a la anterior y la habrá perdido. En muchos casos, esto no es un problema, pero guardemos nuestro camino en caso de que queramos volver más tarde.

Para guardar una ruta, todo lo 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 ingresado. Haga clic en Aceptar para salir del cuadro de diálogo y Photoshop cambiará el nombre de la ruta "Ruta 1". El camino ahora está guardado:

La paleta de rutas que muestra la ruta ahora guardada y renombrada "Ruta 1".

Paso 11: trazar el camino con el pincel

Creemos nuestra primera racha de luz. Haga clic en la pequeña flecha que apunta hacia la derecha en la esquina superior derecha de la paleta Trazados, que muestra el menú desplegable de la paleta Trazados, luego seleccione Trazo de trazo de la lista de opciones:

Seleccione "Trazo de trazo" en el menú desplegable.

Esto abre el cuadro de diálogo Trazo de trazo. Queremos trazar el camino con nuestro pincel, así que asegúrese de que la opción Herramienta esté configurada en Pincel. Luego, para decirle a Photoshop que simule la presión del lápiz para nosotros, haga clic dentro de la casilla de verificación a la izquierda de las palabras Simular presión:

Establezca la opción "Herramienta" en "Pincel" y asegúrese de que esté seleccionada la opción "Simular presión".

Haga clic en Aceptar para salir del cuadro de diálogo y Photoshop trazará la ruta con el pincel, creando nuestra primera línea de luz. Observe cómo la pincelada se estrecha en ambos extremos gracias a la opción "Simular presión":

La imagen después de acariciar el camino con el pincel.

Si crees que el trazo del pincel es demasiado grueso o demasiado estrecho, simplemente presiona Ctrl-Z (Win) / Comando-Z (Mac) para deshacer el trazo, luego haz que el pincel sea más grande o más pequeño presionando las teclas del corchete izquierdo o derecho en tu 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 de tu pincel.

Hemos agregado nuestra primera racha de luz, pero no se parece mucho a una racha de luz en este momento. Parece un trazo de pincel blanco elegante, que es exactamente lo que es. Para que se vea más como una raya de luz, necesitamos agregar un poco de color y algunos efectos de brillo, y para eso, usaremos un par de estilos de capa simples.

Paso 12: Agregue un estilo de capa "Resplandor exterior"

Vuelve a la paleta de capas. Verá su trazo de pincel blanco en el área de vista previa de "Capa 1". Haga clic en el icono Estilos de capa en la parte inferior de la paleta Capas y seleccione Resplandor exterior de la lista de estilos de capa que aparece:

Agregue un estilo de capa "Resplandor exterior" en la paleta Capas.

Esto muestra el cuadro de diálogo Estilo de capa de Photoshop establecido en las opciones de Resplandor exterior en la columna central. Cambie la opción Modo de fusión en la parte superior a Luz lineal, lo que nos dará un brillo mucho más intenso de lo que normalmente obtendríamos. Luego, elija un color para su brillo haciendo clic en la pequeña muestra de color directamente debajo de la palabra "Ruido". Esto abrirá el Selector de color de Photoshop. Puede elegir su color en el Selector de color o, si lo prefiere, puede probar un color directamente de la imagen. Para probar un color, simplemente mueva el cursor del mouse sobre la imagen. Verás que el ícono del mouse se convierte en el ícono Cuentagotas. Mueva el cuentagotas sobre el color que desea muestrear, luego haga clic para muestrearlo. Voy a probar un área clara de la piel de la mujer para usarla como mi color de brillo externo:

Muestreo de un color de la imagen para usar como color para el brillo exterior.

Una vez que haya elegido su color, haga clic en Aceptar para salir del Selector de color. Por último, aumente el tamaño del brillo exterior a unos 30 píxeles. Es posible que deba aumentar o disminuir esa cantidad dependiendo del tamaño y la resolución de su imagen:

Cambia el modo de fusión, el color y el tamaño del brillo exterior.

No salga del cuadro de diálogo Estilo de capa todavía porque todavía tenemos un estilo de capa más para agregar. Así es como se ve mi racha de luz hasta ahora después de agregar mi brillo exterior:

La imagen después de aplicar un brillo exterior a la línea de luz.

Paso 13: Agregue un estilo de capa "Resplandor interior"

Hemos agregado un estilo de capa de brillo exterior a nuestra línea de luz. Ahora agreguemos un estilo de brillo interno. Con el cuadro de diálogo Estilo de capa aún abierto, haga clic en las palabras Resplandor interior a la izquierda del cuadro de diálogo, directamente debajo de "Resplandor exterior":

Seleccione "Resplandor interior" a la izquierda del cuadro de diálogo Estilo de capa.

Verá que las opciones de Resplandor interior aparecen en la columna central del cuadro de diálogo. Una vez más, cambie la opción Modo de fusión en la parte superior a Luz lineal. Luego 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 brillo exterior, muestree un color directamente de la imagen. Voy a probar un área más oscura de la piel de la mujer para mi color de brillo interno:

Muestreo de un color de piel más oscuro para usar como color para el brillo interno.

Una vez que haya elegido el color para su brillo interior, haga clic en Aceptar para salir del Selector de color. Finalmente, aumente el tamaño de su brillo interior a unos 10 píxeles. Al igual que con el brillo exterior, es posible que deba jugar un poco con este valor dependiendo del tamaño y la resolución de su imagen:

Cambia el modo de fusión, el color y el tamaño del brillo interior.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo Estilo de capa. Tu racha de luz ahora debería tener un brillo intenso:

La raya de luz ahora aparece con un brillo brillante y colorido.

Esa delgada línea oscura que estamos viendo a través de nuestra racha de luz es el camino. No te preocupes, no estará allí cuando hayamos terminado.

Paso 14: edite la ruta para crear una ligera variación

Hagamos que nuestra racha de luz sea un poco más interesante agregando un par de rayas más. Podemos hacerlo fácilmente simplemente editando nuestro camino para crear algunas variaciones leves y luego acariciando cada variación con nuestro pincel. Vuelva a la paleta de rutas para que podamos editar nuestra ruta. Luego, mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y mueva el cursor del mouse directamente sobre cualquier parte de la ruta. Tan pronto como esté sobre la ruta, 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 nuestra ruta:

Mantenga presionada la tecla "Ctrl" (Win) / "Comando" (Mac) y mueva el cursor del mouse directamente sobre la ruta para acceder temporalmente a la Herramienta de selección directa (puntero blanco).

Haga clic en la ruta con la Herramienta de selección directa para seleccionarla, luego realice algunos ajustes menores en la ruta para crear una ruta ligeramente diferente. Puede arrastrar un punto de anclaje a un punto ligeramente diferente, o mover los controles de dirección para ajustar las curvas de la ruta, o incluso arrastrar un segmento de ruta a una posición ligeramente diferente. Simplemente no toque los puntos de anclaje en ninguno de los extremos del camino porque queremos que cada variación que creamos comience y termine exactamente en el mismo lugar. Entonces, aparte de esos dos puntos de anclaje, el resto de la ruta se puede editar de la forma que desee. No estamos buscando cambios importantes en el camino. Pequeños y sutiles cambios son todo lo que necesitamos.

Aquí, he cambiado ligeramente las dos curvas principales de mi camino arrastrando los dos tiradores de dirección que se extienden desde mi punto de anclaje medio. Puede ver cómo las curvas de la ruta ya no coinciden exactamente con la curva de la primera línea de luz:

Cree una ligera variación de la ruta inicial moviendo puntos de anclaje, controladores de dirección o segmentos de ruta.

Ahora podemos trazar esta variación de la ruta con nuestro pincel. Pero antes de hacerlo, probablemente querremos usar un pincel un poco más pequeño esta vez, así que presione la tecla del soporte izquierdo en su teclado un par de veces para que el pincel sea un poco más pequeño.

Para trazar la variación de nuestro camino, no es necesario pasar por la molestia de seleccionar "Trazo de trazo" en el menú desplegable de la paleta de Trazados como lo hicimos la última vez. Simplemente haga clic en el icono de Trazo de trazo en la parte inferior de la paleta Trazados:

Haga clic en el icono "Trazo de trazo" en la parte inferior de la paleta Trazados.

Photoshop traza el nuevo camino que creamos con nuestro pincel. Como todavía estamos trabajando en la misma capa en la paleta Capas, los estilos de capa Resplandor exterior e Resplandor interior se aplican automáticamente a nuestra nueva línea de luz:

La nueva ruta ahora ha sido trazada con el pincel, y los estilos de capa se le aplican automáticamente.

Paso 15: Crea un par de variaciones de ruta más y acarícialas con el pincel

Repita el paso anterior una o dos veces más para crear más variaciones de la ruta y acaricie cada una con el pincel. Intente cambiar el tamaño del pincel cada vez que use las teclas de soporte izquierda y derecha para agregar aún más interés a la línea de luz. Si no le gusta el trazo de pincel que acaba de agregar, simplemente presione Ctrl + Z (Win) / Comando + Z (Mac) para deshacerlo, luego vuelva a editar la ruta e intente nuevamente.

Si desea ver cómo se ve su raya de luz sin que la ruta bloquee su vista, simplemente haga clic en cualquier lugar en el área vacía debajo de la ruta en la paleta Rutas. Esto anulará la selección de la ruta y la ocultará de la vista. Para volver a ver la ruta, haga clic en ella en la paleta Rutas. Deberá tener su camino visible cada vez que desee trazarlo con su pincel. Si la ruta no es visible, los íconos en la parte inferior de la paleta de Rutas aparecen en gris y no están disponibles.

Aquí está mi imagen después de editar mi ruta un par de veces más y acariciar cada nueva variación de ruta con el pincel. Nuevamente, dado que todavía estamos trabajando en la misma capa, "Capa 1", en la paleta Capas, los estilos de capa Resplandor exterior e Resplandor interior se aplican automáticamente a cada nuevo trazo de pincel. He ocultado mi camino de la vista para que podamos ver más fácilmente cómo se ve ahora la raya de luz con todas sus diferentes variaciones:

La primera racha de luz después de agregarle algunas variaciones.

Paso 16: Copie los estilos de capa en "Capa 1"

¡Y con eso, hemos creado nuestra primera racha de luz! Probablemente querrás agregar al menos una más a tu foto, y es una buena idea colocar cada raya de luz en su propia capa, pero podemos recortar parte del trabajo que tendremos que hacer copiando los estilos de capa que ya hemos aplicado a nuestra primera línea de luz y simplemente pegándolos en cada nueva capa que creamos. Vuelve a la paleta de capas. Aún debe tener "Capa 1" seleccionada. Vaya al menú Capa en la parte superior de la pantalla, elija Estilo de capa y luego elija Copiar estilo de capa:

Con "Capa 1" seleccionada, vaya a Capa> Estilo de capa> Copiar estilo de capa.

Paso 17: Agregue una nueva capa en blanco

Haga clic en el icono Nueva capa en la parte inferior de la paleta Capas para agregar otra capa en blanco. Photoshop agregará la nueva capa sobre "Capa 1" y la llamará automáticamente "Capa 2":

Agregue una nueva capa en blanco sobre "Capa 1".

Paso 18: pegue los estilos de capa en la nueva capa

Con la nueva capa seleccionada, regrese 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:

Vaya a Capa> Estilo de capa> Pegar estilo de capa.

¡Los estilos Outer Glow e Inner Glow de "Layer 1" ahora se agregan a "Layer 2" y se aplicarán automáticamente a la siguiente racha de luz que creamos!

Paso 19: Agregue otra racha de luz

Con una nueva capa agregada y los estilos de capa de "Capa 1" ya aplicados a la nueva capa, podemos crear fácilmente una segunda línea de luz. Simplemente dibuje una nueva ruta con la herramienta Pluma, guarde la ruta si lo desea renombrándola como "Ruta 2" (o como quiera nombrarla), luego trace la ruta con el pincel. Una vez que haya creado la línea de luz principal, mantenga presionada la tecla Ctrl (Win) / Comando (Mac) para acceder a la Herramienta de selección directa y edite la ruta, moviendo puntos de anclaje, controladores de dirección y / o segmentos de ruta para crear algunas pequeñas variaciones de y luego acaricia cada variación con el pincel, usando un tamaño de pincel diferente cada vez.

Aquí está mi resultado después de agregar una segunda raya de luz a mi foto:

La imagen después de agregar una segunda raya de luz.

Si no desea que ambas líneas de luz sean del mismo color, puede cambiar fácilmente los colores simplemente editando los estilos de capa. Digamos que quiero que mi segunda racha de luz sea de un color diferente. Para editar los estilos de capa, todo lo que necesito hacer es hacer doble clic en el icono Estilo de capa en el extremo derecho de "Capa 2":

Haga doble clic en el icono Estilo de capa para editar los estilos de capa para esa capa.

Esto abrirá el cuadro de diálogo Estilo de capa para mí. Todo lo que necesito hacer es hacer clic en las palabras Outer Glow en el lado izquierdo del cuadro de diálogo, que muestra las opciones de Outer Glow en la columna central, luego hacer clic en la muestra de color y elegir un nuevo color del Color Selector o muestreando un color diferente de la imagen. Haga clic en Aceptar para salir del Selector de color, luego haga clic en las palabras Resplandor interior a la izquierda para acceder a las opciones de Resplandor interior. 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. Puede editar los colores de las rayas de luz en cualquier momento que desee simplemente editando los estilos de capa.

Aquí está mi resultado final después de editar los estilos de capa en "Layer 2" y cambiar ligeramente el color de mi segunda raya de luz, usando colores que tomé de la muestra del cabello de la mujer:

El resultado final.

¡Y ahí lo tenemos! ¡Así es como agregar rayas de colores a una imagen con Photoshop! ¡Visite nuestra sección de Efectos fotográficos para obtener más tutoriales sobre efectos de Photoshop!