Photoshop y Tutoriales

Blog de diseño

Tutorial de Photoshop: BreackDance

Breack Dance:

En este tutorial de photoshop te mostraré como crear una composición de un bailarín, aplicaremos en el tutorial mascaras, selecciones y utilizaremos pinceles para crear un que espero te sirva de inspiración.

El objetivo es siempre ofrecerte material de estudio para que practiques con las herramienta de photoshop y poco a poco te vayas convirtiendo en un verdadero de photoshop.

Al final del tutorial puedes descargar el psd completamente gratis, porr si quieres descargarlo para estudiar directamente del archivo editable.

Materiales a utilizar:

Comenzamos el tutorial creando un documento nuevo en photoshop de 800px X 867px, color de fondo blanco, este color lo vamos a cambiar luego de presionar OK. Antes de empezar con el tutorial debes recortar la imagen del bailarin o bien utilizar la imagen ya limpia que acompaña este tutorial en el archivo de descarga al final del artículo.

El fondo tenemos que cambiarle el color, para ello selecciona la herramienta degradado radial y aplica los siguientes valores: #b78121 en el extremo izquierdo con 100% de opacidad y en el otro extremo el mismo color pero al 0% de opacidad.

Degradado radial

degradado del fondo

Con los colores del degradado seleccionados presiona OK, y a continuación en tu documento de photoshop haz clic en el centro y arrastra el mouse hacia el extremo inferior derecho:

degradadoFondo2.jpg

Abre la imagem fondo.jpg del material de descarga, y ubícalo en el documento de photoshop, justo encima de la capa fondo, a continuación cámbiale el modo de fusión de capa a Luz intensa, debe quedarte asi:

breackdance1.jpg

Cuando hayas limpiado la imagen del bailarín ubícalo en tu documento, no omito manifestar que en el el material de descarga ya está el bailarín limpio sin fondo ( lo puedes encontrar con el nombre bailarin.psd). Nombra a esa capa bailarin.

breackdance2.jpg

Crea una nueva capa, y estando en la capa nueva presiona CTRL seguido de Clic en la miniatura de la capa bailarin, con esto cargamos la seleccion, luego ve a Seleccion / Modificar / Expandir y aplica un valor de 15 al cuadro de diálogo que te aparecerá.

expandirseleccionfotobailarin.jpg

expandirseleccionfotobailarin2.jpg

Rellena esa capa con color blanco, una forma rápida de hacerlo es presionar la tecla “d” en el teclado y si el color blanco está arriba presiona ALT+BACKSPACE o retroceso y si el color blanco está abajo presiona CTRL+BACKSPACE o retroceso.

Nota: Si te ubicas en una linea de texto y quieres borrar el caracter o letra que se encuentra a la izquierda del puntero ¿cuál tecla utilizarías?, en algunos teclados se llama Backspace y es la última tecla en el extremo superior derecho del teclado alfanumérico.

ok, ya con esto aclarado rellena de blanco la selección, ahora presiona CTRL+D para deseleccionar y a continuación ubica esa capa debajo de la capa bailarín, cambia además el modo de fusión de esa capa a Superponer.

breackdance3.jpg

Abre splash.psd, que contiene la imagen que utilicé como salpicadura, hay varias técnicas de aplicar distorciones a las fotos, y esta de aplicar la salpicadura a partir de una imagen es la que me ha parecido más sencilla, esta salpicadura o splash la he extraido de la foto de salpicadura de leche y la he agregado al material de descarga como salpicadura para que te sea más fácil aplicarlas en el tutorial que estamos siguiendo.

La imagen es grande y al pasarla a nuestro documento de photoshop te darás cuenta que hay que cambiarle el tamaño para que coincida con las superficies que vamos a trabajar:

splash1.jpg

En la imagen superior he marcado en circulos rojos, nombra a estas capas zapatoIzda y zapatoDcha respectivamente, la ubicacion de las dos primeras zonas en las que aplicaremos las salpicaduras, en la imagen aparecen en blanco porque aun no habia extraido el contenido ni generado el psd, pero si aplicas la salpicadura.psd tendrás los mismos resultados.

Ok, ya con las primeras salpicaduras aplicadas vamos a ver como trabajarlas, lo que tenemos que hacer es duplicar ya sea la capa bailarin completa, o seleccionar (con la herramienta laso poligonal preferiblemente) la zona que nos va a servir como relleno de máscara.

Para esta primera parte solo he seleccionado el pie del bailarin y redimensionado a un tamaño muy superior al original, esta nueva capa debe quedar encima de la salpicadura que aplicamos anteriormente.

mascara1.jpg

Presiona la tecla ALT y ubica el mouse entre la capa1 copia y la capa zapatoIzda el puntero adoptará la forma de un pote relleno y una flecha que apunta hacia abajo, cuando veas esa forma haz clic para aplicar la máscara, si lo hicistes bien debería tener el siguiente aspecto luego de aplicar la máscara:

mascara2.jpg

Repite el proceso para el pie derecho:

mascara3.jpg

Repite el proceso para cada una de las siguientes zonas en las que deberás ubicar las salpicaduras:

splash2.jpg

Recuerda seleccionar areas cercanas a las salpicaduras, cámbiales el tamaño y obtendrás esto:

mascara4.jpg

Ahora con la herramienta pluma y con el modo Trazados activado dibuja un trazado que tenga la siguiente forma:

trazado1.jpg

A este trazado le vamos a aplicar un pincel como contorno pero primero vamos a configurar el pincel a utilizar, pero antes debes insertar una capa nueva, porque sino vas a ensuciar la ultima capa activa que seguramente la estás utilizando para las mascaras, asi que inserta una capa nueva ahora mismo y luego configura el pincel (abre la ventana / pinceles y debes tener seleccionada la herramienta pincel):

pincelphotoshop-configuracion1.jpg

Ahora abre la ventana trazados y aplica contorno al trazado que acabas de dibujar (el color de primer plano debe estar en blanco):

trazado1_1.jpg

Como lo aplicaste en una capa nueva, ahora podemos entrar a las opciones de fusión de esta capa y configurar los siguientes valores:

opcionesfusion_trazados1.jpg

opcionesfusion_trazados2.jpg

opcionesfusion_trazados3.jpg

En esta misma capa selecciona la herramienta seleción de trazados haz clic encima del trazado y muévelo presionando 3 veces la direccional hacia abajo del teclado y aplica contorno al trazado, (regresa 4 imágenes en este tutorial y sabrás a que me refiero), deberías tener algo como esto:

tutorial-breakdance-fotomanipulacion.jpg

Por si no conoces la herramienta selección de trazados te dejo esta pantalla. he incluido la ubicación del color de primer plano y segundo plano, que mencioné anteriormente en este tutorial:

herramientaselecciondetrazados.jpg

Con la herramienta seleción de trazados y en una capa nueva ubica el trazado en medio de las dos figuras.

Ahora hay que configurar el pincel a utilizar para contornear este trazado, para ello utiliza la siguiente configuración:

pincelphotoshop-configuracion2.jpg

Y a la capa dale las siguientes opciones de fusion:

opcionesfusion_trazados2_1.jpg

opcionesfusion_trazados2_2.jpg

opcionesfusion_trazados2_3.jpg

opcionesfusion_trazados2_4.jpg

Ahora debes Convertir en objeto inteligente (boton derecho sobre la capa y selecciona Convertir en objeto inteligente) y luego boton derecho y selecciona rasterizar capa, en las dos capas con trazados que acabamos de hacer, esto para poder borrar algunas areas de los trazados para que de la apariencia que las lineas pasan por detrás del bailarin:

borrarareasdetrazado.jpg

En la imagen de arriba he marcado en rojo las zonas que debes borrar de ambos trazados y en verde en las que solo borrarás el trazado que se hizo inicialmente.

Ahora abre la ventana pincel y configura un nuevo pincel segun los siguientes valores:

pincelphotoshop-configuracion--1-1.jpg

pincelphotoshop-configuracion--1-2.jpg

pincelphotoshop-configuracion--1.jpg

Ahora con el color de primer plano en blanco, herramienta pincel seleccionada y en una capa de insertarás debajo de las dos capas de trazados anteriores vas a pasar el mouse presionando y siguiendo las lineas del trazado, en donde los angulos se pronuncien, te debería quedar asi:

Hasta aqui podría llegar el tutorial, pero vamos a trabajar en dos cosas pendientes, primero el fondo, vamos a insertar una forma personalizada, es una esfera de varias aristas que puedes debes hacer que abarquen todo el espacio del documento

formaspersonalizadas.jpg

Una vez aplicada esta forma personalizada que deberás colocar arriba de la capa de foto fondo, vas a ir a filtro / textura / azulejo mosaico y le darás los siguientes valores:

azulejomosaico.jpg

Tu documento de photoshop debería tener la siguiente apariencia:

breackdance4.jpg

Cambia el modo de fusion de esa capa a Aclarar y tendrás solo pequeñas partes de esa imagen lo que ayudará a darle más textura al fondo:

breackdance5.jpg

El texto superior en este caso yo le he llamado BreakDance y el tipo de letra que utilicé fue BoisterBlack con un tamaño de 76, para conocer los estilos de capa que utilicé en el texto y como aplicar el destello vas a tener que descargar el psd.

Al final este es el resultado de este tutorial de photoshop, he utilizado Photoshop CS5 pero perfectamente lo puedes hacer desde Photoshop CS3 o CS4.

tutorial-breakdance-fotomanipulacion-preview.jpg

Descargar el material y descargar el psd desde mediafire.

Los comentarios acerca de este tutorial de photoshop son bienvenidos y se agradecen.

Tags: , , , , , ,

Comparte este artículo en las redes:

3 Responses to “Tutorial de Photoshop: BreackDance”


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Recibenos en tu Email

Escribe tu direccion de Email en el cuadro de abajo y recibe las Novedades Diarias del Blog:

Delivered by FeedBurner

Este Blog en Facebook