Crear asombroso retrato tipografico en Photoshop

En este tutorial aprenderán a hacer un fácil y muy cool retrato en Photoshop, el resultado será una...


En este tutorial aprenderán a hacer un fácil y muy cool retrato en Photoshop, el resultado será una imagen que pareciese haber sido creada con letras.


1. Vamos a abrir Photoshop y a crear un nuevo documento en blanco con un tamaño de ancho 2560px por 1440px de alto. Procuramos que la foto que vamos a utilizar tenga fondo blanco y que sea de alta calidad, yo voy a utilizar una imagen que encontré en Google. Ahora solo debemos quitarle el fondo blanco.





2. Teniendo nuestra imagen elegida, la colocamos sobre nuestra mesa de trabajo, duplicamos esa capa y ahora vamos a Imagen > Ajustes > Desaturar. el resultado que nos da es una imagen en blanco y negro. Esta es una manera facil de crear un mapa de desplazamiento y así nos dará el efecto deseado.



3. Guardamos nuestra imagen como un PSD.


4. Con la herramienta de texto horizontal, vamos a crear muchas cajas de texto. No necesariamente el texto tiene que ser legible así que podremos sobreponer textos, también podemos reducir el interlineado y también disminuir el espacio entre cada caractér. También podemos aumentar el tamaño de algunas palabras que queramos resaltar.



Para este paso he utilizado las fuentes Adobe Garamond y Garamond, puedes utilizar cualquiera de estas o un tipo de fuente serif.

5. Para cada capa vamos a aplicar en estilo de capa>sombra paralela, modo de fusion multipicar, en color negro, 90º para el angulo, 5px para la distancia, extensión y tamaño.





6. Seleccionamos las capas de texto y las agrupamos, luego duplicamos la capa. A la capa duplicada le aplicamos el siguiente filtro. Vamos a Filtro>Desenfoque>Desenfoque Gaussiano con un radio de 10px. Colocamos esta capa con el efecto de desenfoque debajo de la capa principal de texto.



7. Ahora selecionamos las capas de texto y las combinamos, es tiempo de hacer la magia!

Vamos a Filtro y convertimos para filtros inteligentes, así nos da la opción de volver a editar el filtro que aplicaremos.
Vamos a Filtro>Distorsionar>Desplazar, agregamos los valores de 5 px para la escala horizontal y 5px, para la escala vertical. Ahora nos aparece un cuadro de dialogo pidiendos elegir un archivo, vamos a seleccionar el PSD que guardamos en el paso 3.



Como resultado nos debe quedar algo mas o menos así:



8. Colocamos capa de la imagen original sobre nuestra resultado anterior, la capa con texto. Cambiamos el modo de fusión a Subexposición Lineal.

Para que tenga un mejor aspecto vamos a ir a Filtro>Ruidos>Polvo y Rasgaduras con un radio de 7 pixeles.



9. Ahora creamos una mascara de capa sobre la la capa de texto para que solo queden al descubierto, los textos que se encuentran sobre nuestra foto.

mascara de capa


Este debe ser nuestro resultado final:
(clic sobre la imagen para ampliar)

efecto retrato tipografico en Photoshop


Si no te quedo como esperabas, no te frustres e intenta de nuevo ¡echando a perder se aprende!

COMMENTS

Nombre

3D Angry Birds Articulos blogger Branding Colores Comic Concurso Creativo CSS Descargas Diseño Diseño Grafico Diseño web Efecto Eps Espacio negativo Estilo de Capas Extensiones Facebook Featured Posts Flat Design Fondos Fondos de Pantalla Fotografia Fotomanipulaciones Frases Fuente Galeria Geek Gif Gratis HTML5 Iconos Illustrator Ilustracion Infografias Inspiracion Invitaciones IOS 7 Isnpiracion Keep Calm And Carry On Ley de Tercios Leyes de Gestalt Logos Long Shadow Mapa de navegación Minimalista Mockups Motivos Multimedia Navidad Packaging Pasto Patterns Photoshop Pinceles Plantillas PNG Portafolio Posters Powerpoint Psd Puntos Aureos Recursos Responsive design Retro Seo Set de Iconos Set de Imagenes Storyboard SVG Tarjetas Tarjetas de presentacion Teoria Teoria del color Teoria del Diseño Textura themes Tipografías Tipogrfia Tutoriales UI UX Vectores Videos Vintage Wordpress Zombies
false
ltr
item
Jhon Urbano: Crear asombroso retrato tipografico en Photoshop
Crear asombroso retrato tipografico en Photoshop
http://4.bp.blogspot.com/-7yfn1EkCnPU/URnrgqAO-5I/AAAAAAAAORA/GBANVUK06Co/s1600/face_man.jpg
http://4.bp.blogspot.com/-7yfn1EkCnPU/URnrgqAO-5I/AAAAAAAAORA/GBANVUK06Co/s72-c/face_man.jpg
Jhon Urbano
http://www.jhonurbano.com/2013/02/crear-efecto-retrato-tipografico-en.html
http://www.jhonurbano.com/
http://www.jhonurbano.com/
http://www.jhonurbano.com/2013/02/crear-efecto-retrato-tipografico-en.html
true
4736861666122585118
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy