Clase 5- Comunicación

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

21. •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

22. 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 originales de la forma…
HERRAMIENTAS
AÑADIR PUNTOS DE ANCLA
CREACIÓN DE ILUSTRACIONES

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

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

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

26. HERRAMIENTAS
TEXTO HORIZONTAL
CREACIÓN DE ILUSTRACIONES

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

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

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

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

31. 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…
HERRAMIENTAS
LÍNEA
CREACIÓN DE ILUSTRACIONES

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

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

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

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

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

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

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

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

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

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

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

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

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

45. HERRAMIENTAS
ROTAR REFLEJO
CREACIÓN DE ILUSTRACIONES

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

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

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

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

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

51. HERRAMIENTAS
DEDO
MOLINETE
FRUNCIR
CREACIÓN DE ILUSTRACIONES

52. HERRAMIENTAS
ENGORDAR FESTONEAR
ARRUGARCRISTALIZAR
CREACIÓN DE ILUSTRACIONES

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

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

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

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

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

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

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

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

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

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

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

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

65. HERRAMIENTAS
EDITAR Y PERSONALIZAR
GRÁFICOS
Desde Guía de Color u ObjetoGráficas pueden
personalizarse los colores y leyenda.
CREACIÓN DE ILUSTRACIONES

66. HERRAMIENTAS
COLUMNAS BARRAS
CIRCULARLÍNEAS
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
Pinta los trazos y/o relleno de un objeto interactivo con el
objeto de automatizar el proceso de rellenar áreas de
color…
BOTE DE PINTURA INTERACTIVA
Un objeto puede convertirse en interactivo a
través del menú ObjetoPintura
InteractivaCrear.
CREACIÓN DE ILUSTRACIONES

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

93. OPERACIONES CON OBJETOS
EFECTOS 3 D

94. OPERACIONES CON OBJETOS
EFECTOS 3 D

95. OPERACIONES CON OBJETOS
EFECTOS 3 D

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

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

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

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

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

101. TRABAJANDO EN LÍNEA
CREAR IMÁGENES ANIMADAS

102. TRABAJANDO EN LÍNEA
CREAR IMÁGENES ANIMADAS

103. TRABAJANDO EN LÍNEA
CREAR IMÁGENES ANIMADAS

104. TRABAJANDO EN LÍNEA
CREAR TEXTO ANIMADO

105. TRABAJANDO EN LÍNEA
CREAR TEXTO ANIMADO

106. TRABAJANDO EN LÍNEA
CREAR TEXTO 3 D

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