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.
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:
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%):
Si volvemos a 100% de opacidad la capa “original2”, obtendremos como resultado la fusión de las 2 imágenes.
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á).
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:
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:
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)
tengo una duda, .. cual es la letra que le pusiste?
Daniela, la verdad es que no recuerdo la tipografia utilizada… hace mucho tiempo de este tutorial.
como me lo descargo a este programa…?
Que cosa? Es un tutorial para aprender a realizarlo uno mismo.
de donde me lo bajo???
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
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!
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
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. . .
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.
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.
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.
Saludos Diego,lei el coment 3 pero la imagen q utilizaste no aparece.Puedes decirnos para encontrarla?.Gracias.
Lamento decirte que ya no esta disponible. Habrá que buscar una similar…
donde puedo bajar el photoshop????
Gracias… hice el mío propio y me quedó bellísimo!!!
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?
Brother que buen tutorial, desde ya suscrito a tu pagina.
como hago con las medidas? determino una medida y me da otra
Photoshop 😉
Exelente mi pana. Con eso a cualquier mujer le tiemblan las rodillas. solo que me gustaria saber cual es ese programa que utilizastes?
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!
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…
Esta bien Christian, no deben estar en la misma capa.
Me olvide de aclarar que uso Adobe Photoshop CS3.
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.
ando siguiendo tus tutoriales y exlicas muy bien , me quedo relindo!!!!!!!!!!! y super facil !!gracias y segui tirando buenas lineas..
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 🙂
Hellen, seria bueno que digas cual es el problema.
Ayuda no puedo hacerlo …Gracias!
buen tutorial, le falto poner los creditos U_U !
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!
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.
Juan Velez: Gracias por la corrección, es verdad. A veces uno se marea entre hacer y explicar.
Saludos!
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.
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…
Hola Spba22. Lee el comentario número 3. Ahi tenés donde y como conseguirla.
Saludos!
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!!
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
Hola diego en realidad el tuto y el efecto te han quedado de lujo vamos que se puede
Benja, gracias por tu aporte. Siempre es bueno tener alternativas.
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!
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.
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..
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.
Mola un montón, sobre todo sirve para san valentin!!
increible colega te quedo estupendo
ta la raj esa si k kero hacerla ;D
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!
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!
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!
Hola Luxor. El programa se llama ni mas ni menos que Photoshop.
Podes saber mas en el sitio de Adobe.
Saludos!
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
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!
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.
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.
Jajajjaa, esto se ve muy divertido y sería muy lindo detalle, de lujo, gracias 🙂
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 ?
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!
como copio al principio las imagenes en la nueva capa?
Hola Sergio, gracias por las felicitaciones… son bien recibidas.
En un rato lo agrego al pie del tutorial para que puedan descargarlo todos.
Saludos.
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
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/
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
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.
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
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!
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!
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.
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!
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!!
No es mala idea… pero si entran a http://www.sxc.hu/ pueden encontrar imágenes de ese estilo poniendo “couple love silhouette”.
excelente tuto..! deberias compartir las imagenes pa practicar…
muy bueno 🙂 voy hacer uno igual pa mi enamorada 🙂