La primera vez que abrí Illustrator me quedé mirando la pantalla sin saber por dónde empezar. Tantos paneles, tantos iconos y ninguna pista clara. Si estás igual, tranquilo. En este tutorial de Illustrator para principiantes te acompaño desde cero: qué es el programa, cómo moverte por su espacio de trabajo y cómo dibujar tu primer icono sin morir en el intento.
No necesitas saber dibujar ni tener conocimientos previos. Solo ganas de trastear un rato. Vamos por orden, con capturas en cada paso importante, para que puedas seguirme mirando tu propia pantalla.
Qué es Illustrator (y por qué vectorial cambia todo)
Adobe Illustrator es el programa estándar para crear gráficos vectoriales: logos, iconos, ilustraciones y tipografía. La diferencia clave con Photoshop está en cómo guarda la imagen.
Un mapa de bits (lo que hace Photoshop) guarda la imagen como una rejilla de píxeles. Si la amplías mucho, se pixela y se ve borrosa. Un vector guarda la imagen como fórmulas matemáticas: puntos, líneas y curvas. Puedes escalarlo del tamaño de un sello al de una valla publicitaria sin perder ni un gramo de nitidez.
Por eso los logos se hacen en Illustrator. El mismo archivo sirve para tu tarjeta de visita y para la lona de una feria. Aprende más sobre las herramientas oficiales en la página de Adobe Illustrator.
| Vectorial (Illustrator) | Mapa de bits (Photoshop) |
|---|---|
| Escala infinita sin perder calidad | Se pixela al ampliar |
| Ideal para logos, iconos, tipografía | Ideal para fotos y retoque |
| Archivos ligeros | Archivos pesados a alta resolución |
Crear tu primer documento y conocer el espacio de trabajo
Al abrir Illustrator verás la pantalla de inicio. Pulsa Crear nuevo (o Archivo > Nuevo). Se abre un cuadro con presets: Impresión, Web, Móvil, Vídeo. Para un icono o un logo, elige Web o un lienzo cuadrado tipo 1000 x 1000 px. Deja el resto por defecto y dale a Crear.
Las mesas de trabajo
El rectángulo blanco del centro es tu mesa de trabajo (artboard). Es el área que se exportará. Puedes tener varias mesas en un mismo archivo: útil para diseñar, por ejemplo, las tres versiones de un logo a la vez. La herramienta de mesas de trabajo está en la barra lateral, con atajo Mayús + O.
Los paneles
A la izquierda tienes la barra de herramientas. A la derecha, los paneles: Propiedades, Capas, Color, Muestras y muchos más. Si cierras uno sin querer, lo recuperas desde el menú Ventana. Mi consejo: no toques nada al principio. Trabaja con el espacio «Esenciales» que viene por defecto (arriba a la derecha) hasta que te sientas cómodo.
Truco: para moverte por el lienzo mantén pulsada la barra espaciadora y arrastra. Para hacer zoom, Ctrl/Cmd + rueda del ratón. Estas dos cosas las harás mil veces al día.
Las herramientas básicas que usarás cada día
La barra tiene decenas de herramientas, pero al principio solo necesitas seis. Estas son las que uso constantemente y su atajo de teclado.
- Selección (V): la flecha negra. Mueve, escala y rota objetos enteros.
- Selección directa (A): la flecha blanca. Edita puntos y curvas de una forma por separado.
- Formas (M para rectángulo, L para elipse): dibuja rectángulos, círculos y polígonos.
- Pluma (P): dibuja trazados a mano con puntos de ancla. La más temida y la más potente.
- Texto (T): escribe y da formato a las palabras.
- Cuentagotas (I): copia el color de un objeto a otro al instante.
Dos paneles más que conviene tener a mano: Capas, que organiza tu dibujo en niveles apilados (como hojas transparentes), y Muestras, donde guardas tus colores. Los abres desde el menú Ventana.
Dibuja tu primer icono paso a paso
Vamos a la práctica. Crearemos un icono sencillo de una nube combinando círculos y un rectángulo. Es el ejercicio perfecto para entender cómo se construyen las formas en vectorial: uniendo piezas simples.
- Coge la herramienta Elipse (L). Mantén Mayús y arrastra para dibujar un círculo perfecto.
- Con la Selección (V), copia y pega el círculo dos veces. Coloca tres círculos de tamaños distintos, solapados en fila, como los bultos de una nube.
- Coge el Rectángulo (M) y dibuja una barra horizontal que una la base de los tres círculos. Ya tienes la silueta de una nube.
- Selecciona las cuatro formas con la Selección (V) arrastrando un recuadro alrededor.
- Abre Ventana > Buscatrazos (Pathfinder) y pulsa Unir. Las cuatro piezas se fusionan en una sola forma de nube.
- Con la nube seleccionada, haz clic en un color del panel Muestras para rellenarla. Quita el borde poniendo el trazo en «Ninguno».
- Guarda con Ctrl/Cmd + S. Enhorabuena: acabas de crear tu primer vector.
Como alternativa al Buscatrazos, prueba la herramienta Creador de formas (Mayús + M): seleccionas las formas, arrastras por encima y va fusionando las partes que tocas. A muchos principiantes les resulta más intuitiva.
Si quieres practicar con ejemplos ya hechos, echa un vistazo a mi colección de iconos para web y abre alguno en Illustrator para ver cómo está construido por dentro.
Tip: Para aprender más rápido, abre plantillas profesionales y estúdialas por dentro. En Envato Elements tienes miles de recursos y plantillas para Illustrator con descargas ilimitadas.
Trabajar con texto
Coge la herramienta Texto (T) y haz clic en el lienzo para escribir una línea suelta. Si en cambio arrastras un recuadro antes de escribir, creas un bloque de texto de párrafo que fluye dentro de esa caja.
El tipo de letra, el tamaño y el interlineado se ajustan en el panel Carácter (Ventana > Texto > Carácter). Un paso clave para logos: cuando el texto esté listo, selecciónalo y ve a Texto > Crear contornos (Ctrl/Cmd + Mayús + O). Eso convierte las letras en formas vectoriales, así el archivo se ve igual aunque quien lo abra no tenga esa fuente instalada.
¿Buscas tipografías con las que practicar? Tengo una selección de tipografías gratis con licencia clara para uso comercial.
Color y degradados
Cada objeto tiene dos atributos de color: relleno (el interior) y trazo (el borde). Los verás como dos cuadrados arriba en la barra de herramientas. Haz doble clic en el relleno para abrir el selector y elegir un color exacto.
Para un color plano, usa el panel Muestras. Para una transición suave entre dos o más colores, usa el panel Degradado (G). Selecciona tu forma, aplica un degradado y arrastra con la herramienta Degradado para controlar la dirección y el ángulo.
Un detalle que confunde al principio: si trabajas para pantalla usa modo de color RGB; si vas a imprimir, CMYK. Lo defines al crear el documento y lo cambias en Archivo > Modo de color del documento.
Guardar y exportar: AI, SVG, PNG y PDF
Aquí muchos principiantes se lían. La regla es sencilla: guardar es para tu archivo de trabajo, exportar es para entregar el resultado.
- .AI (Archivo > Guardar): tu archivo editable de Illustrator. Guarda siempre este primero. Es tu original.
- .SVG (Archivo > Exportar): vectorial para web. Escala sin perder calidad y pesa poco. Ideal para iconos y logos en una página.
- .PNG (Archivo > Exportar > Exportar como): mapa de bits con fondo transparente. Perfecto para redes sociales o para pegar en una presentación.
- .PDF (Archivo > Guardar como): el formato universal para enviar a imprenta o a un cliente.
Para exportar varios tamaños de golpe (por ejemplo un icono en PNG y SVG a la vez), usa Archivo > Exportar > Exportar para pantallas. Te ahorra muchísimo tiempo.
Atajos que te ahorran horas
Memoriza estos poco a poco. En un mes los harás sin pensar y trabajarás el doble de rápido.
| Acción | Windows | Mac |
|---|---|---|
| Selección | V | V |
| Selección directa | A | A |
| Pluma | P | P |
| Texto | T | T |
| Rectángulo / Elipse | M / L | M / L |
| Deshacer | Ctrl + Z | Cmd + Z |
| Agrupar objetos | Ctrl + G | Cmd + G |
| Ajustar a ventana | Ctrl + 0 | Cmd + 0 |
| Guardar | Ctrl + S | Cmd + S |
Errores típicos de principiante (y cómo evitarlos)
- Confundir relleno y trazo. Si tu forma sale hueca, es que tienes color en el trazo y «Ninguno» en el relleno. Revisa los dos cuadrados de la barra.
- No crear contornos en el texto. Envías un logo, el cliente no tiene tu fuente y las letras cambian. Convierte siempre a contornos antes de entregar.
- Trabajar en un solo nivel. Sin capas, mover un elemento arrastra otros por error. Organiza en capas desde el principio.
- Exportar en el formato equivocado. Un logo en JPG con fondo blanco es un clásico. Para transparencia, usa PNG o SVG.
- No guardar el .AI. Si solo guardas el PNG, no podrás volver a editarlo. El original siempre en .AI.
Siguientes pasos
Con lo de aquí ya puedes crear iconos, logos sencillos y composiciones de texto. El siguiente reto es domar la pluma (P): dedícale una tarde a trazar curvas sobre una foto de plantilla y le cogerás el punto. También te vendrá bien practicar con texturas gratis para dar acabado a tus diseños.
Un aviso honesto sobre el coste: Illustrator es de suscripción mensual dentro de Creative Cloud, no se compra una vez y ya. Si el pago recurrente no te convence, existe una alternativa de pago único muy capaz. Te lo cuento en mi comparativa Affinity Designer e Illustrator: cuál es mejor.
Preguntas frecuentes
¿Puedo aprender Illustrator sin saber dibujar?
Sí. Buena parte del trabajo consiste en combinar formas básicas, no en dibujar a mano alzada. El icono de nube de este tutorial se hace solo con círculos y un rectángulo.
¿Illustrator es gratis?
No. Funciona por suscripción mensual dentro de Adobe Creative Cloud. Ofrece una prueba gratuita de unos días. Si prefieres pago único, mira una alternativa como Affinity Designer.
¿Cuánto tardo en aprender lo básico?
Con unas horas de práctica dominas la interfaz, las formas y la exportación. La pluma y las curvas avanzadas te llevarán algunas semanas de uso regular.
¿En qué formato guardo un logo?
Guarda el original en .AI para editarlo. Entrega en .SVG para web, .PNG con transparencia para redes y .PDF para imprenta o clientes.
¿Illustrator o Photoshop para empezar?
Depende de tu objetivo. Illustrator para logos, iconos e ilustración vectorial. Photoshop para fotografía y retoque. Para diseño de marca, empieza por Illustrator.
Y hasta aquí tus primeros pasos. Abre el programa, dibuja esa nube y me cuentas en los comentarios cómo te ha ido. Que lo disfrutes.
