Plataforma de referencia para el aprendizaje de Adobe Illustrator CC en ciclos formativos de grado medio. Módulos didácticos progresivos desde la interfaz hasta la exportación profesional.
Conocer el entorno de trabajo de Adobe Illustrator es el primer paso. Aprenderás a identificar los paneles principales, la barra de herramientas, el área de documento y cómo personalizar tu espacio de trabajo.
Barra de herramientas — Columna izquierda con todas las herramientas. Se puede ampliar a doble columna.
Barra de control — Parte superior. Muestra opciones contextuales según la herramienta activa.
Paneles flotantes — Derecha. Color, Capas, Apariencia, Trazado... Son flotantes y acoplables.
Área de documento — El espacio blanco (artboard) es la zona imprimible. Lo que está fuera no se imprime.
| Panel | Función |
|---|---|
| Capas | Gestión de capas y objetos |
| Color | Selector de color HSB/RGB/CMYK |
| Muestras | Biblioteca de colores y Pantones |
| Trazado | Control del grosor y tipo de trazo |
| Transformar | Posición, tamaño, rotación exacta |
| Alinear | Alineación y distribución de objetos |
| Apariencia | Efectos, rellenos y trazos múltiples |
| Buscatrazos | Operaciones booleanas entre formas |
Ve a Ventana → Espacio de trabajo → Guardar espacio de trabajo. Organiza los paneles más usados y guarda la configuración con un nombre identificable para tu proyecto o ciclo formativo.
Se recomienda que todos los alumnos guarden un mismo workspace "FP-Básico" al inicio del curso, con los paneles de Capas, Color, Trazado y Buscatrazos visibles. Esto facilita el seguimiento de las explicaciones en clase.
Aunque el material se basa en Illustrator CC, casi todos los principios se aplican a versiones anteriores y posteriores. Algunas opciones de menú pueden variar según la versión instalada en el centro.
ZOOM & VISTA
Cmd/Ctrl + 0 Ajustar a ventana
Cmd/Ctrl + 1 Zoom 100%
Z Activar herramienta Zoom
Espacio Mano para moverse
GUÍAS & REGLAS
Cmd/Ctrl + R Mostrar reglas
Cmd/Ctrl + ; Mostrar guías
Cmd/Ctrl + ' Mostrar cuadrícula
Tab Ocultar/mostrar paneles
PANTALLA
F Modo pantalla completa
Cmd/Ctrl + Z Deshacer
Cmd/Ctrl + A Seleccionar todo
Escape Cancelar acción
1. ¿Qué atajo muestra u oculta las reglas?
2. ¿Qué hace la tecla Tab en Illustrator?
3. ¿Qué workspace se recomienda para empezar?
Los gráficos vectoriales son la esencia de Illustrator. A diferencia de los mapas de bits, los vectores son matemáticamente escalables sin pérdida de calidad. En esta sección aprenderemos los fundamentos y las mesas de trabajo.
Un vector es un objeto matemático definido por puntos, líneas y curvas. Puede escalarse al infinito sin perder calidad. Un bitmap (JPEG, PNG) está formado por píxeles y pierde calidad al ampliarse.
Punto de ancla — Vértice que define la forma del trazado
Segmento — Línea o curva que une dos puntos de ancla
Manillar — Controla la curvatura del segmento adyacente
Trazado — El camino completo formado por puntos y segmentos
Trazado cerrado — El punto inicial y final coinciden (relleno posible)
Las mesas de trabajo son zonas de trabajo independientes dentro de un mismo documento. Permiten tener múltiples diseños (poster A3, tarjeta, camiseta) en un solo archivo.
Herramienta Mesa de trabajo Shift+O para crear y editar artboards
Panel Mesas de trabajo para listar, renombrar y reordenar
Clic en el artboard para activarlo. Los objetos pueden estar en cualquier artboard
Al exportar, puedes elegir exportar todos los artboards como archivos separados
Usa artboards para que el alumnado trabaje múltiples formatos del mismo proyecto (postal, redes sociales, impresión) en un solo archivo organizado.
Selecciona objetos completos. Con ella puedes mover, escalar y rotar objetos usando los tiradores de la caja delimitadora. Mantén Shift para seleccionar múltiples objetos.
Permite escalar objetos con precisión. Mantén Shift + arrastrar para escalar proporcionalmente. Doble clic para escalar con un valor exacto en porcentaje.
Gira objetos alrededor de un punto pivote. Mantén Shift para girar en incrementos de 45°. Doble clic para introducir un ángulo numérico exacto.
Selecciona puntos de ancla individuales o segmentos. Permite editar la forma interna de los vectores moviendo puntos de ancla y ajustando los manillares de curva.
Con la herramienta Selección activa, mantén Alt/Option + arrastra para duplicar el objeto. El original permanece en su lugar.
V (Selección) = objeto completo. A (Selección directa) = puntos de ancla individuales. Confundirlas es el error más frecuente en principiantes.
Anatomía de un trazado vectorial
Bitmap vs. Vector al ampliar
1. ¿Qué diferencia hay entre la herramienta V y la A?
2. ¿Qué son los artboards?
3. ¿Qué forma tiene el icono de un punto de ancla suave (curva)?
El color es fundamental en el diseño gráfico. Illustrator ofrece modos de color profesionales (CMYK para imprenta, RGB para pantalla), muestras Pantone, degradados y completo control del relleno y trazo.
Haz clic en un modelo para ver cómo mezcla colores. RGB es para pantalla, CMYK para imprenta, HSB para selección intuitiva.
Relleno (Fill) — El color interior del objeto. Puede ser color plano, degradado o patrón.
Trazo (Stroke) — El contorno del objeto. Controla grosor, tipo de línea y extremos.
Presiona X para alternar entre relleno y trazo activo. D para valores por defecto.
Presiona / para aplicar Sin relleno al elemento activo.
OPCIONES DE TRAZO
| Opción | Descripción |
|---|---|
| Grosor | Ancho del trazo en puntos (pt) |
| Alineación | Interior, centro o exterior del trazado |
| Extremos | Tope, redondo o cuadrado extendido |
| Esquinas | Inglete, redondo o biselado |
| Guion | Trazos discontinuos y puntos |
| Flechas | Cabezas de flecha en extremos |
Red, Green, Blue. Valores de 0-255. Usado para diseño web, redes sociales, presentaciones digitales y vídeo. El documento debe estar en modo RGB para pantalla.
Cyan, Magenta, Yellow, Key (negro). Porcentajes de 0-100%. Siempre usa CMYK para diseño impreso: posters, folletos, camisetas. Crear en RGB y convertir puede dar colores inesperados.
Sistema de colores de referencia internacional usado en imprenta profesional. Cada color Pantone tiene un código único (ej: Pantone 286 C = azul corporativo). Usar en el panel Muestras → Abrir librería de muestras → Libros de color.
Configura el modo de color del documento antes de empezar: Archivo → Modo de color del documento. RGB para digital, CMYK para impresión.
Selecciona el objeto y activa herramienta Degradado G
Arrastra sobre el objeto para definir dirección e inicio/fin
Haz clic en los extremos de la barra para cambiar colores
Añade paradas de color haciendo clic en la barra del degradado
Recoge el color de cualquier objeto o zona de la pantalla. Mantén Alt/Option al usar el cuentagotas para aplicar el color muestreado al objeto seleccionado.
Panel Transparencia: controla la opacidad de un objeto (0%-100%) y el modo de fusión (Multiplicar, Superponer, etc.) para efectos creativos avanzados.
Mezcla aditiva — luz de pantalla
Mezcla sustractiva — tinta impresa
1. ¿Qué modo de color debes usar para imprenta?
2. ¿Qué hace la tecla / sobre un objeto seleccionado?
3. ¿Para qué sirve Pantone?
Las herramientas de selección son las más usadas en Illustrator. Dominar sus variantes y modificadores es esencial para un flujo de trabajo eficiente en el diseño vectorial.
Selecciona objetos completos. Mueve, escala y rota usando los tiradores de la caja delimitadora. Mantén Shift para selección múltiple.
Edita puntos de ancla y manillares de curva individuales. Esencial para modificar la forma interna de cualquier vector.
Selecciona todos los objetos con atributos similares (mismo color de relleno, trazo, opacidad). Útil para selecciones rápidas.
Gira objetos. Shift para incrementos de 45°. Clic en el área de trabajo para definir el pivote de rotación. Doble clic = valor numérico.
Escala objetos. Shift para mantener proporciones. Doble clic para introducir porcentaje exacto. Alt+clic para escalar desde el centro.
Crea una copia reflejada del objeto. Útil para crear simetrías y diseños espejados. Doble clic para especificar el eje de reflexión.
CON SELECCIÓN (V)
Añadir a la selección
Duplicar objeto
Agrupar selección
CON ESCALA (S)
Escalar proporcional
Escalar desde centro
Escalar con valor %
CON ROTACIÓN (R)
Rotar en snap 45°
Definir punto pivote
Rotar y duplicar
V — Mueve y escala el objeto completo
A — Edita puntos de ancla individuales
1. ¿Para qué sirve la Varita Mágica (Y)?
2. ¿Cómo duplicas un objeto arrastrándolo?
3. ¿Qué diferencia hay entre Cmd+V y Cmd+F?
Las herramientas de forma son el punto de entrada al diseño vectorial. Con ellas crearemos rectángulos, elipses, polígonos, estrellas y figuras complejas combinando formas básicas.
Arrastra para crear. Shift = cuadrado. Clic en el documento = valores exactos. Arrastra las esquinas para redondearlas (CC 2019+).
Arrastra para crear óvalos. Shift = círculo perfecto. Alt = desde el centro. Puedes crear sectores arrastrando el punto interior de la elipse.
Hexágonos, triángulos, octógonos... Teclas ↑↓ durante el arrastre para cambiar el número de lados. Por defecto: 6 lados.
Crea estrellas de N puntas. ↑↓ cambia el número de puntas. Cmd/Ctrl + arrastrar controla la profundidad de las puntas.
Rectángulo con esquinas redondeadas. ↑↓ durante el arrastre ajusta el radio de esquina. Clic en documento para valores exactos.
Permite escalar, rotar, sesgar y aplicar perspectiva libre a los objetos. Las sub-herramientas permiten control preciso de cada transformación.
Combina múltiples objetos en un grupo para moverlos, escalarlos y transformarlos juntos. Para editar un objeto dentro del grupo, haz doble clic para entrar en modo de edición de grupo.
Panel Alinear: selecciona múltiples objetos y usa los botones para alinearlos (izquierda, centro, derecha, arriba, medio, abajo) o distribuirlos con espaciado uniforme.
Pide al alumnado que cree un logo simple usando sólo formas básicas (rectángulos, círculos, polígonos), las organice con capas y las alinee correctamente usando el panel Alinear.
1. ¿Qué tecla activa la herramienta Rectángulo?
2. ¿Cómo dibujas un cuadrado perfecto?
3. ¿Qué hace Cmd+G sobre una selección?
La herramienta Pluma es la más poderosa y precisa de Illustrator. Permite crear cualquier forma mediante trazados Bézier. Su dominio es fundamental para el diseño vectorial profesional.
Arrastra los mangos naranjas para modificar la curvatura en tiempo real.
Punto fijo que define inicio o fin del segmento. Círculo blanco en el canvas.
Controla dirección y suavidad de la curva. Punto naranja — arrástralo.
Línea entre ancla y mango. Define la dirección de la curva en ese punto.
La curva entre dos anclas, definida matemáticamente por sus mangos.
Haz clic en el documento para crear puntos de ancla con esquinas. Cada clic nuevo añade un segmento recto. Cierra el trazado haciendo clic sobre el primer punto.
Haz clic + arrastrar para crear puntos de ancla con curvas Bézier. Los manillares que aparecen controlan la curvatura. La dirección y longitud del arrastre definen la curva.
Con la pluma activa, mantén Alt/Option + clic en un punto de ancla para convertir de esquina a curva o viceversa. Usa la herramienta Ancla Shift+C para más control.
La herramienta Curvatura es una alternativa más intuitiva a la pluma para crear curvas.
Haz clic para añadir puntos. La curva se genera automáticamente entre ellos.
Doble clic en un punto para convertirlo en esquina.
Es ideal para principiantes y para trazar formas orgánicas.
Recurso online gratuito para practicar la herramienta Pluma de forma gamificada. Accede en: bezier.method.ac — Muy recomendado para el aula, incluso como actividad evaluable.
El alumnado debe ser capaz de trazar cualquier letra o silueta simple con la herramienta Pluma usando la técnica de clic+arrastrar, controlando la suavidad de las curvas.
| Combinación | Resultado | Cuándo usarlo |
|---|---|---|
| Clic | Punto de esquina (segmento recto) | Líneas rectas, polígonos |
| Clic + Arrastrar | Punto de curva (Bézier) | Formas orgánicas, lettering |
| Shift + Clic | Limitar ángulo a 45°/90° | Líneas perfectamente horizontales o verticales |
| Alt + Clic en punto | Convertir curva a esquina | Crear picos, ángulos agudos |
| Clic en primer punto | Cerrar el trazado | Finalizar formas cerradas |
| Escape | Terminar el trazado abierto | Líneas sin cerrar |
| Cmd/Ctrl + clic | Activar selección directa | Ajustar puntos durante el trazado |
1. ¿Cómo creas una curva Bézier con la Pluma?
2. ¿Qué hace Alt+clic sobre un punto con la Pluma?
3. ¿Qué recurso se recomienda para practicar la Pluma?
Además de la pluma, Illustrator ofrece herramientas de dibujo más orgánicas e intuitivas: el Lápiz para trazados libres, el Pincel artístico y el innovador Pincel Blob que crea formas vectoriales al pintar.
Dibuja trazados a mano alzada. Illustrator genera automáticamente los puntos de ancla. Suaviza el trazado resultante usando el panel de opciones del lápiz.
Aplica un estilo de pincel a lo largo de un trazado vectorial. Elige entre pinceles caligráficos, artísticos, dispersión y de patrón. El trazo sigue siendo editable.
A diferencia del pincel normal, el Blob crea formas vectoriales cerradas al pintar. Permite fusionar trazos del mismo color en una sola forma. Ideal para ilustración.
El Blob Brush no trabaja a lo largo de un trazado vectorial. En cambio, construye y expande formas vectoriales directamente. Al pintar sobre una forma del mismo color, la funde automáticamente.
Activa Shift+B o busca en la barra de herramientas (comparte espacio con el Pincel)
Ajusta el tamaño del pincel con [ (reducir) y ] (aumentar)
Pinta libremente. Las zonas que se solapan del mismo color se fusionan
Usa el Borrador Shift+E para eliminar partes de la forma
La técnica recomendada para ilustración es pintar áreas grandes con Blob Brush y luego refinar los bordes con el Borrador. Permite crear ilustraciones vectoriales muy expresivas y orgánicas.
Dibuja una silueta sencilla (árbol, flor, animal) usando únicamente el Pincel Blob en varios colores, y luego refina los bordes con el Borrador. Exporta como SVG.
| Tipo de Pincel | Comportamiento | Uso típico |
|---|---|---|
| Caligráfico | Varía el grosor según ángulo y dirección | Lettering, caligrafía |
| Artístico | Aplica una imagen a lo largo del trazado | Pinceladas expresivas, texturas |
| Dispersión | Distribuye objetos a lo largo del trazado | Flores, puntos, patrones |
| Patrón | Repite un mosaico a lo largo del trazo | Marcos decorativos, bordes |
| Bristle | Simula un pincel de cerdas real | Ilustración pictórica |
1. ¿Qué herramienta activa Shift+B?
2. ¿Qué herramienta complementa al Blob Brush?
3. ¿Para qué es mejor el Lápiz vs la Pluma?
Illustrator ofrece potentes herramientas tipográficas para diseño gráfico. Aunque no es la mejor opción para documentos extensos, es ideal para logos, posters, camisetas, títulos y composiciones creativas con texto.
Clic para texto puntual (sin límite). Clic + arrastrar para crear un cuadro de texto con área definida. El texto fluye dentro del cuadro.
Rellena cualquier forma vectorial con texto. Dibuja la forma, ve a Texto → Texto en área y el texto fluirá dentro de la silueta.
El texto sigue el recorrido de cualquier trazado abierto o cerrado. Ideal para textos curvos, circulares o siguiendo formas.
Permite mover, escalar y rotar letras individuales dentro de un texto sin necesidad de convertirlo a contornos. Ideal para lettering creativo.
Variante de la herramienta Texto que escribe en dirección vertical. Útil para diseños con influencia oriental o composiciones experimentales.
Convierte el texto en formas vectoriales editables. Necesario antes de exportar a imprenta o cuando el cliente no tiene la fuente instalada.
Elige la fuente en el panel Control o Carácter. Usa fuentes tipográficamente apropiadas para el proyecto.
Ajusta tamaño, interletraje (kern), espaciado de línea (leading) y tracking para una composición equilibrada.
Para diseños complejos, usa capas separadas para texto y elementos gráficos.
Antes de exportar a PDF o enviar a imprenta: Texto → Crear Contornos para vectorizar todas las fuentes.
Al convertir texto a contornos ya no podrás editar el texto. Guarda siempre una versión de seguridad del archivo con el texto sin vectorizar antes de hacer esta operación.
Diseña un poster simple usando texto en trazado (texto circular), texto de área en una silueta y el Touch Type para animar letras individuales. Combina al menos 3 familias tipográficas.
1. ¿Qué atajo convierte el texto en contornos vectoriales?
2. ¿Qué diferencia hay entre texto de punto y texto de área?
3. ¿Para qué sirve la herramienta Touch Type?
El panel Buscatrazos (Pathfinder) y el Creador de Formas son herramientas de edición booleana que permiten combinar, sustraer e intersectar vectores para crear formas complejas a partir de formas simples.
Acceso: Ventana → Buscatrazos o Shift+Cmd+F9
MODOS DE FORMA
| Operación | Resultado |
|---|---|
| Unir | Fusiona todas las formas en una sola |
| Menos frente | La forma superior recorta las inferiores |
| Intersección | Mantiene sólo la zona solapada |
| Excluir | Excluye las zonas solapadas (resultado hueco) |
TRAZADOS COMPUESTOS
| Operación | Resultado |
|---|---|
| Dividir | Corta los objetos por sus intersecciones |
| Recortar | Recorta formas inferiores con la superior |
| Fusión | Combina formas del mismo color |
| Recorte | Máscara con la forma superior |
Una alternativa interactiva al Buscatrazos. Selecciona varios objetos, activa la herramienta y arrastra sobre las zonas que quieres unir. Alt + clic elimina zonas.
Selecciona todos los objetos que participarán en la operación
Activa Shift+M (Creador de Formas)
Arrastra sobre las zonas que quieres unir en una sola forma
Alt + clic sobre zonas para eliminarlas
Resultado: formas vectoriales independientes limpias
Un trazado compuesto combina múltiples trazados en un solo objeto. Las zonas donde los trazados se solapan se convierten en transparentes, creando "agujeros".
Selecciona los objetos que quieres componer
Ve a Objeto → Trazado compuesto → Crear o Cmd+8
El resultado: un solo objeto con reglas de relleno par/impar
Los trazados compuestos se usan como máscaras de recorte: coloca el compuesto sobre otro objeto y aplica Objeto → Máscara de recorte → Crear. El objeto inferior sólo es visible donde hay trazado.
Crea la letra "O" o "A" como trazado compuesto. Colócala sobre un fondo de color. El interior de la letra debe ser transparente, dejando ver el fondo.
1. ¿Qué operación del Buscatrazos recorta la forma del frente en las de atrás?
2. ¿Cuál es el atajo para crear un trazado compuesto?
3. ¿Qué hace Alt+clic con la herramienta Creador de Formas?
Más allá de escalar y rotar, Illustrator incluye herramientas de transformación avanzadas para distorsionar, deformar y manipular formas de formas creativas y precisas.
Ajusta el ancho del trazo en puntos específicos del trazado. Crea trazados con grosor variable, muy útiles para lettering y diseño caligráfico.
Genera espirales con control sobre radio, número de giros y decaimiento. Útil para elementos decorativos y diseños orgánicos.
Crea cuadrículas de filas y columnas en un solo paso. Ideal para diseño editorial, tablas y elementos de layout.
Deforma partes del objeto con un pincel. Arrastra sobre el objeto para empujar y distorsionar los puntos de ancla de forma orgánica.
Gira los puntos del trazado dentro del radio del cursor, creando efectos de torbellino. Mantén presionado para aumentar el efecto.
Crea efectos de destellos con rayos y anillos. Útil para efectos decorativos y elementos de diseño gráfico llamativo.
Permite realizar todas las transformaciones básicas (escala, rotación, sesgo, perspectiva) desde un solo lugar con subherramientas accesibles en el menú contextual.
Arrastra los puntos de esquina de la caja delimitadora de forma independiente, creando efectos de perspectiva y distorsión trapezoidal. Ideal para mockups y efectos 3D falsos.
Ambos crean efectos orgánicos muy expresivos en ilustración.
Aplica Deformar y Molinete sobre un rectángulo y un círculo. Experimenta con el radio del cursor y la velocidad del arrastre para crear formas orgánicas únicas.
1. ¿Para qué sirve la herramienta Anchura (Shift+W)?
2. ¿Qué atajo repite la última transformación?
3. ¿Qué herramienta está agrupada con la Línea?
La herramienta Calco de Imagen (Image Trace) convierte automáticamente imágenes de mapa de bits en arte vectorial editable. Tiene sus ventajas e inconvenientes respecto al trazado manual con la pluma.
Image Trace analiza una imagen rasterizada (JPEG, PNG) y la convierte en trazados vectoriales. Antes se llamaba "Calco en Vivo" (Live Trace) en versiones anteriores de Illustrator.
Coloca una imagen en el documento: Archivo → Colocar
Selecciona la imagen y ve a Objeto → Calco de Imagen → Crear
O usa el botón Calco de Imagen en la barra de control superior
Ajusta el panel Calco de Imagen para controlar el resultado
Haz clic en Expandir para convertirlo en vectores editables reales
| Preset | Descripción | Mejor para |
|---|---|---|
| Blanco y negro | Convierte a sólo 2 colores: negro y blanco | Bocetos, stencils, sellos |
| Escala de grises | Genera tonos intermedios | Fotografías en B&N |
| Color limitado | Número reducido de colores (configurable) | Logos, iconos flat |
| Color completo | Máxima fidelidad de color | Ilustraciones complejas |
| Boceto | Imita líneas de boceto | Dibujos a lápiz |
| Silueta | Una sola forma de color | Iconos, pictogramas |
El parámetro Umbral en el modo B&N define el punto de corte entre blanco y negro. Un valor alto = más negro. Ajústalo según el contraste del boceto original escaneado.
1. ¿Qué hace "Calco de imagen" (Image Trace)?
2. ¿Qué ajuste es mejor para un boceto a lápiz?
3. ¿Qué debes hacer después de calcar para editar los trazados?
La última etapa del flujo de trabajo es la exportación correcta. Diseñar bien el archivo es sólo la mitad del trabajo; el otro 50% es entregar el archivo en el formato y las especificaciones correctas para imprenta o uso digital.
Modo de color — ¿Es CMYK para imprenta o RGB para digital?
Sangrado — ¿Hay 3-5 mm de sangrado en los bordes para imprenta?
Texto a contornos — ¿Están todas las fuentes vectorizadas con Shift+Cmd+O?
Imágenes enlazadas — ¿Están todas las imágenes incrustadas o incluidas en la carpeta?
Resolución — Para imprenta: imágenes a 300 ppi mínimo
Colores Pantone — ¿Están especificados correctamente los colores especiales?
Revisión de solapamiento — ¿Hay objetos ocultos innecesarios?
| Formato | Uso |
|---|---|
| PDF (imprenta) | El estándar para imprenta. Con marcas de corte y sangrado. Compatible con todos los proveedores. |
| SVG | Vectorial para web. Escalable infinitamente en navegadores. Para iconos e ilustraciones web. |
| PNG | Raster con fondo transparente. Para web, redes sociales y presentaciones digitales. |
| JPEG | Comprimido para web. Sin transparencia. Para fotografías y fondos. |
| EPS | Encapsulado PostScript. Para intercambio con otros programas de diseño (legacy). |
| AI (nativo) | Guardar el archivo editable. Siempre mantener copia del original .ai antes de aplanar/contornear. |
Ve a Archivo → Guardar como y elige formato PDF
En el diálogo de PDF, selecciona el preset "PDF/X-4" o el indicado por la imprenta
En la pestaña Marcas y sangrado: activa Marcas de corte y Sangrado del documento
En Compresión: 300 ppi para imágenes de color e imágenes en escala de grises
Haz clic en Guardar PDF. Revisa el resultado con Adobe Acrobat Reader.
El sangrado es una extensión de 3-5 mm del diseño más allá del borde de corte. Cuando la imprenta corta el papel, pequeñas variaciones de ±1-2 mm no dejan márgenes blancos en el borde.
Exporta el proyecto de poster en dos versiones: PDF/X-4 para imprenta (CMYK, sangrado 3mm, marcas de corte) y PNG 72ppi para uso en redes sociales (RGB).
1. ¿Qué es el sangrado?
2. ¿Qué debes hacer con el texto antes de enviar a imprenta?
3. ¿Qué formato PDF es estándar para preimpresión?
Cinco prácticas progresivas diseñadas para el aula de FP Grado Medio. Cada ejercicio introduce nuevas competencias y está calibrado para completarse en el tiempo de una sesión.
Crear una composición abstracta usando únicamente las herramientas de forma de Illustrator (rectángulo, elipse, polígono, estrella). Practicar alineación, distribución y orden de apilamiento.
Crea un documento A4 horizontal, RGB o CMYK según destino
Dibuja al menos 8 formas diferentes usando M, L, polígono y estrella
Aplica colores diferentes a cada forma (relleno + trazo)
Usa el panel Alinear para ordenar la composición
Agrupa los elementos y añade un fondo de color
Diseñar un logotipo simple usando la herramienta Pluma para formas personalizadas y el Buscatrazos/Creador de formas para operaciones booleanas. Resultado: un logotipo en 2 colores máximo.
Elige una empresa o marca inventada para el logotipo
Diseña el símbolo o ícono con la herramienta Pluma
Usa Buscatrazos (Menos frente / Unir) para crear la forma definitiva
Añade el nombre de la empresa con texto tipográfico coherente
Vectoriza el texto (Shift+Cmd+O) y entrega
Para este ejercicio el alumnado debe haber practicado la herramienta Pluma en el juego bezier.method.ac y superar al menos los primeros 5 niveles.
Crear una ilustración usando principalmente el Pincel Blob y el Borrador. El resultado debe ser un personaje simple o un elemento natural (árbol, flor, animal) en estilo flat design con colores planos.
Bosqueja en papel la idea antes de entrar al ordenador
Escanea o fotografía el boceto y colócalo como capa guía en Illustrator (transparencia ~30%)
Trabaja en capas separadas por colores usando el Pincel Blob
Refina bordes con el Borrador. Ajusta tamaño del pincel con [ y ]
Añade detalles finales con la herramienta Pluma para líneas precisas
Diseñar la zona tipográfica de un poster usando herramientas de texto avanzadas: texto circular (en trazado), texto de área en silueta y Touch Type para letras individuales animadas.
Crea un círculo. Usa Texto en trazado para escribir texto circular
Dibuja una silueta simple (estrella, corazón). Usa Texto de área
Añade un título grande. Usa Touch Type para manipular letras
Combina mínimo 2 familias tipográficas con contraste claro
Vectoriza todo el texto y entrega en PDF
El diseño debe mostrar claramente una jerarquía: título (grande, llamativo), subtítulo (medio, complementario) e información (pequeño, legible). Cada nivel debe ser visualmente distinguible.
Proyecto integrador que combina todas las competencias del módulo: diseño vectorial de una ilustración desde boceto hasta arte final, texto tipográfico para un poster, color CMYK y Pantone, y exportación correcta para imprenta y uso digital.
Setup — Documento A2 CMYK, artboards para poster y camiseta
Boceto — Escanear y colocar como referencia en capa guía
Vectorizar — Trazar la ilustración con Pluma y/o Blob Brush
Compounding — Preparar el vector para colorear con Pathfinder
Color — Versión CMYK (poster) y Pantone (camiseta serigrafía)
Tipografía — Añadir texto al poster, vectorizar fuentes
Exportar — PDF/X-4 (imprenta) + PNG/SVG (digital)
Dominar los atajos de teclado multiplica la velocidad de trabajo. Esta referencia cubre los atajos más importantes de Adobe Illustrator, organizados por categoría.
| Atajo | Herramienta |
|---|---|
| V | Selección |
| A | Selección directa |
| P | Pluma |
| Shift+C | Ancla (convertir punto) |
| M | Rectángulo |
| L | Elipse |
| T | Texto |
| Shift+T | Touch Type |
| N | Lápiz |
| B | Pincel |
| Shift+B | Pincel Blob |
| Shift+E | Borrador |
| S | Escala |
| R | Rotación |
| O | Reflejo |
| E | Transformación libre |
| G | Degradado |
| I | Cuentagotas |
| Shift+M | Creador de formas |
| Z | Zoom |
| Y | Varita mágica |
| Shift+W | Anchura de trazo |
| Shift+O | Mesa de trabajo |
| Atajo | Acción |
|---|---|
| Cmd/Ctrl + Z | Deshacer |
| Cmd/Ctrl + Shift + Z | Rehacer |
| Cmd/Ctrl + C | Copiar |
| Cmd/Ctrl + V | Pegar |
| Cmd/Ctrl + X | Cortar |
| Cmd/Ctrl + Shift + V | Pegar en el mismo lugar |
| Cmd/Ctrl + G | Agrupar selección |
| Cmd/Ctrl + Shift + G | Desagrupar |
| Cmd/Ctrl + A | Seleccionar todo |
| Cmd/Ctrl + L | Nueva capa |
| Cmd/Ctrl + R | Mostrar/Ocultar reglas |
| Cmd/Ctrl + ; | Mostrar/Ocultar guías |
| Cmd/Ctrl + ' | Mostrar/Ocultar cuadrícula |
| Cmd/Ctrl + 0 | Ajustar a ventana |
| Cmd/Ctrl + 1 | Zoom 100% |
| Cmd/Ctrl + 8 | Crear trazado compuesto |
| Shift+Cmd + O | Texto a contornos |
| Tab | Ocultar/Mostrar paneles |
| F | Cambiar modo pantalla |
| Espacio | Herramienta Mano |
| [ / ] | Reducir/Aumentar pincel |
| Shift+Cmd+F9 | Panel Buscatrazos |
SHIFT
+ Arrastrar forma = Proporciones iguales
+ Clic = Añadir a selección
+ Pluma = Líneas a 45°/90°
+ Rotar = Snap a 45°
ALT / OPTION
+ Arrastrar = Duplicar objeto
+ Cuentagotas = Aplicar color
+ Clic (pluma) = Convertir ancla
+ Clic zoom = Reducir zoom
CMD/CTRL
+ Arrastrar (estrella) = Profundidad puntas
+ Clic en grupo = Entrar al grupo
↑/↓ con forma = +/− lados (polígono)
Espacio = Mano temporal
1. ¿Qué herramienta activa la tecla P?
2. ¿Qué hace Cmd+Z?
3. ¿Qué tecla activa el Zoom?
Diez cosas que todo principiante debe conocer antes de empezar un proyecto en Illustrator. Estos conocimientos mejoran el flujo de trabajo y evitan los errores más comunes.
Usa Cmd+0 para ajustar a ventana y Cmd+1 para zoom 100%. Mantén Alt + rueda del ratón para hacer zoom con precisión. Activa la herramienta Zoom con Z y Alt+clic para alejar.
Mantén Espacio en cualquier momento para activar temporalmente la herramienta Mano y desplazarte por el documento. Al soltar, vuelves a la herramienta anterior. Imprescindible cuando estás muy ampliado.
Con la herramienta Selección activa, mantén Alt y arrastra un objeto para duplicarlo. El original permanece y obtienes una copia. Cmd+D repite la última transformación/duplicado.
Mantén Shift+clic para añadir objetos a la selección. Arrastra un rectángulo de selección para seleccionar todos los objetos que toca. Con Cmd+A seleccionas todo el contenido del artboard activo.
El panel Alinear (Ventana → Alinear) permite alinear objetos entre sí o respecto al artboard. Activa "Alinear con: Mesa de trabajo" para posicionamiento absoluto. Usa la distribución con espacio uniforme.
Activa reglas con Cmd+R. Arrastra desde la regla horizontal o vertical para crear guías. Las guías son ayudas visuales no imprimibles. Bloquéalas con Vista → Guías → Bloquear guías para no moverlas por error.
Las Guías inteligentes (Cmd+U) son ayudas dinámicas que aparecen al mover objetos, indicando alineaciones, centros y ángulos. Son indispensables para un trabajo preciso y rápido sin necesidad de guías manuales.
Al escalar un objeto, por defecto el trazo no escala con él. Para que sí lo haga: ve a Edición → Preferencias → General y activa "Escalar trazos y efectos". O actívalo temporalmente en el cuadro de Transformar.
Usa F para cambiar entre los modos de pantalla: ventana normal, pantalla completa con barra de menús, y pantalla completa sin interfaz. Tab oculta todos los paneles para ver el trabajo sin distracciones.
Activa la cuadrícula con Cmd+'. Configura el tamaño y subdivisiones en Illustrator → Preferencias → Guías y cuadrícula. Combina con Ajustar a cuadrícula para posicionamiento pixel-perfect.
Juego interactivo para aprender la herramienta Pluma de forma gamificada. Imprescindible para el aula. Niveles progresivos de dificultad. Gratuito y sin registro.
La plataforma oficial de tutoriales de Adobe. Tutoriales en vídeo para todos los niveles, directamente de Adobe. Muchos son gratuitos en helpx.adobe.com.
Canal de YouTube con el curso completo "Beginners Guide to Adobe Illustrator" en el que se basa este material. 19 episodios en inglés, muy didácticos y claros.
1. ¿Para qué sirven las Guías Inteligentes (Cmd+U)?
2. ¿Ventaja de escalar con doble clic (cuadro de diálogo)?
3. ¿Qué hace Cmd+D?
Crear capa — Icono + en el panel o Cmd+L
Renombrar — Doble clic sobre el nombre de la capa
Ocultar — Clic en el icono de ojo. Alt+clic oculta todas las demás
Bloquear — Clic en la columna del candado. Los objetos bloqueados no pueden seleccionarse
Reordenar — Arrastra la capa arriba o abajo en el panel
Mover objeto — Arrastra el cuadrado de color que aparece al seleccionar un objeto
Seleccionar todo en una capa — Alt+clic en el nombre de la capa
| Acción | Atajo |
|---|---|
| Abrir/cerrar panel Capas | F7 |
| Nueva capa | Cmd+L |
| Ocultar todas menos una | Alt+clic en el ojo |
| Bloquear todas menos una | Alt+clic en el candado |
| Seleccionar todo en capa | Alt+clic en el nombre |
| Duplicar capa | Arrastrar al icono + |
⚠️ Los objetos de capas bloqueadas no pueden moverse ni editarse, pero sí imprimirse y exportarse.
El orden en el panel Capas determina la profundidad visual: arriba = frente, abajo = fondo
1. ¿Qué atajo crea una nueva capa?
2. ¿Cómo ocultas todas las capas excepto una?
3. ¿Qué efecto tiene bloquear una capa?