27 Abr 2009

[Tutorial Photoshop] Crear poster apocalíptico de una película

Autor: admin | Guardado en: Photoshop, Tutoriales

Hace un tiempo, inspirado por un concurso que plantearon en PSDTuts, me decidí a crear un póster para una película de estilo apocalíptico; y hoy os dejo cómo hacerlo paso a paso. No hay nada nuevo en el tutorial, ningún efecto espectacular, ni nada que te haga pensar que soy un master con el Photoshop; al contrario, todos los efectos son muy sencillos pero, como ves, el resultado es muy bueno.

Como siempre, también tenéis disponible la descarga del tutorial en formato PDF.

Paso 1

Abre un nuevo archivo [Archivo>Nuevo o Ctrl+N] de 600×910 píxeles y 300 píxeles/pulgada de resolución.

Paso 2

La imagen que utilizaremos como base del tutorial la puedes descargar desde aquí. Ábrela y copia-pega [Ctrl+C + Ctrl+V] a nuestro lienzo. Tendrás que redimensionarla [Ctrl+T] para ajustarla al tamaño del lienzo. Finalmente, cambia el nombre de la capa (haciendo doble clic sobre el nombre) por Base.

Paso 3

Antes de seguir, crearemos nuestro primer grupo para tener todas las capas ordenadas. Para ello, haz clic en el icono en forma de carpeta que verás en la parte inferior de la Ventana de Capas. Una vez creado el grupo, duplica  [Ctrl+J] la Capa Base y asegúrate de que está dentro de la carpeta (de no ser así, arrástrala dentro).

Selecciona la Herramienta Tampón de Clonar [S] y elimina algunos detalles de la capa duplicada, como algunas personas, parte de la publicidad, etc. (fíjate en la imagen para ver los cambios y no te preocupes por las imperfecciones que puedan quedar, más adelante se solucionará). Hecho esto, puedes modificar los niveles [Ctrl+L], arrastrando la barra del medio hacia la derecha, para oscurecer un poco la imagen.

Paso 4

Duplica la Capa Base Copia y, con la nueva capa activa, presiona [Ctrl+Shift+Delete o ve a Edición>Rellenar] y rellena la capa con un color negro. Cambia el Modo de Fusión de la capa a Color y su opacidad al 60%.

Paso 5

Crea una nueva capa [Ctrl+Shit+N] y selecciona un pincel [B] de color negro. Con el modo de fusión de capa en Oscurecer y la opacidad al 83%,  pinta sobre el cielo y los edificios que más reflejos desprenden, para darle un toque más oscuro (recuerda que va a inundarse la ciudad xD). Aunque después “taparemos” el cielo, la oscuridad que le demos a los edificios en este paso seguirá presente.

Al tener todas las capas que hemos creado hasta el momento activas, podrás ver que el aspecto que le ha quedado al cielo no es para nada bueno, así que vamos a ponerle otro (descárgalo desde aquí)…con más nubes, que alguien crea que puede llover xD

Una vez que hayamos abierto la imagen y la tengamos pegada en una nueva capa de nuestro documento (siempre dentro del grupo que hemos creado al principio) la puedes redimensionar [Ctrl+T] para ajustarla a la parte de la imagen donde debe ir y, después, aplica una máscara de capa . Para eliminar las partes de la imagen que no necesites (sólo debe ocupar la parte del cielo), utiliza un pincel negro.

Paso 6

Si te fijas en la parte derecha de la imagen, queda un trozo de una pancarta de publicidad sin tapar. Lo hubiéramos podido hacer en los primeros pasos, pero no pasa nada, es sencillo: selecciona, por ejemplo, con la Herramienta Lazo [L], un trozo de la pared que arriba está despejada y pégalo en una nueva capa [Ctrl+N]. Si quieres conservar las señales que hay en la pared, tan solo tendrás que eliminar un poco de la pared para que se vean las señales, sino, recuerda despejar también las señales de la pared de arriba, ya sea copiando y pegando de nuevo la pared, o simplemente con la Herramienta Tampón de Clonar [S].

Paso 7

Llegados a este punto, inundaremos la calle :) Descarga desde aquí la imagen y copia-pégala en nuestro trabajo. Una vez redimensionada [Ctrl+T], acóplala a la zona adecuada y añade, de nuevo, una máscara de capa para eliminar (pincel negro), o “regenerar” (pincel blanco) todas las partes de la imagen, hasta que estés satisfecho con el resultado.

Paso 8

Vamos a ponerle un poco de dramatismo al asunto; le añadiremos dos entradas de agua, una a cada lado. Para ello, abre esta imagen y pegála en nuestro trabajo. Deberás tener dos copias, así que duplica la capa.

Como cada entrada de agua sale de una parte diferente (derecha e izquierda), a una de las dos capas tendrás que voltearla horizontalmente [Edición>Transformar>Voltear horizontal]. Después solo te queda repetir los pasos que has hecho hasta ahora: redimensionar [Ctrl+T] las imágenes hasta colocarlas en su sitio y añadir máscaras de capa a cada una para remover las partes no deseadas.

Antes de seguir con el siguiente paso, vamos a organizarnos un poco. Todas las capas que hemos creado (excepto la capa Fondo y la capa Base) deberían estar dentro del Grupo 1. De esta forma, nuestra paleta de capas tendrá que estar así: Fondo, Base y Grupo 1 (y, ya dentro de la carpeta, todas las capas que hemos creado hasta ahora). Sigamos.

Paso 9

Duplicamos el Grupo 1 (clic derecho encima del grupo y seleccionas Duplicar conjunto de capas). Hecho esto presiona Ctrl+E para combinar el conjunto de capas. Como ves, ahora tendrás en una sola capa todo lo que tenías metido en el grupo (puedes renombrar esta capa, por ejemplo, como “Inundación” ). Ya puedes desactivar la visibilidad del Grupo 1 (haciendo clic en el icono en forma del ojo al lado del grupo).

Ahora aplicaremos una textura. Realmente, esta capa es una mezcla de filtros que apliqué en su momento pero, como ya hace un tiempo que lo hice, no recuerdo cuáles son exactamente. No hay problema, puedes descargarlo como una textura desde aquí.

Pégala en nuestro trabajo, encima de la capa Inundación y cambia su modo de fusión a Multiplicar y su opacidad a 26%. Mete estas dos capas en un nuevo grupo (Grupo 2) y, tal y como has hecho antes, combina las capas del grupo y desactiva la visibilidad de Grupo 2, quedándote solo con la nueva capa creada.

Llegados aquí tendremos la siguiente situación en la ventana de capas: Fondo, Base, Grupo 1 y Grupo 2 (ambos con la visibilidad desactivada) y la nueva capa que contiene todo lo hecho anteriormente. Un poco más.

Paso 10

Duplica la capa y utiliza la Herramienta Esponja [O] para desaturar levemente las fachadas de nuestra imagen.

Ahora crearemos una nueva capa y añadiremos unos pequeños detalles a la inundación que tenemos en el plano de fondo. Para ello selecciona la anterior capa (la que contiene todo el trabajo) y, con la Herramienta Tampón de Clonar [S], con una opacidad media, selecciona [Alt+clic] alguna zona de las entradas de agua que contenga “espuma”. Sitúate después de nuevo en la nueva capa y ve clonando, poco a poco, algo de espuma, para darle un aspecto más realista.

Paso 11

Casi terminamos. Ahora crearemos un efecto de lluvia, y es algo muy sencillo. Crea una nueva capa (puedes renombrarla como Lluvia para no hacerte un lío) y, rellénala [Shift+Delete] de negro; después ve a Filtro>Ruido>Añadir ruido (aquí pon la cantidad que quieras; juega con diferentes valores hasta conseguir el efecto que más te guste, pero la distribución tiene que ser Gaussiana y Monocromática );y, por último, aplícale un Filtro>Desenfoque>Desenfoque de Movimiento (de nuevo, aquí ponle los valores que más le convengan al efecto que busques).

Opcionalmente, puedes crear una segunda capa de lluvia, esta vez con mayor distancia en el Desenfoque de Movimiento , para conseguir un mejor efecto.

Ahora tendrás que meter todas las capas que hemos trabajado en un nuevo grupo -Grupo 3- y, como has hecho antes, convertirlo en una sola capa y desactivar la visibilidad de Grupo 3, quedándote solo con la nueva capa.

Paso 12

Duplica la capa que ha resultado de combinar Grupo 3. Hecho esto selecciona la Herramienta Texto [T] y escribe lo que será el título de nuestra película: New Dawn (algo así como Nuevo Amanecer). Los efectos de texto que he aplicado son estos:

Después de aplicar los efectos, duplica la capa de texto. Duplícala una segunda vez (ahora deberías tener 3 capas de texto), borra el estilo de capa anterior (clic derecho en la capa y Borrar estilo de capa ) y ahora aplícale un Resplandor Exterior [color #DFDFDF]. La opacidad de esta capa de texto deberá ser de un 28%.

Sólo una más :) Vuelve a duplicar la capa, borra los estilos y rasterízala [Capa>Rasterizar>Texto]. Selecciona el contenido de la capa resultando (haciendo Ctrl+clic en la miniatura de la capa) y rellénalo [Shift+Delete] de color blanco. Baja la opacidad de la capa al 80%.

Paso 13

Para terminar, agregaremos algunos detalles más. Selecciona de nuevo la Herramienta de Texto [T] y escribe un lema/subtítulo para la película: Extinction is not an option. La fuente que he utilizado yo aquí es una BankGothic Md BT, sin ningún efecto.

Penúltimo arreglo: un Coming soon (Próximamante) :) con el mismo tipo de letra que el lema de la película, pero con un pequeño efecto.

Y ahora si, el último: añade una nueva capa de ajuste (que se aplicará a todo el trabajo) de Curvas.

Conclusión

Hecho. Fotomontaje terminado :) Puedes agregar algunos detalles más, como créditos o el nombre de los actores que protagonizarán la película. Espero que puedas realizar el tutorial sin ningún problema y, para cualquier duda, utiliza los comentarios.

Tags: , , , , ,

65 Comentarios en “[Tutorial Photoshop] Crear poster apocalíptico de una película”

  1. Bitacoras.com dice:

    Información Bitacoras.com…

    Valora en Bitacoras.com: Hace un tiempo, inspirado por un concurso que plantearon en PSDTuts, me decidí a crear un póster para una película de estilo apocalíptico; y hoy os dejo cómo hacerlo paso a paso. No hay nada nuevo en el tutorial, ningún e…

  2. Cine catástrofe en Photoshop | Diego Mattei Blog dice:

    [...] En esta ocasión, calculo que inspirado en el concurso que organizó tiempo atrás PSDTuts, Teo Atienza pone a disposición de todos un tutorial en donde enseña a como convertir una simple imagen callejera en un Poster Apocalíptico. [...]

  3. Herzeleyd dice:

    Muy bueno!!!

  4. carolina dice:

    que interesante aporte Teo me ha gustado mucho vere que tal me sale
    suerte

  5. admin dice:

    @Herzeleyd y @carolina gracias a los dos por el comentario!!

  6. Samuel dice:

    Muy bueno Teo!!, buen tutorial! :D .

  7. Enrique dice:

    Muy bueno el tutorial, Teo! Hay que seguir poblando la red de tutoriales de buen nivel en Castellano!!!

    Saludos,

    Enrique

  8. ana dice:

    de lujo el tuto, gracias!!!!

  9. New Dawn (tutorial in Spanish) | Photoshop dice:

    [...] Brushes Tutorials Shapes textures Stock Photos PSD Patterns Actions 3D Models New Dawn (tutorial in Spanish) AUTHOR: teoatienza.com [...]

  10. Alfonso dice:

    Muy bueno, yo estoy aprendiendo mucho de ustedes, gracias.

  11. Ansor13 dice:

    Vaya primera vez que entro a la pagina y me encontre de una con este excelente tutorial. Muchas gracias

  12. admin dice:

    Gracias a todos por al apoyo y los pingbacks!

  13. Charly11 dice:

    Bravazo este tuto muchas gracias. Y que sigan los buenos tutos en ESPAÑOL. Un Abrazo

  14. Maria dice:

    Super que interesante ya lo voy a practicar muchas gracias por el aporte…Saludos desde Guayaquil,Ecuador

  15. alfredo dice:

    uno de los mejores tutoriales ke ehh visto
    exelente trabajo

  16. JOR63 dice:

    muye bueno ehh lo practique y me salio muy bien igualq el tuyo jeee…hay q agradecer a diego mattei por difundir este tuto….bye desde PERÚ

  17. Nitos dice:

    Me ha gustado tanto, que me voy a suscribir :D Una cosa, es que el cielo esta nublado y.. ejem.. el rio o el agua que pasa por ahi tiene un buen reflejo de luz en pleno medio..

  18. marlon dice:

    Hola Teo.
    Que puedo decir, simplemente es fantástico, ya te pasare el resultado del mio…pero como ghago siempre, cambiare la ciudad y tal, para darle un toque personal :D
    Adios…
    aaaa, suerte en el teorico.

  19. admin dice:

    @Nitos: hay un claro en medio! xD No, en serio…el problema es que el Photoshop lo tengo en el PC de mesa, que es bastante vieja…y la tarjeta gráfica da pena; por eso las imágenes las veo mucho más oscuras de lo que en realidad son, y la diferencia la noto cuando las veo en el portátil (o en cualquier otro PC que no tengo 100 años xD). Por eso me pierdo algunos detalles.
    De todas formas, estaré más atento a la próxima.

    A todos los demás, gracias por los comentarios!

  20. Tutorial para crear poster de una película apocalíptica | frogx.three dice:

    [...] Enlace: tutorial photoshop para crear poster apocaliptico de una pelicula comparte este post con el resto del mundo y tus amigos También te invitamos a suscribirte via RSS o via email para recibir todas nuestras noticias diarias en tu correo electronico o lector de feeds, es gratis! [...]

  21. Osovan dice:

    Muy buen aporte!
    En referencia a lo que dice Nilos, algo de brillo en el rio siempre tiene que haber, pues aunque esté nublado, queda mucho más real algo de brillo para hacer contraste con la sombra que dan los edificios, no un brillo tan claro, pero un brillo al fin y al cabo. Si pruebas a quitar el brillo no te queda tan real.

    No es una crítica a nadie, solo es una opinion.
    Un 10 a este tutorial, me ha encantado

  22. mary dice:

    excelente!!! muchas gracias por compartir tus conocimientos…solo una duda cuando rellenamos la nueva capa de negro para hacer la lluvia, hay que bajar la opacidad del relleno de negro? por que me sale oscuro y no se ve bien…gracias, saludos desde Monterrey N.L. México.

  23. admin dice:

    @mary Si, juega con la opacidad hasta obtener el resultado que te guste. También puedes cambiar el modo de fusión de la capa, para ver los resultado que puedes obtener y ver con cuál te quedas.
    Un saludo.

  24. pato mantilla dice:

    me gusta mucho photoshop,…super bueno tu trabajo¡¡¡¡, pocas herramientas pero efectivas, te felicito teo, espero pronto carges a la red otra de tus buenas ideas.

  25. jhosvic dice:

    GRACIAS GRACIAS GRACIAS
    QUEBIENEXPLICAOOO
    Un novato como yo que he tenido mis atrancos
    y lo he hecho a la primerrrr….
    lo PEOR la lluvia pero seguimos en ello
    Te admiro MASTER BESOSDESDELBOLOCONAMOUR

  26. mar dice:

    Estoy de acuerdo con todo lo dicho anteriormente, excelente el tutorial, aparentemente facil (ya veremos al hacerlo) y gracias por compartirlo con los demás, espero que podamos disfrutar de más tutoriales.
    Un saludo.

  27. Nebel dice:

    Excelente tutorial, Teo :D
    Saludos y sigue así, que vas para cosas grandes :D

  28. Photoshop Creativo - Recursos, Tutoriales, Manuales, Descargas, Inspiración, Utilidades » Blog Archive » Enlaces Creativos: Lo Mejor de Abril 2009 dice:

    [...] Visitar Tutorial [...]

  29. Daniel dice:

    muy bueno, muy didáctico…muchas gracias por compartirlo..!
    Saludos

  30. sixto dice:

    el tutorial me resulto muy provechoso mas aun si esta explicado didacticamente y en un lenguaje sencillo y comprensible esperandodo mas tutoriales lo felicito.

  31. Tato dice:

    Teo, que bien te ha ido con este magnifico tutorial. Te mereces que la gente te comente tanto :D.
    Mucha suerte y muy bueno el tutorial , Yo tambien hice una para el concurso de PSDTuts pero perdi todo por unos inconvenientes Tecnicos jaja

  32. Teo Atienza | Photoshop, Recursos, Diseño Gráfico » Blog Archive » [Tutorial] Creando una composición Pin Up en Photoshop dice:

    [...] por la gran acogida que tuvo el tutorial de cómo crear un poster apocalíptico de película os dejo con este otro tutorial, también muy sencillo. Tal como pasaba en el otro, tampoco hay [...]

  33. Sonali dice:

    GRACIAS !!
    Thanks a lot for this tutorial. Is there any English version of this? I got almost whole tutorial, but could not understand some steps. Please send a link if you have in English ;-)

  34. admin dice:

    @Sonali: Hi! For now I’m not raise to write the tutorial in English but you can said me which is the problem you have and I’ll try to explain it :)
    Thank you!

  35. 20 Tutoriales de Fantásticos Efectos Especiales de Photoshop en Castellano dice:

    [...] Crear un poster apocalíptico de una película [...]

  36. José Luis dice:

    La verdad me dejó impactado la forma en que explicaste el tutorial…sencillez, detalle.
    Aveces los que recién empezamos, nos frustramos al ver lo que se puede crear. A mí, particularmente me pasa que leo o veo videotutoriales y me embalo…pero como quiero hacerlo ya..no me sale..y lo vuelvo a dejar. Algún consejo de alguien que es profesional???

  37. admin dice:

    @Jose Luis. Gracias por la parte que me toca :) Quizás explico los tutoriales de la misma forma que me hubiera gustado encontrarlos a mi. No soy ningún profesional, pero el único aspecto que te puede dar es que, el Photoshop, hay que cogerlo con mucha calma…cuanto más despacio vayas, más detalles podrás ver y mejorar.

  38. David Ladino dice:

    gracias por eso muy buen tutorial

  39. aleja dice:

    re chimba jejeje ta moe wenho!!!!

  40. Güzel Bir Film Afişi Nasıl Hazırlanır « Photoshop Gezegeni dice:

    [...] Derse ulaşmak için tıklayın. [...]

  41. [Tutorial] Creando una composición Pin Up en Photoshop - Iconlandia dice:

    [...] por la gran acogida que tuvo el tutorial de cómo crear un poster apocalíptico de película os dejo con este pequeño tutorial, también muy sencillo. Tal como pasaba en el otro, tampoco hay [...]

  42. nitos dice:

    @admin, tranquilo hermano!! aún asi me gustó mucho el tutorial :D

  43. Teo Atienza | Photoshop, Recursos, Diseño Gráfico » Blog Archive » [Tutorial] - Freedom, explosión de energía dice:

    [...] vuelta con un tutorial. Si recordáis los dos últimos tutoriales, para crear un póster apocalíptico y para montar una composición Pin Up, veréis que no eran tutoriales excesivamente costosos ni que [...]

  44. Samuel Bran | Photoshop Tutoriales y Recursos en Español » Tutorial: The Crab, Haciendo un Poster de Película. dice:

    [...] Finales. Te recomiendo otro buen tutorial para la creación de un poster en el blog de Teo Atienza: Crear poster apocalíptico de una película. No te olvides de comentar. (Valora este Post)  Loading [...]

  45. loo dice:

    Yo esprechan Deutsch

  46. Juliño dice:

    genial

  47. FRAY dice:

    ESE TUTORIAL TA BACANISIMO SIGUE HACIENDO MAS PA QUE LOS NOBATOS APRENDAMOS.

  48. Efecto apocaliptico con photoshop « dice:

    [...] Teo atienza nos presenta un fantástico tutorial en donde podemos aprender a realizar un poster con un efecto apocaliptico. [...]

  49. LBOI Design Blog » 10 Fantastic Movie Poster Tutorials dice:

    [...] How To Make An Awesome Movie Poster [In Spanish] Source Teoatienza [...]

  50. Teo Atienza | Photoshop, Recursos, Diseño Gráfico » Blog Archive » 10 buenos tutoriales sobre pósters de películas dice:

    [...] para crear pósters de películas, entre los que incluye el que os presenté hace un tiempo para crear un póster apocalíptico. La verdad es que para mi es todo un honor estar en esta lista, puesta que en ella están algunos [...]

  51. Kevin Paskini dice:

    che te dejo el outcome.. a mi me gsto l tuto…
    gracias

    foto real

    [img]http://i41.tinypic.com/bj9uf7.jpg[/img]

    Portada pelicula

    [img]http://i40.tinypic.com/xqjg3d.png[/img]

  52. 77 Excellent Photoshop Tutorials For Designing Posters | Tutorials | instantShift dice:

    [...] Official Link [...]

  53. Tutorial Photoshop: Póster de película dice:

    [...] Enlace: Ver tutorial [...]

  54. 77 Excellent Photoshop Tutorials For Designing Posters | KolayOnline dice:

    [...] Official Link [...]

  55. OSCAR dice:

    mis felicitaciones esta muy bien explicadito empesare a practicar. gracias
    saludos

  56. 77 Excellent Photoshop Tutorials For Designing Posters | X Design Blog dice:

    [...] Official Link [...]

  57. Teo Atienza | Photoshop, Recursos, Diseño Gráfico » Blog Archive » 77 tutoriales Photoshop para diseñar posters dice:

    [...] Conocí este post por un pingback que me llegó al correo, ya que en esta lista han includio el tutorial para crear un póster de película apocalíptica que hice en este [...]

  58. [Tutorial] 20 efectos con Photoshop - RedWebs.Com Todo En 1 dice:

    [...] ^^, Crear Poster Desde Cero Chica De Fuego Uso de texturas y Pinceles en Photoshop Crear Poster Apocaliptico de Pelicula Efecto Buken Dise

  59. 77 Excellent Photoshop Tutorials For Designing Posters - Posted In Others | carangeblog - CARA ngeBLOG dice:

    [...] Official Link [...]

  60. 50 New High Quality Adobe Photoshop Tutorials - Themeflash : One Stop For All Your Web Resources dice:

    [...] 44. Create a movie poster for apocalyptic [...]

  61. 50 tutoriales de creación de posters | Recursos para Diseñadores Gráficos y Web | Creativos Online dice:

    [...] 16. Create movie poster [...]

  62. yohan dice:

    hola me encantas esdos tutoriales pero soy principiante y e gustaria saber algunas pajinas para empesar, gracias.

  63. mauris dice:

    esta buenaso

  64. IVAN dice:

    Pues lo hice y me salio bastante bien… garcias

  65. Dani dice:

    Lo estoy haciendo y tengo un problema al poner el cielo, en la imagen el cielo me sale muy pequeño y al cambiar el tamaño para adaptarlo a la imagen, se me pixela ¿Qué debo hacer?. El tutorial muy bueno. Gracias.

Deja tu comentario