Colocar una imagen dentro de otra con Photoshop CS6

Escrito por Steve Patterson.

En este tutorial, aprenderemos cómo colocar una imagen dentro de otra para crear efectos compuestos interesantes usando el simple pero poderoso de Photoshop. Pegar en dominio. Con Pegar en, podemos seleccionar un área en una imagen, luego copiar y pegar una segunda imagen directamente en nuestra selección. Para este tutorial, usaré Pegar en para colocar una foto dentro de un marco de imagen, pero como con todos nuestros tutoriales de Photoshop, el objetivo aquí no es solo cómo crear este efecto específico. Una vez que haya aprendido cómo funciona el comando Pegar en, sin duda descubrirá muchos otros usos creativos para él por su cuenta.



estaré usando Photoshop cs6 aquí pero este tutorial también es totalmente compatible con ambos photoshop cs5 y PhotoshopCC (Nube creativa). Para CS4 y versiones anteriores, o para ver otro ejemplo de cómo se puede usar Pegar en, querrá consultar nuestro original Colocar una imagen dentro de otra tutorial.

Para crear este efecto, necesitarás dos imágenes. Aquí está mi primera (la imagen que contiene el marco) ( foto de marco de otoño de Shutterstock):





  Imagen 85250287 con licencia de Shutterstock La primera imagen.

Aquí está mi segunda imagen (la foto que estaré colocando dentro del marco) ( pareja en otoño park photo de Shutterstock):

  Imagen 159680129 con licencia de Shutterstock La segunda imagen.

Y así es como se verá el compuesto final:



  Colocar una foto dentro de un marco con Photoshop. El efecto final.

Cómo colocar una imagen dentro de otra

Paso 1: seleccione el área donde desea que aparezca la segunda imagen

Comience con la imagen en la que colocará la segunda imagen y dibuje una selección alrededor del área donde debería aparecer la segunda imagen. El actual herramienta de selección que necesite dependerá de la forma del área. En mi caso, estoy comenzando con la imagen del marco y quiero colocar mi segunda imagen en el marco. El marco tiene una forma rectangular simple, por lo que podría pensar que la herramienta Marco rectangular funcionaría. Sin embargo, el marco también está inclinado en ángulo, por lo que una mejor opción aquí sería la de Photoshop. Herramienta Lazo poligonal .

De forma predeterminada, la herramienta Lazo poligonal está anidada detrás del estándar. Herramienta Lazo en el panel Herramientas. Para acceder a él, voy a haz clic y mantén presionado en el ícono de Lazo Tool hasta que aparezca un menú desplegable que me muestra las otras herramientas que se esconden detrás de él. Entonces elegiré el Herramienta Lazo poligonal del menú:



  Selección de la herramienta Lazo poligonal en Photoshop. Haciendo clic y manteniendo presionada la Herramienta Lazo, luego seleccionando la Herramienta Lazo Poligonal.

Vea todos nuestros tutoriales de la herramienta de selección de Photoshop

los Herramienta Lazo poligonal nos permite dibujar selecciones poligonales de lados rectos simplemente haciendo clic en los puntos donde la dirección del contorno de la selección debe cambiar. Cada vez que hacemos clic en un nuevo punto, Photoshop agrega una línea recta entre el nuevo punto y el punto anterior, y continuamos haciendo clic alrededor del área que estamos seleccionando, agregando un nuevo segmento de línea con cada clic, hasta que hayamos hecho nuestro camino de vuelta al principio. Para completar la selección, solo tenemos que volver a hacer clic en el punto inicial.

Seleccionar el área dentro del marco de la imagen con la herramienta Lazo poligonal es fácil. Todo lo que tengo que hacer es hacer clic en cada una de las cuatro esquinas. Comenzaré haciendo clic en la esquina superior izquierda, luego me moveré a la esquina superior derecha y haré clic, bajaré a la esquina inferior derecha y haré clic, y luego volveré a la esquina inferior izquierda y haré clic. No verá el esquema de selección tradicional de 'hormigas en marcha' mientras realiza una selección con la herramienta Lazo poligonal. En su lugar, verá un contorno de ruta delgada que une los puntos:



  Seleccionar el área de la foto del marco con la herramienta Lazo poligonal. Haciendo clic en las esquinas para seleccionar el área de la foto del marco.

Para completar la selección, haré clic una vez más en el punto inicial en la esquina superior izquierda, y ahora se selecciona el área dentro del marco, con el contorno de selección estándar de 'hormigas en marcha' ahora visible:

  El interior del marco de la imagen ahora está seleccionado. Haga clic nuevamente en el punto inicial para completar la selección.

Paso 2: seleccione y copie la segunda imagen

Cambie a su segunda imagen (la que colocará dentro de la selección) ya sea abriéndola si aún no está abierta o haciendo clic en su pestaña en la parte superior del documento:

  Cambiar entre imágenes en Photoshop haciendo clic en las pestañas del documento. Cambiando a la segunda imagen haciendo clic en su pestaña de documento.

Trabajar con documentos con pestañas y flotantes en Photoshop



Necesitamos copiar esta imagen al portapapeles para luego pegarla en la selección que hicimos en la imagen anterior. Para copiarlo, primero tenemos que seleccionarlo, así que sube a la Seleccione en la barra de menús en la parte superior de la pantalla y elija Todos . O presione Ctrl+A (Victoria) / Comando+A (Mac) en su teclado:

  Elegir el comando Seleccionar todo de la barra de menú. Yendo a Seleccionar > Todo.

Aparecerá un contorno de selección alrededor de los bordes de la imagen, que le permitirá saber que ahora está seleccionada:



  Se selecciona la segunda imagen. Se selecciona la segunda imagen.

Con la imagen seleccionada, sube a la Editar menú en la parte superior de la pantalla y elija Copiar , o presione Ctrl + C (Victoria) / Comando+C (Mac) en su teclado:

  Seleccionando el comando Copiar del menú Editar. Yendo a Editar > Copiar.

Paso 3: Pegue la segunda imagen en la selección

Vuelva a la primera imagen haciendo clic en su pestaña en la parte superior del documento:



  Al hacer clic en la pestaña para ver la primera imagen de nuevo. Al hacer clic en la pestaña para ver la primera imagen de nuevo.

La selección que creamos hace un momento seguirá siendo visible. Para pegar la segunda imagen en la selección, suba a la Editar menú en la parte superior de la pantalla, elija Pegado especial , entonces escoge Pegar en :

  Seleccionando Pegar en del submenú Pegado especial en el menú Editar. Ir a Edición > Pegado especial > Pegar en.

Y así, la imagen aparece dentro de la selección. En mi caso, la imagen obviamente es demasiado grande para el marco, pero veremos cómo solucionarlo en un momento:

  El efecto después de pegar la segunda imagen en la selección. El efecto después de pegar la segunda imagen en la selección.

Sin embargo, antes de continuar, echemos un vistazo rápido a la Panel de capas para que podamos ver lo que ha pasado. Observe que ahora tenemos dos capas. La imagen original está sentada en el capa de fondo en la parte inferior, y tan pronto como elegimos el comando Pegar en, Photoshop agregó una nueva capa encima y colocó la segunda imagen en esta nueva capa:

  El panel Capas que muestra la segunda imagen en su propia capa. El panel Capas que muestra la segunda imagen en su propia capa.

¿Por qué la segunda imagen es visible solo dentro del área que seleccionamos? Es porque Photoshop usó nuestra selección para crear un máscara de capa para la segunda imagen. Podemos ver la máscara en el miniatura de máscara de capa . El área blanca representa el área donde la imagen es visible en el documento, mientras que el área negra que la rodea es donde la imagen está oculta a la vista:

  La miniatura de la máscara de capa en el panel Capas. Photoshop convirtió nuestra selección en una máscara de capa para controlar la visibilidad de la segunda imagen.

Comprender las máscaras de capa en Photoshop

Paso 4: cambia el tamaño y la posición de la segunda imagen con transformación libre

Si su imagen es demasiado grande para el área seleccionada y necesita cambiar su tamaño (como lo hago yo), suba a la Editar menú en la parte superior de la pantalla y elija Transformación libre . O presione Control+T (Victoria) / Comando+T (Mac) en su teclado para seleccionar Transformación libre con el atajo:

  Seleccionando Transformación libre en el menú Editar. Yendo a Edición > Transformación libre.

Esto coloca el cuadro de Transformación libre y los controladores (los pequeños cuadrados) alrededor de la imagen. Tenga en cuenta que el cuadro Transformación libre aparece alrededor de las dimensiones reales de la imagen, no solo de la parte visible. Si no puede ver todo el cuadro de Transformación libre porque su imagen es tan grande que se extiende fuera de la pantalla, suba a la Vista menú en la parte superior de la pantalla y elija Ajustar en pantalla :

  Seleccionando Ajustar a la pantalla en el menú Ver. Ir a Ver > Ajustar en pantalla.

Esto alejará instantáneamente la imagen para que todo, incluido el cuadro Transformación libre, quepa en su pantalla:

  Todo el cuadro de Transformación libre ahora está visible en la pantalla. El cuadro Transformación libre rodea la imagen real, no solo la pequeña área visible.

Para cambiar el tamaño de la imagen, mantenga presionada la tecla Cambio en su teclado, luego haga clic y arrastre cualquiera de los cuatro esquinas del cuadro Transformación libre. Si mantiene presionada la tecla Mayús mientras arrastra, se bloquea la relación de aspecto original de la imagen a medida que cambia el tamaño para no distorsionar accidentalmente su forma. Aquí, estoy arrastrando la esquina inferior derecha hacia adentro, pero cualquiera de las esquinas funcionará. Asegúrese (¡muy importante!) de que cuando termine de arrastrar la esquina, suelte la tecla del mouse primero, después suelte la tecla Shift . Si suelta la tecla Shift antes de soltar la tecla del mouse, perderá la relación de aspecto original de la imagen:

  Todo el cuadro de Transformación libre ahora está visible en la pantalla. Arrastrar una de las manijas de las esquinas hacia adentro mientras presiona y mantiene presionada la tecla Mayús.

Para mover y reposicionar la imagen dentro del área seleccionada, simplemente haga clic y arrastre en cualquier lugar dentro del cuadro Transformación libre. No es necesario mantener presionada la tecla Shift esta vez. Simplemente no haga clic en ese pequeño símbolo de objetivo en el centro, de lo contrario, moverá el objetivo, no la imagen:

  Reposicionando la imagen dentro del marco con Free Transform. Hacer clic y arrastrar dentro del cuadro Transformación libre para cambiar la posición de la imagen dentro del marco.

Si también necesita rotar su imagen, mueva el cursor del mouse fuera del cuadro Transformación libre. Cuando vea que el cursor cambia a un flecha curva de doble cara , haga clic y arrastre con el mouse. Aquí, estoy girando la imagen en sentido contrario a las agujas del reloj para que coincida mejor con el ángulo del marco:

  Haga clic y arrastre fuera del cuadro Transformación libre para rotar la imagen. Hacer clic y arrastrar fuera del cuadro Transformación libre para rotar la imagen.

Cuando esté satisfecho con el aspecto de la imagen, pulse Ingresar (Victoria) / Devolver (Mac) en su teclado para aceptarlo y salir del modo Transformación libre:

  La segunda imagen se ha movido, redimensionado y girado dentro del marco. La segunda imagen se ha movido, redimensionado y girado dentro del marco.

Paso 5: agregue un efecto de capa de sombra interna

Para finalizar el efecto, agregaré una sombra interna a los bordes de la foto para que se vea más como si estuviera dentro del marco en lugar de como si alguien la hubiera pegado allí (que, por supuesto, es exactamente lo que hice). ). Para agregar la sombra interior, haré clic en el Estilos de capa icono en la parte inferior del panel Capas:

  Haciendo clic en el icono Estilos de capa. Haciendo clic en el icono Estilos de capa.

Entonces elegiré Sombra interior de la lista que aparece:

  Elegir un estilo de capa de sombra interior. Eligiendo Inner Shadow de la lista.

Esto abre el cuadro de diálogo Estilo de capa de Photoshop configurado con las opciones de Sombra interior en la columna central. voy a bajar el Opacidad de la sombra desde su valor predeterminado de 75% hasta 40% por lo que parece menos intenso. configuraré el Ángulo a 135° por lo que la luz parece estar brillando desde la parte superior izquierda, aunque es posible que desee un ángulo diferente para su imagen. Finalmente, estableceré tanto el Tamaño y Distancia valores a 10 píxeles . La opción Tamaño controla qué tan lejos se extiende la sombra desde el borde, mientras que el valor Distancia controla la suavidad del borde o el calado. Los valores que necesitas dependerán mucho del tamaño de tu imagen por lo que quizás quieras experimentar un poco con estas dos opciones:

  Las opciones de Sombra interior en el cuadro de diálogo Estilo de capa. Las opciones de Sombra Interior.

Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Y con eso, ¡hemos terminado! Aquí, después de agregar un efecto de capa de Sombra interior, está mi resultado final:

  Colocar una foto dentro de un marco con Photoshop. El efecto final.

Dónde ir después...