Primero necesitas una imagen, después pasarla a Blanco y negro pero sin desaturarla, la forma de hacer esto es en Imagen, Ajustes y luego Mezclador de canales.
Aparecerá una ventana, asegúrate que el cuadro de Monocromo esta seleccionado y pon los valores de la imagen.
Vale, ahora necesitaremos texto con el que hacer la imagen, para eso vamos a www.lipsum.org y generamos texto aleatorio, yo use unos 60 párrafos, aunque el texto puedes sacarlo de donde quieras.
Ahora coge la herramienta de texto y haz un rectángulo sobre toda la imagen, pega el texto generado ahí y cambia la fuente a Arial 8 (borra los espacios entre los párrafos). Una vez tengas hecho esto en la pestaña carácter reduce el interlineado y el espacio entre las letras y en la pestaña párrafo selecciona justificar todo.
Ahora duplica la capa de texto dos veces, esto tardara un rato así que deja a photoshop hacer su trabajo.
En la ultima capa de las tres, el texto debería ser negro, en la del medio gris #7f7f7f y la de arriba en gris claro #c5c4c4. Rasterizar las capas de texto con click derecho y Rasteriar texto en el menú emergente.
Ahora haz las tres capas de texto invisibles y selecciona la capa de la imagen, ve a selección -> gama de colores. De ahí selecciona Sombras, selecciona Ok. Ahora tendrás las sombras de tu imagen seleccionadas, con la herramienta de Lazo (L), haz click derecho en la imagen y Seleccionar Invertido, ahora haz click en tu primera capa de texto, hazla visible y pulsa Suprimir, deselecciona la selección (Control + D).
Ahora selecciona la capa de texto del medio y repite el proceso, pero esta vez con medios tonos. Y vuelve a repetir lo mismo con la capa superior de texto pero con Iluminación.
Ahora haz la capa de la imagen invisible y ya esta 😀 espero haberme explicado bien… no estoy acostumbrado a esto ^^
Por ultimo os dejo el psd por si lo queréis mirar.
35 comentarios 
Muy intereante el tutorial, Sinembargo en esta pagina ilustran como hacerlo pero a manera de videotutotorial. obteniendo los mismos resultados :
http://www.videotutos.com/07/videotuto-photoshop-efecto-tipografia/
La verdad, cuanta pasta teneis algunos, porque antes de comprar el «fotoxop», tengo otras prioridades. En fin, ironias de la vida…
He oido de otra herramienta similar, se llama ASCII Art Generator, creo que es mas sencillo de utilizar, en fin habria que comparar la calidad de ambos.
Por cierto, me gusta la modelo de la foto de Prison Break, excelente ejemplo!
Perdona pero no me ha funcionado, no te explicas muy claro. Yo soy un usuario que no sabe de photoshop y me gustaría poder hacer esto, agradeceria que fueras mas extenso o mas claro ya que confunde un poco.
Pero si eso se hace con una libreria del Gimp solamente guardando como texto!!
La libreria hay q instalarla y se llama ‘caca’. (No es broma, se llama asi).
Salud2
buenisimo!, ahora tendrias que hacer lo mismo pero en GIMP, asi se ahorra la pasta del potoxop 😀
Excelente tutorial. Este tipo de montaje te da varios tonos en la imagen, a diferencia de un generador de arte en ASCII, y eso le da mejor definicion a la imagen. Ademas se me ocurre hacerlo con otras texturas, no necesariamente con un bloque de texto.
¡Muchas gracias!
Y quien demonios ha dicho que tengas que comprarte el photoshop,,,, pasate a linux y utiliza el GIMP
Perdona SoDark, quizas doi por sabidas algunas cosas… si me indicas donde te has perdido te echo un cable. Un saludo.
Si Con Gimp no creo que haya ningun tipo de problema, si alguno lo quiere podria echarle un ojo y postearlo.
Muy bueno, aunque creo haber visto algo parecido hace años en un libro sobre PS 5 o 5.5. Pongo un enlace en mi blog. Gracias por compartir. Saludos.
Muchas gracias por tu atencion por mail, por cierto ya lo consegui xD, parece como si fuera al examen de conducir porque algunas palabras no las lei y de ahi que no me funcionara 😛
He hecho el tuto i no me queda bien 😥 la imagen no ze nota como la que tienez tu, ni ze alknza a ver la foto en el texto qe pongo =( zolo zi la minimizooo dmaciado agarra un poco d forma pero no ze ve kmo la del tuto =(
Bueno dime donde esta el fallito y lo intentamos corregir ^^
Muy buen truco. Gracias por compartirlo.
hola. alguien me podria explicar como se duplica la capa de texto?:???:me estoy volviendo locaaaa
En la derecha tienes que tener la ventana de «capas» esta debajo de la de «historial» viene así por defecto…
Una vez en la ventana de «capas» busca la capa de texto y le das botón derecho y duplicar. así de simple ^^
:neutral::neutral::neutral:
gracias alexis. debo de ser un poco corqui, pero ahora me e atascado en el ultimo tramo.
lo hago todo bien hasta llegar a herramientas lazo. no se como hacer vixible la capa 1º y suprimirla, la 2ª ponerla en tonos medios y la ultima con iluminacion? me puedes ayudar por favor
Un segundo que estoy actualizando el bog 😛 ahora te añado al msn y te explico de alli mejor
hola, alguien me puede ayudar, no se que se hace despues de haber duplicado las capas.
Buenas Ricardo, justo después de haber duplicado las capas, tendrás un total de 3.
a la primera de ella le pondrás el texto de color blanco, a la del medio gris y a la ultima negro.
Una vez en ese punto rasterizar las 3 capas para que dejen de funcionar como texto y sean gráficos.
Ya solo te quedaría ocultar las 3 capas de «texto» y con la imagen seleccionada entrar en gama de colores.
1º seleccionas Sombras, cuando tengas la selección inviertes y borras el contenido de la capa con texto negro.
2º seleccionas medios todos = pero con la capa de texto gris
3º Iluminaciones = pero con el texto blanco.
Haz invisible la capa de la foto y pon visibles las 3 de «texto» y lo tienes listo 😛
Espero que así te quede mas clarillo ^^
Por fin
lo consegui no me quedo tambien como a ti pero bueno, supongo que por el tipo de foto
bueno la que la sigue la consigue
gracias muy buen tutorial
Q dice ese de comprar el photoshop? xD piratéalo como todo dios!
Muy bueno el tutorial, gracias 🙂
uuu loco ta reweno me encanto ^^ muuchas grax ^^
Soy nuevo en esto del Photoshop, siempre busque la forma de hacer un trabajo como el que muestras pero como soy emp
EIIIII!!!!
yo lo he hecho a color!!!!!!!!!!!
haber, se hace igual, solo que cogeis la foto a color, y para que salga mejor, ajustais en imagen/tono-saturación, subiendo la saturación para que los colores vivos resalten. Luego, creais 9 capas de texto en vez de tres, y en los colores poneis una de cada uno de los siguientes colores: negro, gris, gris claro, rojo, amarillo, verde, cian, azul y magenta. Luego, hay que hacer lo mismo que para la de blanco y negro, pero con todos los colores, y seleccionando cada vez que marcais un color en la imagen, el que corresponda de la capa de texto Y LISTO.KEDA WAPÍIIISIMO.
TALUÉ
quisiera saber mas de esto porque me interesa demasiado
hola, hay una herramienta muy util que lo hace todo online: http://www.fotoatexto.com y está en castellano
saludos !
liindo!! valga la aclaración que si la imagen es grande se tendri que utilizar un cuerpo de texto mas grande menos interletrado y menod interlineado porque sino ni se percibe el texto. Esta muy bueno el tutuorial, bessos y éxitos bye!
Oye no me saleee!!! Te lo juro que estoy siguiendo paso a paso…plis ayudame, me urge es para un regalito =) Saludos!
Indicame en que paso te «pierdes» y te podre ayudar.