Afiche de Película con Photoshop

Tutorial Photoshop de Edición y Efectos de Fotografía

Tutorial por Diego Mattei de Dmwd.com.ar

Diego Mattei nos muestra en este atractivo tutorial como lograr un atractivo Afiche de película usando tus propias imágenes y Photoshop.

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.

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

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 22/08/2007  ALEXSSHK escribió:
Excelente, me parece muy bueno y creativo, te felicito

 Fecha: 22/08/2007  ROSARIO.ZAMUDIO escribió:
wauuu!

 Fecha: 22/08/2007  PERVACK escribió:
los brushes la hacen !!! y buen tuto

 Fecha: 23/08/2007  MAKO escribió:
EXCELENTE FELICITACIONES

 Fecha: 23/08/2007  PATERA escribió:
muy bueno y creativo diego. de donde sacaste la foto de la playa, la de la pareja en sombras?? algun banco de fotos bueno que conozcas? gracias

 Fecha: 23/08/2007  GARYRIVERA escribió:
chevere!! te pasaste!!

 Fecha: 23/08/2007  BABY_ILOVEYOU escribió:
Hola! Yo soy principiante en esto. Lo hago por hobbie nomas. Pero queria saber como hacer para que me quede la imagen bien degradada porque a mi me queda como con esas "lineas". Saludos y me encanto el tuto!

 Fecha: 23/08/2007  BIFRONTE escribió:
tu emoción es mi emoción, la creatividad es como la picadura de la pulga empiezas a rascarte hasta que aparece la roncha, felicitaciones

 Fecha: 24/08/2007  BATI1975 escribió:
Hola a todos. Gracias por los elogios y comentarios. PATERA: Lamento informarte que la foto de la playa no la vas a encontrar...(somos mi novia y yo, jeje). Pero en cualquier banco de imagenes podes encontrar mejores. BABY_ILOVEYOU: No se a que te referis con esas "lineas". Lo estarás exportando en GIF? Quizás sea eso... ya que el formato GIF no toma bien los degradados por la cantidad de colores que lleva. Exportalo en JPG. BIFRONTE: Guau! Cuanto me alegro que transmita y contagie eso! Gracias.

 Fecha: 25/08/2007  ROGERRAB escribió:
eso fue genial Diego te la comiste felicidades Rogelio Venezuela

 Fecha: 25/08/2007  DEJIKONYO escribió:
http://video.google.es/videoplay?docid=8066373755464145409

 Fecha: 25/08/2007  ALINSA escribió:
k kuko, genial!

 Fecha: 26/08/2007  PATERA escribió:
esto…diego… ya se que sois tu y tu novia....pero me refiero a la otra, a la de la pareja en sombras jajajjaja. dices k la tomaste de un banco fotografico pero he mirado varios y todos son de pago.si sabes de alguno gratuito te agradeceria que me lo comentaras.saludos

 Fecha: 26/08/2007  BATI1975 escribió:
Patera, perdon.. me olvidé que aclaraba al inicio del tutorial que eramos mi novia y yo... La otra foto la saqué de http://www.sxc.hu/ un banco de imagenes en el que puedes obtener fotos en alta resolución. Las palabras claves que utilizé para la búsqueda, si no me equivoco, fue "couple love". Saludos.

 Fecha: 28/08/2007  PATERA escribió:
muchas gracias por todo diego ;)

 Fecha: 28/08/2007  JJCARLOSG escribió:
excelente trabajo muy claro y la explicacion sencilla sigue asi mos enseñas muy buen trabajo

 Fecha: 28/08/2007  JJCARLOSG escribió:
excelente trabajo muy claro y la explicacion sencilla sigue asi mos enseñas muy buen trabajo

 Fecha: 28/08/2007  NEUTRO escribió:
buen buen ttorial sigue asi gracias...

 Fecha: 29/08/2007  HERBGON escribió:
parce.. bacano estuvo ....lo felicito....sigue asi brou

 Fecha: 29/08/2007  CULANDRILLO escribió:
Hola, soy neófito en Photoshop... "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." Qué comando usas para "colocar" la imagen? No encuentro ningún imagen insertar o archivo importar imagen gracias

 Fecha: 29/08/2007  BIFRONTE escribió:
CULANDRILLO usa ese comando "colocar" (archivo>colocar) o sino copia la imagen de su archivo original y la pegas en tu trabajo, o sino utiliza la herramienta mover visualizando ambos archivos haces click y la arrastras a tu trabajo :)

 Fecha: 30/08/2007  ALFREDOPAZ escribió:
Me gustaria que me ayudaras de manera particular o sea atraves del chat, esta muy bien tu tuto, pero como soy principiante hay cosas que todavia me falta aprender. Gracias.

 Fecha: 30/08/2007  LOBO29 escribió:
muchas felicidades excelente tuto ojala publiques mas

 Fecha: 30/08/2007  CARLOS TORRES escribió:
esta muy bueno voy a practicarlo ya

 Fecha: 30/08/2007  CARLOS TORRES escribió:
esta muy bueno voy a practicarlo ya

 Fecha: 30/08/2007  CULANDRILLO escribió:
Gracias BIFRONTE, ya me salió :)

 Fecha: 30/08/2007  FALAK escribió:
felicitaciones!!!! explicas re bien =D me quedo re lindo a mi novio le re gusto!!!! muchas gracias =D es sencillo a parte!!! GRACIAS

 Fecha: 30/08/2007  THE KING escribió:
gracias

 Fecha: 31/08/2007  BIAZ_H2 escribió:
ME ENRREDE PERO LO INTENTARE DE NUEVO BUEN APORTE

 Fecha: 31/08/2007  FAPE.TK escribió:
chevere el tutorial xD! depaso visiten www.fape.tk full musica

 Fecha: 31/08/2007  MORMEGILLEN escribió:
Muy buen tutorial, sobre todo la parte de como fusionar las imágenes que no me acordaba como se hacía...

 Fecha: 01/09/2007  GIO escribió:
hola Diego.. esta muy bueno el tutorial.. pero quisiera que pusieras uno de como hiciste para añadir las letras manuscritas y todo lo del 5to paso ... te lo agardeceria mucho.

 Fecha: 01/09/2007  GIO escribió:
hola diego..otra pregunta... cuando quieres descargar los tipos de pinceles.. como lo haces .. en que carpeta tienes que guardarlo, para luego descomprimirlo??

 Fecha: 01/09/2007  JAEN escribió:
me encanto... gracias te quedo ... Excelente :)

 Fecha: 02/09/2007  SUNCI escribió:
soy muuuyy principiante y no se como colocar las imagenes en las capas... podria alguien ayudarme

 Fecha: 02/09/2007  MAY1987 escribió:
no puedo lograr el primer degradado..alguien me pùdiera dar una ayudita..gracias

 Fecha: 02/09/2007  PETER1810 escribió:
felicidades te quedo padrisimo lo voy a intentar a ver si me queda algo parecido muchas gracias por tu tutorial

 Fecha: 03/09/2007  APACIONADO escribió:
me encanto como me dedico a editar video solo me faltaba com acer esto gracias exelente y muy facil

 Fecha: 05/09/2007  ALTANVI escribió:
Excelente tutorial felicidades!! y gracias

 Fecha: 06/09/2007  XADER escribió:
el tuto excelente sigue enseñandonos tus conocimientos felicitaciones

 Fecha: 06/09/2007  BRANDON escribió:
quisiera saber si en photoshop también se puede dibujar

 Fecha: 06/09/2007  BATI1975 escribió:
Hola gente. Cuantos comentarios agradables!! Me alegro mucho que les haya gustado. Perdon la falta de respuestas, pero la verdad es que no entré mas a revisar los comentarios. No quiero robar publico a este excelente sitio, pero reviso diariamente los comentarios en mi blog... Saludos a todos!

 Fecha: 07/09/2007  EVELYN15 escribió:
me encanto, me pasece super crativo!!! te queia preguntar porqu no me sale aunque sigo cada paso... cuando uso la herramienta de degradado para fucionar las imagenes me queda la original 1 completamente negra, cuando pruevo cambiar el orden de las capas, la capa original 1 no tiene ningun cambio... bueno espero q me hayas entendido...igual gracias por mostrar tu idea esta super geneal!!!! te felicito.... ;)

 Fecha: 07/09/2007  KARFEL escribió:
=O ^^ c ve weno el tutorial.. lo intenté hacer pero tuve kleta e problemas.. Primero problemas con las imagenes k no c axikaban... se les iba la calidad.. y c veian mal.. asi k no me funkó.. pero salió super bkn ^^ Xau!

 Fecha: 08/09/2007  EL_DISECK escribió:
EA MUY BUENO =)

 Fecha: 09/09/2007  BIFRONTE escribió:
Hey Bati tienes otro por allí a mi gentuza le agrado muchísimo tu manera de explicar dicen que es mejor que la mía (?) gracias brother

 Fecha: 10/09/2007  MARCO QUINTANILLA escribió:
esta super graciias brother

 Fecha: 11/09/2007  JUANOTHO escribió:
no entendi ni madres soy muy torpe para esto mmm me lo podrian mandar mas fasil a mi msn jorg_90@hotmail.com gracias y de paso una chika soltera de monterrey n.l aqui estoy me gusta el punk yeaaaaaaaa ayudenme porfa

 Fecha: 11/09/2007  MAROFER escribió:
Hola, hace poco empeze a trabajar con el photoshop y ya me salieron varias cosas, pero tengo problemas con el degradado, no se ni como funciona. Yo utilizo el CS3 Extended. Cuando paso a la parte esa y hago la linea se me oscurece toda la imagen de abajo :( Espero q me puedan ayudar y si no se puede hacer con el CS3 porfavor avisenme. cualkier cosa contactenme a fer_tq@hotmail.com gracias

 Fecha: 11/09/2007  MAROFER escribió:
Bien, ahora hize todo, pero me sigo quedando en el degradado, osea, no pasa nada, hago todo lo q dice y nada...

 Fecha: 14/09/2007  BATI1975 escribió:
Gracias nuevamente por los elogios. Como he visto que mas de uno tuvo problemas con el degradado, he realizado un tutorial con una opcion para este paso. El mismo lo pueden ver en http://www.diegomattei.com.ar/2007/09/14/herramienta-mascara-de-capa/ BIFRONTE @ en mi blog puedes encontrar mas tutoriales... a medida que tenga tiempo, iré publicando mas. JUANOTHO @ estas seguro que estas en el sitio indicado? :o) Espero que les sirve y solucionen este punto.

 Fecha: 14/09/2007  BIFRONTE escribió:
buena bati...

 Fecha: 17/09/2007  EVELYN15 escribió:
gracias! :)

 Fecha: 18/09/2007  YOKEN78 escribió:
me sale perfecto, lo que no me explico ´es porque a ti las imagenes no se ve la division tanto como me sale a mi a mi me aparece la division de ambas imagenes, como te saltaste algun paspo o no es asi?

 Fecha: 20/09/2007  FENRIRSULVEN escribió:
excelente:D

 Fecha: 21/09/2007  LXURX escribió:
COMO COLOCO EN LAS CAPAS LLAMADAS ORIGINAL 1 Y 2 LA FOTOS POR FA ESPECIFICALO

 Fecha: 22/09/2007  JPRODRIGUEZ escribió:
Excelente tutorial y un resultado magnifico. FELICIDADES.

 Fecha: 22/09/2007  BATI1975 escribió:
LXURX: podes hacerlo de varias formas.. Una util es abrir las 2 imagenes en documentos diferentes. Luego seleccionas la totalidad de una de ellas y pones "Edicion > Copiar". Vas al otro documento, con la foto2 y pones: "Edicion > Pegar". Y te aparecera la imagen en una capa distinta. Ahi ya tenes las 2 fotos en capas diferentes y en el otro documento, te quedo la original por si las cosas no salen bien y tenes que utilizarla nuevamente. Espero haber sido claro. Saludos!

 Fecha: 24/09/2007  VICTORHPC escribió:
MUY CHINGON, ORIGINAL Y MUCHA CREATIVIDAD FELICIDADES

 Fecha: 24/09/2007  LEONCO escribió:
DE ACUERDO

 Fecha: 27/09/2007  JESSICA_097 escribió:
muy bueno tu tutorial ,solo que no puedo descargar los pinceles por favor espero tu respuesta si podes hacele un link asi accedo besos jesii

 Fecha: 27/09/2007  BATI1975 escribió:
Hola Jessi. Lamentablemente esta caido el link hacia ese pincel. Pero si entras a deviantart o pones brushes en google vas a encontrar muchos, tal vez mejores. Un beso.

 Fecha: 29/09/2007  FISTU escribió:
Aquí lo tenéis todos, en la web de la creadora. Hay esos y muchos más. Yo he descargado todos y son una pasada. http://www.annikavonholdt.com/brushes/

 Fecha: 04/10/2007  JESSICA_097 escribió:
mil gracias muy buenos me re sirvieron sin tienen mas tutoriales copados avisenmen beshotes jesii

 Fecha: 14/10/2007  MARJORI escribió:
bueno gracias a Dios y a tu explikciones no he teneido ningun problema, la verdd es k no puedo descargar los pinceles ded hac ufff esta opcion esta asi y ahora si nos necesito :( bueno noc si hay otro link o tu los colocas en algun sitio o algo asi te lo gradeceria muchop Diego =)

 Fecha: 17/10/2007  ANYBLACKER escribió:
donde puedo conseguir una imagen asi?? de fondo???????

 Fecha: 19/10/2007  MEGAMANGIRL escribió:
Hooooooooooola amigo oie sabes no me pude bajar las brushes, me harias una favor si pudieras mandarmelo a mi correo te lo agradeceria muchisimo Gracias brother... atten un amigo interesado en aprender mas jthreep_mekishikopd@hotmail.com

 Fecha: 20/10/2007  ANIIPMK escribió:
Graciias por el tuto!! pero los brushes no los puedo descargar!! esa página no funciiona ¬¬' no sabes otro sitio donde los pueda descargar???

 Fecha: 24/10/2007  JANETT escribió:
muy buena idea se me hace que esta bueno pa regalarlo en un aniversario de novios o pa una ionvitacion de boda estaria padre mis felicitaciones ademas de que es muy sencilo

 Fecha: 26/10/2007  ANGUSAC-DC escribió:
Hola, primero que nada te felicito la verdad se ve muy bien la imagen al termino de todo el proceso, bueno mi duda es como fue que le metiste el efecto de las letras como brillosas y las letras de fondo junto con las rejas, porfavor podrias explicame como? te dejo mi mail para que sea mas facil supongo je. dark_raider_xv3@hotmail.com. GRACIAS

 Fecha: 28/10/2007  JUAN4 escribió:
Hola! no puedo hacer el degradado no sale como quiero soy nueva y no entiendo bien el proceso si me puedn ayudar grcias!!!

 Fecha: 01/11/2007  MARGOTH escribió:
Me gustaría que me enviaras más tutoriales como este porque la explicación es excelente, voy a intentar lo de la apariencia de póster cinematográfico.

 Fecha: 07/11/2007  JAVI2007 escribió:
Hola ,soy nuevo en esto y me interesa mucho , pero tengo problemas para iniciar este trabajo . ¿como abro un documento y le pongo fondo negro? y ¿como muevo la imagen horizontal? . Gracias

 Fecha: 07/11/2007  BRIGI escribió:
Hola excelente tutorial, luego que descargo los brushes, como los instalo en el programa? en cual carpeta? y con cual herramienta los coloco? , con el pincel? Gracias.

 Fecha: 08/11/2007  IBC85 escribió:
Me parece un excelente tutorial, con tu ayuda es lo mejor que he conseguido hasta ahora, y como dices no es complicado! Si en algún momento pudieses ampliar con otro tutorial sobre como añadir esos textos y hacer titulos asi de guapos estaremos encantados. Un saludo.

 Fecha: 14/11/2007  MIGUEL2989 escribió:
la pagina que nos dio para descargar los brushes ya funciona hay muchisimos y muy buenos

 Fecha: 21/11/2007  DUNKYPUNKY escribió:
ALA QUE BUENISIMO TUTO SOLO QUE DEVERIAS DE COMPARTIR UNOS CUANTOS SECRETOS DE DEGRADADO NO CREES? PERO DE LO CONTRARIO ESTA BUENISIMO ENHORABUENA

 Fecha: 27/11/2007  16380783 escribió:
gracias por el link me ha sido de gran utilidad y me encanto el tutorial excelente trabajo colega saludos desde venezuela

 Fecha: 30/11/2007  DAVID_3020 escribió:
o que genial ta bn chio espero que agas mas de esos jeje

 Fecha: 04/12/2007  NEIMA escribió:
HOla. porfa alguien me puede ayudar? es que quiero usar los scripts y no se como. me los descargué y ahora no se aplicarlos. ¿alguien sabe de algun tutorial o me lo puede explicar? muchas gracias.! ¡por cierto menudo tutorial mas bueno. jeje. felicidades. :)

 Fecha: 05/12/2007  ADRIAN´S escribió:
Por favor, alguien me podria decir como hacer el primer paso, el de poner el fondo negro ¿de donde lo saco? Mil gracias, espero vuestra respuesta.

 Fecha: 11/12/2007  CHIQUILLOPSP escribió:
me he pèrdido totalmente en eso de la opacidad, no se hacerlo.

 Fecha: 07/01/2008  VASJOSUE escribió:
que tal, oye mira soy pricipiante y hago esto por que me gusta pero no se si puedes ser mas detallista con las cosas que haces gracias

 Fecha: 09/01/2008  MOWY escribió:
La verdad que sí, está muy bien. Gracias! :D

 Fecha: 31/01/2008  SCARLETHSS20 escribió:
No entiendo!!!!! =( soy nueva en esto del photoshop y estoy aprendiendo... la verdad no puedo colocar la imagen en la capa del primer paso!!!! como hago eso? talvez si lo podrias explicar mas detalladamente =S

 Fecha: 31/01/2008  SCARLETHSS20 escribió:
Tampoco especificas como hiciste lo de los brushes! =S de verdad que hasta hace como unos dias estoy usando photoshop y ahi si que no entiendo nada! =( ayudaaaaa! me gustaria hacer algo parecido como dijiste para regalo =)

 Fecha: 06/02/2008  BEAOG escribió:
La idea es muy buena pero no esta bien explicado, da por entendidas muchas cosas. Deberia explicarlo paso a paso como se hace TODO.

 Fecha: 13/02/2008  JOHN VENTURA escribió:
esta muy bueno, sobre todo para el area de publicidad y cine. pero te faltan algunos detalles que explicar, sobre todo para los principiantes...

 Fecha: 15/02/2008  JDPARADA22 escribió:
bueno, rapido, facil de hacer, explicado de manera coherente a lo que estabas haciendo me gusto. felicitaciones

 Fecha: 18/03/2008  BURBUJITA escribió:
hola gente!! quisiera que alguien me ayude con este trabajo, ya que estoy interesada,pero tengo dificultada, y aun no c por que, lo intente mil veces y no me sale.. HELP ME!!!!!!!! gracias y excelente el tuto!!! ;-)

 Fecha: 28/05/2008  DEKAMI escribió:
muy buen tuto spero q sigamos compartiendo tutos s lo dice un principiante nos ayuda mucho sus aprendisajes

 Fecha: 11/07/2008  TATO.182 escribió:
me gusto ta muy muy bueno haber si te pones otro con mas detalles de lo ultimo

 
© Copyright 2001 - 2008
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.