Capitulo 1: Introducción Adobe Illustrator

¿Que es el dibujo vectorial?

Se refiere al uso de fórmulas geométricas para representar imágenes por software y hardware. Esto significa que los dibujos vectoriales son creados con primitivas geométricas como puntos, líneas, curvas o polígonos.

Las imágenes vectoriales son más flexibles porque pueden ser redimensionadas y extendidas sin perder calidad. Incluso la animación por gráficos vectoriales suele ser más sencilla. Otra ventaja de los gráficos vectoriales es que su representación suele requerir menos memoria y menos espacio de almacenamiento. 

¿Cuando debemos usar Adobe Illustrator? 

Es importante recalcar que este programa no se utiliza para retocar imágenes, es un programa utilizado por los diseñadores gráficos en su mayoría para crear logotipos, dibujo vectorial, ilustración, aplicaciones básicas de diseño (cartel, triptico, tarjetas de presentación, volantes, calcomanias, papelería en general y revistas entre otros productos). Pero su mayor ventaja es el manejo de vectores o imágenes vectoriales. 

¿Como iniciamos en Adobe Illustrator? 

Para comenzar a trabajar en el programa se activa la pestaña en el borde superior izquierdo, la cual aparece como “File” , al tocar con el mouse sale un desplegado en el cual vamos a hacer click en el primero que es “New”. 

Elegir el área de trabajo

Siempre que iniciamos un área nueva de trabajo, este programa automáticamente nos muestra este cuadro, en el cual podemos seleccionar el tamaño de nuestra hoja, si queremos que nuestro trabajo tenga nombre, que orientación queremos que tenga (horizontal y vertical). 

Nueva área de trabajo

Despúes de haber configurado el área de trabajo, para comenzar a trabajar en Illustrator, la primer pantalla que aparece es esta, nos muestra la hoja en blanco, y las 2 barras más importantes para poder iniciar en el programa (aparecen en el lado izquierdo y derecho de nuestra pantalla.

Aqui se muestran explicaciones extras de las áreas de trabajo.

La barra de aplicación de la parte superior contiene un conmutador de espacio de trabajo y otros controles de aplicación.

• El panel de herramientas incluye utilidades para crear y editar imágenes, ilustraciones, elementos de página, etc. Las herramientas seleccionadas están agrupadas.

• El panel Control muestra opciones específicas de las herramienta seleccionada en el momento, el panel de control también se conoce como la barra de opciones en Photoshop, ya que Adobe Flash, Dreamweaver y Fireworks no tienen panel de control.

• La ventana documento exhibe el archivo en el que se trabaja. las ventanas Documento se pueden organizar como fichas, y en ciertos casos, también se pueden agrupar y acoplar.

• Los paneles ayudan a controlar y modificar el trabajo, también se puede trabajar mediante capas que nos ayudan y permiten recuperar pasos y edición no guardada (seguridad). 

Herramientas de Illustrator

El panel de herramientas aparece a la izquierda de la pantalla. Esta barra nos permite crear, seleccionar y manipular objetos en el programa. Algunas herramientas disponen de opciones que aparecen al hacer doble click en una de ellas. Entre ellas se incluyen herramientas que permiten usar texto, seleccionar pintar, mover, borrar, editar y rotar objetos e imágenes. 

Informe general de panel de Herramientas 

Se muestra una descripción más precisa de las áreas de trabajo y barras de aplicaciones.

Este programa nos ayuda con numerosas herramientas para crear y manipular las ilustraciones. 

Galería de herramientas de dibujo

Illustrator nos muestra las siguientes herramientas de dibujo:

Galería de herramientas de pintura 

Aqui podemos ver ejemplos que podemos hacer con las opciones para pintar: 

Archivos y plantillas

• Documento para CMYK básico: utiliza una mesa de trabajo a4 por defecto y nproporciona una variedad de tamaños para poder elegir. Utilice este perfil si pretende enviar un documento a varios tipos de soportes.

• Documento para RGB básico: utiliza una mesa de trabajo de un tamaño de 800 x 600 pixeles y proporciona una variedad de tamaños correctos de impresión, video y web para elegir. No utlice esta opción si pretende enviar un documento a una oficina de servicios o una impresora de alta resolución, utilice este perfil para los documentos que se imprimirán en impresoras de resolución media, Web o varios tipos de soportes.

• Para ajustar un documento en cualquier momento las unidades de medida, la visualización de la cuadrícula de transparencia, el color del fondo y ajustes de texto, como por ejemplo, el idioma, el estilo de comillas, el tamaño del superíndice y subíndice, el botón editar mesas de trabajo cierra este cuadro de diálogo y activa la herramienta Mesa de trabajo. Recuerde guardar su archivo despúes de modificar cualquier cosa así como en el transcurso del trabajo, para evitar perdidas o problemas con el avance de su trabajo. 
• Un documento es el espacio en el que crea una ilustración, en este programa puede crear documentos para distintas formas de salidas. Cada documento puede ser establecido con valores diferentes según la salida que desee, para el tamaño, el color, las unidades, la transparencia y la resolución.

• Documento para imprimir: utiliza una mesa de trabajo A4( carta) por defecto y proporciona una variedad de tamaños de impresión preestablecidos para elegir. Utilice este perfil si pretende enviar el archivo a una oficina de servicios para imprimirlo en una impresora de alta resolución.

• Documento para Web: Proporciona opciones establecidas optimizadas para la salida Web

• Documento para dispositivos móviles: Crea un tamaño de archivo pequeño preestablecido para un dispositivo móvil concreto. Puede escoger el dispositivo desde el menú tamaño.

• Documento para video y película: Proporciona varios tamaños de área de recorte de tipo video y película por defecto, illustrator ajusta los archivos con valores de anchura y altura (cuadrados). 

Dibujo simple y complejo

Los gráficos vectoriales están compuestos de líneas y curvas definidas por objetos matemáticos denominados vectores, que describen una imagen de acuerdo con sus características geométricas. Los trazados son dibujos con líneas, consta de uno o más segmentos rectos o curvos, el inicio y fin de cada segmento queda marcado por puntos de ancla, que funcionan como clavijas de sujección de cables. Un trazado puede estar cerrado o abierto, con marcados puntos finales (una línea ondulante).

Puede cambiar la forma de un trazado arrastrando sus puntos de ancla, los puntos de dirección al final de las líneas de dirección que aparecen en puntos de ancla, o el propio segmento de trazado.

Reglas, cuadrículas y marcas de recorte

Los trazados pueden tener dos tipos de punto de ancla: puntos de vértice y puntos de suavizado. En un punto de vértice cambia de dirección repentinamente, en un punto de suavizado, los segmentos del trazado se conectan como una curva continua.

Líneas y puntos de dirección 

Cuando se selecciona un punto de ancla que conecta segmentos curvos, los puntos de ancla de los segmentos conectados muestran controladores de dirección, que consta de líneas de dirección que terminan en puntos de dirección, el ángulo y la longitud de las líneas de dirección determinan la forma y el tamaño de los segmentos curvos. Al mover los puntos de dirección se modifica la forma de las curvas.

Las líneas de dirección son siempre tangentes a la curva de los puntos de ancla y perpendiculares al radio de curva. El ángulo de cada línea de dirección determina la inclinación de la curva, y la longitud de cada línea de dirección determina la altura o profundidad de la curva. 

Dibujos con la herramienta pluma 

Con esta herramienta se pueden trazar segmentos de línea recta , el tipo de trazado es más sencillo, que se crea haciendo clic con la pluma para crear dos puntos de ancla. También podemos crear segmentos con línea curva; añadiendo un punto de ancla donde la curva cambie de dirección y arrastrando las líneas de dirección que formen la curva. La longitud y la pendiente de las líneas de dirección determinan la forma de la curva. Las curvas son fáciles de modificar y entre menos puntos de ancla se crean es menor el grado de dificultad para manejarlas. 

Dibujo de curvas con herramienta pluma 

Seleccione la herramienta Pluma, sitúe la herramienta Pluma donde desee que empiece la curva y mantenga pulsado el botón del ratón. Aparece el primer punto de ancla y el puntero de la herramienta Pluma se convierte en una punta de flecha. Arrastre para definir la inclinación del segmento curvo que está creando y suelte el botón del ratón. 

Es muy importante saber que cada versión de Adobe Illustrator sufre pequeñas modificaciones según el numero de versión, por ende te recomiendo revisar los siguientes manuales de los creadores de Illustrator  "Adobe"

Manual Illustrator CS4

Manual Illustrator CS5

Manual Illustrator CS6

De la teoria a la practica 

A continuación mostramos un par de videos en donde nos muestran como utilizar las herramientas básicas del Adobe Illustrator y como a través de estas trazar una imagen vectorial.

 ¿Entendido? ahora veremos la forma en que se aplican las herramientas de Adobe Illustrator en los siguientes  video podcast:

Por si aun quedan dudas, puedes consultar las siguientes paginas donde podrás aprender mas acerca de estos temas y realizar algunos ejercicios.

Aprende illustraitor con 100 ejercicios

Aprende a illustrar

Tarea

Ahora que eres un experto en Illustrator realizaras una infografia  de tema libre,  acorde a las siguientes características.

Criterios de evaluación	Rubrica de evaluación Creación de infografía
Información 2 puntos	Crear una infografía, en donde se de cuenta de un lenguaje visual que de a entender el proceso descrito
Creación de imágenes 2 puntos	Los elementos gráficos de esta infografía; como las imágenes y vectores fueron trabajados con Adobe Illustrator
Ordenado y organizado 2 puntos	Mostrar gráficamente los datos de forma clara y organizada, entendible para todo público
Comprensible 2 puntos	Temática libre en donde se diera cuenta de un lenguaje visual, que se diera a entender por si solo
Diseño 2 puntos	Se cuidan los aspectos visuales como color, textos, imágenes, distribución.