Este documento proporciona una introducción a las imágenes vectoriales y al software Adobe Illustrator. Explica las características y ventajas de las imágenes vectoriales y describe las principales herramientas y funciones de Illustrator para crear y editar ilustraciones vectoriales, incluyendo herramientas para dibujar, seleccionar, modificar y agregar texto a objetos.

1. TECNOLOGÍA DE LA
COMUNICACIÓN I
Lic. en Comunicación Social
FCH-UNSL (Año 2016)

2. CLASE V
“IMÁGENES VECTORIALES:
CREACIÓN Y OPERACIONES EN
ADOBE ILLUSTRATOR”
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-
COMPARTIRIGUAL 3.0 UNPORTED LICENSE

3. 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.).
DEFINICIÓN Y CARACTERÍSTICAS

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

5. VENTANAS DE TRABAJO
1
2
3
4
5
6
7
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
4

6. TRABAJO CON ILUSTRACIONES
Para comenzar una nueva ilustración se utiliza el comando
ArchivoNuevo Documento…
Allí se deberá seleccionar si
se creará un documento
para Imprimir o para su
circulación por la Web o
Dispositivos Móviles, etc.

7. TRABAJO CON ILUSTRACIONES
Cada Perfil de documento tiene asociado su propia área de
recorte, alto y ancho en cm. o píxeles, su modo de color y
rasterizado, entre otros…
En el modo de
Impresión por ej.
importa el papel y
orientación de
impresión, las
medidas de los
márgenes y el
modo de color,
entre otros.

8. TRABAJO CON ILUSTRACIONES
En el modo Web,
son importantes los
anchos y altos en
píxeles de las
imágenes y el modo
de color
especialmente.

9. TRABAJO CON ILUSTRACIONES
En otros casos
también es
importante
producir
imágenes para
dispositivos
específicos o en
calidad HD…

10. ELEMENTOS ÚTILES
MESA DE TRABAJO
Es un área en la que se disponen los objetos de trabajo…
MESA
DE
TRABAJO

11. 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.

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

13. La selección se anula cliqueando en una
zona fuera de esta.
HERRAMIENTAS
FORMAS DE SELECCIÓN
CREACIÓN DE ILUSTRACIONES

14. Permiten realizar modificaciones en las
formas o grupos de objetos…
HERRAMIENTAS
VARIANTES DE
SELECCIÓN
CREACIÓN DE ILUSTRACIONES

15. 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…
HERRAMIENTAS
SELECCIÓN DIRECTA
CREACIÓN DE ILUSTRACIONES

16. Los puntos de ancla se arrastran para
modificar la forma original de un objeto.
HERRAMIENTAS
SELECCIÓN DIRECTA
CREACIÓN DE ILUSTRACIONES

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

18. HERRAMIENTAS
FORMAS DE SELECCIÓN
DE GRUPOS
CREACIÓN DE ILUSTRACIONES

19. 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.
HERRAMIENTAS
VARITA MAGICA
CREACIÓN DE ILUSTRACIONES

20. HERRAMIENTAS
SELECCIÓN POR VARITA MÁGICA
CREACIÓN DE ILUSTRACIONES

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

22. En los dos últimos casos se requiere del
uso de la herramienta: Selección Directa
para modificar la imagen original.
HERRAMIENTAS
SELECCIÓN POR LAZO
CREACIÓN DE ILUSTRACIONES

23. HERRAMIENTAS
PLUMA Y
VARIANTES
Permite crear objetos personalizados mediante
líneas o segmentos rectos (clic del mouse) o
curvos (clic con arrastre del mouse)…
CREACIÓN DE ILUSTRACIONES

24. •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.
HERRAMIENTAS
Objetos creados mediante trazos
rectos y curvos de la pluma …
CREACIÓN DE ILUSTRACIONES

25. Permite agregar nuevos segmentos rectos o curvos...
1
2
3
Los puntos de ancla añadidos permiten la
modificación de los trazos originales de la forma…
HERRAMIENTAS
AÑADIR PUNTOS DE ANCLA
CREACIÓN DE ILUSTRACIONES

26. 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.
HERRAMIENTAS
ELIMINAR PUNTOS DE ANCLA
CREACIÓN DE ILUSTRACIONES

27. 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.
HERRAMIENTAS
CONVERTIR PUNTOS DE ANCLA
CREACIÓN DE ILUSTRACIONES

28. 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.
HERRAMIENTAS
TEXTO Y
VARIANTES
CREACIÓN DE ILUSTRACIONES

29. HERRAMIENTAS
TEXTO HORIZONTAL
CREACIÓN DE ILUSTRACIONES

30. 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.
HERRAMIENTAS
TEXTO DE ÁREA HORIZONTAL
CREACIÓN DE ILUSTRACIONES

31. Permite que un texto siga la trayectoria de un
determinado trazo…
HERRAMIENTAS
TEXTO EN TRAZADO
HORIZONTAL
CREACIÓN DE ILUSTRACIONES

32. Producen los mismos efectos anteriores pero con el
texto en modo horizontal…
HERRAMIENTAS
TEXTO VERTICAL
TEXTO DE ÁREA VERTICAL
TEXTO VERTICAL EN TRAZADO
CREACIÓN DE ILUSTRACIONES

33. Permiten crear ilustraciones que combinen
líneas con arcos, espirales y cuadrículas…
HERRAMIENTAS
FORMAS
BÁSICAS
CREACIÓN DE ILUSTRACIONES

34. 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, ángulo
y rellenar…
HERRAMIENTAS
LÍNEA
CREACIÓN DE ILUSTRACIONES

35. 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).
HERRAMIENTAS
ARCO
CREACIÓN DE ILUSTRACIONES

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

37. Permite crear divisores horizontales y verticales de los que
se puede elegir su ancho, largo, divisores radiales, etc.
HERRAMIENTAS
CUADRÍCULAS
CREACIÓN DE ILUSTRACIONES

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

39. HERRAMIENTAS
RECTÁNGULOS Y ELIPSE
CREACIÓN DE ILUSTRACIONES

40. HERRAMIENTAS
POLÍGONO, ESTRELLA Y
DESTELLO
CREACIÓN DE ILUSTRACIONES

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

42. Permite dibujar objetos con trazos
redondos, ovalados, y a los que pueden
aplicarse Filtros, Efectos, etc.
HERRAMIENTAS
LÁPIZ Y
VARIANTES
CREACIÓN DE ILUSTRACIONES

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

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

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

46. HERRAMIENTAS
PINCEL DE MANCHAS
Permite crear formas cerradas y no trazos (como ocurre
con el lápiz). Además estas formas pueden ser
expandidas en tanto el pincel de manchas posea
siempre las mismas propiedades…
CREACIÓN DE ILUSTRACIONES
Con lápiz
Con pincel de manchas (figura cerrada y expandida)

47. HERRAMIENTAS
BORRADOR
Y
VARIANTES
Permite borrar un objeto o bien
dividirlo en dos o más partes…
CREACIÓN DE ILUSTRACIONES

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

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

50. HERRAMIENTAS
Divide y cierra los objetos…
CUCHILLA
CREACIÓN DE ILUSTRACIONES

51. HERRAMIENTAS
EFECTOS
PARA
OBJETOS
Permiten modificar la forma original de un
objeto mediante rotaciones, escalas,
deformaciones, transformaciones y
fusiones…
CREACIÓN DE ILUSTRACIONES

52. 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)…
CREACIÓN DE ILUSTRACIONES

53. HERRAMIENTAS
ROTAR REFLEJO
CREACIÓN DE ILUSTRACIONES

54. HERRAMIENTAS
EFECTO
ESCALA Y
VARIANTES
Permite aplicar modificaciones de
tamaño, distorsión y alteraciones en
la forma original de un objeto…
CREACIÓN DE ILUSTRACIONES

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

56. HERRAMIENTAS
Permite alterar el ancho y alto de un objeto, junto con
su perspectiva…
DISTORSIÓN
CREACIÓN DE ILUSTRACIONES

57. HERRAMIENTAS
Permite modificar la forma original de un objeto de
forma global o completa…
REFORMAR
La herramienta: Selección
Directa permite modificar un
segmento solo hasta donde
encuentra un punto de ancla.
CREACIÓN DE ILUSTRACIONES

58. HERRAMIENTAS
EFECTOS
DEFORMAR Y
VARIANTES
Permite aplicar modificaciones en los
trazos de un objeto con efectos de dedo,
molinete, fruncir, engordar, etc.
CREACIÓN DE ILUSTRACIONES

59. HERRAMIENTAS
Permite crear trazos de anchura variable…
ANCHURA
CREACIÓN DE ILUSTRACIONES

60. HERRAMIENTAS
DEfORMAR
MOLINETE
FRUNCIR
CREACIÓN DE ILUSTRACIONES

61. HERRAMIENTAS
ENGORDAR FESTONEAR
ARRUGARCRISTALIZAR
CREACIÓN DE ILUSTRACIONES

62. HERRAMIENTAS
Permite modificar el tamaño de un objeto (mediante
escalas o giros)…
TRANSFORMACIÓN LIBRE
CREACIÓN DE ILUSTRACIONES

63. HERRAMIENTAS
CREADOR DE
FORMAS
Crea una nueva forma a partir de la
intersección entre dos ilustraciones…
CREACIÓN DE ILUSTRACIONES

64. HERRAMIENTAS
Pinta los trazos y/o relleno de un objeto vectorial
interactivo con el objeto de automatizar el proceso de
rellenar áreas de color…
BOTE DE PINTURA INTERACTIVA
Un objeto no vectorial puede convertirse en interactivo
a través de dos acciones:
1-Romper el enlace con el símbolo
2-Crear una pintura interactiva desde el menú Objeto
CREACIÓN DE ILUSTRACIONES

65. HERRAMIENTAS
Selecciona un trazo o relleno de un objeto interactivo
con el objeto de realizar alguna operación posterior…
SELECCIÓN DE PINTURA
INTERACTIVA
CREACIÓN DE ILUSTRACIONES

66. HERRAMIENTAS
Permiten dibujar una forma en función de una
perspectiva determinada…
CUADRÍCULA Y SELECCIÓN
DE PERSPECTIVA
CREACIÓN DE ILUSTRACIONES

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

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

69. HERRAMIENTAS
Los degradados pueden crearse a partir de la
combinación de los paneles: Muestra y Degradado…
DEGRADADO
Las nuevas muestras pueden agregarse a un
archivo o a la Biblioteca de degradados.
CREACIÓN DE ILUSTRACIONES

70. HERRAMIENTAS
Selecciona un color de
un objeto
determinado…
CUENTAGOTAS
Obtiene la
distancia entre
dos puntos de
un objeto…
MEDICIÓN
CREACIÓN DE ILUSTRACIONES

71. HERRAMIENTAS
Crea y distribuye de manera uniforme formas o colores
entre dos objetos…
FUSIÓN
CREACIÓN DE ILUSTRACIONES

72. 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 crearse de modo propio…
CREACIÓN DE ILUSTRACIONES

73. HERRAMIENTAS
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…
ROCIAR SÍMBOLO
Para colocar solo un símbolo se lo puede arrastrar
desde el Panel de Símbolos hasta la hoja de dibujo.
CREACIÓN DE ILUSTRACIONES

74. HERRAMIENTAS
Mueve uno o más símbolos…
DESPLAZAR SÍMBOLO
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.
CREACIÓN DE ILUSTRACIONES

75. HERRAMIENTAS
Aleja o acerca los símbolos colocados
con el rociador…
UNIR/SEPARAR SÍMBOLOS
Si al arrastrar presionamos la tecla Alt
alejamos los símbolos seleccionados.
CREACIÓN DE ILUSTRACIONES

76. HERRAMIENTAS
Aumenta o disminuye los símbolos colocados con el
rociador…
CAMBIAR TAMAÑO
Si al arrastrar presionamos la tecla Alt
disminuimos los símbolos seleccionados.
CREACIÓN DE ILUSTRACIONES

77. HERRAMIENTAS
Mueve los símbolos a diferentes ángulos de rotación…
GIRAR SÍMBOLO
Se aplica mediante la operación de arrastre
del mouse.
CREACIÓN DE ILUSTRACIONES

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

79. HERRAMIENTAS
Aplica transparencia al símbolo seleccionado…
TRANSLUCIR SÍMBOLO
Se aplica mediante la operación de arrastre del
mouse.
CREACIÓN DE ILUSTRACIONES

80. HERRAMIENTAS
Cambia los colores de un símbolo en base a un estilo
gráfico…
APLICAR ESTILO A SÍMBOLO
Los Estilos Gráficos se activan desde
el menú Ventana.
CREACIÓN DE ILUSTRACIONES

81. HERRAMIENTAS
Cualquier nuevo objeto puede agregarse al Panel
para ser reutilizado en otras ilustraciones…
AGREGAR SÍMBOLO AL PANEL DE
SÍMBOLOS
De forma similar se procede cuando se trabaja con colores.
CREACIÓN DE ILUSTRACIONES

82. 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.
CREACIÓN DE ILUSTRACIONES

83. HERRAMIENTAS
EDITAR Y PERSONALIZAR GRÁFICOS
Se personalizan
desde el menú
Objeto, Tipo de
Gráfica.
CREACIÓN DE ILUSTRACIONES

84. GRÁFICAS MÁS COMUNES
CREACIÓN DE ILUSTRACIONES
Columnas Barras Líneas
Área Torta

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

86. HERRAMIENTAS
SECTOR
Un sector se selecciona con la herramienta
Seleccionar sector
CREACIÓN DE ILUSTRACIONES

87. 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.
CREACIÓN DE ILUSTRACIONES

88. 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.
TRABAJAR CON COLOR

89. 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.

90. 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

91. 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

92. 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.

93. OPERACIONES CON OBJETOS
MÁSCARA DE RECORTE
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

94. 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ú EfectoGalería de Efectos

95. OPERACIONES CON OBJETOS
EFECTOS/ FILTROS
TexturizadoLadrillo
Trazos de pincelSalpicaduras
Trazos de pincelLápiz de color

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

97. OPERACIONES CON OBJETOS
EFECTO 3 D
Se activa desde el Menú Efecto3 D

98. OPERACIONES CON OBJETOS
EFECTOS 3 D

99. OPERACIONES CON OBJETOS
EFECTOS 3 D

100. 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…
OPERACIONES CON OBJETOS
TRABAJO EN CAPAS

101. OPERACIONES CON OBJETOS
TRABAJO EN CAPAS
Las Capas pueden arrastrarse para lograr una
distinta superposición de objetos.

102. Se realiza a través de la opción ObjetoCalco
Interactivo…
OPERACIONES CON OBJETOS
CONVERSIÓN DE IMAGEN DE MAPA DE BITS
A IMAGEN VECTORIAL

103. El formato por
defecto de
Adobe
Illustrator es
.ai
OPERACIONES CON OBJETOS
GUARDAR ARCHIVOS

104. Una vez
finalizadas las
ilustraciones se
exportan a .jpg
OPERACIONES CON OBJETOS
EXPORTAR ARCHIVOS

105. FIN DE PRESENTACIÓN
Gracias por su atención…
Elaborado por Prof. Viviana M. Ponce
vmponce@unsl.edu.ar
Fac. de Cs. Humanas- UNSL