tutorial efecto tipográfico

19
Yan David Burbano Amariles [email protected] www.fwdigital.net TUTORIAL EFECTO TIPOGRÁFICO Para comenzar debemos tener una foto con el rostro de una persona (preferiblemente) y cuyo fondo sea blanco, si no es blanco (o sin fondo) debemos quitarlo para que nos quede mucho mejor nuestro trabajo. En mi caso trabajaré con la siguiente fotografía: Archivo / abrir/ (nuestra fotografía)

Upload: yanburbano

Post on 19-Jun-2015

84 views

Category:

Design


2 download

DESCRIPTION

Crear a partir de un texto o de varios textos un rostro.

TRANSCRIPT

Page 1: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

TUTORIAL EFECTO TIPOGRÁFICO

Para comenzar debemos tener una foto con el rostro de una persona (preferiblemente) y cuyo

fondo sea blanco, si no es blanco (o sin fondo) debemos quitarlo para que nos quede mucho

mejor nuestro trabajo.

En mi caso trabajaré con la siguiente fotografía:

Archivo / abrir/ (nuestra fotografía)

Page 2: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Bueno para comenzar y realizar nuestro “efecto” haremos los siguientes pasos:

Selección/ gama de colores y seleccionamos sombras.

y damos OK

Y nos queda esta selección hecha.

Pulsamos CTRL J para poder guardar esta selección en una capa nueva.

Page 3: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Si ocultamos la capa llamada fondo podemos ver mejor nuestra selección de sombras.

Volvemos a seleccionar nuestra capa llamada fondo y la volvemos visible.

Volvemos a hacer lo mismo ubicados en la capa llamada fondo.

Selección/ gama de colores y medios tonos y damos clic en ok.

Y damos CTRL J para poder guardar nuestra selección de medios tonos.

Page 4: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Ahora vamos a quitarle color a estas dos nuevas capas

Nos ubicamos en la capa llamada capa 2, vamos a edición/ rellenar / 50% de gris y marcamos

la opción “mantener transparencia”

Y damos clic en OK

Page 5: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Nuestra imagen ya está así:

Ahora nos ubicamos en la capa 1 y vamos a edición / rellenar / negro, dejamos marcada

“mantener transparencia” y damos clic en OK.

Nuestra imagen ya está así.

Ahora vamos a combinar la capa 1 y la capa 2

Ubicados en la capa 1 pulsamos CTRL E y automáticamente se nos combinan ambas capas.

Page 6: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Vamos a renombrar esta capa 2 y le colocaremos el nombre “imagen” porque es la capa con la

que nosotros vamos a trabajar.

Clic derecho/propiedades de capa y le damos el nuevo nombre.

Page 7: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Ocultamos ambas capas que tenemos actualmente.

Ahora vamos a la herramienta de texto ubicado en la parte izquierda de nuestra aplicación.

Hacemos un recuadro de texto. Y pegamos ahí un texto que nosotros hayamos copiado de

alguna parte.

Page 8: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Yo por ejemplo pegué un fragmento del libro de Gabriel García Márquez, Cien años de

Soledad.

Como el texto será parte fundamental de nuestro efecto, usted puede elegir cual tipo de

fuente o tipografía se adapta más a lo que usted quiere.

Yo, por ejemplo, seleccione la fuente Brush Script MT.

Ahora vamos al menú de edición y “definir valor de pincel”

Le colocamos el nombre que deseemos. Yo le coloqué “texto gabo” y das OK.

Page 9: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Ahora si podemos eliminar la capa que tiene el texto.

Solo debemos tener dos capas creadas.

Vamos a crear una capa nueva sobre la capa imagen y la renombramos “TEXTO”

En esta capa es que vamos a pintar con el “tipo pincel” que acabamos de crear, vamos a la

herramienta pincel, y seleccionamos el último pincel que tengamos.

Page 10: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Podemos cambiar el tamaño a nuestro gusto.

Empezamos a colocar nuestro texto con el pincel y podemos hacerlo de diferentes tamaños. Es

pintar no arrastrar, ojo.

Page 11: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Ahora vamos a crear una máscara de capa sobre la capa del texto.

Ocultamos todas las capas menos la capa llamada “imagen”

Pulsamos CTRL A para poder seleccionar todo y pulsamos CTRL C para copiar.

Ocultamos ahora todas las capas menos la capa llamada texto que dejamos esta vez visible. Y

damos clic sobre la miniatura de la máscara de capa, es decir el cuadro blanco.

Page 12: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Con esta miniatura de mascara de capa seleccionada, pulsamos la tecla ALT y clic izquierdo de

nuestro mouse, nos debe quedar algo así:

Pulsamos CTRL V y lo que hacemos es pegar nuestra selección anterior de nuestro rostro. Y

luego CTRL D para quitar la selección y nuestra imagen y está así:

Ahora con la mascara seleccionada pulsamos CTRL I para invertirla.

Si damos clic en el ojito el texto podemos ver el efecto hecho.

Page 13: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Como se nota poco, debajo de esta capa creamos una capa nueva y la llamamos fondo.

Yo en mi caso tomare un color pastel y rellenare con el bote de pintura en mi capa llamada

fondo.

Page 14: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Ahora nos situamos en capa de nuestro efecto. Clic derecho /opciones de fusión

Vamos donde dice superposición de degradado

Page 15: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Seleccionamos el degradado que nosotros queramos.

Damos clic en ok

Page 16: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

En mi caso cambie el color del fondo para que se note más.

Vamos a seleccionar ahora la herramienta pincel para que se note más, pince y seleccionamos

un pincel suave. Y seleccionamos el color negro.

Page 17: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Le bajamos la opacidad al pincel, entre 25 a 30 %

Y pintamos sobre la zona de los ojos. (ubicados en la capa llamada imagen)

Page 18: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Todo sea para pulir los detalles de nuestra imagen.

Y una vez todo esté listo, habremos terminado.

Page 19: Tutorial efecto tipográfico

Yan David Burbano Amariles [email protected] www.fwdigital.net

Ejemplos de imágenes con este efecto.

Espero les sea muy útil.

Les comparto este link que también les puede ser de mucha ayuda.

https://www.youtube.com/watch?v=ocIsfhS5Dbc