Cortar una Imagen en Adobe Illustrator

Mas de una vez, buscando novedades acerca de este programa, me he encontrado con foros repletos de temas de ¿ Cómo crear PowerClip de Corel en Illustrator ?, ¿ Modificar la forma de una imagen en illustrator ?, ¿ Cómo puedo cortar una imagen en Illustrator ?, ¿ Cómo puedo recortar imagenes en Illustrator ? o ¿ Cómo recortar una foto en Illustrator ?, etc, etc, etc. Pues, aunque esta pregunta sea tan redundante en la red, al parecer se ha hecho una especie de mito digital acerca de la existencia o no de una solución eficaz y contundente a dicho duda existencial. Es asi que miles de personas piensan, creen, casi convencidas de que tal detalle, es solo una ironia que Adobe nunca solucionará.

Si bien es cierto, esta pregunta hace mención al hecho mismo de redimensionar una imagen a nuestro gusto, nadie a podido proponer una solución y es aqui donde empezaremos a desarrollarla.

Bueno antes de empezar creo conveniente hacerles recordar que Adobe illustrator es una programa en esencia creado para llevar a cabo ilustraciones vectoriales, y no de tratamiento de imagenes como lo es Adobe Photoshop, siendo este el ideal para este tipo de trabajos ya que resulta mas facil para crear cualquier corte, cambio, dimensión, proporcion, etc.

1. Iniciamos ejecutando ( abriendo ) tu version de Adobe Illustrator. En mi caso yo trabajare con la version CS5, considerando que es muy parecida y semejante a las versiones anteriores como CS4 y CS3.

Cortar una Imagen en Adobe Illustrator 001
Cortar una Imagen en Adobe Illustrator 001

2. Creamos un documento para imprimir o para web ( segun sea el caso ) y configuramos el tamaño de página, en mi caso utilizare un A4 ( 29.7 x 21 cm ) con orientacion por default y de nombre le pondre Cortar una Imagen en Adobe Illustrator. Luego le doy Click en Ok.

Cortar una Imagen en Adobe Illustrator 002
Cortar una Imagen en Adobe Illustrator 002

3. Luego de visualizar la hoja o meza de trabajo que hemos creado, entras a Menú/Archivo/Colocar o presionas la siguiente combinacion de teclas: Alt + A + L para abrir la ventana de Colocar, que sirve para incorporar elementos dentro de una meza de trabajo.

Cortar una Imagen en Adobe Illustrator 003
Cortar una Imagen en Adobe Illustrator 003

4. Ya con la ventana Colocar abierta, buscas tu imagen y una vez ubicada la seleccionas, luego desmarcas la opción de Enlazar ( normalmente aparece por default seleccionado con un check )  dejandolo tal como se muestra en la siguiente imagen. Luego le das Click en el botón Colocar.

Cortar una Imagen en Adobe Illustrator 004
Cortar una Imagen en Adobe Illustrator 004

5. La imagen seleccionada se posicionará en el centro de tu pantalla como vemos en el ejemplo, en mi caso la imagen de Yulia. Luego la seleccionamos dando un click sobre la imagen con la herramienta de selección ( flecha negra ) o presionando Ctrl + A para seleccionar todos los elementos sobre la meza de trabajo.

Cortar una Imagen en Adobe Illustrator 005
Cortar una Imagen en Adobe Illustrator 005

6. Una vez selecionada la imagen, entras a Menú/Objeto/Rasterizar o presionas la siguiente combinacion de teclas: Alt + O + Z + Z + Enter, para acceder a dicha opción.

Cortar una Imagen en Adobe Illustrator 006
Cortar una Imagen en Adobe Illustrator 006

7. Se abrira el panel de opciones de Rasterizar. Personalizamos su modo de color ( CMYK o RGB ), resolución de acuerdo a nuestra conveniencia, en las opciones de Fondo seleccionamos Transparente y demas propiedades como lo indica la imagen. Luego le das click en Ok.

Cortar una Imagen en Adobe Illustrator 007
Cortar una Imagen en Adobe Illustrator 007

8. Con este proceso, hemos rasterizado e incrustado la imagen en nuestra meza de trabajo, con el fin de poder desenlazar cualquier vinculo entre el archivo original y la imagen colocada en la meza de trabajo, y asi poder manejarla y editarla a nuestro gusto.

Cortar una Imagen en Adobe Illustrator 008
Cortar una Imagen en Adobe Illustrator 008

9. Ya con la imagen rasterizada, supongamos que lo unico que necesito es captar la expresion del rostro, entonces voy a crear una mascara de recorte y extraer parte de la imagen de acuerdo a mi necesidad. Para ello, he visto conveniente seleccionar la herramienta eclipse del panel de herramientas o simplemente presionare la letra L, como atajo, para crear un circulo como el area de la mascara de recorte.

Cortar una Imagen en Adobe Illustrator 009
Cortar una Imagen en Adobe Illustrator 009

10. Creamos un circulo encima de la imagen, tratando de encerrar toda la expresion el rostro en el area de esta. Cabe recordar que podemos hacer lo mismo con un cuadrado, rectangulo, triangulo o cualquier otro poligono siempre en cuando esté cerrado.

Cortar una Imagen en Adobe Illustrator 010
Cortar una Imagen en Adobe Illustrator 010

11. A continuacion creamos la Mascara de Recorte, y para ello seleccionaremos ambos objetos ( Ctrl + A ) y entramos a Menú/Objeto/Mascara de Recorte/Crear o presionamos la siguiente combinacion de teclas: Ctrl + 7.

Cortar una Imagen en Adobe Illustrator 011
Cortar una Imagen en Adobe Illustrator 011

12. Como ven, hemos creado una mascara de recorte con el area exacta de lo que necesitabamos ( la expresion del rostro ). La Mascara de Recorte solo muestra parte de la imagen original, es decir el area que hemos seleccionado con el circulo.

Cortar una Imagen en Adobe Illustrator 012
Cortar una Imagen en Adobe Illustrator 012

13. Al parecer ya tendriamos la imagen recortada, pero al pasar sobre esta, con la flecha negra de la Herramienta Selección, nos damos con la molesta sorpresa de la presencia de una Linea de Borde que nos recuerda el area original de la imagen, esto suele ser muy molesto pues incomoda y confunde para una posible selecion en conjunto de objetos o una alineación como lo era en el caso de Adobe Illustrator CS3.

Cortar una Imagen en Adobe Illustrator 013
Cortar una Imagen en Adobe Illustrator 013

14. Para eliminar esta Linea tenemos que indicarle a Adobe Illustrator que redimensione las medidas de la imagen original a las del área de la mascara de recorte, es decir el circulo de la mascara de recorte es lo unico importante y el resto de la imagen esta demas, por lo tanto lo más conveniente y profesional es recortar definitivamente el área necesaria, del área de la imagen original. Para ello primero debes entrar a Menú/Objeto/Acoplar Transparencia o puedes presionar Alt + O +A para activar dicha opción.

Cortar una Imagen en Adobe Illustrator 014
Cortar una Imagen en Adobe Illustrator 014

15. Se abrira el panel de opciones de Acoplar Transprencia. Aqui es muy importante habilitar la propiedad de Alta Resolución para no perder calidad y convertir los trazos en contorno, como lo indica la siguiente imagen.

Cortar una Imagen en Adobe Illustrator 015
Cortar una Imagen en Adobe Illustrator 015

16. Con esto ya hemos desechado el 99% las dimensiones de la imagen sobrante. Como es un circulo, presenta areas curvas y existe un alto contraste de tonos en la imagen, Adobe Illustrator tomara la desicion de sectorizar la imagen en fragmentos lineales ( 1 ó mas ) para simular dicha área e incluira un margen del 1% de la imagen original a cada lado. Y esto lo hace porque Adobe illustrator no contiene información del tipo de edicion de pixeles como lo es Adobe Photoshop.

Cortar una Imagen en Adobe Illustrator 016
Cortar una Imagen en Adobe Illustrator 016

17. Entonces podemos ver, que cuando pasamos con nuestra flecha negra ( Herramienta Selección ) sobre la imagen nos marcara unos Bordes que salen del area del circulo ( en mi caso lo sectorizo en 3 partes ), que son nuestras nuevas dimensiones.

Cortar una Imagen en Adobe Illustrator 017
Cortar una Imagen en Adobe Illustrator 017

18. Hacemos un Zoom In al 600 % ( o más ) y podremos apreciar que estos Bordes no estan alineados con nuestro Borde de la Mascara de Recorte. Esto podria ocasionar futuros conflictos o confusiones al momento de alinear objetos o de imprimir el archivo, asi que vamos a perfecionar la alineacion para crear un Borde Absoluto entre los bordes de la mascara de recorte y los de la imagen sectorizada por Adobe Illustrator. Asi trabajaremos de modo coherente y exacto.

Cortar una Imagen en Adobe Illustrator 018
Cortar una Imagen en Adobe Illustrator 018

19.  Para ello primero con la herramienta Selección damos Doble Click sobre el área de la imagen ( cuantas veces sea necesario ) para Aislar la  imagen del grupo y poder seleccionar cada una de las partes de la imagen dentro de la mascara de recorte ( en mi caso Illustrator lo sectorizo en 3 partes ).

Cortar una Imagen en Adobe Illustrator 019
Cortar una Imagen en Adobe Illustrator 019

20. Una vez selecionadas las 3 imagenes sectorizadas entra Menú/Objeto/Agrupar o Presionas Ctrl + G para activar dicha opción.

Cortar una Imagen en Adobe Illustrator 020
Cortar una Imagen en Adobe Illustrator 020

21. Una vez agrupadas las selecciones, activamos las Guias Inteligentes para alinear esos bordes sobresalientes de la imagen con los de la Mascara de Recorte. Para ellos activamos las Guias Inteligentes en Menú/Ver/Guías Inteligentes o presionamos Ctrl + U.

Cortar una Imagen en Adobe Illustrator 021
Cortar una Imagen en Adobe Illustrator 021

22. Ahora vamos a alinear el Punto Ancla superior de la imagen sectorizada con el Punto Ancla superior de la Linea del Borde del circulo o Mascara de Recorte ( asi como lo puedes apreciar en la siguiente imagen ). Recuerda que las Guias inteligente te marcaran la opción Formar Intersección para indicarte que se encuentran alineados ambos puntos ancla.

Cortar una Imagen en Adobe Illustrator 022
Cortar una Imagen en Adobe Illustrator 022

23. Hacemos el mismo proceso en el área del punto ancla de la izquierda. Repetimos la operación en los demas lados ( punto ancla inferior y lado derecho ) para alinear la imagen con los bordes del area de la Máscara de Recorte.

Cortar una Imagen en Adobe Illustrator 023
Cortar una Imagen en Adobe Illustrator 023

24. Terminado el proceso de alineamiento, ya podemos visualizar una imagen mas limpia, sin ese engorroso margen que sobresalia del area que buscamos utilizar.

Cortar una Imagen en Adobe Illustrator 024
Cortar una Imagen en Adobe Illustrator 024

25. Por ultimo vamos a rasterizar la imagen para fijar sus nuevas dimensiones y asi darle las propiedades correspondientes a sus nuevas proporciones.

Cortar una Imagen en Adobe Illustrator 025
Cortar una Imagen en Adobe Illustrator 025

26. Para ello, en el Panel de Opciones de Rasterizar (Alt + O + Z + Z + Enter), habilitamos las siguientes opciones, tal como lo muestra la siguiente imagen.

Cortar una Imagen en Adobe Illustrator 026
Cortar una Imagen en Adobe Illustrator 026

27. Con esto damos por solucionado el mito de Cortar una Imagen en Adobe Illustrator. Como pueden apreciar a continuación, hemos conseguido recortar nuestra imagen de modo permanente a nuestro gusto y antojo, ademas con una dimension absoluta, tal como lo podriamos conseguir haciendo uso de Adobe Photoshop.

Cortar una Imagen en Adobe Illustrator 027
Cortar una Imagen en Adobe Illustrator 027

28. Bueno para concluir este tutorial, les dejo la imagen con un Zoom In de 800 %, dedicado a aquellos que piensan que puede perder calidad u ocurrir cualquier otro fallo. Considerando que el circulo de la mascara de recorte mide 8 cm x 8cm a 300 ppp sin perder nada de calidad, es una verdadera hazaña poder lograr este acabado en Adobe Illustrator. Exitos!

Cortar una Imagen en Adobe Illustrator 028
Cortar una Imagen en Adobe Illustrator 028

Fe de Ratas! Las Suites de Adobe se han comercializado a tal punto, que cualquiera que tiene acceso a él ( desde las versiones de prueba y certificadas ) lo utiliza y se familiariza primitivamente casi como jugando y en tiempo record, acostumbrandose asi, a un uso básico del programa. Quizas esto explique lo que está ocasionando la dependencia de herramientas básicas, estandarizando asi a los aventureros aprendices o diseñadores novatos que se resisten a aprender del todo bien, un medio tan divertido y complejo para diseñar como lo es este programa. [Jhonatan Quijano – Alogenuss@gmail.com]

Y tu que opinas? si te fue util este tutorial, no te olvides de comentar. Recuerda, que tú opinión es muy importante para el universo en el que vivimos. Suerte… Nos vemos!

Anuncios

51 Comentarios Agrega el tuyo

  1. Richard dice:

    Gracias hermano.. que genial este tutorial… no lo encontraba por nigun lado… esta de lujo… gracias de verdad.. coloca mas tutoriales de mitos del illustrador… Suerte

    1. Gracias, he estado un poco ocupado en unos proyectos, pero pronto estare compartiendo mas tutoriales. Exitos Richard

    2. Luis dice:

      Excelente guia, no te falto nada y con las imagenes nos ubicamos perfecto

      1. No dudes en preguntar o solicitar alguna otra solución. Éxitos Luis.

  2. noe dice:

    muchissimas gracias!!!!

    1. Gracias a ti por Comentar. Exitos Noe

  3. luis alfredo paredes dice:

    ME PARECE EXCELENTE ESTOS VIDEOS YA QUE ESTUDIO PRODUCCION DE DISEÑO EN ARTES GRAFICAS. Y NO ENTIENDO CASI NADA DE ILLUSTRATOR, GRACIAS POR TU TIEMPO. Y EXPONER TUS CONOCIMIENTOS CON TODOS, POCOS SON COMO TU.

    1. Gracias, realmente esa es la idea, la satisfacción de poder compartir conocimientos en vias de poder participar en nuevas soluciones destinadas a crear un mejor mundo gráfico. Exitos Luis

  4. Paola dice:

    Gracias por compartir!!
    me ayudaste muchisimo!
    muy generoso de tu parte
    lo mejor para ti..
    saludos
    Paola

    1. Gracias por los buenos deseos, espero que te haya sido de mucha ayuda y lo sigue siendo en tus demás proyectos. Exitos Paola

  5. noelia dice:

    Genial, sólo sabía colocar la máscara!! muchas gracias por tomarte el tiempo de compartirlo

    1. No hay problema. Exitos Noelia

  6. Andrés dice:

    Muchas gracias, por el tutorial.
    me ha sido de gran utilidad

    1. Gracias por comentar. Es grato poder aportar soluciones que te sean utiles. Exitos Andres

  7. muy bien, y hay alguna forma de borrar ciertas partes de la foto?

    1. Gracias; depende de lo quieras borrar o a lo que te refieras cuando dices “ciertas partes”, agradeceria puedas ser mas especifico. Exitos César Vilela

  8. Efraín dice:

    gracias brow por su tutorial voy a intentar aciendo una ahorita eeh

    1. Gracias, ten en cuenta que no todas las imagenes tienen los mismo valores de resolucion y color, asi que dependera mucho del modo en que personalices a tu gusto este tutorial, para obtener siempre mejores resultados. Exitos Efraín

  9. Enrique dice:

    Muchas gracias por la guía. Creo que el autoaprendizaje es una forma muy adecuada de crear conocimiento sobre un programa como Adobe Illustrator. La mayoría de los trucos no se aprenden en un curso y/o manual de esta aplicación. La diferencia está en compartir lo que se conoce..

    1. Gracias por tus comentarios. Efectivamente, comparto tu opinion y cito tus palabras “La diferencia está en compartir lo que se conoce”. Exitos Enrique

  10. omar dice:

    Soy un novato q esta aprendiendo las bondades de Illustrator cs5 , gracias por el tuto me fue de mucha utilidad (Ecuador)

    1. Saludos a la distancia amigo de Ecuador. Espero poder seguir siendo de ayuda en los proximos tutoriales que tengo pensado implementer. Exitos Omar

  11. Hugo dice:

    disculpa mi ignorancia, pero quisiera saber si se puede recortar la imagen como en corel, osea como si la imagen fuera un cuadro y puedas manejar sus nodos y restarlas con cuadros y figuras poligonales…como en corel.
    disculpen mi ignorancia

    1. Gracias muy buena pregunta. Corel Draw emplea la edicion de “nodos” mientras que Adobe Illustrator con los “puntos ancla”. Inicialmente podrian ser muy parecidos en cuanto a funcionamiento, pero los nodos trabajan sobre imagenes que cuentan con soporte de Corel PhotoPaint integrado en el mismo sistema del programa y es por ello, que puedes editar las imagenes tal como nos comentas. En el caso de Adobe Illustrator, este trabaja de modo similar pero dejando la edicion avanzada de imagenes a Adobe Photoshop. De todo modos, una vez seleccionada la imagen le das click en la herramienta “Mascara” (boton de la parte superior junto al de “Calco Interativo”) y con la herramienta de Seleccion Directa (Flecha blanca) puedes editar la posicion de los puntos ancla de la imagen, incluso puedes añadir o restar puntos ancla para una mayor personalizacion. Te agradeceria me envies (alogenuss@gmail.com) alguna imagen o boceto del efecto que estas buscando lograr. Exitos Hugo

  12. alejandro rendon dice:

    ola es muy bueno el tutorial

    y quisiera saber como recorto una imagen vectorizada y poder cambiarle el color despues del recorte

    1. Gracias espero seguir siendo de ayuda. Creas un Cuadrado (o cualquier poligono segun tu conveniencia) y lo situas delante (Traer al Frente) de toda tu imagen vectorizada, luego seleccionas todos los objetos (incluido el Cuadrado) y presionas Ctrl + 7. Con ello crearas una mascara de recorte que se ajuste a las dimensiones que desees. Para editar los valores de color, solo le das doble click en el recorte creado y podras seleccionar los objetos que estan dentro de la mascara de recorte, en este caso tu imagen vectorizada. Exitos Alejandro

  13. fer dice:

    muy buen tutotial!

    1. Gracias a ti por tu visita y el tiempo empleado en comentar. Exitos Fer

  14. Nicolas dice:

    Jhonatan solo me resta decir ¡¡¡ Gracias Totales !!! me sacaste de un apuro.

    1. Gracias por visitar el tutorial, recuerda que lo mas importante es fijar bien los valores antes de rasterizar la imagen, asi el resto del proceso te llevara a mejores resultados. Exitos Nicolas

  15. Mauricio dice:

    MUCHAS GRACIAS HOMBRE !!…. LO FELICITO POR COMPARTIR ESTOS TUTORIALES ( Colombia)

    1. La idea es poder compartir, y en base a ello, poder debatir o sugerir otras alternativas; estoy presto a seguir colaborando. Exitos Mauricio

  16. Daryl :) dice:

    Gracias!! En vdd es muy útil, estoy a penas aprendiendo a moverle al illustrator, y en vdd quiero aprender todos sus trucos! y aunque aprendi de a fuerzas por la escuela en una mega entrega repentina, en la cual nos obligaron a aprender lo basico de illustrator en 2 horas…me fascinó el programa! 😀 muchisimas gracias!
    Una duda, puedes quitar fondos de color uniforme en imágenes ya dadas en illustrator?, similar a lo que puede hacerse si se edita la imagen en photoshop… o en este caso si tendría que acudirse a la edicion de imagenes exclusivamente en photoshop? 🙂 espero se haya entendido mi pregunta, de nuevo gracias por tu esfuerzo ^^ Saludos desde Mexico

    1. Que bueno que te guste Adobe Illustrator, es una herramienta excelente. Aún no existe aquella herramienta en Illustrator, que elimine los colores de fondo para una “imagen o mapa de bits” porque solo trabaja en la edición de imagenes vectoriales, por cual mi recomendación es manejar ambos programas para asegurar un buen resultado, pues photoshop te asegura mayor precisión en el calado de pixeles. Éxitos Daryl

  17. Jennifer CGH dice:

    Excelente!!!!

    1. Gracias por tu comentario. Éxitos Jennifer

  18. alfredo dice:

    excelente aportación hermano

    1. Es bueno y satisfactorio poder contribuir soluciones. Éxitos Alfredo

  19. Juan dice:

    ami no me funciono, siguen saliendo esos recuadros y a la hora de exportarla en jpg queda el fondo blanco restante de la imagen original

    1. Te recomiendo volverlo a intentar, es un poco tedioso al inicio pero con la practica te sera mas facil e intuitivo. Éxitos Juan

  20. AndreaR dice:

    muy muy bueno!!!

    1. Gracias por visitar mi espacio. Éxitos Andrea.

  21. cesar sarti dice:

    excelente espacio

    1. Te recomiendo visitar mis otras publicaciones. Éxitos Cesar

  22. jose dice:

    muchas gracias amigo es excelente tu aporte

    1. Es bueno contar con gratitud. De igual modo no olvides compartir este tutorial. Éxitos Jose.

  23. Gracias viejo!
    Me sirvio mucho, casi no lo encuentro gran herramienta adobe iillustrator cc

    1. Es un placer colaborar contigo. Éxitos Deibyalejo.

  24. Chanti dice:

    Muy bueno, me sirvió mucho, entendí con suma facilidad.. . Muchas Gracias!

  25. nano dice:

    hola como va, quiero saber como puedo hacer para recortar como si cortara con photoshop, con una figura irregular pero que no sea vector

  26. Nicolás Tarasco dice:

    MUCHAS GRACIAS!! PERFECTAMENTE EXPLICADOO! SALUDOSS!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s