Unir 2 fotos en 1 con una línea diagonal en medio, en Adobe Photoshop Unir 2 fotos en 1 con una línea diagonal en medio, en Adobe Photoshop
Unir 2 fotos en 1 con una línea diagonal en medio, en Adobe Photoshop
Página 1 de 2 12 ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 18
  1. #1
    Registro
    14-febrero-2010
    Ubicación
    Bogotá, Colombia
    Edad
    46
    Mensajes
    43.930
    Unir 2 fotos en 1 con una línea diagonal en medio, en Adobe Photoshop
    El compañero Eliop me solicitaba cómo realizar un foto-montaje con 2 imágenes separadas por una línea vertical y diagonal.

    Así que ahí va (espero que esta vez no me vuelvan a cerrar la ventana en la casa y perder de nuevo todo el trabajo).

    ❤ PASO 1 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    Lo primero que vamos a necesitar son 2 imágenes. Lo más apropiado para facilitar la edición es que el motivo destacado de la imagen que colocaremos a la izquierda se encuentre precisamente de ese lado, y del lado derecho el motivo principal se encuentre al lado derecho.

    He tomado las siguientes imágenes de PIXABAY, un motor de búsqueda de imágenes gratuitas, para que podáis seguir fácilmente el tutorial.

    Al lado izquierdo de mi fotomontaje irá la siguiente imagen (descargada a 1280×853 píxeles)
    Foto gratis: Personas, Niña, Relajarse, Playa - Imagen gratis en Pixabay - 2597263

    montaje_dos_fotos_photoshop_001_a.jpg

    Al lado derecho de mi fotomontaje irá la siguiente imagen (descargada a 1280×854 píxeles)

    Foto gratis: Playa, Hermosa, Escarabajo, Clásico - Imagen gratis en Pixabay - 1853939

    2previo_derecho.jpg

    Nota - puedes usar 2 imágenes centradas pero necesitarás suficiente espacio alrededor de cada una para poder encajarlas.

    ❤ PASO 2 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    Abrimos las 2 imágenes en el programa Adobe Photoshop

    montaje_fotografico_photoshop_002_a.jpg

    Seguidamente accedemos al menú ▶ VENTANA ▶ ORGANIZAR ▶ SEGMENTAR TODO EN VERTICAL

    de esta forma tendremos las 2 imágenes abiertas a la vista

    montaje_fotografico_photoshop_002_b.jpg

    Ahora deberías tener ambas imágenes a la vista como se muestra a continuación:

    montaje_fotografico_photoshop_002_c.jpg

    ❤ PASO 3 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    Con la herramienta MOVER desplazamos una copia de la imagen de la derecha sobre la izquierda. Puedes hacerlo arrastrando la imagen con la herramienta MOVER o arrastrando la miniatura de la capa.

    montaje_fotografico_photoshop_003_a.jpg

    Cerramos la imagen del automóvil para trabajar ahora con un solo archivo de imagen.

    montaje_fotografico_photoshop_003_b.jpg

    ❤ PASO 4 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    A continuación deberías tener ambas imágenes superpuestas.

    montaje_fotografico_photoshop_004_a.jpg

    Seleccionamos el menú ▶ EDICIÓN ▶ TRANSFORMAR ▶ ESCALA

    montaje_fotografico_photoshop_004_b.jpg

    Seguidamente movemos la imagen y la escalamos por los laterales hasta situarla y cambiar su tamaño como deseemos, de forma que se superponga con la imagen debajo.

    Asegúrate de tener el candado de escalado proporcional activado para que la imagen no se deforme y utiliza los tiradores de una de las 4 esquinas para que la imagen no se deforme.

    montaje_fotografico_photoshop_004_c.jpg

    Una vez estés satisfecho con el trabajo haz doble clic en el centro de la imagen para aceptar o el botón de verificación de cambios

    montaje_fotografico_photoshop_004_d.jpg


    ❤ PASO 5 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    A continuación activaremos la herramienta LAZO POLIGONAL y realizamos una selección similar a la que indico en la captura de pantalla, lo más importante es que la línea que cruza de forma vertical-diagonal caiga donde nosotros deseamos. Puedes intentar varias veces (para cancelar si no estás satisfecho/a puslsa la tecla ESC para comenzar la selección de nuevo).

    montaje_fotografico_photoshop_005_a.jpg

    Una vez listo deberíamos tener una línea punteada parpadeando:

    montaje_fotografico_photoshop_005_b.jpg

    ❤ PASO 6 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    A continuación creamos una máscara de capa, pero tranquiiiiiiiiiiiii... sé que este término asusta un poco, pero es tan sencillo como que vamos a tapar todo lo que no esté dentro de la selección.

    ¿Si es complicado? Para nada. Simplemente hacemos clic en el botón de "añadir máscara de capa" ¡así de fácil!

    montaje_fotografico_photoshop_006_a.jpg

    ❤ PASO 7 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    Hacemos doble clic en la miniatura de capa de la chica tumbada en la playa, ya que está como FONDO no sería editable, por lo que debemos asignarle un nombre nuevo para que quede desbloqueada.

    montaje_fotografico_photoshop_007_a.jpg

    Hacemos clic en la miniatura de la capa de la chica tumbada en la playa y volvemos al menú ▶ EDICIÓN ▶ TRANSFORMAR ▶ ESCALA

    hasta acomodar la imagen como deseemos (como vimos en el PASO 4)

    montaje_fotografico_photoshop_007_b.jpg

    En mi caso he acomodado de la siguiente forma:

    montaje_fotografico_photoshop_007_c.jpg

    Acepta los cambios (ya sabes con doble clic en el interior o haciendo clic en el botón de verificación)

    ❤ PASO 8 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    Creamos una capa nueva haciendo clic en el botón de "Crear capa nueva" (existen múltiples formas de crear capas nuevas, esta es la más rápida)

    montaje_fotografico_photoshop_008_a.jpg

    Arrastramos la miniatura de capa a la parte superior de la pila de capas (y nos aseguramos de que queda iluminada para trabajar sobre ella)

    montaje_fotografico_photoshop_008_b.jpg

    Deberían quedar organizadas como se muestra a continuación:

    montaje_fotografico_photoshop_008_c.jpg

    ❤ PASO 9 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    Seleccionamos la herramienta LÍNEA y le damos un grosor de 18 píxeles (o el que consideres acertado).

    A continuación trazamos la línea siguiendo la diagonal que separa la imagen.

    montaje_fotografico_photoshop_009_a.jpg

    ❤ PASO 10 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    Disfruta el resultado

    montaje_fotografico_photoshop_0010_a.jpg

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

    Si tienes alguna duda o te perdiste en algún paso con gusto trataré de ayudarte.

    Mejor si me mencionas para poder ofrecerte la ayuda lo antes posible.
    Última edición por ramonjosegn; 27-sep-2017 a las 19:15

  2. #2
    Excelente hermano, te quedo genial. Mil gracias por tu tiempo,
    Citar Citar  

  3. #3
    Registro
    14-febrero-2010
    Ubicación
    Bogotá, Colombia
    Edad
    46
    Mensajes
    43.930
    Cita Iniciado por Eliop Ver Mensaje
    Excelente hermano, te quedo genial. Mil gracias por tu tiempo,
    Faltaría el marco pero no quería extenderme mucho más.

    Queda para otro tutorial, además que es bastante sencillo de hacer.

    Si tienes cualquier duda me avisas.

    Te cuento que hice este tutorial 3 veces... la primera me falló el navegador... la segunda me cerraron la pestaña en casa si darse cuenta... menos mal a la tercera fue la vencida...

    Quizás la imagen de la izquierda no quedó tan vistosa, pero bueno, no encontré otra imagen en Pixabay en una búsqueda rápida que encajara como yo quería...
    Citar Citar  

  4. #4
    Buen aporte en favoritos
    Citar Citar  

  5. #5
    Claro, cuando tengas tiempo lo haces. Y vaya, al parecer el destino no quería que aprendiera esto 3 veces lo hiciste jaja.
    Gracias

    Cita Iniciado por ramonjosegn Ver Mensaje
    Faltaría el marco pero no quería extenderme mucho más.

    Queda para otro tutorial, además que es bastante sencillo de hacer.

    Si tienes cualquier duda me avisas.

    Te cuento que hice este tutorial 3 veces... la primera me falló el navegador... la segunda me cerraron la pestaña en casa si darse cuenta... menos mal a la tercera fue la vencida...

    Quizás la imagen de la izquierda no quedó tan vistosa, pero bueno, no encontré otra imagen en Pixabay en una búsqueda rápida que encajara como yo quería...
    Citar Citar  

  6. #6
    Registro
    14-febrero-2010
    Ubicación
    Bogotá, Colombia
    Edad
    46
    Mensajes
    43.930
    Me alegro que te haya gustado OctavioxD

    Pues Eliop hacer un marco es bastante sencillo, así que posiblemente mañana si encuentro un poco de espacio en mi tiempo, claro que sí, ahí lo tendrás, apenas lleva un par de minutos.
    Citar Citar  

  7. #7
    Registro
    02-febrero-2017
    Ubicación
    Siria
    Mensajes
    2.419
    Gracias buen aporte
    Citar Citar  

  8. #8
    Registro
    12-noviembre-2013
    Ubicación
    Lima, Peru
    Edad
    25
    Mensajes
    615
    Gracias amigo, muy buen tutorial
    Citar Citar  

  9. #9
    Registro
    16-enero-2016
    Ubicación
    ペルー❤️
    Edad
    19
    Mensajes
    3.106
    Excelente colega, buen aporte! +10
    Citar Citar  

  10. #10
    Excelente explicación!
    Citar Citar  

Página 1 de 2 12 ÚltimoÚltimo

Temas similares

  1. Tutorial: Simular texto en una libreta con Adobe Photoshop (nivel medio)
    Hola chicos/as. El compañero wooowmk me preguntaba sobre un tutorial para colocar texto que parezca realista sobre una hoja de una libreta o...
    Respuestas: 20
    Último mensaje: 13-oct-2017
  2. Tutorial: Recorta tus fotos con divertidas siluetas en Photoshop (nivel medio)
    Hola chicos/as. Voy a explicar cómo conseguir crear siluetas de vuestras imágenes con el programa de retoque y diseño Adobe Photoshop de forma...
    Respuestas: 9
    Último mensaje: 05-jun-2016
  3. Tutorial: Mezcla 2 fotos con Adobe Photoshop
    Ahora que ya le hemos puesto el TURBO a Adobe Photoshop y ya habéis RESETEADO las preferencias y tenéis vuestro programa Adobe Photoshop como nuevo...
    Respuestas: 26
    Último mensaje: 12-ago-2015

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •