Welcome to Our Website

Cómo Recortar Imágenes en una Forma de Círculo con Photoshop

Cansado de recortar tus fotos como rectángulos y cuadrados? Aprenda lo fácil que es recortar imágenes como círculos con Photoshop, y cómo guardar el círculo con un fondo transparente para que la imagen se vea muy bien en un diseño o en la web! Un tutorial paso a paso para Photoshop CC 2021 y versiones anteriores.

escrito por Steve Patterson.

al recortar imágenes en Photoshop, generalmente pensamos en rectángulo o cuadrados. Esto se debe a que la herramienta Recortar en Photoshop no tiene otras opciones., Pero, ¿quién dice que necesitamos usar la herramienta Recortar? Photoshop hace que sea igual de fácil recortar imágenes utilizando herramientas de selección. Y para recortar una imagen en un círculo, la herramienta de marquesina elíptica es todo lo que necesitamos.

en este tutorial, te muestro cómo recortar imágenes como círculos, y cómo guardar el círculo con un fondo transparente para que puedas colocarlo en cualquier diseño o subirlo a la web.

estoy usando Photoshop 2021, pero puede seguir junto con cualquier versión reciente.,

así es como se verá la imagen recortada en un círculo cuando hayamos terminado, completa con esquinas transparentes para que funcione en cualquier fondo:

el resultado final.

¡comencemos!

cómo recortar una imagen en forma de círculo

Paso 1: Abra su imagen

comience abriendo su imagen en Photoshop. Usaré esta imagen de Adobe Stock:

la imagen original. Crédito de la foto: Adobe Stock.,

Relacionado: Cómo conseguir que tus imágenes en Photoshop

Paso 2: Desbloquear la capa de Fondo

En el panel Capas, la imagen aparece en la capa de Fondo:

Photoshop del panel Capas.

antes de recortar la imagen a un círculo, la capa de fondo debe convertirse en una capa normal. Esto se debe a que las áreas alrededor del círculo deberán ser transparentes, y las capas de fondo no admiten transparencia.

para convertir la capa de fondo a una capa normal, simplemente haga clic en su icono de candado., Si está utilizando una versión anterior de Photoshop y hacer clic en el icono de candado no funciona, mantenga presionada la tecla Alt (Win) / Option (Mac) en su teclado y haga doble clic en la capa de fondo:

haciendo clic en el icono de candado.

Photoshop cambia el nombre de la capa de fondo a «capa 0» y estamos listos para recortar la imagen en un círculo:

la capa de fondo ahora es una capa normal.

Paso 3: Seleccione la herramienta Marco elíptico

seleccione la herramienta Marco elíptico de la barra de herramientas., De forma predeterminada, la herramienta Marco elíptico se oculta detrás de la herramienta marco Rectangular. Por lo tanto, deberá hacer clic con el botón derecho (Win) / Control-clic (Mac) en la herramienta marco Rectangular y luego elegir la herramienta Marco elíptico en el menú:

seleccionando la herramienta Marco elíptico.

Paso 4: dibuja un contorno de selección circular

haz clic en tu imagen y comienza a arrastrar un contorno de selección elíptica. Para forzar el contorno de selección en un círculo perfecto, mantenga pulsada la tecla Mayús del teclado mientras arrastra.,

no se preocupe por obtener la ubicación del círculo dentro de la imagen exactamente correcta. Lo moveremos a su posición en el siguiente paso. Por ahora, solo asegúrese de que el círculo sea lo suficientemente grande como para rodear el área que desea mantener.

Cuando haya terminado, suelte el botón del ratón y luego suelte la tecla Mayús. Asegúrese de soltar el botón del ratón primero, y luego la tecla Mayús, o el contorno de selección se ajustará de nuevo a una forma elíptica de forma libre:

mantenga presionada la tecla Mayús y arrastre un contorno de selección circular.,

Paso 5: reposicionar el contorno de selección

para reposicionar el contorno de selección alrededor de su tema, haga clic dentro del contorno y arrástrelo en su lugar. Aquí lo muevo para centrar la cara de la mujer dentro del círculo. Esta es la zona que quiero conservar. El resto de la imagen fuera del círculo se recortará.

tenga en cuenta que en la captura de pantalla siguiente, la línea magenta que se ejecuta de arriba a abajo a través de la imagen es solo una de las guías inteligentes de Photoshop, que me dice que el contorno de selección ahora está centrado verticalmente en el documento., Las guías inteligentes desaparecen cuando sueltas el botón del ratón:

haga clic y arrastre el contorno de selección circular en su lugar.

Paso 6: invertir la selección

el único problema es que hemos seleccionado el área dentro del círculo, cuando lo que realmente necesitamos es seleccionar todo lo que está fuera del círculo, ya que esa es el área que queremos recortar.

para solucionar esto, invierta la selección subiendo al menú Select en la barra de menús y eligiendo Inverse:

yendo a Select > Inverse.,

Paso 7: elimine la imagen fuera del círculo

luego, con la selección invertida, elimine el área alrededor del círculo presionando la tecla Retroceso (Win) / eliminar (Mac) en su teclado. El área eliminada se reemplaza con un patrón de tablero de ajedrez que es cómo Photoshop representa la transparencia.,

si el área eliminada se vuelve blanca en lugar de transparente, o Photoshop abre el cuadro de diálogo de relleno, lo más probable es que haya olvidado desbloquear la capa de fondo en El Paso 1:

pulse retroceso (Win) / eliminar (Mac) para eliminar la imagen alrededor del círculo.

ya no necesitamos nuestro esquema de selección, así que elimínelo subiendo al menú seleccionar y eligiendo Deseleccionar:

yendo a seleccionar > Deseleccionar.,

Paso 8: recortar las áreas transparentes

para recortar la imagen alrededor del círculo y recortar las áreas transparentes, vaya al menú Imagen y elija Trim:

yendo a Image > Trim.

luego, en el cuadro de diálogo recortar, elija píxeles transparentes en la parte superior y asegúrese de que la parte superior, inferior, izquierda y derecha estén seleccionadas en la parte inferior:

las opciones de recorte.,

Haga clic en Aceptar para cerrar el cuadro de diálogo recortar y Photoshop recorta instantáneamente las áreas transparentes circundantes, dejándonos con nuestra imagen recortada como un círculo.

dado que las esquinas son transparentes, cualquier fondo sobre el que coloquemos la imagen se mostrará a través de las esquinas mientras la imagen en el círculo permanece visible:

la imagen ahora se recorta a un círculo.

Paso 9: guarde la imagen como un archivo PNG

para mantener esas esquinas transparentes, necesitamos guardar la imagen en un formato de archivo que admita la transparencia. El formato JPEG no, pero PNG sí., Y PNG es ampliamente compatible con los navegadores web, por lo que es una gran opción.

Para guardar la imagen como un archivo PNG, vaya hasta el menú Archivo y seleccione Guardar Como:

Ir a Archivo > Guardar Como.

en las versiones más recientes de Photoshop, se le preguntará si desea guardar el archivo en su computadora o como un documento en la nube. Elija Guardar en su computadora:

eligiendo la opción «Guardar en su computadora».

luego, en el cuadro de diálogo Guardar como, establezca la opción Formato en PNG., Asigne un nombre a su archivo, elija dónde desea guardarlo y, a continuación, haga clic en Guardar:

guardar la imagen recortada como un archivo PNG.

finalmente, en las opciones de formato PNG, elija el tamaño de archivo más pequeño y luego haga clic en Aceptar para guardar la imagen:

guardar el archivo PNG en el tamaño más pequeño.

y ahí lo tenemos! Así es como recortar una imagen en un círculo en Photoshop!

y eso nos lleva al final de nuestra serie sobre recortar imágenes en Photoshop! Si te perdiste alguna de las lecciones anteriores en este capítulo, échales un vistazo a continuación:

  • 01., Cómo recortar imágenes en Photoshop CC
  • 02. Cómo rotar y enderezar imágenes
  • 03. Cómo aumentar el tamaño del lienzo con la herramienta Recortar
  • 04. Herramienta de recorte consejos y trucos
  • 05. Usando la herramienta Recortar perspectiva
  • 06. Recorte y cambie el tamaño de las fotos para que coincidan con los tamaños de Marco
  • 07. Cómo usar el cultivo con contenido
  • 08. Cómo recortar fotos en un círculo

para más temas, visite nuestra sección de Fundamentos de Photoshop!

obtener todos nuestros tutoriales de Photoshop como PDF! Descarga hoy!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *