website statistics

¿Como crear un Poster Tipografico con Adobe Photoshop?



PSDcreativo es el blogger invitado de ARTEgami, y nos regala un excelente tutorial.

En este tutorial te enseñare a crear un poster typografico, no es dificil, las herramientas que utilizaras para poder lograrlo son la herramienta Mover (V) y la herramienta de Texto (T), brushes (pinceles), etc.

Antes de comenzar como siempre he hecho dejo todo lo que se uso en este tutorial en el siguiente pack:

http://rapidshare.com/files/156954296/Pack_Poster_Typografico.rar



Ahora para comenzar crearemos un archivo nuevo (Ctrl + N) del tamaño que deseen su poster typografico, yo en mi caso hice uno pequeño de 500px x 500px, pero tu puedes variar a un tamaño mayor, de preferencia que sea de un tamaño mayor ya que es un diseño estilo poster y no algo tan pequeño.
Ahora a la primera capa le pondre con la herramienta Bote de pintura (G) un fondo blanco, despues a esta capa vamos a abrirle sus opciones de fusion, hay 2 formas de hacerlo, una seria dando doble click en la capa y se te abriran y otra ir a Capa/Estilo de capa/Opciones de Fusion, ya abierto seleccionamos Superposición de Degradado, ahora escojeremos un degrade, puedes escojer los que desees, el que uso yo se encuentra en la seccion de Pasteles y el de color cafe que enseguida veran, teniendo puesta esta opcion damos en ok y te debe quedar asi:

1 ¿Como crear un Poster Tipografico con Adobe Photoshop?

Ahora lo siguiente poner la palabra para el poster, pueden ser varias palabras pero es mejor solo una, da un especto mejor, ya teniendo en mente la palabra agarramos la herramienta de texto (T) y escribimos la palabra en nuestro diseño, ahora el chiste es que esta palabra es la que usaras para hacer tu poster typografico, ahora lo siguiente sera rellenar nuestro trabajo poco a poco con la palabra, rellenaremos el trabajo colocando, girando (en este puedes irte a Edicion/Transformar), moviendo, agrandeciendo, empequeñeciendo, claro esto con la herramienta mover (V), ahora para rellenar te recomiendo que empiezes desde una esquina asi ir rellenando poco a poco:

2 300x300 ¿Como crear un Poster Tipografico con Adobe Photoshop?

NOTA: Si tu texto no esta rasterizado no es nesesario que uses la herramienta mover (V) parahacerlo mas grande o pequeño, solo con cambiarle el tamaño desde las opciones que se encuentran en el panel derecho de tu photoshop (abajo del de las opciones de clonacion, enseguida se daran cuenta del iconito para las opciones).

Ya rellenado nuestro trabajo, haremos lo siguiente, presta mucha atencion, la capa de fondo le quitaremos la vision osea le daremos click en el icono del ojo, osea que solo queden los textos pero el fondo no se vea, (OJO: No borres la capa de fondo, solo quitale la vision), ahora crearemos una nueva capa (Ctrl + Mayus +N) encima de todas, despues en esta capa haremos lo siguiente te vas a Imagen/Aplicar imagen (Lo que hara esto pone las capas visibles en una sola capa), esto lo hicimos para poder escojer un color de texto que pegue con nuestro fondo, ahora volver a ponerle visibilidad a nuestra capa de fondo, despues a la capa que hemos creado ahora (La que aplicamos imagen) le abriremos sus opciones de fusion (Como explique anteriormente) y esta vez daremos en Superposicion de Colores y escojemos el color que mas peque con el resultado en mente y el fondo, en mi caso quedo asi:

3 ¿Como crear un Poster Tipografico con Adobe Photoshop?

Ahora haras lo siguiente, a todas las capas de texto (Solo las de texto) les quitaras la vision, solo dejando asi la capa de fondo y la capa donde tenemos aplicada la imagen de todos los textos (La que le pusimos Superposicion de Colores).

Como siguiente quitale vision al fondo, dejando solo la capa que aplicamos de texto, despues crearemos una nueva capa (Ctrl + Mayus +N) encima de esta (La que aplicamos) y volvemos aplicar imagen (Imagen/Aplicar IMagen) y le quitamos vision a la anterior a esta (Osea a la de texto que tiene las opciones de fusion), ahora lo que tenemos en esta capa es todo el texto sin fondo, ya con el color que pegue con el fondo y el diseño en mente, y volvemos a darle vision al fondo, ahora esta listo para agregar un poco de textura a solo el texto, resultado:

4 ¿Como crear un Poster Tipografico con Adobe Photoshop?

Ahora a esta capa para agregarle la textura le crearemos una nueva capa encima luego pegamos nuestra textura, ya sea un stock, un brush o forma (En el pack viene un brush que fue el que use para lograr esta pequeña textura), despues ponerlo apretamos Ctrl + Alt + G, esto para que esta capa solo se nos vea en la de texto (La ultima que hemos aplicado) y no en anteriores, aqui mi resultado:

5 ¿Como crear un Poster Tipografico con Adobe Photoshop?

Ahora crearemos una nueva capa encima de todas y luego volvemos a aplicar imagen (Imagen/Aplicar Imagen) esto para tener fondo y texto juntos, digamos que ahora es solo agregar un poco de colorido y efectos.
En mi caso cree una nueva capa encima de todas y con un brush circular difuso (Vienen por defecto en el photoshop) agarre dos colores rojo y azul, los pase en forma paralela diagonal y los puse en modo Oscurecer, tu puedes pasarlo a gusto con diferentes colores, diferente modo de capa, etc, resultado:

6 ¿Como crear un Poster Tipografico con Adobe Photoshop?

Ahora volvemos a crear una nueva capa encima de todas y otra vez aplicamos la imagen (Imagen/Aplicar Imagen), ahora ya tenemos, un poco de colorido, texto, fondo y demas. Ahora lo que puedes hacer es agregar un poco de luz como ya explique en el tutorial: http://psdcreativo.com/sombras-e-iluminacion-en-tus-disenos/ o tambien una forma es agarrando un brush ciruclar difuso, crear una nueva capa para luces, y poner nuestras luces con los brushes y luego a esa capa ponerla en superponer.

Por consiguiente crearemos una vez mas una nueva encima de todas, y otra vez volvemos a aplicar imagen, ahora tenemos ya el diseño final. Como siempre recomiendo es duplicar esta capa darle un Filtro de enfoque (Filtro/ Enfocar/Enfocar), luego bajarle la opacidad a esta capa entre 50px y 70px para lograr algo un poco de dureza en el diseño.

Ahora ya hemos acabado el tutorial, como siempre digo ahora te toca a ti surgir imaginacion y crear algo mucho mejor.

Aqui mi resultado final mas detallado y agregando cositas:

postertypografico ¿Como crear un Poster Tipografico con Adobe Photoshop?

Espero que este tuto les haya gustado, no es dificil y aprenderas un nuevo estilo de diseño. Intentalo y crea tu poster typografico.


17 Comentarios en “¿Como crear un Poster Tipografico con Adobe Photoshop?”

  1. este tutorial se parece demasiado a http://www.blog.spoongraphics.co.uk/tutorials/create-a-trendy-typographic-poster-design que bajon que tenga que robar tutoriales de otros sitios.

  2. Hola, la verdad es que no se si sea plagio o no… y no me voy a meter en eso. Pero el chico hizo un gran esfuerzo con el tutorial independientemente de todo.

    Y bueno, fue invitado a ARTEgami.

  3. Esta exelente este tuto……… se puede parecer mucho al otro tuto..pero la verdad este esta mucho mejor….felitaciones….y gracias

  4. hola, muy buen tutorial!!!

    te hago una pregunta que fuente es la que usas?

    Saludos =)

  5. Buenissimo el tutorial, y lo mejor en español!!

  6. No me parece un plagio. Esta muy bien explicado y es genuino.

    Nadie inventó el póster tipográfico, cualquiera puede explicarlo.

    Saludos y gracias!

  7. guillermo September 9, 2009

    como agrego los packs para obtener las fuentes porfaa lo ocupoo .:)

  8. ¿Donde los deseas agregar?

  9. porfavor como hago para agregar las texturas de donde saco la textura y como agrego las cosas del pack en el pack solo me viene un psd y un document de windows no entiendo soi novato

  10. NmDesigns December 13, 2010

    Pues no se el resultado me no ,me gusta de igual gracias

  1. Información Bitacoras.com…

    Si lo deseas, puedes hacer click para valorar este post en Bitacoras.com. Gracias….

  2. [...] Enlace: tutorial poster tipografico [...]

  3. [...] Tutorial – Crear un poster Typográfico cartel, poster, Tipografía, tipográfico, [...]

  4. [...] Artegami Archivado en: Photoshop, Tutoriales Photoshop, photoshop cs4, cartel tipografico, poster [...]

  5. [...] Artegami – Poster con tipografías Etiquetas: Posters Letras Photoshop Comentar Nombre * E-mail [...]

  6. [...] por favor…Rating: 0.0/10 (0 votes cast)VN:F [1.9.7_1111]Rating: 0 (from 0 votes) – Fuente: http://artegami.com/como-crear-un-poster-tipografico-con-adobe-photoshop/ « Wallpapers de Aves Puedes dejar un comentario, o un trackback desde tu [...]

Envía tu comentario