--

1. CLASE 5
“Imágenes vectoriales: creación
y operaciones en Adobe
Illustrator
Lics. en Periodismo y Comunicación Social
FCH-UNSL
(Año 2014)
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL
3.0 UNPORTED LICENSE

2. IMÁGENES VECTORIALES
•Son objetos o ilustraciones compuestas
por rectas, líneas o polígonos.
•Se almacenan mediante fórmulas
matemáticas que permiten establecer
las distintas formas entre dos o más
puntos.
•Ocupan poco espacio.
•No pierden nitidez al ser modificadas
de tamaño.
•Son útiles para la creación de objetos
artificiales (carteles, logotipos,
imágenes corporativas, etc.).

3. ¿QUÉ ES ADOBE ILLUSTRATOR?
Es un editor profesional de
gráficos vectoriales compuesto
por numerosas y potentes
herramientas…

4. INTERFAZ PRINCIPAL 1
2
3
4
5
6
7
4
1- Títulos 2- Menú de herramientas 3-Ventana de Control
4- Hoja y Mesa de trabajo 5- Herramientas 6-Paneles de trabajo
7- Zoom y Estado de la ilustración

5. TRABAJO CON ILUSTRACIONES
Para comenzar una nueva ilustración se debe
utilizar el comando ArchivoNuevo Documento…
Allí se deberá seleccionar si se creará un documento
para Imprimir, La Web, Dispositivos Móviles, etc.
De acuerdo al tipo de nuevo documento se deberá
configurar su ancho, alto, modo de color y efecto de
rasterizado, entre otros.

6. ELEMENTOS ÚTILES
Mesa de trabajo
Representa un área que puede
contener objetos imprimibles o no…
MESA
DE
TRABAJO

7. ELEMENTOS ÚTILES
Reglas, Guías y Cuadrícula
Permiten medir y alinear texto y
objetos gráficos…
Se activan desde el menú Ver, el Menú
contextual, La Regla, etc.

8. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Selección
Selecciona uno o más
objetos de una ilustración
para:
moverlos, cambiarles el
tamaño, organizarlos o
agruparlos con otros, etc.

9. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Formas posibles de
selección
La selección se anula cliqueando en
una zona fuera de esta.

10. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Otras
variantes
de
selección…
Permiten realizar modificaciones
en las formas o grupos de
objetos…

11. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Selección directa
Selecciona uno o más objetos
de una ilustración para:
las mismas operaciones que la
anterior selección y además,
permite modificar los puntos
de ancla…

12. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Selección directa
Los puntos de ancla se arrastran
para modificar la forma original
de un objeto.

13. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Selección de grupos
Selecciona uno o más objetos
de una ilustración que se
encuentran agrupados para:
moverlos, cambiarles el
tamaño, organizarlos o
desagruparlos, etc.

14. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Formas posibles de
selección de grupos

15. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Varita mágica
Selecciona uno o más objetos de
una ilustración en base a
características similares:
color de relleno, color de
trazo, grosor de trazo,
opacidad, etc.
Las opciones de selección se activan
desde la Ventana de Control.

16. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Formas posibles de
selección por Varita Mágica

17. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Lazo
Selecciona de una
ilustración: objetos, puntos
de ancla o segmentos de
trazado para realizar
diversas operaciones ya
mencionadas e incluso otras…

18. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Formas posibles de
selección por Lazo
En los dos últimos casos se requiere
del uso de la herramienta: Selección
Directa para modificar la imagen
original.

19. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Pluma y
sus
variantes
Permite crear objetos
personalizados mediante líneas o
segmentos rectos (clic del mouse)
o curvos (clic con arrastre del
mouse)…

20. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Objetos creados mediante
trazos rectos y curvos de la
pluma …
•Para finalizar el objeto creado con la
pluma se puede utilizar la tecla Ctrl.
•La tecla Shift permite en muchos casos
que las líneas sean rectas.

21. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Añadir puntos de ancla
Permite agregar nuevos segmentos rectos o
curvos al objeto creado…
1
2
3
Los puntos de ancla añadidos permiten la
modificación de los trazos mediante la herramienta
Selección Directa.

22. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Eliminar puntos de ancla
Permite eliminar segmentos rectos o curvos
del objeto creado…
La eliminación de un punto de ancla puede
modificar drásticamente la forma del objeto
original.

23. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Convertir puntos de ancla
Cambia la forma de los segmentos
rectos o curvos unidos por los
puntos de ancla…
La selección de cada punto de ancla debe ser
efectuada de manera precisa para poder
realizar de modo correcto la conversión.

24. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Texto y
sus
variantes
Permite agregar información textual
a las ilustraciones que puede ser
combinada con diversos objetos.
Se utiliza en combinación con la
ventana de Control, el menú Texto,
Objeto, Filtros, etc.

25. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Texto horizontal

26. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Texto de área horizontal
Ajusta el texto al área de un
determinado objeto…
Al combinar un texto con un objeto este
último desaparece convirtiéndose en una guía
invisible por lo que se debe realizar una
copia del objeto si se desea preservarlo.

27. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Texto en trazado horizontal
Permite que un texto siga la
trayectoria de un determinado trazo…

28. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Texto vertical
Texto de área vertical
Texto vertical en trazado
Producen los mismos efectos anteriores
pero con el texto en modo horizontal…

29. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Formas
básicas
Permiten crear
ilustraciones que combinen
líneas con arcos, espirales
y cuadrículas…

30. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Segmento de línea
Crea líneas rectas a las que se le puede
modificar: forma, color, trazo,
opacidad, estilo, efectos, etc.
Sus parámetros básicos se componen de
longitud y ángulo…

31. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Arco
Crea líneas curvas a las que se le puede
aplicar diversas operaciones, filtros y
efectos. Sus parámetros básicos se componen
de longitud (del eje X e Y) apertura e
inclinación: cóncava (hacia dentro) o
convexa (hacia fuera).

32. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Espiral
Crea espirales en ambos sentidos, compuestos
por segmentos, radio y decaimiento (grado de
reducción de cada vuelta del espiral)…

33. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Cuadrículas
Permite crear divisores horizontales y
verticales de los que se puede elegir su
ancho, largo, divisores radiales, etc.

34. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Formas
cerradas
Permiten crear ilustraciones
que combinen rectángulos con
elipses, polígonos, estrellas y
destellos…

35. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Rectángulo, Rectángulo
redondeado y Elipse

36. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Polígono, Estrella y Destello

37. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Pincel
Crea objetos con trazos similares a los de
una pluma caligráfica o con diferentes
motivos…
Para crear nuevos
pinceles se puede usar
el Panel Pinceles.

38. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Lápiz y
sus
variantes
Permite dibujar objetos con
trazos redondos, ovalados, y a
los que pueden aplicarse Filtros,
Efectos, etc.

39. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Lápiz
Simula el efecto de dibujar a mano
alzada…
El objeto creado se puede cerrar si luego
de dibujar se presiona la tecla Alt.

40. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Suavizar
Suaviza el trazo de un segmento del
objeto haciendo que estos se vean
menos bruscos…

41. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Borrador de trazados
Permite borrar uno o más trazos
o segmentos de un objeto…
El objeto puede además ser modificado en
su forma original mediante la
herramienta: Selección Directa.

42. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Efectos
para
objetos
Permiten modificar la forma
original de un objeto mediante
rotaciones, escalas,
deformaciones,
transformaciones y fusiones…

43. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Efecto
Rotar y
variantes…
Permite Rotar (mover o girar un
objeto a diversos grados de rotación:
90º, 180º, 270º, 360º, etc.) o bien
aplicar un efecto Reflejo a un objeto
(como si existiera un espejo)…

44. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Rotar Reflejo

45. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Efecto
Escala y
variantes…
Permite aplicar modificaciones
de tamaño, distorsión y
alteraciones en la forma
original de un objeto…

46. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Escala
Permite modificar el tamaño de un
objeto de forma proporcional o
no…

47. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Distorsión
Permite alterar el ancho y alto
de un objeto, junto con su
perspectiva…

48. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Reformar
Permite modificar la forma
original de un objeto de forma
global o completa…
La herramienta:
Selección Directa
permite modificar un
segmento hasta un punto
de ancla y no todos.

49. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Efecto
Deformar y
variantes…
Permite aplicar modificaciones
en los trazos de un objeto con
efectos de dedo, molinete,
fruncir, engordar, etc.

50. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Dedo
Molinete
Fruncir

51. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Engordar Festonear
Cristalizar Arrugar

52. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Transformación libre
Permite modificar el tamaño de un
objeto (mediante escalas o giros)
…

53. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Rociar
símbolo y
variantes…
Permite colocar una instancia de un
objeto artístico ya predefinido en la
ilustración. Los símbolos pueden
extraerse de la Biblioteca de
símbolos o bien crearse o editarse
desde el programa…

54. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Rociar símbolo
Coloca uno o más símbolos desde el rociador y
de acuerdo a lo que se encuentre
predeterminado en el Panel de Símbolos…
Para colocar solo un símbolo se lo puede
arrastrar desde el Panel de Símbolos hasta la
hoja de dibujo.

55. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Desplazar símbolo
Mueve uno o más símbolos…
A diferencia de cuando se mueve un
objeto, Desplazar símbolo permite mover
uno o más símbolos que se encuentran
dentro de una selección.

56. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Unir/Separar símbolos
Aleja o acerca los símbolos
colocados con el rociador…
Si al arrastrar presionamos la
tecla Alt alejamos los símbolos
seleccionados.

57. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Cambiar tamaño
Aumenta o disminuye los símbolos
colocados con el rociador…
Si al arrastrar presionamos la tecla Alt
disminuímos los símbolos seleccionados.

58. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Girar símbolo
Mueve los símbolos a diferentes
ángulos de rotación…
Se aplica mediante la operación de
arrastre del mouse.

59. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Manchar símbolo
Cambia la intensidad de los
colores del símbolo…
Con la tecla Alt se reduce el color
Con la tecla Shift se mantiene la
intensidad de matiz aplicado
anteriormente.

60. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Translucir símbolo
Aplica transparencia al
símbolo seleccionado…
Se aplica mediante la operación de
arrastre del mouse.

61. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Aplicar estilo a símbolo
Cambia los colores de un símbolo
en base a un estilo gráfico…
Los Estilos Gráficos se activan desde
el menú Ventana.

62. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Agregar símbolo al Panel Símbolos
Cualquier nuevo objeto puede agregarse al Panel
para ser reutilizado en otras ilustraciones…
De forma similar se procede
cuando se trabaja con colores.

63. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Gráfica y
variantes…
Permite colocar diversos estilos de
gráfico (columnas, barras, líneas,
circular, etc.) que pueden
personalizarse mediante colores,
leyenda, etc.

64. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Editar y Personalizar las gráficas…
Desde Guía de Color u ObjetoGráficas pueden
personalizarse los colores y leyenda.

65. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Columnas Barras
Líneas Circular

66. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Malla
Permite aplicar una fusión gradual de
colores a ciertas partes de un objeto…
Se utiliza con la herramienta Selección Directa
y sus puntos tienen forma de rombo. Las mallas
se eliminan presionando la tecla Alt.

67. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Degradado
Aplica una fusión gradual de colores
de forma radial o lineal…

68. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Degradado
Los degradados pueden crearse a partir
de la combinación de los paneles:
Muestra y Degradado…
Las nuevas muestras se agregan a la gama de
degradados existente para el archivo, pudiendo
incorporarse como conjunto de muestras en la
Biblioteca de degradados.

69. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Cuentagotas
Selecciona un color de un objeto
determinado…
Medición
Obtiene la distancia entre dos
puntos de un objeto…

70. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Fusión
Crea y distribuye de manera uniforme
formas o colores entre dos objetos…

71. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Bote de pintura interactiva
Pinta los trazos y/o relleno de un objeto
interactivo con el objeto de automatizar el
proceso de rellenar áreas de color…
Un objeto puede convertirse en
interactivo a través del menú
ObjetoPintura InteractivaCrear.

72. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Selección de pintura interactiva
Selecciona un trazo o relleno de un
objeto interactivo con el objeto de
realizar alguna operación posterior
con el…

73. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Área de recorte
y variantes…
Permiten dividir una imagen en
dos o más partes que pueden ser
impresas o exportadas en
diversos formatos.
Trabajan en conjunto con el Menú
ArchivoExportar

74. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Área de recorte
•Pueden crearse y exportarse tantos
recortes de imágenes como se desee.
•Los recortes pueden personalizarse
desde el Menú Contextual.

75. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Sector
Divide una ilustración en partes que
pueden utilizarse posteriormente como
mapa de imágenes…

76. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Sector
Un sector se selecciona con la
herramienta Seleccionar sector

77. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Borrador
y
variantes…
Permite borrar un objeto o
bien dividirlo en dos o más
partes…

78. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Borrador
Permite borrar las partes de un
objeto mediante el arrastre del
mouse…
Para eliminar un objeto en su totalidad
se usa la herramienta Selección Directa
en combinación con la tecla Supr.

79. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Tijeras
Divide un objeto sin cerrarlo…
Tijeras requiere de la precisión de
selección del inicio y final del
corte.

80. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Cuchilla
Divide y cierra los objetos…

81. CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Mano y variantes…
Mueve la mesa de trabajo dentro
de la ventana de la ilustración.
Permite establecer un
área de impresión
determinada.
Zoom
Aumenta o reduce la ampliación de la
vista en la ventana de la ilustración.

82. TRABAJAR CON COLOR
Un objeto se compone de un color de trazo y
relleno que puede ser simple o degradado…
2
1
1
2
1-Color de
trazo
2-Color de
relleno
Desde Guía de color puede seleccionarse una
paleta de colores predeterminada.

83. OPERACIONES CON OBJETOS
Agrupar, desagrupar y organizar
Permite unir, separar o superponer dos o más
objetos…
Estas operaciones se activan
con el menú contextual o el
menú Objeto.

84. OPERACIONES CON OBJETOS
Expandir
Divide un objeto simple en distintos objetos
que componen su apariencia (relleno, trazos,
etc.)…
Estas operaciones se activan con el menú
contextual o el menú Objeto.

85. OPERACIONES CON OBJETOS
Bloquear, Desbloquear y Alinear
Permite inmovilizar o fijar los objetos y
organizarlos…
Estas operaciones se activan con el menú
contextual, el menú Objeto o la Ventana de
Control

86. OPERACIONES CON OBJETOS
Combinar
Une dos o más objetos para crear otro nuevo
mediante añadidos, intersecciones,
exclusiones, etc.
Se activa desde el Panel
BuscaTrazos

87. OPERACIONES CON OBJETOS
Distorsionar con envolvente
Cambia la forma de un objeto…
Se activa desde el Menú Objeto y se
modifica desde las Opciones de
envolvente.

88. OPERACIONES CON OBJETOS
Máscara de recorte
Enmascara y permite visualizar partes de una imagen, a la vez que
aplicar interesantes efectos: degradados, mezclas de colores, etc.
Se activa desde el Menú ObjetoMáscara de recorte

89. OPERACIONES CON OBJETOS
Efectos/Filtros
Aplica diversos formatos especiales
(artístico, bosquejo, distorsión, estilizar,
etc.)a un objeto vectorial o de mapa de bits…
Se activa desde el Menú
EfectosGalería de Efectos

90. OPERACIONES CON OBJETOS
Efectos/Filtros
TexturizadoLadrillo
Trazos de pincelSalpicaduras
Trazos de pincelLápiz
de color

91. OPERACIONES CON OBJETOS
Efectos
EstilizarBordes
resplandecientes
ArtísticoBordes
añadidos
BosquejarReticulación
Cristalizar

92. OPERACIONES CON OBJETOS
Efectos 3D

93. OPERACIONES CON OBJETOS
Efectos 3D

94. OPERACIONES CON OBJETOS
Efectos 3D

95. OPERACIONES CON OBJETOS
Trabajo en capas
Permiten gestionar los
objetos que componen una
ilustración, permitiendo
un trabajo cuidadoso,
preciso, profesional y
atractivo.
Las capas pueden
ocultarse, mostrarse,
combinarse, etc. y se
activan desde el Menú
Ventana o los Paneles…

96. OPERACIONES CON OBJETOS
Trabajo en capas
Las Capas pueden arrastrarse para lograr una
distinta superposición de objetos.

97. OPERACIONES CON OBJETOS
Convertir imagen de mapa de bits a vectorial
El comando ObjetoCalco Interactivo
efectúa esta operación.
El Calco Interactivo se personaliza a
través de sus opciones.

98. OPERACIONES CON OBJETOS
Convertir imagen vectorial a mapa de bits
El comando ObjetoCalco Interactivo
efectúa esta operación.
El Calco Interactivo se personaliza a
través de sus opciones.

99. OPERACIONES CON OBJETOS
Convertir imagen vectorial a mapa de bits

100. OPERACIONES CON OBJETOS
Guardar archivos
El formato
por defecto
de Adobe
Illustrator
es .ai

101. OPERACIONES CON OBJETOS
Exportar archivos
Una vez
finalizadas
las
ilustraciones
se exportan
a .jpg

102. TRABAJANDO EN LÍNEA
Crear imágenes animadas

103. TRABAJANDO EN LÍNEA
Crear imágenes animadas

104. TRABAJANDO EN LÍNEA
Crear imágenes animadas

105. TRABAJANDO EN LÍNEA
Crear texto animado

106. TRABAJANDO EN LÍNEA
Crear texto animado

107. TRABAJANDO EN LÍNEA
Crear texto 3D

108. FIN DE PRESENTACIÓN…
Elaborado por Prof. Viviana M. Ponce
vmponce@unsl.edu.ar
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL
3.0 UNPORTED LICENSE