Tutorial: Creando una Ilustración de Invierno en Photoshop.

Publicado por Samuel | 08.8.2009
Tutoriales

Que tal? bienvenido a un nuevo tutorial en Photodesigners.net, es esta ocación mostraré como hacer un impresionante poster grunge, haciendo uso de algunos stocks gratuitos, brushes y texturas que como ya es costumbre a lo largo del tutorial te diré donde descargar.

Paso 1

Iniciaremos creando nuestro espacio de trabajo que en esta ocación será de 800*1160 píxeles.
paso1

Paso 2

Necesitaremos una textura, stock-xchng siempre tiene buenas texturas gratuitas asi que descarga esta.
white_paper_texture
Da clic en la imagen para ir a la página de descarga.

Luego de descargar la textura agregala a nuestro espacio de trabajo, no te compliques mucho, para hacer esto basta con arrastrar la capa de la textura al espacio de trabajo y tendrás la capa fondo más la capa de la textura así.
paso 2
paso 2a

Paso 3

Para este paso necesitaras descargar un set de formas (Shapes) desde DeviantArt.
paso3
Da clic en la imagen para ir a la página de descarga.

Luego de descargar las Formas cargalas en Photoshop y usaremos la que aparece seleccionada en la imagen, luego presiona la tecla Shift y haz una forma que abarque todo el espacio de trabajo, renombra esta capa Forma 1 y cambia su modo de fusión de Normal a Multiplicar.
paso3a
paso3b

Paso 4

Crea una nueva capa sobre la capa llamada Forma 1 y renombrala Nubes, luego de eso descarga los pinceles Cloud Brushes, en la imagen puedes ver que pincel usé.
paso4

Luego da una clic con la herramienta pincel y con color negro (#000000) en la esquina inferior izquierda del documento así.
paso4a

Ahora da clic en la capa Nubes y presiona Ctrl+J para duplicar la capa, luego ve a Edición | Transformar | Voltear Horizontal.. después ajusta ambas capas para que se vean como en la imagen inferior, por último da clic derecho sobre la capa Nubes copia y selecciona Combinar hacia abajo.
paso4b

Paso 5

Este paso es parecido al anterior solo que con una imagen.
paso5
Da clic en la imagen para ir a la página de descarga.

Abre la imagen y ve a Selección | Gama de Colores.. y haz un ajuste como el siguiente dando clic en área negra de la imagen.
paso5a

Luego presiona Ctrl+J para duplicar la capa sin su fondo y esta la agregaremos al trabajo que estamos haciendo.

Como podrás notar la imagen es mucho más grande que nuestra composición necesitamos redimensionarla, para eso presiona Ctrl+- para alejar el espacio de trabajo, luego presiona Ctrl+T para activar las opciones de transformación y mientras presionas la tecla Shift empuja desde una de las esquinas hasta hacer la imagen aproximadamente como la vez abajo.
paso5b

Duplica esta capa y pon la duplicada a la par así.
paso5c
Por último disminuye el valor Relleno de cada capa a 0, da doble clic en la cualquiera de las dos capas y aplica lo siguiente.
paso5d
Repitelo con la otra capa y deberias tener algo así.
paso5e

Paso 6

Descarga la siguiente imagen.
paso6
Da clic en la imagen para ir a la página de descarga.

Agregala al tope de todas las capas y redimensionala así.
paso6a

Luego con un tipo de letra como MOD de FontFabric, una fuente gratuita muy buena y escribe algo de texto yo escribí precisamente el nombre de esta fuente.
paso6b

Como podrás ver en la imagen anterior la capa de texto esta sobre la imagen, bueno ahora cambia el orden que la capa de la imagen este sobre la capa de texto, una vez hecho eso mantén presionada la tecla Alt y ubica el puntero del mouse entre ambas capas en la paleta capas y luego da clic así.
paso6c

Luego da doble clic sobre la capa de texto y aplica lo siguiente.
paso6e
paso6e
paso6f

Paso 7

Mientras escribia olvidé mencionar que puedes mover la capa de la montaña como mejor te parezca, en mi caso la he movido un poco para que se vea el pico de la montaña, ahora necesitarás una última imagen.
paso7
Da clic en la imagen para ir a la página de descarga.

Extrae al sujeto con la Herramienta que mas se te fácilite en la imagen puedes ver el trazado que hice con la pluma para extraerlo.
paso7a

Agregalo y redimensionalo hasta que se ajuste al texto, procura que parezca que él esta saliendo del texto, luego duplica la imagen y con la que quedo abajo ve a Filtro | Desenfoque | Desenfoque de Movimiento..
paso7b
paso7c
Luego toma la Herramienta Marco Rectangular y borra la siguiente área de la capa desenfocada.
paso7e
paso7f

Paso 8

Como paso final tendrás que descargar los siguientes pinceles 240 Retro, luego crea una nueva capa debajo de la capa de texto, luego carga los pinceles selecciona uno y haz los siguientes ajustes en la paleta pinceles.
paso8
paso8a
paso8b

Luego da una pincelada en el área superior de la capa.
paso8c

Final

final

Pensamientos Finales

Así llegamos al final de este tutorial donde lo que manda es tu creatividad, puedes agregar cuanta cosas se te ocurra, espero que te haya gustado y espero tus comentarios.


Acerca del Autor

Samuel Bran es estudiande de Diseño Gráfico, tiene una gran pasión por el diseño gráfico y web, fan de Adobe y la edición de video. Originario de El Salvador, autor y creador de Photodesigner.Net un blog dedicado a publicar Tutoriales en Español para Adobe Photoshop, Recursos e Inspiración.

25 Comentarios en “Tutorial: Creando una Ilustración de Invierno en Photoshop.”

  1. chillyweed Dijo:

    08.8.2009

    Esta muy bueno el tut bro buena combinacion me gusta el tema

  2. Ana Dijo:

    08.10.2009

    Buenisimo con tu permiso lo voy a poner en mi blog un dia de estos.
    Gracias por el tutorial.

  3. Diego Dijo:

    08.10.2009

    Está muy bueno, demasiadas gracias por el aporte pero en la parte al principio de las formas: no pude usarlas =/ mi photoshop es cs4, será eso el problema? es que bajo el archivo que dice y luego lo cargo con photoshop pero no me sale nada o no se como insertar la forma. Muchas gracias.

  4. Samuel Dijo:

    08.11.2009

    Muchas gracias por comentar amigos, Diego: Usé Photoshop CS4 para este tutorial quizá haya algún problema en la forma que usas las Formas, te recomiendo un articulo en el blog de Diego Mattei donde explicar como cargar los recursos en Photoshop. http://www.diegomattei.com.ar/2008/05/29/como-utilizar-los-recursos-para-photoshop/

    Saludos y gracias!.

  5. Darwin Dijo:

    08.13.2009

    Excelente tutorial , y muy bueno uso de la creatividad, veré que me sale combinando todas las tecnicas :)

    Gracias =)

  6. Willowman Dijo:

    08.17.2009

    La verdad que esta muy bueno, le pusiste una buena dosis de creatividad. Saludos!

  7. Diego Dijo:

    08.17.2009

    ah excelente!!, muchas gracias por la ayuda extra!!

  8. Pam Dijo:

    08.18.2009

    gracias por este tutorial, estoy empezando con el programa y me ayuda muchisimo.
    Esperamos mas de estos un saludo

  9. silverwolf Dijo:

    08.18.2009

    Muy bueno el tutorial, me gusta mucho :)

  10. seeal Dijo:

    08.22.2009

    mi primer comentario en el blog,el 1º y no sera el ultimo ya que este blog es una pasada¡¡¡ sigue así compadre ^^

  11. Interesante Ilustración de Invierno en Photoshop Dijo:

    08.26.2009

    [...] Leer el tutorial: Creando una ilustración de Invierno en Photoshop [...]

  12. gissel lugoo Dijo:

    08.27.2009

    NADA Quee DES&&R

  13. Mª CRU Dijo:

    08.30.2009

    Es una pasada, me ha salido estupendo, no te canses de hacer tutoriales porque eres un fenomeno muchas gracias.

  14. Samuel Dijo:

    08.30.2009

    Agradezco todos sus cometarios, son el mejor premio que puedo recibir, gracias a todos.

    Saludos!

  15. CMYK Dijo:

    08.31.2009

    Muy buen tuto, Gracias eres un ”makina!!” :P

  16. pedro Dijo:

    09.2.2009

    Esta demaciado bueno ¿como hago para subir uno mio?.

  17. MR Dijo:

    10.5.2009

    gracias por este tutorial, estoy empezando con el programa y me ayuda muchisimo.
    Esperamos mas de estos un saludo

  18. imfernando Dijo:

    10.5.2009

    Excelente tutorial. apenas comenze hoy con photoshop y creo que este sera mi principal punto de referencia.
    Esperamos mas tutoriales.

    Saludos

  19. Rocio Dijo:

    12.23.2009

    Oh! Que buen tuto, me gustan los recursos, son lo más esos pinceles de nubes, y el efecto…¡Para sacarse el sombrero!

  20. goya Dijo:

    03.17.2010

    oye esta super pero me puedes decir como cargo el set de formas en el photoshop????

  21. Jesús Manuel Dijo:

    03.25.2010

    Excelente tutorial!

  22. Dardago Dijo:

    04.29.2010

    Espectacular querido amigo! Toda esta clase de tutoriales me encanta! Ya que soy aprendis de imprenteros y quiero montar mi propia imprentita… jajajajaj y asi poder imprimir mis propios diseños y por que no los tuyos si quieres!?

    Saludos!!!!

  23. Dardago Dijo:

    04.29.2010

    Hola camarada!!! estoy en este asunto de hacer algo parecido a lo tuyo, pero en la parte que te detallo mas abajo no me sale, sera porque tengo Photoshop en ingles??? Yo uso Photoshop CS3. Espero puedas ayudarme camarada!

    Saludos!!!

    —”Como podrás ver en la imagen anterior la capa de texto esta sobre la imagen, bueno ahora cambia el orden que la capa de la imagen este sobre la capa de texto, una vez hecho eso mantén presionada la tecla Alt y ubica el puntero del mouse entre ambas capas en la paleta capas y luego da clic así.”—

  24. RAUL MEDINA Dijo:

    05.14.2010

    buenisimo man… es la primera vez que entro a mirar los bloqs… son geniales felicidades … muy buena imaginacion

  25. Brone Dijo:

    07.26.2010

    Te agradezco mucho yo también estudio diseño y es mi primer año, esto va a ayudarme Muchas Gracias otra vez Saludos desde Bolivia…

Deja un Comentario