MANUAL DE USUARIO DE ILLUSTRATOR

Vista previa del material en texto

MANUAL DE USUARIO 
DE ADOBE ILUSTRATOR 
1Sánchez Flores David 
ÍNDICE
2
• Introducción
• Primer bloque ……………….4
• ¿Qué es Illustrator? 5
• ¿Cómo funciona illustrator? ……….6
• Interfaz del programa ……….7
• Espacio de trabajo ………13
• Preferencias ………14
• Guías y cuadricula ………16
• Aspectos esenciales y mesa de trabajo ………17
• Barra de herramientas ………20
• Panel de trabajo 21
• Practicas 24
• Segundo bloque
• Busca trazos ……….34
• Efectos de Photoshop e Illustrator ……….39
• Panel de apariencia y modos de fusión
• Mascara de recorte 41
• Símbolos y pinceles 44
• Tercer Bloque 
• Extrusión y biselado………………………………………………………………………........................................................................................59
• Herramienta Malla…………………………………………………………………………………………………………………………………………………………….61
• Pincel de cabello………………………………………………………………………………………………………………………………………………………………..64
• Despedida
¡¡Hola!!
El día de hoy te voy a enseñara usar paso a paso el programa 
¡illustrator! de la paquetería de adobe. En este manual encontraras 
información valiosa para poder dominar el programa. 
Pero antes aquí te doy una pequeña introducción.
3
4
PRIMER BLOQUE
Illustrator es un software de la paquetería de adobe que es muy
importante para los diseñadores gráficos, es un sistema que funciona
mediante vectores, de esta forma nos brinda lo necesario para poder
crear diseños de forma más sencilla y con mayor precisión.
5
¿Sabes qué es Illustrator?
6
¿Cómo funciona illustrator?
Adobe Illustrator funciona mediante vectores que permite graficar de manera más limpia y certera , los elementos que desea el usuario.
Sin duda es uno de los mejores programas para el diseño digital ya que nos permite la realización de trazos más precisos.
• Vector: son formulas matemáticas que se unen mediante dos puntos de ancla y se forma el trazo con estos elementos y así no pierde
su calidad al momento de trazar.
• Illustrator trabaja con diferentes formatos:
• FORMATOS DEL PROGRAMA:
• Pixeles: unidad pequeña de una imagen digital que se basa en puntos de color o en escala de grises.
• Mapa de bits: Composición de pixeles en cierta estructura o fichero de datos, representa una rejilla rectangular de pixeles o puntos de
color (Matriz).
• RGB: es la composición del color ( RED, GREEN BLUE) siglas en ingles que permite la composición en términos de intensidad hacia la
luz
• CMYK: ( CIAN, MAGENTA, YELLOW, BLACK) sus siglas en ingles, es la composición de color que se usan en los sistemas de impresión.
• Resolución: relación que existe entre cantidad de pixeles que contiene una imagen y el tamaño real ya impresa ( PPP), pixeles por
pulgada.
VECTOR MAPA DE BITS CMYK & RGB
7
INTERFAZ DEL PROGRAMA
8
Al abrir la aplicación se 
mostrara un venta este se 
llama interfaz donde se 
muestran los diferentes 
apartados que contiene el 
programa
El menú principal se encuentra en la parte superior 
izquierda , donde se encuentran los sub menús 
desplegables, su función es visualizar el contenido 
que contiene estos sub menús. 
En la parte superior izquierda se 
encuentran dos botones, el primero 
(CREAR NUEVO), como su nombre lo 
dice, es para crear un nuevo archivo 
en su caso (ABRIR) es para abrir un 
archivo ya creado
Si presionas “CREAR NUEVO” 
se abrirá una ventana con 
diferentes tamaños de 
documento donde podrás 
escoger el de tu preferencia
9
En el este menú 
podrás encontrar 
diferentes tipos 
de formato como: 
Móvil, Web, 
formato para 
imprimir, película 
y video y obra de 
arte o ilustración 
10
Si deseas modificar el 
tamaño, la orientación , el 
modo de color, la resolución 
entre otros aspectos con este 
pequeño menú podrás 
hacerlo
11
Una vez que le diste crear, 
te aparecerá la interfaz 
donde encontraras todas las 
herramientas necesarias 
para poder trabajar.
En la siguiente imagen te 
muestro cada una de ellas
12
13
ESPACIO DE TRABAJO
Menú secundario de herramientas
Este es el menú secundario donde encuentras como su nombre lo dice herramientas especificas para 
su optimo uso.
1 2 3 4 5 6
1.-Relleno de color y trazo
2.-Grosor de trazo
3.-Tipo de trazo
4.-Opacidad (Transparencia del trazo)
5.-Estilo
6.-Ajustar documentos y preferencias 
14
Preferencias
El menú de preferencias es una herramienta 
importante ya que te permite mostrar 
herramientas muy importantes para la 
elaboración de tus diseños.
Aquí se encuentran herramientas de 
gran utilidad, las unidades que 
puedes manejar. Las guías 
inteligentes, cuadriculas entre otras 
herramientas. Por el momento 
hablaremos de 2 muy importantes
15
Guías y cuadricula
Aquí se encuentra las guías y las 
cuadriculas, en este sub menú se 
pueden configurar el color y el tipo 
de línea, también modificar las 
subdivisiones 
Se puede visualizar 
desde la opción ver 
cuadricula y en 
automático 
illustrator la genera
16
Guías y cuadricula
Las guías como su nombre lo 
dice son líneas guía que ayudan 
a vectorizar más preciso.
Para verlas nos vamos al menú 
VER y seleccionamos la opción 
mostrar reglas
Para poder visualizar las guías 
arrastramos con el ratón hasta 
la cuadricula y así se visualizan 
las líneas guía 
17
ASPECTOS ESENCIALES Y MESA DE TRABAJO 
Nuestra mesa de trabajo es muy importante ya que 
visualiza todos los componentes que agreguemos 
dentro de ella , como su nombre lo dice permite 
trabajar en ella
Los aspectos esenciales son importantes para el 
optimo desarrollo del usuario, contiene 
distintas series de espacios de trabajo con 
diferentes herramientas que ayudan al usuario 
a poder obtener mejores resultados.
18
BARRA DE HERRAMIENTAS
La barra de herramientas nos permite acceder a 
múltiples herramientas que ayudan a poder 
trabajar en la mesa de trabajo
Te hablare de las más importantes
Herramienta de selección: permite el mover, rotar, seleccionar y escalar 
elementos
Herramienta de selección directa: permite mover los puntos de ancla y los 
manejadores al utilizar la pluma.
Herramienta pluma: nos permite realizar trazados con vectores y dándole 
forma con los manejadores.
También existe las sub herramientas de pluma que nos permite quitar , 
añadir o mover puntos de ancla
19
BARRA DE HERRAMIENTAS
Herramienta de cuenta gotas: su función consiste en recrear el color exacto de 
un elemento.
Herramienta texto: permite color texto en las mesas de trabajo( también 
podemos cambiar la tipografía y el tamaño de la misma.
Herramienta pincel: su función principal es dar a un trazo un efecto de pincel, 
cambiando la apariencia , el estilo, el grosor y el color del mismo.
Podemos acceder a diferentes tipos de pincel en la “BIBLIOTECA DE PINCELES”
20
BARRA DE HERRAMIENTAS
Herramienta rectángulo: como su nombre lo dice nos permite crear 
rectángulos o cuadrados, para obtener proporción presionar la tecla 
SHIFT y en automático se traza el rectángulo. 
Existen sus variantes como: 
Rectángulo redondeado: como su nombre lo dice es un rectángulo 
con los vértices redondeados.
Herramienta elipse: nos permite crear elipses y también círculos si 
presionamos la tecla SHITF.
Herramienta polígono: nos permite trazar figuras geométricas en su 
caso polígonos regulares he irregulares, si damos doble clic sobre el 
polígono se abrirá un ventana que permitirá cambiar el numero de 
lados
Herramienta de degradado: nos permite crear como su nombre lo 
dice degradados con uno o varios colores 
21
Panel de trabajo 
El panel de trabajo se encuentran 
más herramientas que pueden ser 
útiles como colores, pinceles entre 
otras herramientas.
22
Panel de trabajo 
Panel de color: su función es dar color, al seleccionar el trazo
visualiza una paleta de colores
Panel de apariencia: nos muestra la apariencia de los elementos
seleccionados como el color de relleno, los efectos, estilo y opacidad
Panel de capas: este panel nos ayuda a trabajar por capas para
obtener trabajos con mayor organización.
Ahora te muestro el panal de capas con su diferentes herramientas1.- visualizar capa
2.-Bloquear capa
3.-Desplegar sub capas
4.-Crear nueva capa
5.-Crear nueva sub capa
6.-Cambiar nombre de capas
7.-Borra capa
1 2 3
45
6
7
23
Panel de trabajo 
Panel de trazado: nos ayuda a ajustar las propiedades del 
trazo 
seleccionado como grosor, tipo de línea y dirección.
Panel de pincel: nos muestra el tipo de trazado y tipos de 
pincel que existen en biblioteca de pinceles.
Panel de degradados: como su nombre lo indica podemos 
dar degradados a composiciones y así adquirir un mayor 
impacto visual.
Podemos ajustar la opacidad y el tipo de degradado que 
deseemos adquirir
24
Practicas con los conocimientos adquiridos
25
Practicas con los conocimientos adquiridos
26
Practicas con los conocimientos adquiridos
27
Practicas con los conocimientos adquiridos
28
Practicas con los conocimientos adquiridos
29
Practicas con los conocimientos adquiridos
30
Te muestro una 
pequeña ilustración 
que hice usando todas 
las herramientas que 
vimos durante este 
primer bloque.
Se que podrás hacer 
ilustraciones mucho 
mejores. 
¡Felicidades! haz completado el primer 
módulo de nuestro manual de usuario de 
illustrator. intenta practicar para poder 
dominar el programa al 100%
31
32
SEGUNDO BLOQUE
33
BUSCATRAZOS
Esta herramienta nos permite combinar de 
diferentes formas 2 figuras, existen dos 
tipos de busca trazos, para esto se necesita 
2 o más elementos para poder usar esta 
herramienta
Existen los modos de forma que nos ayudan como su nombre lo dice a obtener 
diferentes formas 
34
BUSCATRAZOS
Unificar: su función es unir 2 elementos
diferentes para crear una sola composición. Se
selecciona dos elementos y dando clic en
unificar se obtiene una composición. Se
obtiene una composición donde el color
dominante de las figuras se unifica he iguala
con la otra figura.
Menos frente: su función es cortar el
elemento que esta en a parte de atrás con el
elemento que esta
Forma de intersección: su función es mostrar
la intersección que hay entre dos elementos.
35
BUSCATRAZOS
Excluir: Tiene 2 funciones, la primera es el
espacio donde los elementos hacen su
intersección y al mismo tiempo unifica su
apariencia.
Ahora pasemos con el segundo tipo de busca trazos
Dividir: su función es separa elementos unidos
para hacer uso de esta función. Seleccionamos
nuestra composición después clic derecho y
desagrupar. Esto hace que se dividan nuestra
composición.
Cortar: esta función corta los elementos pero
sin que desaparezcan ninguno de los dos,
36
BUSCATRAZOS
Combinar: combina los elementos pero no los
unifica es decir no se hace una sola
composición
Recortar: recorta el elemento predominante
que se encuentra enfrente
Contornear: une y contornea los elementos
seleccionados
Menos fondo: su función es cortar el
elemento que se encuentra en la parte de
atrás.
37
Efectos de Illustrator y Photoshop
Los efectos se encuentran en la 
parte de arriba de la barra de 
herramientas, estos efectos nos 
sirven para estilizar un trazo
38
Efectos de Illustrator y Photoshop
Efectos de illustrator: puede modificar la apariencia de los elementos, esto con relación al efecto que se este aplicando 
en la forma
Illustrator : Estilizar> garabatear: sirve como su nombre lo
dice garabatea la figura, la deforma y creo
como si estuviera pintada
Estilizar>desvanecer: sirve para que el trazo
haga un tipo de desvanecido y pierda un poco
su composición
3D>extrusión: sirve para darle una perspectiva
3D a la figura y rotando un poco su eje
39
Efectos de Illustrator y Photoshop
Efectos Photoshop: estos modifican la textura de nuestros trazos y le dan mayor apariencia hay sin fin de efectos pero 
esos los veremos más adelante 
Textura>grietas: como su nombre lo dice da
una textura de grietas a nuestro trazado
Artístico>pinceladas: como su nombre lo dice
da una textura artística
Desenfocar>desenfoque gaussiano: nos sirve
para desenfocar con mayor precisión y
suavidad, se puede modificar el radio.
40
Panel de apariencia y modos de fusión 
Nos sirve para poder visualizar el trazado, y evitar los 
desenfoques y poder modificar la opacidad entre otras 
herramientas 
Los modos de fusión nos sirven para obtener figuras encima de otras
Para poder usar los modos de fusión tenemos 
que irnos a ventana y buscar la opción 
transparencia.
Se nos abrirá un menú como el que se muestra 
a continuación
41
Panel de apariencia y modos de fusión 
Una vez ya abierto la opción transparencia se 
nos abrirá una ventana como esta, 
desplegamos la pestaña y nos mostrara los 
modos de fusión que maneja illustrator.
Para poder hacer uso de los modos tenemos 
que tener dos elementos. y usar en su caso 
desenfoque gaussiano para adquirir el efecto 
deseado
42
Mascara de recorte 
Sirve para limitar secciones y realizar 
recortes que ayudan al que queden más 
limpios algunos trazos y darle mejor 
forma 
Para hacer una mascara de recorte es poner 2
elementos unos sobre otro, seleccionar y dar
clic secundario. Se abrirá un menú donde
aparecerá “crear mascara de recorte
Para deshacer la mascara de recorte clic
derecho y soltar mascara de recorte.
Se pueden hacer mascaras de recorte con
figuras geométricas y una imagen. Se deben de
seleccionar los dos elementos y dar clic
derecho “Crear mascara de recorte”.
43
Símbolos y pinceles
Los símbolos son figuras precargadas para 
usarlas en una ilustración y poder 
modificarlas para su uso
El menú de símbolos se 
encuentra en la barra de 
panel de trabajo 
Se puede acceder a la biblioteca de 
símbolos para visualizar más variedad
44
Símbolos y pinceles
Los símbolos se pueden modificar y dales nuestro estilo 
Romper enlace símbolo: le 
quita la opción de símbolo: y 
podemos modificar el color y 
el trazo de este. Poner un 
símbolo dentro de nuestra 
mesa de trabajo dar clic 
derecho. Seleccionar “romper 
enlace de símbolo”
Herramienta rociar símbolo
Esta herramienta permite 
como su nombre lo dice 
rosear de manera uniforme 
un símbolo y crear patrones, 
se accede a esta herramienta 
en la barra de herramientas 
45
Símbolos y pinceles
Herramienta Desplazar símbolo:
Esta herramienta ayuda a que el símbolo se 
rose y cree una nueva forma.
Herramienta reunir y separar símbolos: esta 
herramienta ayuda a separa o en su caso 
juntar símbolos, también para cambiar el 
tamaño de los mismos
46
Símbolos y pinceles
• Herramienta cambiar tamaño del símbolo: 
se usa para que el símbolo cambie de 
tamaño , se haga más grande o más 
pequeño
• Herramienta girar símbolo: permite al 
usuario girar el símbolo ya predeterminado 
47
Símbolos y pinceles
Herramienta translucir símbolo: sirve para translucir 
un símbolo y darle mayor apariencia
Ejemplos
48
Símbolos y pinceles
En illustrator podemos crear pinceles mediante un patrón de símbolos
¿Comó crear un símbolo a partir de figuras agrupadas?
En una composición se pueden crear símbolos y agruparla, en 
el panel de símbolos se guarda como un nuevo símbolo, solo 
es arrastrar la composición una vez agrupada y en automático 
se genera como se muestra en la imagen. 
Símbolo creado
Panel de símbolos (Arrastrar la 
composición creada hacia el panel)
Al momento de arrastra el panel de símbolos, se abrirá 
una venta de opciones de símbolo, donde podrás 
editar el nombre y cambiar el tipo de símbolo 
Símbolos y pinceles
En illustrator se pueden crear 
pinceles solo es el mismo proceso 
al crear un símbolo solo que en 
este caso ,se usa la herramienta 
pincel:
1. Creamos una composición de la siguiente forma 
(puedes crear una composición con varios elementos)
2.-Una vez que este creado con crtl+g agrupamos para que 
sea una sola composición
3.-Abrimos la herramienta pinceles que se encuentra en el 
panel de trabajo , se abrirá una venta y arrastramos para 
componer y crear un pincel.(Podemos modificar el tipo de 
pincel) y le damos OK. 
4.-En automático al seleccionar la herramienta pincel se 
pueden hacer trazos con el pincel creado.Símbolos y pinceles
En illustrator se pueden crear 
pinceles solo es el mismo proceso 
al crear un símbolo solo que en 
este caso ,se usa la herramienta 
pincel:
1. Creamos una composición de la siguiente forma 
(puedes crear una composición con varios elementos)
2.-Una vez que este creado con graficar agrupamos para 
que sea una sola composición
3.-Abrimos la herramienta pinceles que se encuentra en el 
panel de trabajo , se abrirá una venta y arrastramos para 
componer y crear un pincel.(Podemos modificar el tipo de 
pincel) y le damos OK. 
4.-En automático al seleccionar la herramienta pincel se 
pueden hacer trazos con el pincel creado.
Practicas con los conocimientos adquiridos
Practicas con los conocimientos adquiridos
Practicas con los conocimientos adquiridos
Practicas con los conocimientos adquiridos
Examen final realizado con los conocimientos adquiridos
56
¡Buen trabajo! haz completado el segundo módulo de 
nuestro manual de usuario de illustrator. Sigue así 
nos vemos en el último modulo 
57
TERCER BLOQUE 
58
EFECTO 3D >EXTRUSIÓN Y BISELADO 
Esta herramienta nos permite dar efectos 3D 
a tipografías u otros elementos.
Colocamos una letra con la herramienta texto, 
damos clic derecho y contornear, nos vamos 
en la barra de herramientas, buscar la opción 
objeto>trazado, una vez que esta con la 
opción de efecto, nos vamos a 
efecto>3D<extrusión y biselado
59
EFECTO 3D >GIRAR Y ROTAR 
La herramienta girar y rotar nos 
permite que un objeto o figura tenga 
una composición tridimensional y 
podemos modificarla para que tenga 
otra perspectiva. 
60
Herramienta Malla
La herramienta malla, es una 
herramienta completa que ofrece 
ilustrador ya que permite crear un 
objeto multicolor en el cual los 
colores pueden fluir en diferentes 
direcciones 
61
Herramienta Malla
Para usar correctamente la herramienta 
malla, se recomienda empezar con figuras 
geométricas para mayor practicidad.
Seleccionamos un punto de ancla en un 
objeto y le bajamos la opacidad, al bajarle la 
opacidad se hace transparente. El espacio 
permite que se expanda, si queremos que 
vuelva a la normalidad , solo subimos la 
opacidad.
Al momento de querer deformar la figura, con 
los manejadores en la parte del ancla 
movemos y deformamos a nuestra 
conveniencia, solo tenemos que dar doble clic 
en el ancla para poder deformar.
62
Herramienta Malla
Podemos bajar la opacidad , desde el 
panel de capas, seleccionamos con un clic 
en la imagen de la capa que se encuentra 
en el panel de capas, y se abrirá un menú 
cómo el que se muestra 
63
¿Cómo crear un pincel de cabello? 
Trazamos una figura, con la 
herramienta pluma, y le damos 
forma de cabello. 
Entre menos puntos de anclaje tenga el trazado,más limpio es 
el trazo.
64
¿Cómo crear un pincel de cabello? 
Si deseamos que tenga más realismo, 
duplicamos la figura trazada una vez 
bloqueada y con la herramienta pluma, 
trazamos los folículos y le damos forma. 
Le podemos cambiar el perfil de anchura de 
el trazo de los folículos y cambiarle el color 
Para darle más naturalidad entremos a 
modo de fusión de normal a multiplicar y le 
bajamos la opacidad al 60%
Seleccionamos algunos folículos y podemos 
bajar la opacidad y da la apariencia que 
están más gruesos o delgados dándole más 
naturalidad 
65
Herramienta pincel para cabello
Método alteración de tono:
En la herramienta pincel, permite cambiar los 
colores y tamaños del pincel ya creado.
Editar valores del pincel
Modos de color:
Una vez creado el pincel de cabello podemos 
cambiar el modo de color
En el panel de colorización se pueden 
cambiar el color y darle, matices, matices y 
gradaciones o alteraciones de tono.
66
Prácticas realizadas con los 
conocimientos adquiridos
67
Prácticas realizadas con los 
conocimientos adquiridos
68
Prácticas realizadas con los 
conocimientos adquiridos
69
Prácticas realizadas con los 
conocimientos adquiridos
70
Prácticas realizadas con los 
conocimientos adquiridos
71
Prácticas realizadas con los 
conocimientos adquiridos
72
Prácticas realizadas con los 
conocimientos adquiridos
73
Prácticas realizadas con los 
conocimientos adquiridos
74
!ENHORABUENA¡
Haz completado el manual completo de “Illustrator”, ahora 
serás un gran experto en manejarlo.