4 April, 2014

Sorprende a tu pareja con un afiche de película

Facebook4Twitter6Pinterest0Google+0LinkedIn4Email

Este es un tutorial simple, con el cual obtenemos excelentes resultados en el trabajo final. Siempre es lindo sorprender a tu pareja, novio, novia, esposo, esposa o el título que lleve con algo hecho por uno. Y esa es la idea de este tutorial… así que vayan comprando un portarretratos para poner este trabajo y regalarle algo novedoso.

Primero viene la tarea mas complicada. Esta es la selección de las fotografías a utilizar. No siempre tenemos imágenes posando para cualquier ocasión, por lo que nos podemos ayudar con algún banco de imágenes para una de ellas. Explicaré este tutorial siguiendo puntualmente este ejemplo, pero la idea es que aprendan el concepto y luego sean libres para realizar la composición a su manera. En este caso, tomé una fotografía en donde estoy con mi novia y la otra es de un banco fotográfico.

Sorprende a tu pareja


1º Paso. Abro un documento de 10cm. x 15cm. (o el tamaño de fotografía que deseo según el portarretratos). El mismo deberá ser con fondo negro. Luego creo una nueva capa (Ctrl+J) y la llamo “original1″. En ella coloco la imagen horizontal. Acto siguiente, repito el proceso de creación de capa, la llamo “original2″ y coloco la imagen vertical.

2º Paso. Lo que hago a continuación es “Añadir una máscara vectorial” a la capa “original2″. Como? Tal como se ve en la imagen siguiente:

Mascara vectorial

3º Paso. Lo que hago a continuación es seleccionar la herramienta de degradado. Una vez hecho esto, voy al panel de propiedades del degradado (ubicado en la parte superior) y selecciono un degradado lineal, el cual de la punta izquierda lleva negro al 100% de opacidad y del lado derecho, negro al 0% de opacidad. Ya teniendo lista la herramienta para utilizarla, trazo una línea de arriba hacia abajo sobre la capa “original2″ como lo muestra la siguiente imagen (para tener una noción de ubicación de la fotografia que se encuentra debajo, podemos variar momentaneamente la opacidad de la capa “original2″ a un 50%):

degradado

Si volvemos a 100% de opacidad la capa “original2″, obtendremos como resultado la fusión de las 2 imágenes.

fusion

Espero haber sido claro hasta el momento. Esto es lo que se llama fusión o montaje de 2 imágenes. Y tenemos gran parte del trabajo realizado.

4º Paso. Lo que haré ahora es darle un toque artístico a esta imagen. Para esto, me dirijo al menu superior, en Capas > Nueva Capa de Ajuste > Tono/Saturación. Me abre una ventana a la que le doy aceptar y luego aparece una nueva ventana en donde puedo ajustar los valores de tono, saturación y luminosidad sin afectar a las capas originales. Aquí mismo marco la casilla “Colorear” y puedo comenzar a jugar con los valores de tono y saturación (Luminosidad lo dejo como está).

capa-ajuste

Ya podemos decir que tenemos el trabajo terminado. Es un excelente fotomontaje de una escena romántica siendo nosotros mismos los protagonistas. Y si lo dejamos así, ya es una buena composición.

5º Paso. Como siempre me entusiasmo y busco agregar algo mas (gran defecto), decidí darle un aspecto de poster cinematográfico. El resultado fue el siguiente:

Poster cinematográfico

Los agregados fueron un poco de texto, un pincel para las letras manuscritas, pájaros, rejas y formas (pueden descargarlo aquí) y un recorte final de otro poster cinematográfico para el pie (lo ideal es crearlo uno, pero me llevaría algo mas de tiempo… de ese que me falta). Creo que esta última parte pueden hacerla Uds. solos. De no ser así, avisenme y completamos hasta el final de la composición.

AGREGADO: Como varios me pedían la última parte, aquí va…

TITULAR: Para el titular, basta con escribir la frase que querramos (Combinamos las capas de texto si son mas de una. Como? Seleccionamos todas las capas, vamos a Capa > Combinar capas y listo) y el único efecto que tiene es un resplandor exterior de un color entre el del texto y el del fondo. Veamos en imágenes como es:

//www.diegomattei.com.ar/wp-content/uploads/2007/08/texto

PIE: Para las letras de abajo lo único que hice fue cortar de un poster original esa parte y lo pegue. Creo que eso no merece mayor explicación.

PINCELES: Para las imágenes de texto manuscrito y demás, utilice el pincel que dejé mas arriba para descargar. Si no saben como usar un pinceles, hace poco publiqué un post en donde, aparte de presentar un sitio desde donde pueden descargar pinceles (brushes), debajo muestra un video que enseña el como utilizarlos. El link a ese post es Utilización de Pinceles

En fin, lo demás queda libre a su imaginación y creatividad. Si cuelgan algún trabajo en internet sobre este tutorial y quieren compartirlo, sería estupendo.

Bueno, fin del tutorial. Espero que puedan sorprender a su ser querido. Cualquier duda, ya saben… a los comentarios.

Original en PSD | Poster.zip (6.44 Mb)

Facebook4Twitter6Pinterest0Google+0LinkedIn4Email

Artículos Relacionados

76 Comentarios

  1. Val

    Hola! disculpa que te deje esto aca, no tiene nada que ver con el tema, pero quizas como es lo ultimo que posteaste, lo veas antes..En fin, nada, que estuve viendo un trabajo tuyo en otra pagina, donde mostrabas como hacer en photoshop, un retrato tipo poster de cine…Usas unos pinceles especiales, “Brush Details”,que los sacaste de una pagina(das la direccion), y cuando yo quise descargarlos, no me deja..o sea, la pagina la abre, pero los pinceles no me deja descargarlos…podrias ayudarme en eso, por favor?

    Muchas gracias!!

  2. Val

    Hola de nuevo!Esta vez te dejo esto aca, no se si te habra llegado mi respuesta a ese mail(es un mail?), en fin,esta vez es por un problemita, en el tercer paso, con el degradado…en vez de hacer ese efecto que hacen tus fotos, se me queda la foto de arriba (la mayor parte)negra, tenes idea porque me puede pasar esto?Ya intente hacer la linea de abajo hacia arriba, en la capa de la foto uno, y todo eso..pero nada, lo mas proximo lo logre como una pequeñisima luz blanca, hasta que vuelvo la opacidad de la segunda foto al 100% y se queda todo negro(de todas formas, se seguia viendo la linea de las dos fotos..

    Gracias!

  3. Jesus

    Tengo el mismo problema que Val, el web de los pinceles ya no está operativo. Podria sponerlos aca para descargarlos o pasarlos por correo? Gracias y felicidades por el tutorial, se ve muy bueno.

  4. Bati

    Lamentablemente está caído el link para la descarga de ese pincel. Hay 2 opciones… pueden buscar otro en http://www.brusheezy.com en donde pueden encontrar similares o pueden buscar en google ese pincel a ver si está en otro sitio. El nombre del mismo es “AVH All Souls Night”.
    Suerte!

  5. Bati

    Val, por lo que me contas, supongo por lo que me contas, que la foto de abajo no llega a cubrir el total de la superficie. La linea de degradado debe nacer desde el borde inferior de la fotografía de arriba hacia la parte superior. No en toda la pantalla. Fijate bien en la imagen, la linea roja es la trazada para el degradado.
    Si no te sale, no te preocupes… todo tiene solución. En estos dias saco una opcion para el degradado.
    Saludos!

  6. daiana

    hola me llamo daiana soy de argentina bs as

    muy bueno te felicito…
    te dejo mi msn si podes agregame necesito pedirte una consulta claro si podes
    mi mail es daiana_leonor@hotmail.com

    desde ya muchas gracias y perdon por las molestias

  7. Bati

    Hola Daiana. Seria bueno que expongas tu duda aqui. Quizas sea la misma que otro y podamos ayudar a seguir aclarando el tema.
    Igualmente ya te agregue a mi msn.
    Saludos.

  8. mike

    Oye tengo una duda, segun yo todo me sale bien pero mi duda es que me aparece la linea que divide ambas imagenes

    como resuelvo esto eeeh

  9. Bati

    Calma. El degradado por lo que veo es un tema conflicto. Si ves la linea es porque trazaste mal la linea de degradado. Debes tener en cuenta que siempre algo de la imagen va a perderse con el degradado. Fijate en la imagen de ese paso, que la linea roja (degradado) no llega hasta el final de la imagen, con lo que evito que se vea el corte de la foto.
    Si no te sale, proba con http://www.diegomattei.com.ar/2007/09/14/herramienta-mascara-de-capa/

  10. sergio

    Estimado Diego, quiero felicitarte por tu sitio, respecto a este tutorial, necesito hacer un trabajo para un ejecutivo de la empresa de este ejemplo un poster de pelicula, pero no le pego mucho al photoshop, seria posible contar con el psd de tu ejemplo, para uno actualizarlo?, espero no ser muy patudo.
    te escribo desde chile.

    saludos

  11. Bati

    Hola Sergio, gracias por las felicitaciones… son bien recibidas.
    En un rato lo agrego al pie del tutorial para que puedan descargarlo todos.
    Saludos.

  12. Bati

    De muchas maneras Isa podes hacerlo. La mas simple es, si tenes las 2 fotografias abiertas en Photoshop, arrastras una sobre la otra, de ventana a ventana.
    Otra es Seleccionar > Todo en una foto y pones copiar. Luego vas a la otra y pones Pegar. Y listo.
    Por ultimo, tambien podes ir a Archivo > Colocar.. esto es como “Importar en otros programas.
    Espero te haya servido. Saludos!

  13. letycia

    ola estoy haciendo todos tus trabajos recien estoy aprendiendo esto d phtoshop pero la verdad este m llevo toda una tarde y no m sale x mas q sigo todos los pasos no m sale eso d fusionar las dos imagenes q paso m falta ?

  14. WtonFox

    Esto esta de lujo pronto sere un rey en mi comunidad. Gracias aki encontre una de las formas mas llamativas en la cual mantener mi noviasgo en pie. Y no creas que se me olvida que este es uno de los tantos grandes aportes de has dado.

  15. karla

    primero tenia problemas para colocar las imagenes en la 1 capara segui el paso que dijiste de colocar, pero despues para el degradado dice que no se guardo correctamente el objeto inteligente y aparte al bajarle la opacidad no vuelve a su color se queda en blanco y negro, no se si me lo podrias explicar mas claramente mas detallado, soy priciapiante, gracias.

  16. Bati

    Karla: mmm, porque te diría que no se guardo bien el objeto inteligente si nunca hemos creado uno? Es raro.
    Mi consejo, comienza nuevamente el tutorial.
    Fijate que al final del mismo, hay un enlace para descargar el original en PSD.
    Descargalo y ve como está armado para darte una idea de como debes hacerlo.
    Cualquier duda puntual, a tu disposicion.
    Saludos!

  17. Luxor

    hola mira todo lo esta mortal,pero lo que quiero saber como puedo bajar ese programa para hacerlo,como se llama asi lo descarge.La verdad que esta buenisimo y quiero hacerlo para mi novia.Por favor contestame.Gracias

  18. Bati

    Hola Luxor. El programa se llama ni mas ni menos que Photoshop.
    Podes saber mas en el sitio de Adobe.
    Saludos!

  19. Martha

    Que tal… tu tuto esta genial, lo unico que no entiendo es como puedes insertar el fondo con los pinceles, le he estado buscando aqui a tu pagina y no encuentro la pagina en directo, podrias explicarme por favor! saludos!

  20. Bati

    Los pinceles Martha lamentablemente ya no están disponibles… pero puedes utilizar cualquier otro dándole un sentido diferente al afiche.
    En cuanto a la utilización, crea una nueva capa y vuelcalos ahi, asi de simple. No hay mucho misterio en esa parte.
    Saludos!

  21. Martha

    Gracias por contestarme… con eso ya tengo lo suficiente para poder hacerle algo especial un dia a mi novio!!! un abrazo y una vez mas gracias por compartirlo!

  22. Stone

    He notao que el degradado le da problemas a muchos, yo llevo algun tiempo con photoshop y el degradado siempre me da problemas, pero ese efecto que tu lograste simplemente lo consigue borrando, poniendo la opacidad del borrador muy baja e intercalando ambas fotos se logra un efecto igual y a veces mejor..

  23. Bati

    Es verdad Stone, tambien se puede hacer borrando… pero el degradado es mas uniforme y rapido si lo sabes usar.
    La idea es aprender a utilizar todas las herramientas del programa, para luego volcar la que mas nos guste.
    Saludos y gracias por tu aporte.

  24. JRgUeZ

    Saludos,,,,soy de Rep. Dom.
    Me han gustado mucho tus tutoriales y me han funcionado para lo que necesito,,con este impresione a mi novia.
    Pero aveces tengo problemas con el degrado, lo que pasa es que cuando trazo la linea en vez de ponerce transparente lo que me aparece es un color rojo. Me gustaria saber como corregir eso. …gracias.

  25. Bati

    Hola JRgUeZ. Que bueno que te sirvan los tutoriales! Me gratifica saber que es asi.
    El degradado, si te sirve de consuelo, he podido comprobar que es un problema en común de muchos.
    En tu caso, creo que se ve mas claro la confusión. Eso rojo que aparece es la máscara. Seguramente estás en vista de máscara rápida (en la barra de herramientas, casi debajo de todo).
    Lo que debes hacer es cambiar la modalidad de vista. Creo entender que es ese el problema.
    De no ser asi, avisame y lo seguimos viendo para poder solucionarlo.
    Saludos!

  26. Benja

    Hola diego en realidad el tuto y el efecto te han quedado de lujo vamos que se puede

  27. Benja

    JRgUeZ lo que pasa es que tu cuando haces el degradado en mascara rapida (letra Q)te queda en el color rojo, hace el degradado y tedrias que volver a modo normal cuando hace esto te va aparecer un cuadro de seleccion donde tienes que pegar (control+shift+v) la foto que quieres degradar este es otro metodo no como el de diego.
    Saludos desde Chile

  28. spba22

    ola mi amigo sos un genio, muyyy buenos tutoriales los que lei y me estan quedando muyyy bien las cosas, mira que soy super novato, por fabor me podrias pasar la imagen de las personas en la playa que usaste p este poster, no la puedo encontrar y me gosta mucisimo para usarla yop tambien, un abrazo!!

  29. william

    hola…voy en el paso uno..no salgo de alli…como hago para colocar la imagen en la capa ??? yo no se hacer ese truco..ayudeme por favor…yo cojo la foto y la arrastro hasta el icono pequeñito que dice original 1…y no puedo hacerlo…gracias por la respuesta…

  30. Juan Velez

    Hola Diego.
    Muy bueno el tutorial, pero cometiste un error en el paso 2, lo que llamas MÁSCARA VECTORIAL, es realmente una MÁSCARA DE CAPA, las máscaras vectoriales sólo se crean cuando crean capas de formas, o se usa un trazado para crear una máscara vectorial.

    Saludos.

  31. Bati

    Juan Velez: Gracias por la corrección, es verdad. A veces uno se marea entre hacer y explicar.
    Saludos!

  32. klauchas

    la verdad mui bueno pero lo ke no vi..fue komo pusiste las letras de fondo y en manuescritas la verdad me gustaria saber komo las pusiste .gracias.

  33. Bati

    Klauchas, el tema de la tipografía es simplemente eso… Seleccionar la herramienta fuente y escribir.. Manuscritas por el tipo de fuente. No recuerdo cual es exactamente, pero si buscas en el blog (buscador en la barra lateral) vas a ver que hay un articulo sobre “fuentes manuscritas”. Busca la frase entre comillas.
    Saludos!

  34. daniela

    que buen tutorial :) lo akabo de hacer i me kedo pero hermoso realmente, sin tirarme flores jajajaja.. muchas gracias por tus aportes que son buenisimos y seguire haciendo los otros turoriales… creo que a mi novio le encantara el regalito gracias :)

  35. rusky

    ando siguiendo tus tutoriales y exlicas muy bien , me quedo  relindo!!!!!!!!!!! y super facil !!gracias y segui tirando buenas lineas..

  36. Christian

    Buenas, me quedo en el paso 1 :S… no logro colocar la imagen dentro de la nueva capa… me hace una capa nueva y ahi me pone la imagen, pero no queda la imagen dentro de la nueva capa como la guia indica. Sigo los pasos de todos modos y trato de unir las 2 imagenes en una sola capa y no hay caso… El trabajo esta muy bueno, me gustaria poder hacer uno… llevo bastante tiempo intentandolo. Agradeceria otra explicacion a mi problema. Desde ya muchas gracias y felicitaciones por las guias.

  37. ROSMAR

    HOLA ME GUSTARIA UNA EXPLIKACION MAS KLARA DE KOMOREALIZARLO PUES NO LOGRO FUSIONAR LAS DOS FOTOGRAFIAS EN LA MISMA KAPA…ESPERO RESUELVAS MIS DUDAS PUES ESTOY TRATANDO DE APRENDER UN POCO DE TODO LO KE ABARCA ESTA HERRAMIENTA DE DISEÑO ….GRAX…SALUDOS…

  38. Bati

    Es que no van en la misma capa, van en capas separadas… Si te fijas en la imagen del 2º paso, se ve claramente que son dos capas separadas. Una con la imagen de base y la otra con la imagen y la mascara.
    Si aún no te sale, relee el tutorial desde el comienzo.
    Saludos!

  39. Simón

    Exelente mi pana. Con eso a cualquier mujer le tiemblan las rodillas. solo que me gustaria saber cual es ese programa que utilizastes?

  40. Luigui7

    como hago con las medidas? determino una medida y me da otra

  41. Lucia

    Hola, intento hacerlo con dos fotografias horizontales y no me sale.. y tampoco si una de ellas no tiene de por si un fundido a negro en cada extremo! como lo hago?

  42. Arturo

    Saludos Diego,lei el coment 3 pero la imagen q utilizaste no aparece.Puedes decirnos para encontrarla?.Gracias.

  43. Artnav

    Que tal Diego podrias decirme cuál es la fuente del titulo de la pelicula y cual fuente podria utilizar para crear yo mismo los creditos de la pelicula q estan abajo?.Agradezco tu respuesta.

  44. Artnav

    Diego si tienes la imagen de la pareja en la playa podrias enviarmela??,te agradecería mucho pues quisiera hacerle a mi novia uno asi de aniversario y es para “ESTE FIN DE SEMANA”.mi correo es artnav19@hotmail.com
    En verdad te agradeceria mucho y por otra parte podrias decirme cual es la fuente q se puede utiliar para hacer el texto de abajo del afiche??,no quiero cortarlo sino crearlo pero no se q fuente es esa.Agradezco tu colaboracion Diego.

  45. Bati

    Artnav, fuentes puedes buscar en dafont.com. Ahi vas a encontrar todo tipo de fuentes. Mira alguna de estas que pueden servir.
    En cuanto a la imagen, lo siento pero no la tengo en mi poder…
    Saludos.

  46. Paula

    exc tu tutorial, me encanta!!! pero aun no logro hacer la fusion de las 2 imagenes, he seguido todoslos paso y reviso el tutorial pero no me esclarececomo puedo hacer esa fusion.podrian ayudarme?? gracias. . .

  47. Oscar

    Esto es una pasada, creo que nunca llegaré a saber usarlo de verdad
    Muy buenas a todos, por favor necesito ayuda quiero aprender a hacer esto, os explico como lo intento hacer yo y no me rula.Lo primero que hago es Archivo> nuevo y las caracteristicas normales con fondo nuevo y las medidas de 10×15.Pulso ctrl j y creo una capa (capa 1)Ahora Archivo>abrir y seleccione el fichero original1 , seleccion>todo   edicion>copiar y cierro este fichero cuando intento ponerme en capa1 y pulso ediccion>pegar me crea una capa nueva (capa 2) con la imagen por la mitad, (no se pq no me lo hace en capa1) bueno elimino capa1 y muevo la imagen a la parte superior de capa2.Misma operatoria con Original2 y mismo problemas, pero lo solvento del mismo modo.Total que tengocapas:Fondo = Todo negroCapa2 =mitad superior de la capa la original1 y la mitad inferior (Transparente se ven los tipicos cuadraditos)Capa3= capa completa con original2, como las 3 capas se ven (tienen el ojito yo veo la original 2 completa).Añado mascara vectorial (aparece al lado de capa3 el cuadrado blanco y el dibujito entre medias).Selecciono degradado y pongo un degradado lineal. edito degradado con el dibujito de al lado Nombre : a medidatipo : Solidosuavizado:100%Cuadradito superior izquierdo opacidad 100%Cuadradito superior derecho opacidad        0%Cuadradito inferior izquierdo negroCuadradito inferior derecho negro¿Ahora donde aplico el degradado? yo actualmente lo que veo es el original 2 completo creo que este es mi problema, pero no se como hacer para ver mi imagen como en el tutorial, mitad superior origianl1 y mitad inferior original 2 y entonces aplicar el degradado.
    Escribo todo tan detallado, pq veo que segun como hagas las cosas el resultado es diferente por ejemplo si en lugar de usar y pegar para las capas se usa completar no sucede igual las cosas
    Muchas gracias de antemano y un Saludo
    Por cierto al tratar de bajar el zip indica que tiene virus ¿Sabeis si es cierto? casi seguro que no pero por siaca

  48. Bati

    Oscar, lee el tutorial de mascara de capa que figura en el blog… creo que ese es el problema que estas teniendo. Ahi se explica detalladamente este paso.
    Saludos!

  49. oscar

    Lo primero gracias por todo, despues de mucho pegarme he conseguido llegar a tener las 2 imagenes fusionadas con degradado y no me ha quedado muy diferente, ahora me toca meterme con el tema de los textos. Por cierto el error de objeto inteligente a mi me paso cuando utilizaba la opcción colocar para poner las imagenes en cada una de las capas.Lo dicho gracias y un Saludo