Crea Tu Propio Collage Profesional

|

Bienvenidos al tutorial de crear tu propio collage profesional. En este tutorial enseñaremos a hacer un Collage Profesional con Photoshop. Así que el primer paso es dejar de usar programas como Paint o parecidos.




Antes de nada, y para hacer este montaje, es necesario tener instalado el Adobe Photoshop. Podéis descargaros la última versión en el siguiente enlace: Descargar Photoshop gratis.

Si consigues terminar el tutorial podrás decir que eres una persona con unos conocimientos bastante completos de Photoshop, ya que aquí vamos a tocar muchos aspectos: Capas, selecciones, objetos inteligentes, eliminación de fondos, etc.

No te preocupes si no te suenan algunos conceptos. Lo vamos a explicar todo paso a paso.

Para seguir una guía haré un collage de Rafa Nadal. Podréis descargar el archivo PSD junto con las fotos al final de este tutorial. Dicho esto ¡ya podemos Empezar!

PASO 1: Organizar nuestro espacio de trabajo


Como las cosas organizadas son las que mejor salen vamos a crear una carpeta donde vayamos a poner las fotos y el archivo PSD.

Ahora colocamos en esa carpeta todas las fotos que vayamos a poner en el collage. En este caso pondré estas 3 fotos:

crear collage profesional con photoshop

crear collage profesional con photoshop

crear collage profesional con photoshop
Haz click en las imágenes para verlas a tamaño completo

PASO 2: Decidir dimensiones de nuestro lienzo


Tenemos que tener siempre en cuenta las proporciones del collage, si nuestro collage tiene de dimensiones 800x600 no intentes colocar una foto de 30x40 porque se quedará pequeña y perderá calidad si intentas aumentar su tamaño. En cambio siempre podremos disminuir el tamaño de la imagen si tiene un tamaño mayor, y sin perder calidad.

nuevo archivo photoshop

Abrimos el Photoshop y creamos un nuevo archivo de 800x600 como indica la foto:
Archivo > Nuevo
collage nuevo archivo photoshop

Este tamaño es el ideal para practicar, o si queremos subir nuestra foto a nuestro blog o red social(Google+, Facebook, Twitter, Flickr, Pinterest, etc.)


PASO 3: Insertar las imágenes del collage


Una vez creado el documento donde vamos a colocar las fotos una por una. Para ello vamos a Archivo > Colocar y seleccionamos la primera foto ("primera_foto_collage_photoshop.jpg"). La insertamos y pulsamos la tecla Enter.
NOTA:Si hiciste el tutorial de creación de atajos en Photoshop y usaste el mismo que yo, simplemente pulsa Ctrl+Shift+Alt+U

colocar imagen en photoshop

Ahora repetimos el proceso para las dos fotos restantes y habremos añadido 3 capas.

NOTA:
Si no encuentras el panel de capas ve a Ventana > Capas o pulsa F7. Se te abrirá un panel a la derecha donde verás las 3 capas y el fondo. 

capas collage photoshop

Ahora vamos a trabajar capa por capa, así que ocultaremos la segunda y tercera foto, para que únicamente se quede visible la primera.
Para ocultar una capa vamos al panel de capas que hemos comentado anteriormente y pulsamos en el icono del ojo que sale a la izquierda de la segunda y tercera capa.

ocultar capas collage photoshop

Ya tenemos aislada la capa con la que vamos a trabajar, la de la primera foto, así que ya podemos pasar al siguiente paso.

PASO 4: Adaptar la imagen al lienzo


Antes, al colocar la imagen, se habrá quedado como objeto inteligente, por lo que si queremos trabajar con ella deberemos ir a Capa > Rasterizar > Capa.
Si quieres saber qué es un objeto inteligente y qué ventajas tienes entra en el tutorial de Objeto inteligente en Photoshop.

Una vez rasterizada deberemos poner un tamaño que no sobresalga del lienzo (el cual está a 800x600). Nuestra primera foto tiene de dimensiones 800x514, por tanto ocupa el espacio horizontal, pero no el vertical y nos quedará espacio vacío arriba y abajo, tal como se puede ver en la última foto.

Lo que haremos es empujar la imagen hacia arriba para que solamente nos quede hueco debajo. Para hacer esto pulsamos la herramienta de mover (V) y arrastramos hacia arriba la imagen.
NOTA:
La herramienta de mover es la flecha negra que hay arriba a la izquierda. Para que no se descuadre o se salga del lienzo mantén pulsada la tecla shift mientras arrastras.

¿Qué podemos hacer para rellenar el hueco inferior?
Tenemos dos opciones:

1. Pintar con el bote de pintura

Seleccionamos el bote de pintura y rellenamos los huecos que haya de un color, en este caso un color azul oscuro casi negro.

2. Rellenar por contenido (recomendada)

Si hiciste el tutorial de eliminar personas de una foto ya sabrás como funciona. Si no es así simplemente, con la varita mágica selecciona el espacio en blanco.
Luego vamos a Edición > Rellenar o Shift+F5 y seleccionamos "Según el contenido".
Ya tendremos la imagen como la que se muestra aquí debajo.

rellenar imagen collage
Verás que hay una pequeña línea más clara. No te preocupes, más adelante la quitaremos de forma rápida.

Una vez terminado con esta imagen, es hora de editar el resto de imágenes.

PASO 5: Acoplar el resto de imágenes al montaje


Una vez llegados aquí ya podemos mostrar las capas. Así que, empezando por la "segunda foto" la mostramos. Recuerda, click en el botón del ojo al lado de la capa.

collage objeto inteligente

Se nos mostrará una capa grande con Rafa Nadal mordiendo la medalla. Vamos a reducirla y a ponerla en una esquina.

Para reducirla tenemos que pulsar Ctrl+T (o Edición > Transformación Libre) y arrastrar de una esquina manteniendo el Shift pulsado. Luego arrastraremos la foto hacia la esquina inferior izquierda hasta que se nos quede más o menos así.

collage tamaño foto

Una vez lo tengamos así, pulsamos la tecla Enter y hacemos exactamente lo mismo con la "tercera foto", ya sabes:
  • Mostrar Capa (icono de ojo)
  • Transformación Libre (Ctrl+T)
  • Reducir tamaño (Arrastrar desde la esquina)
  • Colocar en el extremo inferior derecho (Mover la imagen)
  • Tecla Enter para finalizar
collage de fotos

Podríamos terminar el tutorial aquí, pero lo que queremos es fusionar las imágenes para que el montaje quede lo más difuminado posible.

PASO 6: Fusionar las imágenes del montaje

Ya tenemos las dos imágenes colocadas en su sitio, ¿verdad? Ahora acordémonos de que son objetos inteligentes, por lo que si queremos modificarlas tendremos que rasterizar las dos capas. Recuerda: Botón derecho sobre la capa y Rasterizar capa.

Ya están ambas rasterizadas, es hora de retocarlas. Empecemos por la foto de la medalla:

NOTA:
Hay un truco que utilizo mucho cuando voy a editar capas con la goma. Las duplico(Ctrl+J) y las oculto, de tal forma si me equivoco o no me gusta el resultado no pierdo la original.
Este sexto punto se divide en 3 acciones que deberás hacer cada una de las dos fotos:
  • Seleccionar
  • Borrar
  • Colorear

PASO 6.1 Seleccionar fondo


Primero asegúrate de que tienes seleccionada la capa de la foto de la medalla ("segunda foto").
Es hora de seleccionar la herramienta de selección y seleccionar el fondo, dejando la silueta de Nadal. Yo he utilizado la herramienta lazo (L) y he hecho esta selección:

seleccion en collage photoshop

No te preocupes si no te sale bien, aquí hay que tener mucha paciencia y hacer mucho zoom. Cuando tengas la selección hecha, pulsa la tecla Suprimir.  Si habías seleccionado la silueta de Nadal en lugar del fondo, invierte la selección (Ctrl+Shift+I) y pulsa Suprimir.

PASO 6.2 Borrar imperfecciones


Ahora seleccionamos la herramienta de Goma (E) y hacemos zoom para borrar las imperfecciones más grandes, es decir, las partes que nos hayan quedado demasiado azules. No te preocupes si no te queda perfecto, ahora pasaremos a perfeccionarlo.

zoom collage photoshop

Ahora que ya hemos borrado lo "más gordo", verás como todavía quedan bordes de la silueta que están más claros o más azules

PASO 6.3 Colorear los bordes


Lo que tenemos que hacer ahora es seleccionar la herramienta de lazo (L). Nada más seleccionarla, insertaremos unos 2px en el campo Desvanecer de la barra de arriba del todo.
Ahora hacemos una selección como la de la imagen de abajo

colorear collage photoshop

Una vez hecha la selección, pulsamos Ctrl+Alt+U o Imagen > Ajustes > Tono/Saturación. Con la casilla de colorear activada, insertaremos los valores que hagan que los bordes sean marrones. En este caso he puesto
  • Tono: +27
  • Saturación: +26
  • Luminosidad: -35
Cuando demos a OK veremos como han cambiado estos bordes. Ahora toca hacer lo mismo con el pelo que hay a los laterales hasta que nos quede algo como esto:

primera foto collage photoshop

Como podemos observar, hemos quitado el fondo de esta foto.

Última foto:

Te toca a ti ahora hacer lo mismo con la última foto. Recuerda los pasos:
  • Rasterizar capa
  • Seleccionar fondo
    Aquí te recomiendo que utilices la varita mágica con tolerancia 16, se irá la mayor parte del fondo 
  • Borrar imperfecciones
  • Seleccionar bordes y colorearlos
Si no te acuerdas de algo, consúltalo arriba. Te debería de quedar algo así:

crear collage profesional con photoshop

Ahora sí que podríamos dar por terminado el collage, pero vamos a hacer unos retoques finales para que quede un mejor resultado.

PASO 7: Retoques finales del collage


Con la herramienta de desenfocar (la que tiene la forma de una gota de agua) seleccionaremos los bordes que se han quedado más pixelados. Por ejemplo la parte derecha del pelo de nadal.
Al seleccionarla, insertaremos en la barra superior un valor de 60% para la Intensidad.

desvanecer collage photoshop

Haz lo mismo con los bordes que veas más pixelados, así podrás eliminar imperfecciones.
Una vez retocado eso, ya hemos terminado el collage.

Podemos añadirle texto o cualquier otro elemento más, pero ya tenemos nuestro propio collage profesional.

crear collage profesional con photoshop

Como lo prometido es deuda, aquí tienes un archivo con las 3 imágenes utilizadas y el archivo PSD con el resultado del collage con photoshop.



Espero que te haya gustado este tutorial y que hayas podido terminarlo. Si es así, puedes afirmar que ya tienes un buen dominio del photoshop ;)

Nos vemos en el siguiente tutorial!





11 comentarios:

Anónimo dijo...

trate de hacerlo pero no,,,, se puede,, kien me ayuda,,, please---

Danis dijo...

quiero haer ese efecto que es tipo de luz.. que se enrrosca es las letras o cosas asi... me enseñas?.

diabloanton dijo...

me va d.p.m. gracias por el tuto =D

Anónimo dijo...

no entendi... quien me ayuda??

Anónimo dijo...

no se ven las imagenes .-. no se si es mi pc o es k ya caducaron.. si puedes volver a subirlas si no es mucha molestia ^^

Anónimo dijo...

que es lienzo? me quede tildada ahi :s

Anónimo dijo...

emmmm arregla las fotos de los tutos man

jacinto Pineda Gordillo dijo...
Este comentario ha sido eliminado por el autor.
Alexis Serrano dijo...

no se ven las imagenes del ejemplo...y asi no podemos hacer nada..podrias revisar que pasa...porfavor seria de gran ayuda...saludos

djronymix dijo...

Si por favor pongan imagenes

Anónimo dijo...

Por favor suban las imagenes