1. Design & Illustration
  2. Music Video

Cómo crear un efecto de túnel alucinante con una cabeza en Adobe Photoshop

by
Read Time:6 minsLanguages:

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

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

Continuando con nuestra serie de efectos inspirados en vídeos musicales, el vídeo Pillow Talk de Zayn sigue proporcionando inspiración para efectos divertidos y creativos. En este tutorial, exploraremos cómo crear el efecto de túnel alucinante con una cabeza que se ve en la marca 1:40 del video.

1. Prepara la imagen del modelo

Este efecto funciona mejor con imágenes de perfil definido. Por lo tanto, al seleccionar una imagen para esto, busca fotos de modelos que incluyan un peinado que no oculte la parte posterior del cuello, y mejor aún si la persona tiene una mandíbula fuerte y rasgos marcados.

Paso 1

Comienza con una imagen que presente una toma de perfil limpia. Los perfiles tienen una forma mucho más distintiva que otros ángulos de cabeza y dan mejores resultados. El ejemplo que aquí se presenta utiliza este Modelo de Moda Masculino Joven de Envato Market. Utiliza la herramienta Selección rápida (W) para crear una selección de la cabeza y los hombros del modelo.

Select the profile of the modelSelect the profile of the modelSelect the profile of the model

Paso 2

Ve a Capa > Nueva > Capa Vía Copiar (Control-J) para copiar la selección a una nueva capa. Nombra la capa como Cabeza y Hombros.

copy to a new layercopy to a new layercopy to a new layer

Paso 3

Crea una copia de la capa Cabeza y Hombros utilizando la misma opción Capa > Nueva > Capa Vía Copiar (Control-J), y coloca la copia debajo del original en el panel Capas.

duplicate the head and shoulders layerduplicate the head and shoulders layerduplicate the head and shoulders layer

Paso 4

Aumenta significativamente la escala de la capa que se ha copiado con Edición > Transformar > Escalar y reduzce la Opacidad al 30%.

Scale up and reduce the opacityScale up and reduce the opacityScale up and reduce the opacity

Paso 5

Para realizar una capa de color sólido justo encima de la capa de fondo original, ve a Capa > Nueva capa de relleno > Color uniforme. Ajusta el color a un tono azul intenso #1a1c33.

ad a dark blue backdropad a dark blue backdropad a dark blue backdrop

Paso 6

Utiliza la Herramienta Selección Rápida (W) y la capa Cabeza y Hombros para seleccionar sólo la cabeza y el cuello del modelo. Utiliza la función Perfeccionar borde y establece el Radio en 1,5.

Create a selection of just the headCreate a selection of just the headCreate a selection of just the head

Paso 7

Copia la selección a una nueva capa con Capa > Nueva > Capa Vía Copiar (Control-J) y cambia el nombre de la nueva capa a Cabeza. A partir de ahí, convierte la capa en un Objeto Inteligente con Capa > Objeto inteligente > Convertir en Objeto Inteligente. Después, reduce la escala de la capa para que sea mucho más pequeña que la original.

Create a head layer turn to a Smart Object and scale downCreate a head layer turn to a Smart Object and scale downCreate a head layer turn to a Smart Object and scale down

Paso 8

Añade una capa de ajuste de Tono/Saturación y colócala directamente sobre la copia de la capa Cabeza y Hombros. Después, recórtala con Capa > Crear máscara de recorte (Alt-Control-G) para que la capa de ajuste solo afecte a esa capa. Ajusta la Saturación a -100 y la Luminosidad a -10.

Add a HueSaturation adjustment layerAdd a HueSaturation adjustment layerAdd a HueSaturation adjustment layer

Paso 9

Añade una capa de ajuste de Mapa de Degradado sobre la capa Cabeza y Hombros. Después recórtala con Capa > Crear máscara de recorte (Alt-Control-G). Abre el Editor de degradados y establece la detención de color de la izquierda en azul #0d1465, la detención de color del medio en rojo #ff0101, y la detención de color de la derecha en blanco #ffffff.

add a Gradient Map adjustment layeradd a Gradient Map adjustment layeradd a Gradient Map adjustment layer

Paso 4

Reduce la Opacidad de la capa Cabeza y Hombros al 30%. A partir de ahí, mantén pulsada la tecla Alt para arrastrar una copia del Mapa de degradado por encima de la capa Cabeza. Recorta el Mapa de Degradado copiado a la capa Cabeza.

copy the gradient map adjustment layer to the head layercopy the gradient map adjustment layer to the head layercopy the gradient map adjustment layer to the head layer

Paso 11

Añade una capa de ajuste Tono/Saturación y córtala a la capa de ajuste Mapa de degradado con Capa > Crear máscara de recorte (Alt-Control-G). Ajusta la Saturación a -35 y la Luminosidad a +5.

Add a huesaturation adjustment layerAdd a huesaturation adjustment layerAdd a huesaturation adjustment layer

2. Elaboración del efecto túnel de cabeza

El efecto de túnel de cabeza se hace creando una silueta del perfil y luego creando copias cada vez más grandes de esa silueta. Por suerte, Photoshop tiene una función increíble para crear rápidamente estas copias y no tener que preocuparse de colocarlas a mano.

Paso 1

Haz control-clic en la capa Cabeza para crear una selección en ella. A su vez, ve a Seleccion > Perfeccionar borde y aumenta la configuración de Suavizado a 17 para suavizar la selección.

Create a selection around the head layerCreate a selection around the head layerCreate a selection around the head layer

Paso 2

Ve al panel Trazado y utiliza el icono que aparece como pie del panel para Hacer el trazado de trabajo a partir de la selección. Esta opción traza automáticamente la selección para crear una trayectoria suave alrededor de la cabeza del modelo.

Create a path from the selectionCreate a path from the selectionCreate a path from the selection

Paso 3

Con el trazado recién hecho aún activo, ve a Capa > Nueva capa de relleno > Color uniforme. Es indiferente el color del relleno que selecciones. Cambia el nombre de la figura por el de Contorno. Utiliza la Herramienta de Selección de Trayectoria (A) para seleccionar la trayectoria y establece el Relleno en Nulo, el Trazo en Blanco y el Largo del Trazo en 1 px.

Use the path to create a shape with a 1 px strokeUse the path to create a shape with a 1 px strokeUse the path to create a shape with a 1 px stroke

Paso 4

Crea una copia de la capa Contorno, llámala Contorno grande, y aumenta su escala con Edición > Transformar > Escalar hasta que sea ligeramente más grande que la capa Cabeza. Selecciona este trazado con la herramienta Selección de Trazado (A) y ajusta la Anchura del Trazo a 3 px.

Copy the outline and scale up and increase stroke to 3 pxCopy the outline and scale up and increase stroke to 3 pxCopy the outline and scale up and increase stroke to 3 px

Paso 5

Copia de nuevo la capa original del Contorno. Ahora ve a Edición > Transformar > Escalar. Utiliza los campos de entrada de la barra de opciones para establecer tanto el Ancho como el Alto ambos al 107%.

Copy the outline and scale up by 107Copy the outline and scale up by 107Copy the outline and scale up by 107

Paso 6

Asegurate de que la herramienta Mover (V) está activa y mantén presionada la tecla Alt y ve a Edición > Transformar > Otra vez (Shift-Control-T). De esta forma se podrá realizar otra copia de la capa y repetir la última transformación, que es la de aumentar la escala en un 107%.

Use the Transform Again featureUse the Transform Again featureUse the Transform Again feature

Paso 7

Utiliza el atajo de teclado que consiste en mantener presionadas las teclas Alt, Mayúsculas y Control mientras tocas la tecla T repetidamente para continuar haciendo copias a escala de la capa de contorno. Continúa hasta que el lienzo se llene de contornos cada vez más grandes.

Continue the Transform again to fill the canvas with outlinesContinue the Transform again to fill the canvas with outlinesContinue the Transform again to fill the canvas with outlines

Paso 8

Mantén presionada la tecla Mayúsculas y selecciona todas las copias del contorno en el panel de Capas (con la excepción del gran Contorno). Agrupa todas ellas con Capa > Agrupar capas (Control-G). Cambia el nombre del grupo por el de Cortornos.

Group the outlinesGroup the outlinesGroup the outlines

Paso 9

Añade una Máscara de Capa al grupo de Contornos. Después utiliza la Herramienta Degradado (G) con el ajuste preestablecido de negro a blanco. Haz clic en la opción Invertir y dibuja un degradado Radial  en la máscara para desvanecer los contornos a medida que aumentan de tamaño.

Add a mask to the group and use a radial gradientAdd a mask to the group and use a radial gradientAdd a mask to the group and use a radial gradient

3. Añade los efectos de color finales

Ahora que las líneas para lograr el efecto de túnel de cabeza primario están completas, al añadir algunos colores y degradados adicionales se completa todo el impacto visual del efecto.

Paso 1

Añade una nueva capa llamada Linea Blanca justo debajo de la cabeza. Utiliza la herramienta Lazo Poligonal (L) para crear una sección de forma triangular que siga los pliegues de los contornos. Luego utiliza la Herramienta Degradado (G) con el Primer Plano ajustado a Transparente para añadir un Degradado Lineal dentro de la selección.

add a selection and fill with a white gradientadd a selection and fill with a white gradientadd a selection and fill with a white gradient

Paso 2

Ve a Selección > Deselección (Control-D) para cancelar la selección, y luego añade selecciones adicionales para rellenar con el degradado blanco y crear más rayas blancas.

Add more white streaksAdd more white streaksAdd more white streaks

Paso 3

Añade una nueva capa llamada Color Rojo y establece el color del primer plano a un rojo brillante #dd1515. A partir de ahí, crea un degradado Radial que parta del centro del lienzo. Establece el modo de fusión de la capa en Luz suave.

Add a red gradientAdd a red gradientAdd a red gradient

Paso 4

Utiliza de nuevo la herramienta Lazo Poligonal (L) para seleccionar varias áreas triangulares que salgan del centro. Luego usa esa selección como máscara de capa con Capa > Máscara de capa > Revelar selección.

Use a mask on the red gradientUse a mask on the red gradientUse a mask on the red gradient

Paso 5

Añade una nueva capa llamada Resplandor blanca y establece el color de primer plano en blanco. A partir de ahí, añade un degradado Radial que parta del centro del lienzo. Reduce la Opacidad de la capa al 65%.

Add a white glow layerAdd a white glow layerAdd a white glow layer

Paso 6

Haz clic con la tecla Control en la capa del Gran Contorno para crear una selección. A fin de utilizar esa selección como máscara de capa en la capa Resplandor blanca, ve a Capa > Máscara de capa > Revelar selección.

Add a mask to the white glow layerAdd a mask to the white glow layerAdd a mask to the white glow layer

¡Has terminado!

Los resultados deberían ser similares a los de la imagen definitiva que se muestra aquí. ¿Cómo resultó tu efecto de túnel de cabeza con efecto trippy? Puedes compartir tus resultados en los comentarios a continuación.

The Final EffectThe Final EffectThe Final Effect
One subscription.
Unlimited Downloads.
Get unlimited downloads