Cómo recortar en Illustrator

Cómo recortar en Illustrator
Rick Davis

En este artículo se explican las distintas opciones de recorte de Illustrator, así como la diferencia entre recortar una imagen rasterizada (basada en píxeles) y un gráfico vectorial.

Recortar en Adobe Illustrator parece ser un tema un poco confuso.

No nos sorprende, ya que los usuarios veteranos de Adobe saben que la función de recorte se añadió recientemente al tostador de funciones de Adobe Illustrator.

Cuando trabajaban con gráficos rasterizados, los diseñadores alternaban entre Adobe Illustrator y Photoshop para recortar las imágenes, pero ya no.

En este artículo se explican las distintas opciones de recorte de Illustrator, así como la diferencia entre recortar una imagen rasterizada (basada en píxeles) y una imagen vectorial.

Y, por último, mostraremos cómo otras aplicaciones de software de diseño, como Vectornator, se comparan con Adobe Illustrator a la hora de proporcionar un flujo de trabajo de recorte agradable. ¿Te sientes confuso o crees que podrías haber descubierto cómo recortar sin tener que leer todo un manual de software al respecto? Vamos a descubrirlo en este tutorial paso a paso, ¿te parece?

Ver también: Formas creativas de utilizar la tendencia del diseño lineal

Fuente de la imagen: design.tutsplus.com

Entender lo que se quiere conseguir

Al recortar, el objetivo principal es eliminar áreas no deseadas de una imagen. Normalmente, querrás recortar para mejorar el encuadre, aislar el tema de su fondo, ajustar gráficos y texturas a formas específicas o cambiar la relación de aspecto del archivo original. Por nombrar algunas de las razones más comunes para querer recortar una imagen.

Hay un par de maneras de evitarlo. ¿Quieres recortar una imagen rasterizada o una imagen vectorial? ¿Quieres mostrar una parte de la imagen sin recortar nada (recorte no destructivo) o eliminar para siempre las partes recortadas (recorte destructivo)?

Puedes utilizar varios métodos en función de tus necesidades. A continuación te explicamos todas las funciones de recorte de imágenes.

Diferencia entre recortar una imagen rasterizada y una forma vectorial

Vale, una última cosa antes de ir al grano. Recortar una imagen rasterizada no es el mismo proceso que recortar una forma vectorial. ¿Recuerdas el combo Photoshop / Illustrator que mencionamos antes: usar Photoshop para recortar imágenes rasterizadas e Illustrator para recortar imágenes basadas en vectores? Bastante poco práctico si nos preguntas. Pero desde Creative Cloud, Illustrator ofrece una sencilla herramienta de recorte para recortar imágenes rasterizadas.

Hay que recordar que los vectores ofrecen mucha más libertad a la hora de recortarlos, ya que siguen siendo editables. En cambio, las imágenes rasterizadas se recortan en una nueva forma que no puede modificarse a menos que se recorten de nuevo.

Las múltiples formas de recortar una imagen

Recortar una imagen en Illustrator CC con el botón Recortar

Como sugiere el título, esta es la opción de recorte más sencilla para una imagen en Adobe Illustrator CC. Pero esta opción de recorte sólo está disponible para los usuarios de Illustrator CC.

Seleccione su imagen con la Herramienta de selección. A continuación, haga clic en el botón Recortar imagen -comparable a un botón de máscara- de la barra de herramientas superior. Arrastre las esquinas/anclajes de la forma rectangular del cuadro delimitador para recortar su imagen exactamente como desee (siempre que desee recortar sólo un rectángulo).

⚠️ Advertencia - este método es destructivo, lo que significa que el contenido recortado se perderá para siempre.

La opción Recortar imagen no tiene un atajo de teclado, pero puede crear uno usted mismo. Puede recortar tanto imágenes vinculadas como imágenes incrustadas utilizando este método. Para incrustar un archivo de imagen en Adobe Illustrator, debe hacer clic con el botón derecho sobre él y, a continuación, pulsar Insertar .

No es tan fácil como su nombre indica. Si quieres recortar un vector con una forma sencilla, también puedes utilizar su herramienta Recortar vectores, que está oculta en el panel de control de Pathfinder.

En primer lugar, cree su forma utilizando la herramienta Rectángulo o Elipse. Seleccione ambos objetos mientras se asegura de que el objeto que desea recortar está debajo. A continuación, vaya a Ventana -> Pathfinder y haga clic en Cultivos Las partes fuera de la forma serán recortadas destructivamente.

Es similar a una máscara de recorte (que explicaremos más adelante). La única diferencia es que este método recorta destructivamente, mientras que una máscara no lo hará. Por eso recomendamos usar máscaras en todas tus aventuras de recorte.

Ver también: Cómo hacer tu propio diseño de pegatina

Recortar en Adobe Illustrator con una máscara de recorte

A la hora de recortar, las máscaras serán tus mejores aliadas, por lo que merece la pena prestar especial atención a este punto.

El mejor aspecto de una máscara de recorte es que tus imágenes se pueden recortar en cualquier forma personalizada que desees. Así es: cualquier cosa, desde círculos, diamantes, hexágonos o la forma de un logotipo. Una máscara de recorte puede adoptar cualquier forma.

Las máscaras de recorte son no destructivo y no elimina el área no deseada en una imagen recortada, sino que oculta esa parte de la imagen. Si su recorte necesita un ajuste, mueva la imagen por debajo de la máscara de recorte.

En primer lugar, debe crear la forma que desea utilizar como forma de recorte. Esto también se conoce como ruta de recorte. Si ya tiene la forma, añádala al lienzo encima del objeto que desea recortar.

Ahora es el momento de hacer la máscara de recorte. Para ello, asegúrate de que ambas imágenes están seleccionadas.

A continuación, haga clic en Objeto> Máscara de recorte> Hacer en la barra de menús. Boom! Ahora usted puede ver su imagen recortada.

Tenga en cuenta que el orden jerárquico de los objetos es importante. El objeto situado en la parte superior se convertirá en la ruta de recorte del objeto situado debajo.

Recortar en Adobe Illustrator con máscaras de opacidad

Se puede conseguir un resultado similar con las Máscaras de Opacidad.

En primer lugar, dibuje la forma que desea recortar en la imagen (o importe una forma preexistente al lienzo) y píntela de blanco o negro. Con las máscaras de opacidad, el blanco significa que la imagen será opaca en esa zona. El negro significa que la parte de la imagen será completamente transparente. Los grises indican un fundido de opaco a transparente o un degradado.

Para este ejemplo, utilizaremos blanco puro para que el objeto se pueda recortar fácilmente. Seleccione tanto la imagen como la forma. Para crear la máscara de opacidad, vaya a Ventana -> Transparencia Aparecerá un nuevo panel. A continuación, haga clic en Hacer máscara pero asegúrese de que Clip está activada.

Recorte rápido y sucio con mesas de trabajo

También puede utilizar la alternativa rápida y sucia Illustrator Artboard para recortar una imagen en Illustrator. Esto sólo funcionará con los cultivos rectangulares, por supuesto. Pero es no destructiva. Su gráfico sigue siendo más o menos todo en la página, justo fuera de los bordes de la Artboard.

El método es sencillo. Haz clic en el icono de la mesa de trabajo y cambia su forma por la del área que quieras recortar. A continuación, ¡exporta el archivo! Ve a Archivo -> Exportar como y, en el cuadro de diálogo, marca Usar mesa de trabajo para la exportación ¡Listo!

Consejo profesional - si desea conservar su fondo transparente exporte siempre su imagen en el formato PNG El formato JPEG no admite la transparencia.

Mantener la relación de aspecto al recortar

Supongamos que desea recortar una imagen para centrar la atención en un objeto concreto, pero quiere mantener la misma relación de aspecto que la imagen original, una tarea frecuente en el diseño gráfico, especialmente para fines de marketing digital.

El proceso es mucho más sencillo de lo que podría parecer en un principio. Crea una forma que cubra todo el tamaño de tu imagen utilizando la función Herramienta Rectángulo A continuación, cambie su tamaño manteniendo pulsada la tecla Esto garantizará que se mantenga la relación de aspecto. Eso es todo.

Mueva la forma a la posición deseada y aplíquele una máscara de recorte.

Vectornator vs. Illustrator

Vectornator es, al igual que Illustrator, un software basado en vectores. Existen dos opciones rápidas y sencillas para recortar una imagen en Vectornator:

  1. En Herramienta de recorte ic-crop-toolic-crop-tool (óptimo para recortar cuadrados o formas rectangulares). Las Manijas de Recorte le darán un control completo y fácil del recorte de la imagen resultante.
  2. En Máscara de recorte ic-maskic-mask (óptima para recortar formas irregulares, no cuadradas o no rectangulares). La técnica Operación de máscara de recorte en Vectornator le ofrece opciones ilimitadas para recortar su imagen. Le daremos la libertad de recortar su imagen en cualquier forma que desee con Vectornator.

Cada técnica requiere sólo unos pocos pasos y es muy fácil de realizar, incluso para usuarios inexpertos.

En cuanto a la navegación y la interfaz de usuario, Vectornator e Illustrator son muy diferentes. Adobe es conocido por sus muchas funciones "ocultas" y por el hecho de que es necesario ser un usuario avanzado para utilizarlo correctamente. Incluso como usuario de nivel medio, es posible que te encuentres buscando en Google respuestas sobre cómo utilizar el software cuando tu mente debería estar centrada en el diseño.

Algo tiene que cambiar cuando una herramienta de diseño necesita tantos pasos, atajos y funciones ocultas para ser funcional a un nivel básico. Los diseñadores de hoy en día no quieren ser molestados por eso, y no deberían.

Vectornator posee un sencillo y interfaz intuitiva No hay menús ocultos o desorden innecesario. Incluso un principiante será capaz de navegar por la interfaz rápidamente. La aplicación tiene una curva de aprendizaje muy plana. Nuestro objetivo en el diseño del software era hacer que sea fácilmente accesible para principiantes pero con la capacidad de actuar profesionalmente.

Puede recortar una imagen rasterizada en Vectornator utilizando la función Herramienta de recorte ic-crop-toolic-crop-tool o Función máscara ic-maskic-mask El uso de estas dos técnicas tiene varias ventajas:

La técnica de la herramienta de recorte

  1. Una operación que puede revertirse fácilmente realizando la operación Deshacer ic-undoic-undo operación
  2. En Asas de recorte le dará un control completo y sencillo del corte de la imagen resultante.
  3. Si pulsa dos veces sobre la imagen ya recortada, se mostrará la imagen original completa, y el botón corte de imagen reajustable cómodamente con el Asas de recorte .

La técnica de la máscara de recorte

  1. Es no destructiva.
  2. Todavía puedes desplazar el original una vez realizada la operación de enmascaramiento.
  3. La forma resultante sigue siendo una forma vectorial que puede seguir modificando como desee.

Cómo recortar en Vectornator

En Vectornator, tienes dos opciones fáciles y rápidas para recortar una imagen. Herramienta de recorte ic-crop-toolic-crop-tool y el Máscara de recorte A continuación, te explicamos en detalle cada una de las opciones:

Cómo recortar con la herramienta Recortar

En Herramienta de recorte ic-crop-toolic-crop-tool técnica es óptima para el cultivo cuadrado o formas rectangulares A continuación te explicamos cómo realizar la operación en unos pocos pasos.

💡 Los siguientes vídeos fueron tomados en un Mac, ilustrando cómo recortar con la Herramienta Recortar ~ic-recortar-tool~~ic-recortar-tool~. Puedes repetir los pasos exactos usando un iPad o iPhone.Paso 1

El primer paso será importar primero la imagen rasterizada en Vectornator. Puede importar la imagen a través de la función Biblioteca Popover ic-library-tabic-library-tab El Importar ic-importic-import Pestaña o el Arrastrar y soltar técnica.

Más información sobre las opciones de importación disponibles ~ic-import~~ic-import~ en Vectornator. Paso 2

Tan pronto como la imagen rasterizada se importa en su Tablero de dibujo ic-artboardic-artboard o sobre el lienzo, el Sección de imágenes contextualizadas aparece en el Inspector y muestra un botón Recortar. Si pulsa el botón Botón de recorte El Asas de recorte se activará y será visible alrededor de los bordes de la imagen.

Paso 3

Ahora que el Asas de recorte están activados y visibles, pulse y arrastre las asas de recorte hasta la posición deseada. A continuación, pulse el botón Botón de recorte y se recorta la imagen. Asas de recorte desaparecen, y el Cuadro delimitador por defecto eludiendo la imagen de trama recortada.

💡 Nota - Recortar una imagen rasterizada con la función Herramienta de recorte ~ic-crop-tool~~ic-crop-tool~ es un operación destructiva a diferencia de recorte con enmascaramiento Si desea invertir la operación de recorte, pulse Deshacer ~ic-undo~~ic-undo~. Paso 4

Una vez finalizado el proceso de recorte y cuando el cuadro delimitador vuelva a ser visible, active el botón Herramienta de selección ic-selecciónic-selección pulse y arrastre la imagen recortada y muévala por el lienzo hasta la posición deseada.

Paso 5

Si no está satisfecho con la imagen recortada, puede pulsar el botón Botón de recorte de nuevo o pulse dos veces la imagen para reajustar las asas de recorte de nuevo para un nuevo marco de corte. La imagen original será totalmente visible y podrá ajustar las asas de recorte otra vez.

Para saber más sobre el Herramienta de recorte ~ic-crop-tool~~ic-crop-tool~ y muchas otras operaciones vectoriales en Vectornator, diríjase a nuestro Sección Learning Hub ~ic-learning-hub~~ic-learning-hub~, donde te lo explicamos todo al detalle → Visita el Learning Hub.

Cómo recortar con una máscara de recorte

La técnica de máscara de recorte es óptima para recortar formas irregulares, no cuadradas o no rectangulares.

En Vectornator, cualquier forma de ruta cerrada se puede convertir en una máscara de recorte. Las posibilidades para crear una forma con una máscara de recorte son ilimitadas en Vectornator.

Vamos a explicarle en unos sencillos pasos cómo puede recortar una imagen rasterizada en Vectornator utilizando la función Técnica de enmascaramiento ic-maskic-mask :

💡 Con el iPadOS 16 actualizaciones, hemos unificado el Inspector para simplificar la interfaz. Los vídeos del Máscara de recorte se grabaron con una versión de Vectornator para iPad desarrollada antes de la actualización. Para obtener más información sobre el Inspector actualizado Puede repetir los pasos exactos utilizando un Mac o un iPhone. Paso 1

Empecemos por importar la imagen rasterizada en Vectornator. Puede importar la imagen a través de la función Biblioteca Popover ic-library-tabic-library-tab El Ficha Importar ic-importic-import o el Arrastrar y soltar técnica.

Más información sobre las opciones de importación ~ic-import~~ic-import~ disponibles en Vectornator. Paso 2

Ahora vamos a crear la forma vectorial que queremos utilizar como máscara para recortar la imagen rasterizada importada.

Seleccione Herramienta Shape en el Barra de herramientas Haga clic en el botón Botón de tres puntos ic-settings-2ic-settings-2 y seleccione el Forma poligonal ic-polygonic-polygon Ajuste el número de lados del polígono a cinco con la tecla Deslizador de herramientas Haga clic en el lienzo y arrástrelo para crear la forma. Utilice las teclas Herramienta de selección ic-selecciónic-selección para mover, escalar y rotar el Forma poligonal ic-polygonic-polygon .

Aprenda más sobre la Herramienta Forma en Vectornator. Paso 3

En el siguiente paso, explicaremos cómo crear el archivo Máscara de recorte para recortar la imagen.

💡 Desde nuestra actualización 4.8.0, la forma de enmascaramiento reside en el parte inferior de la pila de capas debajo de los elementos enmascarados.

Seleccione la forma de enmascaramiento vectorial y muévala a la parte inferior de la pila de capas ic-bring-to-backic-bring-to-back en el Pestaña Capas ic-layers-tabic-layers-tab o la barra de acciones rápidas ic-acciones-rápidasic-acciones-rápidas debajo de la imagen de trama importada. Coloque la forma vectorial de enmascaramiento en el lienzo.

A continuación, haga clic en el botón Máscara ic-maskic-mask o M para crear su máscara. La imagen rasterizada importada ahora sólo es visible dentro de los límites de la forma de enmascaramiento.

La capa de enmascaramiento muestra ahora un pequeño símbolo de máscara ic-maskic-mask y la capa enmascarada está vinculada a la capa de enmascaramiento con un flecha dependiente .

Paso 4

Ahora que hemos establecido el Estructura de la máscara de recorte puede seguir editando la máscara seleccionando y moviendo la forma de la máscara o editando la forma de la máscara con la tecla Herramienta de nodos nodo-ic como la función de máscara de recorte de Vectornator es una operación no destructiva .

Para obtener más información sobre el enmascaramiento y muchas otras operaciones vectoriales en Vectornator, visite nuestra sección Sección Learning Hub ~ic-learning-hub~~ic-learning-hub~, donde te lo explicamos todo al detalle → Visita Learning Hub

Descargar Vectornator para empezar

Lleve sus diseños al siguiente nivel.

Obtener Vectornator



Rick Davis
Rick Davis
Rick Davis es un diseñador gráfico y artista visual experimentado con más de 10 años de experiencia en la industria. Ha trabajado con una variedad de clientes, desde pequeñas empresas emergentes hasta grandes corporaciones, ayudándolos a lograr sus objetivos de diseño y elevar su marca a través de imágenes efectivas e impactantes.Graduado de la Escuela de Artes Visuales de la ciudad de Nueva York, a Rick le apasiona explorar nuevas tendencias y tecnologías de diseño, y empujar constantemente los límites de lo que es posible en el campo. Tiene una gran experiencia en software de diseño gráfico y siempre está ansioso por compartir sus conocimientos y puntos de vista con los demás.Además de su trabajo como diseñador, Rick también es un blogger comprometido y se dedica a cubrir las últimas tendencias y desarrollos en el mundo del software de diseño gráfico. Él cree que compartir información e ideas es clave para fomentar una comunidad de diseño fuerte y vibrante, y siempre está ansioso por conectarse con otros diseñadores y creativos en línea.Ya sea que esté diseñando un nuevo logotipo para un cliente, experimentando con las últimas herramientas y técnicas en su estudio o escribiendo publicaciones de blog informativas y atractivas, Rick siempre se compromete a entregar el mejor trabajo posible y ayudar a otros a lograr sus objetivos de diseño.