Como crear un efecto 3D fuera de ondas de sonido Photoshop Tutorial

efecto 3D fuera de ondas de sonido

En este video tutorial haremos una composición para crear un efecto 3d y aparente que la persona este saliendo de las ondas de sonido. Es efecto es fácil y rápido y te ayudará a comprender mejor las capas, máscaras de capa, etc.

 

 

Elementos utilizados:

Fotografía: https://goo.gl/vzEuTP
Fuente: Roboto Thin

 

Telcas Windows/Mac

Ctrl = Command(CMD)
Alt = Option

 

 

Paso 1

Para empezar a crear este efecto lo primero que haremos es crear nuestro documento. El documento que yo cree es de 1000×1000 pixeles.

Después iremos a la herramienta de rectángulo para crear nuestro primer rectángulo. El rectangulo lo puedes transformar dando Ctrl + T y manteniendo Shift + Alt para transformarlo proporcionalmente.

rectángulo

 

Seguiremos creando los demás rectángulos, duplicamos el primero manteniendo Alt y arrastrando hacia un lado. Le agregamos una separación de unos 8 pixeles y hacemos lo mismo hasta llenar todo el documento.

crear rectángulos con herramienta de rectángulo lineas o rectángulos verticales

Paso 2

Ya que tengamos todas las capas de los rectángulos vamos a ponerlos todo en un grupo ya que son demasiadas capas, seleccionamos la primera capa, luego nos vamos hasta arriba y seleccionamos la ultima capa manteniendo Shift para que se seleccionen todas, después damos Ctrl + G.

crear grupo

 

Paso 3

Continuaremos creando una nueva capa por encima del grupo que acabamos de crear, luego nos iremos a la herramienta de degradado, seleccionamos los colores #0632CD y #2D967F y aplicamos el degradado linean en nuestra capa nueva. Finalmente damos click derecho sobre la capa y creamos una máscara de recorte.

selección de colores en herramienta de degradado creación de máscara de recorte

 

El resultado seria éste.

máscara de recordé y degradado lineal

 

Paso 4

Teniendo terminada nuestras ondas nos dirigimos a nuestra fotografía, en este caso no vamos a necesitar el fondo así que se lo quitaremos, con la herramienta de selección rápida seleccionamos rápidamente a nuestra persona, una vez tengamos la selección le creamos una máscara de capa. Al crear la máscara de capa se recortará de una manera no muy precisa así que daremos click derecho sobre la máscara de capa y damos en perfeccionar bordes.

En la ventana que se nos abrirá hay bastantes opciones pero solo nos interesa darle unas pasadas en los bordes con la herramienta tipo pincel que nos aparece, al igual que radio inteligente, lo marcamos y le ponemos unos 2.3 pixeles de radio.

perfeccionar bordes

 

Teniendo recortada la fotografía la arrastramos a nuestro documento de las ondas con la herramienta de mover y la posicionamos donde queramos.

Si por alguna razón la fotografía esta demasiado grande la puedes transformar dando Ctrl + T.

posición de fotografía

 

Paso 5

La fotografía también tendrá que ser máscara de recorte así que daremos click derecho sobre la capa de la foto y seleccionamos máscara de recorte.

máscara de recorte en rectángulos

 

Paso 6

Continuaremos creando una máscara de capa a nuestro grupo que contiene todas las capas de las ondas, luego abriremos ese grupo y crearemos una capa hasta arriba.

nueva capa y máscara de capa

 

 

Esa capa que creamos dentro del grupo servirá en combinación con la herramienta de pincel, teniendo el color negro seleccionamos podemos “eliminar” partes como las lineas que no queremos que aparezcan en la cara de la persona.

eliminar partes con pincel en capa

 

Después crearemos ese efecto que aparenta que esta saliendo de las ondas o en 3d así que vamos a dar Ctrl + Click sobre la máscara de la fotografía para que se haga una selección exacta de la persona. Luego eliminamos o agregamos partes.

revelar capa con máscara de capa

 

También puedes seleccionar la máscara de la foto y con la herramienta de pincel teniendo color negro seleccionado puedes eliminar partes que no desees.

eliminar partes con máscara de capa

 

 

Paso 7

Ya que terminemos con lo anterior continuaremos y crearemos una nueva capa de relleno o ajuste de mapa de degradado.

crear mapa de degradado

 

 

Seleccionaremos dos colores en este caso que serán #1ab6b6 y #4cac6e. Luego le cambiamos el modo a la capa a subexponer color y le bajamos la opacidad a unos 30%.

El resultado quedará de esta manera.

mapa de degradado aplicado

 

Paso 8

Finalmente creamos el texto de la parte de arriba llamado music, creamos una nueva capa dentro de nuestro grupo y vamos a la herramienta de texto.

Configuramos las propiedades:

Fuente: Roboto Thin

Tamaño: 30 puntos

Espaciado de letra: 560

Negrita Falsa

Todo Mayusculas

propiedades de texto carácter

 

Ya que el texto esta dentro del grupo también tomará el color.

efecto 3D fuera de ondas de sonido

 

Si tienes alguna duda no dudes en preguntar.