UNIVERSIDAD TECNOLÓGICA INDOAMÉRICA
MANUAL ADOBE ILLUSTRATOR POR: VALERIA GUALPA
12/07/2021
ÍNDICE CONCEPTO ................................................................................................................... 2 ¿QUÉ ES ADOBE ILLUSTRATOR? .......................................................................... 2 HISTORIA Y EVOLUCIÓN......................................................................................... 2 CARACTERÍSTICAS ................................................................................................... 9 DESCARGA E INSTALACIÓN ................................................................................. 10 HERRAMIENTAS Y CONTROLES GENERALES ............................................... 15 1.
HERRAMIENTAS DE SELECCIÓN................................................................. 15
2.
HERRAMIENTAS DE DIBUJO ........................................................................ 16
3.
HERRAMIENTAS DE TEXTO ......................................................................... 18
4.
HERRAMIENTAS DE PINTURA ..................................................................... 19
5.
HERRAMIENTAS PARA REFORMAR ........................................................... 20
6.
HERRAMIENTAS DE SÍMBOLO..................................................................... 23
7.
HERRAMIENTAS DE GRÁFICA ..................................................................... 24
8.
HERRAMIENTAS DE ZOOM Y DESPLAZAMIENTO .................................. 26
9.
HERRAMIENTAS DE SECTOR Y CUCHILLA .............................................. 27
INTERFAZ DE USUARIO ......................................................................................... 28 1.
BARRA DE MENÚS .......................................................................................... 28
2.
PANAL DE CONTROL O BARRA DE PRIORIDADES ................................. 28
3.
FICHAS DE DOCUMENTO .............................................................................. 29
4.
BARRA DE HERRAMIENTAS ......................................................................... 29
5.
ÁREA DE TRABAJO ......................................................................................... 29
6.
MESA DE TRABAJO ......................................................................................... 30
7.
PANELES ............................................................................................................ 30
8.
BARRA DE ESTADO ........................................................................................ 31
EJERCICIOS ................................................................................................................ 32 BIBLIOGRAFÍA .......................................................................................................... 41
1
CONCEPTO ¿QUÉ ES ADOBE ILLUSTRATOR? La aplicación Illustrator es un software de gráficos vectoriales que forma parte de Adobe Creative Cloud (CC) donde su objetivo es generar material profesional, la extensión de sus documentos es “.ai” y se caracteriza por trabajar sobre un tablero de dibujo, mejor conocido como “mesa de trabajo”, ofrece varias herramientas para crear y diseñar ilustraciones de forma rápida y sencilla con diferentes tamaños, colores, figuras, etc. Se basa en fundamentos de la matemática para conservar la resolución de las imágenes, es decir no se aprecia los pixeles, por lo que ayuda a producir láminas en cualquier escala.
HISTORIA Y EVOLUCIÓN
Adobe Ilustrator surge en 1986 para crear gráficos innovadores ahorrando tiempo de sus usuarios, desde entonces se abrió un nuevo camino para el mundo del diseño gráfico, sin embargo, solo podía ejecutarse en sistemas Apple Macintosh. Luanne Seymour Cohen encargado del marketing de la empresa Adobe Systems eligió la imagen “El Nacimiento de Venus” creado por Sandro Botticelli (perteneciente a la época del renacimiento) para presentar el splash screen de Adobe Illustrator de ese entonces, ya que al usar el rostro de Venus 2
con su cabello ondulado demostraba la función principal de Illustrator, es decir generar líneas curvas y fluidas que brindan los gráficos vectoriales. En enero de 1987 Adobe Illustrator se comercializó en el mercado con la versión 1.0 para la plataforma MAC OS, fue reconocido ya que se reemplazó la práctica manual por lo digital.
En 1989 la herramienta se viralizó porque apareció la primera versión para Windows y surgieron actualizaciones como la incorporación del “zoom” a los controles generales y así facilitar el manejo de la aplicación a los usuarios.
3
Con las nuevas versiones, Adobe Ilustrator integró varias herramientas a su control general, en 1992 y 1993 nacen las versiones 4.0 y 5.0 que cuentan con la opción de pre visualizar el diseño y la herramienta capas. En febrero de 1996 con la versión 6.0 aparece el degradado y pintura. En 1997 con la versión 7.0 nace la opción tranform, rasterización, filtros de pixel y texto vertical.
4
5
En 1998 con la versión 8.0 se agrega el lápiz, pinceles y más tipos de degradados. En el año 2000 con la versión 9.0 se implementó transparencias, opacidad, soporte PDF, etc. Y en noviembre del 2001 aparecen los símbolos, varita mágica y la opción de guardar en la web.
6
En 2003, Adobe Illustrator se convirtió en el mejor editor de gráficos vectoriales, fue entonces cuando la empresa tomó la decisión de unir todos sus programas más populares, por lo que al conjunto de ellos los denominó Adobe Creative Suite (CS) y de esa manera los diseñadores podían crear maravillas como objetos tridimensionales. Con la llegada de CS, versión 11.0, decidieron cambiar el splash screen de Venus como una estrategia de venta. En esta primera versión el paquete contaba con Adobe Ilustrator, Adobe Indesing y Photoshop las cuales contaban con una mejor interfaz de usuario e implementaron crear efectos en 3D, plantillas, tipografías y la opción de guardar en Microsoft Office.
7
Desde 2005 a 2012 se actualizó hasta la versión 16.0, donde aparecieron CS2, CS3, CS4, CS5 y CS6 las cuales te brindaban soporte en Photoshop, Adobe Bridge, flash, modo de insolación, gradaciones, perspectivas, degradaciones y convertir de imágenes con pixeles a vectores que se puede modificar.
En 2013 aparece Creative Cloud (CC) que duró hasta el 2019, desde la versión 17.0 hasta la 23.0, esta nueva opción permite la conexión con la nube. Para obtener este modelo se debe pagar una licencia mensual o anual, ya que instauraron nuevas formas de diseño, colores y maneras de exportar archivos.
8
Desde el 24 de octubre de 2019 aparecen tres nuevas versiones 24.0; 24.0.2 y 24.3 que permitió mejor gestión en archivos, interfaz y rendimiento. Actualmente, la última actualización fue en marzo de 2021 con la versión 25.2.1 que ayuda a ajustar pictogramas, texto vertical, variaciones en tipografía, etc.
CARACTERÍSTICAS Adobe Ilustrator es de los mejores programas de artes digitales porque: Software de diseño vectorial Expande imágenes y no se pierde la calidad 9
Cuenta con varias herramientas para crear y diseñar íconos, logos, etc. Permite hacer dibujos a mano alzada y calcar Incluye herramientas innovadoras de texto Posee mucho espacio para diseñar a cualquier escala (formatos grandes) Los cambios se guardan a cada momento. La versión que cuenta con nube permite crear ilustraciones en cualquier lugar y a cualquier hora. Ventajas de gráficos vectoriales en el diseño: La nitidez no se ve afectada por la escala de las imágenes Edición versátil (los gráficos pueden ser manipulados) Archivos pequeños Mayor detalle en las imágenes (más estético)
DESCARGA E INSTALACIÓN
1. Abrir Google e insertar este link: https://drive.google.com/file/d/19U9GvLz9z17rvNbytfkvSqOqnpqyEDp/view
10
2. Aparecerá una nueva página donde deben dar clic en “Descargar”
3. Clic en “Descargar de todos modos”
4. Una vez descargado lo extraemos al escritorio
11
5. Abrimos la carpeta y clic en “Set-up”, es el instalador de Adobe Ilustrator.
12
6. Aceptamos todos los permisos para descargar y aparecerá una ventana donde te pide información sobre el idioma y ubicación
7. Clic en “Continuar” y empezará la descarga
13
8. Una vez que se cargue, clic en “Iniciar”
9. Una vez instalado se abrirá el programa
14
HERRAMIENTAS Y CONTROLES GENERALES
Existen 9 Tipos de Herramientas en Adobe Ilustration, cada una se subdivide y éstas son: 1. HERRAMIENTAS DE SELECCIÓN
SELECCIÓN
Selecciona
elementos
enteros.
SELECCIÓN DIRECTA
SELECCIÓN DE
Selecciona segmentos de trazado de objetos.
Selecciona objetos y grupos
GRUPOS
dentro de objetos
VARITA
Selecciona
MÁGICA
atributos similares
LAZO
Selecciona
objetos
puntos
con
o
segmentos del trazado de objetos
15
MESA DE
Crea
mesas
TRABAJO
independientes
de
trabajo para
impresión o exportación
2. HERRAMIENTAS DE DIBUJO
PLUMA
Dibuja líneas curvas y rectas
AÑADIR PUNTO
Agrega puntos de ancla a
DE ANCLA
trazados
ELIMINAR PUNTO Elimina puntos de ancla de DE ANCLA
CONVERTIR
trazados
Cambia vértices redondeados
PUNTO DE ANCLA a vértices cuadrado
16
SEGMENTO DE
Dibuja
líneas
rectas
LÍNEA
individuales
ARCO
Dibuja segmentos de curva cóncavos
y
convexos
individuales ESPIRAL
CUADRICULA
Dibuja espirales
Dibuja
cuadrículas
rectangulares
CUADRÍCULA
Dibuja gráficas de cuadrículas
POLAR
polares
RECTÁNGULO
Dibuja
cuadrados
y
rectángulos
17
RECTÁNGULO
Dibuja
REDONDEADO
rectángulos
cuadrados con
y
vértices
redondeados
ELIPSE
Dibuja círculos y elipses
3. HERRAMIENTAS DE TEXTO
TEXTO
Crea texto que se puede modificar
TEXTO DE ÁREA
Convierte los trazados cerrados en contenedores de texto.
TEXTO EN
Convierte trazados en
TRAZADO
trazados de texto
18
TEXTO VERTICAL
Crea textos verticales
4. HERRAMIENTAS DE PINTURA
PINCEL
Dibuja líneas a mano alzada
MALLA
DEGRADADO
Crea y edita mallas
Ajusta los puntos inicial y final así como el ángulo de los degradados dentro de los objetos o aplica un degradado a los objetos
CUENTAGOTAS
Toma y aplica color y texto, incluido efectos de los objetos
BOTE DE PINTURA
Pinta las caras y los bordes
19
SELECCIÓN DE
Selecciona las caras y los
PINTURA
bordes de los grupos de
INTERACTIVA MEDICIÓN
pintura interactiva Mide la distancia entre dos puntos
PINCEL DE
Dibuja
trazados
que
MANCHAS
expanden y combinan automáticamente trazados
de
pincel
caligráfico
5. HERRAMIENTAS PARA REFORMAR
ROTAR
REFLEJO
Gira objetos
Refleja objetos
20
ESCALA
Cambia de tamaño los objetos
DISTROCIÓN
Inclina
REFORMAR
Ajusta los puntos de ancla
seleccionados
manteniendo os detalles globales
de
trazado
intactos TRANSFORMACIÓN Rota lo seleccionado LIBRE ESCALA
FUSIÓN
Crea una serie de objetos fusionados con el color y la
forma
de
varios
objetos DEFORMAR
Moldea objetos
MOLINETE
Crea
distorsiones
en
espiral
21
FRUNCIR
Desinfla
un
objeto
desplazando los puntos de control hacia el cursor
ENGORDAR
Infla un objeto alejando los puntos de control del cursor
FESTONEAR
Añade detalles curvos aleatorios al contorno de una imagen
CRISTALIZAR
Añade detalles en punta aleatorios al contorno de una imagen
ARRUGAR
Añade
detalles
con
aspecto de arruga al contorno de un objeto
22
6. HERRAMIENTAS DE SÍMBOLO
ROTAR SÍMBOLO
Coloca varias instancias de un símbolo como un conjunto en la mesa de trabajo
DESPLAZAR
Mueve instancias de un
SÍMBOLO
símbolo
REUNIR/SEPARAR
Acerca
SÍMBOLOS
CAMBIAR TAMAÑO
o
aleja
las
instancias de símbolo
Cambia el tamaño
DE SÍMBOLO
GIRAR SÍMBOLO
Rota instancias de un símbolo
23
MANCHAR
Colorea instancias de un
SÍMBOLO
símbolo
TRANSLUCIR
Aplica
SÍMBOLO
APLICAR ESTILO A SÍMBOLO
opacidad
a
instancias de un símbolo
Aplica
el
estilo
seleccionado a instancias de símbolo
7. HERRAMIENTAS DE GRÁFICA
GRÁFICA DE
Crea gráficas mediante
COLUMNAS
columnas verticales
24
GRÁFICA DE
Crea columnas una sobre
COLUMNAS
otra,
APILADAS
GRÁFICA DE
en
lugar
de
lateralmente
Crea barras horizontales
BARRAS
GRÁFICA DE BARRAS APILADAS
Tiene la misma función que
las
columnas
apiladas pero en sentido horizontal
GRÁFICA LINEAL
Crea
gráficas
usando
puntos para representar valores
(muestra
la
tendencia de un período de tiempo) GRÁFICA DE ÁREAS Crea gráficas similares a la gráfica lineal pero resalta los totales
25
GRÁFICA DE
Crea gráficos que traza
DISPERSIÓN
puntos como pares de coordenadas en los ejes “x” e “y”
GRÁFICA DE TARTA Crea gráficas circulares que
representan
porcentajes
GRÁFICA DE RADAR
Crea
gráficas
que
comparan conjuntos de valores
en
determinados
puntos en
el
tiempo o en categorías concretas
8. HERRAMIENTAS DE ZOOM Y DESPLAZAMIENTO
MANO
Mueve la mesa de trabajo de ilustrador
SEGMENTACIÓN DE Ajusta la cuadrícula de la IMPRESIÓN
página
26
ZOOM
Aumenta o reduce la vista en la ventana de ilustración
9. HERRAMIENTAS DE SECTOR Y CUCHILLA
SECTOR
Divide las ilustraciones en
imágenes
web
independientes
SELECCIONAR
Selecciona sectores web
SECTOR
BORRADOR
Borra cualquier área de la imagen
27
TIJERAS
Corta
trazados
por
puntos específicos
CUCHILLA
Corta objetos y trazados
INTERFAZ DE USUARIO
1. BARRA DE MENÚS Se ubica en la parte superior, en donde se encuentra la opción de Archivo, Edición, Objeto, Texto, Seleccionar, Efecto, Ver, Ventana, Ayuda, Organizar documentos, Cambiar espacio de trabajo y Ventana de búsqueda
2. PANAL DE CONTROL O BARRA DE PRIORIDADES Se encuentra debajo de la Barra de Menús, estas herramientas cambian según el objeto.
28
3. FICHAS DE DOCUMENTO Aparece una ficha cada vez que abras un documento (se puede organizar en
ventanas) 4. BARRA DE HERRAMIENTAS Se encuentra en el lado izquierdo, agrupa a todas las herramientas y estás son: de selección, dibujo, texto, pintura, para reformar, movimiento y zoom, símbolo, gráfica y sector y corte. Para desplegarlas debemos pulsar unos segundos el mouse y podemos acceder a sus propiedades haciendo doble clic.
5. ÁREA DE TRABAJO En esta área se encuentra las mesas de trabajo en donde se crea ilustraciones y hay que tener en cuenta que solo los objetos que estén en este espacio se pueden imprimir o exportar.
29
6. MESA DE TRABAJO Área en donde sucede la magia, se puede crear y diseñar ilustraciones, en un documento se pueden encontrar más de una mesa de trabajo y éstas tienen propiedades únicas para los proyectos
7. PANELES Están situados a la derecha, en donde se encuentran opciones de Propiedades, Capas y Bibliotecas. Sin embrago, en la opción de Ventana se encuentran todos los paneles que posee Adobe Ilustrator. 30
8. BARRA DE ESTADO Se ubica en la parte inferior de la ventana, contiene una opción para modificar el zoom, navegar por la mesa de trabajo e información sobre la herramienta actual que uses
31
EJERCICIOS
PASOS PARA CREAR ILUSTRACIONES EJEMPLO: CREAR UNA CAJA DE PAPAS FRITAS
1. Abrir la aplicación Adobe Ilustrator y clic en “Crear nuevo”
2. Seleccionar el tamaño del formato y clic en “Crear”
32
3. Seleccionar la Herramienta Rectángulo y lo trazamos
4. Para poner grosor a la figura nos dirigimos a la parte derecha e introducimos un trazo de 10 pt.
5. Con la Herramienta de Selección directa damos la forma de una caja de papas fritas 33
6. Para ajustar el tamaño usamos la Herramienta Selección
7. Mantenemos pulsada la Herramienta Pluma y se nos despliega más herramientas, en este caso elegir “Herramienta Añadir punto de ancla” la cual nos permite agregar un nodo y luego con la Herramienta Selección Directa le damos forma de una caja de papas fritas 34
NODO
35
8. Con la Herramienta Selección Directa seleccionamos los filos inferiores y aparecerá un mini circulo que nos permitirá redondear los bordes y dar mayor forma.
36
9. Ahora procedemos a crear las papas fritas con la Herramienta Rectángulo. Para girar las figuras seleccionamos la Herramienta Selección y nos ubicamos en el lado que queremos girar.
10. Para aplicar el color seleccionamos la forma y nos ubicamos en el panel de la parte derecha y clic en “Relleno”
37
11. Decoramos a nuestro gusto
38
12. Para agregar texto seleccionamos la Herramienta Texto e introducimos la información
39
13. Para guardar el archivo clic en “Archivo” y “Guardar como”
40
BIBLIOGRAFÍA
Adobe. (03 de mayo de 2021). Galería de Herramientas. Obtenido de https://helpx.adobe.com/es/illustrator/using/tool-galleries.html Agudo, S. (4 de febrero de 2021). La historia de Adobe Ilustrator: 30 años de diseño
gráfico
vectorial.
Malavida.
Obtenido
de
https://www.malavida.com/es/analisis/la-historia-de-adobe-illustrator006289#gref Delgado, J. C. (20 de mayo de 2021). Adobe Ilustrator: La guía para dominar este programa y diseñar piezas gráficas exitosas. Crehana. Obtenido de https://www.crehana.com/ec/blog/diseno-grafico/sabes-que-puedes-hacercon-adobe-illustrator/ Hemphill, T. (29 de octubre de 2019). Evolución de Ilustrator. Luzmala. Obtenido de https://luzmala.com/evolucion-de-illustrator/ WIKIPEDIA. (03 de julio de 2021). Adobe Ilustrator. Obtenido de https://es.wikipedia.org/wiki/Adobe_Illustrator
41
