Home
» Wiki
»
Cómo insertar una foto en una forma en Photoshop
Cómo insertar una foto en una forma en Photoshop
Este tutorial le mostrará cómo insertar una foto en una forma usando Adobe Photoshop . Como verás, es fácil colocar una foto en cualquier tipo de forma, desde un rectángulo o círculo básico hasta una forma personalizada elegante. Este tutorial utilizará una forma personalizada y el artículo le mostrará cómo cargar todas las formas faltantes en Photoshop para selecciones múltiples.
Comience creando un nuevo documento de Photoshop. Si está en la pantalla principal, haga clic en el botón Nuevo archivo .
Haga clic en el botón Nuevo archivo en la pantalla principal de Photoshop
O puede ir al menú Archivo en la barra de menú y seleccionar Nuevo .
Vaya a Archivo > Nuevo.
De cualquier manera, se abrirá el cuadro de diálogo Nuevo documento , donde podrá ingresar las configuraciones necesarias en la columna derecha. El ejemplo creará un documento cuadrado estableciendo el Ancho y la Altura en 2000 píxeles.
Dado que colocaremos una imagen en la forma y las imágenes generalmente se guardan con una resolución más alta, cambie el valor de Resolución a 300 píxeles por pulgada y deje el Contenido de fondo configurado en Blanco .
Configurar un nuevo documento de Photoshop
Luego haga clic en el botón Crear .
Haga clic en el botón Crear para crear un nuevo documento de Photoshop.
Y Photoshop crea un nuevo documento.
Nuevo documento de Photoshop
Paso 2: Abra el panel Formas
La forma más rápida de dibujar formas personalizadas en Photoshop es agregarlas desde el panel Formas. Para abrir este panel, vaya al menú Ventana y seleccione Formas.
Abra el panel Formas desde el menú Ventana
El panel Formas se abre en la columna de subpaneles a la izquierda de los paneles principales. Puede mostrar u ocultar el panel haciendo clic en el icono del panel.
El panel Formas de Photoshop se abre en la columna de subpanel.
Al principio, todo lo que vemos son formas predeterminadas divididas en grupos.
Grupos de formas personalizadas predeterminados de Photoshop
Puede rotar cualquier grupo para revelar las formas dentro de ese grupo haciendo clic en la flecha junto al ícono de carpeta de ese grupo.
Ver formas dentro de un grupo
También puedes arrastrar la parte inferior del panel Formas hacia abajo para expandirlo y ver varias formas a la vez.
Expandir el panel de formas
Paso 3: Cargue las formas faltantes
Para cargar todas las formas faltantes disponibles en Photoshop, haga clic en el icono del menú del panel Formas .
Haga clic en el icono del menú.
Luego, seleccione Formas heredadas y más .
Cargue el grupo Formas heredadas y más.
Aparece un nuevo grupo Formas heredadas y más debajo de los valores predeterminados.
Nuevo grupo Formas Legadas y Más.
Y dentro hay dos grupos más. Formas 2019 contiene cientos de formas nuevas agregadas a Photoshop 2020. Y Todas las formas predeterminadas heredadas contienen formas clásicas de versiones anteriores de Photoshop.
Formas de 2019 y todas las formas predeterminadas heredadas
Paso 4: Elige una forma
Este tutorial utilizará una de las formas clásicas. El ejemplo abrirá el grupo Todas las formas predeterminadas heredadas.
Abra el grupo Todas las formas predeterminadas heredadas
Luego desplácese hacia abajo hasta Naturaleza y haga clic para abrir.
Grupo Naturaleza Abierta
Y dentro de la Naturaleza, utiliza la forma de la mariposa.
Seleccionar imagen de mariposa
Paso 5: Arrastre y suelte la imagen en el lienzo.
Para agregar una forma, simplemente haga clic y arrastre la miniatura de la forma desde el panel Formas y suéltela en el lienzo.
Arrastre una forma desde el panel Formas hasta el lienzo.
Photoshop dibuja la forma cuando suelta el botón del ratón.
Dibujo de Photoshop.
Paso 6: Cambiar el tamaño y centrar la imagen
Antes de cambiar el tamaño de la imagen, vaya a la barra de opciones y asegúrese de que el ícono de enlace esté seleccionado entre los campos Ancho y Alto para que la relación de aspecto de la imagen esté bloqueada.
Asegúrese de que el ancho y la altura estén vinculados entre sí.
Luego, cambie el tamaño de la forma haciendo clic y arrastrando cualquiera de los controladores de transformación. Si mantiene presionada la tecla Alt (Win) / Opción (Mac) en su teclado mientras arrastra, cambiará el tamaño de la forma desde su centro.
Arrastre el controlador para cambiar el tamaño de la forma.
Haga clic y arrastre la forma hasta el centro del lienzo. A medida que te acerques al centro, encajará en su lugar.
Arrastre la forma hacia el centro.
Luego haga clic en la marca de verificación en la barra de opciones para aceptar.
Haga clic en la marca de verificación para aceptar el tamaño y la posición de la forma.
En el panel Capas , la forma aparece en su propia capa. Sabemos que es una capa de forma por el ícono en la esquina inferior derecha de la miniatura.
El panel Capas de Photoshop muestra la nueva capa de forma.
Paso 7: Verifique las opciones de Relleno y Trazo en el panel Propiedades
Con la capa de forma seleccionada, el panel Propiedades brinda acceso a todas las opciones de la forma, incluidos Relleno y Trazo.
Opciones de forma en el panel Propiedades de Photoshop.
De forma predeterminada, Photoshop utiliza el negro como color de relleno, lo cual está bien ya que de todos modos no veremos ese color después de insertar la imagen en la forma.
Pero Photoshop también agrega un trazo negro de 1 píxel alrededor de la forma.
Relleno y trazo predeterminados para formas.
Si lo deseas, puedes añadir un trazo más adelante. Pero por ahora, desactive Trazo haciendo clic en la muestra de color de Trazo:
Haga clic en la muestra de color del trazo
Y haga clic en el icono Sin color en la esquina superior izquierda del panel. Luego, haga clic fuera del panel para cerrarlo o presione Entrar (Win) / Retorno (Mac) en su teclado.
Establezca el trazo en Sin color.
Paso 8: Coloque la imagen en el documento
A continuación, colocaremos nuestra imagen en el documento. Y como queremos que la imagen aparezca en el mismo documento que nuestra forma, utilicemos el comando Colocar incrustado de Photoshop.
Vaya al menú Archivo y seleccione Colocar incrustado .
Seleccione el comando Colocar incrustado en el menú Archivo.
Navegue hasta donde está guardada la imagen en su computadora. En el caso de ejemplo, la imagen se encuentra en una carpeta en el escritorio. Haga clic en la imagen para seleccionarla y luego haga clic en Colocar .
Seleccione la imagen y haga clic en Colocar.
Photoshop agregará la imagen delante de la forma. Si la imagen es más grande que el tamaño del documento, Photoshop la redimensiona para ajustarla. Las imágenes utilizadas son de Adobe Stock.
La imagen se coloca delante de la forma.
Redimensionaremos la imagen después de colocarla en la forma. Ahora haga clic en la marca de verificación en la barra de opciones para aceptar.
Haga clic en la marca de verificación en la barra de opciones.
De vuelta en el panel Capas, la imagen aparece en una nueva capa encima de la capa de forma. Y tenga en cuenta que Photoshop ha convertido la imagen en un objeto inteligente, podemos saberlo por el icono de objeto inteligente en la esquina inferior derecha de la miniatura. Esto significa que no importa cuántas veces cambiemos el tamaño de la imagen, la calidad de la imagen permanece inalterada.
Photoshop establece la imagen como un objeto inteligente.
Paso 9: Crear máscara de recorte
Actualmente, la imagen se encuentra delante de la forma. Para colocar una imagen en una forma, haga clic en el ícono de menú del panel Capas.
Haga clic en el icono del menú del panel Capas.
Luego seleccione Crear máscara de recorte .
Seleccione el comando Crear máscara de recorte.
Una máscara de recorte recortará la imagen a la forma subyacente, lo que significa que la única parte de la imagen que permanece visible es el área inmediatamente encima o delante de la forma. Cualquier parte de la imagen que quede fuera de la forma queda oculta a la vista, creando la ilusión de que la imagen está realmente dentro de la forma.
Resultado después de insertar la imagen en la forma.
De vuelta en el panel Capas, observe que la capa de imagen ahora está sangrada hacia la derecha, con una pequeña flecha que apunta hacia abajo, a la capa de forma que se encuentra debajo. Esta es la forma que tiene Photoshop de decirnos que hemos creado una máscara de recorte.
El panel Capas muestra la máscara de recorte.
Paso 10: Cambia el tamaño y la posición de la imagen usando Transformación libre
Para cambiar el tamaño y reposicionar la imagen dentro de la forma, vaya al menú Editar y seleccione Transformación libre .
Resultado después de cortar la imagen en forma.
En la barra de opciones, asegúrese de que el ícono de enlace esté seleccionado entre los campos Ancho y Alto.
Asegúrese de que el icono de enlace esté seleccionado.
Luego cambie el tamaño de la imagen arrastrando cualquiera de los controladores de transformación. Puede mantener presionada la tecla Alt (Win) / Opción (Mac) en su teclado mientras arrastra el controlador para cambiar el tamaño de la imagen desde su centro.
Cambiar el tamaño de la imagen dentro de la forma.
Luego arrastre la imagen para posicionar el objeto dentro de la forma. Es posible que tengas que alternar entre cambiar el tamaño y la posición de la imagen hasta que quede bien.
Coloque la imagen dentro de la forma.
Cuando haya terminado, haga clic en la marca de verificación en la barra de opciones.
Haga clic en la marca de verificación en la barra de opciones.
Cómo cambiar el color de fondo
En este punto, hemos colocado la imagen en la forma y el efecto principal está completo. Así que hay algunas cosas que podemos hacer a continuación. Puede agregar un trazo alrededor de la forma, cambiar el color de fondo detrás de la forma o eliminar el fondo por completo.
El artículo comenzará mostrándole cómo cambiar el color de fondo. Y la forma más fácil de hacerlo es utilizar una capa de relleno de color sólido.
Paso 1: Agregar una capa de relleno de color sólido
Queremos que la capa de relleno de color sólido aparezca justo encima de la capa de fondo. Entonces, en el panel Capas, haga clic en la capa Fondo para seleccionarla.
Seleccione la capa Fondo en el panel Capas.
Luego, haga clic en el ícono Nueva capa de relleno o ajuste en la parte inferior del panel Capas :
Haga clic en el icono Nueva capa de relleno o de ajuste.
Y seleccione Color sólido en la parte superior de la lista.
Añade una capa de relleno de color sólido.
Paso 2: Elige un nuevo color de fondo
Photoshop abre el Selector de color para que podamos elegir un nuevo color para el fondo. El color predeterminado es el negro, que definitivamente resalta los detalles de la forma. Pero en este caso, como color de fondo para una mariposa, es demasiado oscuro.
Efecto con negro como color de fondo.
Puede elegir otro color desde el Selector de color. Pero también puedes tomar muestras de colores directamente de la imagen dentro de la forma. Simplemente mueva el cursor del mouse sobre la imagen y el cursor se transformará en un cuentagotas. Luego haga clic en el color que desea muestrear.
Por ejemplo, tomará una muestra de un tono de piel claro de la frente de la niña y se convertirá instantáneamente en el nuevo color de fondo.
Muestra un nuevo color de fondo de la imagen dentro de la forma.
Cuando encuentre un color que le guste, haga clic en Aceptar para cerrar el Selector de color. Y volviendo al panel Capas, vemos que se ha agregado una capa de relleno de color sólido entre la capa de Fondo y la capa de Forma de arriba.
El panel Capas de Photoshop muestra la nueva capa de relleno de color sólido.
Cómo agregar trazos alrededor de las formas
Otra forma de mejorar el efecto es agregar trazos alrededor de la forma.
Paso 1: Seleccione la capa de forma
Primero, en el panel Capas , haga clic en la capa de forma para seleccionarla.
Seleccione la capa de forma en el panel Capas.
Paso 2: Agregar efecto de capa de trazo
Aunque puedes agregar trazos desde el panel Propiedades , muchas personas aún prefieren la forma antigua de agregarlos usando efectos de capa. Entonces, con la capa de forma seleccionada, haga clic en el ícono fx en la parte inferior del panel Capas :
Haga clic en el icono de efectos de capa en el panel Capas de Photoshop.
Y seleccione Trazo .
Añadir efecto de capa de trazo.
Photoshop abre el cuadro de diálogo Estilo de capa con opciones de Trazo en la columna central. Para cambiar el color del trazo, haga clic en la muestra de color.
Haga clic en la muestra de color en el cuadro de diálogo Estilo de capa de Photoshop.
Luego, seleccione un nuevo color en el Selector de color. El ejemplo seleccionará el blanco estableciendo los valores R, G y B en 255. Haga clic en Aceptar cuando haya terminado para cerrar el Selector de color.
Seleccione el color blanco para el trazo en el Selector de color.
De regreso al cuadro de diálogo Estilo de capa , configure la Posición en Exterior para que el trazo aparezca alrededor del exterior de la forma. Luego, aumente el valor de Tamaño para ajustar el grosor del trazo. Para la imagen de ejemplo, un tamaño de alrededor de 18 px es adecuado.
Establezca la posición y el tamaño del trazo en el cuadro de diálogo Estilo de capa.
Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa . Y aquí está el resultado con el trazo alrededor de la forma en el ejemplo.
Resultado con trazo blanco agregado alrededor de la forma.
Si decide que no le gusta el trazo, puede desactivarlo en el panel Capas haciendo clic en el ícono de visibilidad junto a la palabra Trazo .
Haga clic en el icono de visibilidad para el efecto de capa de trazo.