Post on 24-Feb-2020
TECNOLOGÍA DE LA
COMUNICACIÓN I
Lic. en Comunicación Social
FCH-UNSL (Año 2016)
CLASE V
“IMÁGENES VECTORIALES:
CREACIÓN Y OPERACIONES EN
ADOBE ILLUSTRATOR”
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-
COMPARTIRIGUAL 3.0 UNPORTED LICENSE
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
¿QUÉ ES ADOBE ILLUSTRATOR?
Es un editor profesional de gráficos vectoriales
compuesto por numerosas y potentes
herramientas…
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
TRABAJO CON ILUSTRACIONES Para comenzar una nueva ilustración se utiliza el comando
ArchivoNuevo 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.
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.
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.
TRABAJO CON ILUSTRACIONES
En otros casos
también es
importante
producir
imágenes para
dispositivos
específicos o en
calidad HD…
ELEMENTOS ÚTILES MESA DE TRABAJO Es un área en la que se disponen los objetos de trabajo…
MESA
DE
TRABAJO
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.
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
La selección se anula cliqueando en una
zona fuera de esta.
HERRAMIENTAS
FORMAS DE SELECCIÓN
CREACIÓN DE ILUSTRACIONES
Permiten realizar modificaciones en las
formas o grupos de objetos…
HERRAMIENTAS
VARIANTES DE
SELECCIÓN
CREACIÓN DE ILUSTRACIONES
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
Los puntos de ancla se arrastran para
modificar la forma original de un objeto.
HERRAMIENTAS
SELECCIÓN DIRECTA
CREACIÓN DE ILUSTRACIONES
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
HERRAMIENTAS
FORMAS DE SELECCIÓN
DE GRUPOS
CREACIÓN DE ILUSTRACIONES
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
HERRAMIENTAS
SELECCIÓN POR VARITA MÁGICA
CREACIÓN DE ILUSTRACIONES
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
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
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
•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
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
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
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
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
HERRAMIENTAS
TEXTO HORIZONTAL
CREACIÓN DE ILUSTRACIONES
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
Permite que un texto siga la trayectoria de un
determinado trazo…
HERRAMIENTAS
TEXTO EN TRAZADO
HORIZONTAL
CREACIÓN DE ILUSTRACIONES
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
Permiten crear ilustraciones que combinen
líneas con arcos, espirales y cuadrículas…
HERRAMIENTAS
FORMAS
BÁSICAS
CREACIÓN DE ILUSTRACIONES
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
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
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
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
Permiten crear ilustraciones que combinen
rectángulos con elipses, polígonos,
estrellas y destellos…
HERRAMIENTAS
FORMAS
CERRADAS
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
RECTÁNGULOS Y ELIPSE
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
POLÍGONO, ESTRELLA Y
DESTELLO
CREACIÓN DE ILUSTRACIONES
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
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
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
Suaviza el trazo de un segmento del objeto haciendo
que estos se vean menos bruscos…
HERRAMIENTAS
SUAVIZAR
CREACIÓN DE ILUSTRACIONES
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
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)
HERRAMIENTAS
BORRADOR
Y
VARIANTES
Permite borrar un objeto o bien
dividirlo en dos o más partes…
CREACIÓN DE ILUSTRACIONES
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
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
HERRAMIENTAS
Divide y cierra los objetos…
CUCHILLA
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
EFECTOS
PARA
OBJETOS
Permiten modificar la forma original de un
objeto mediante rotaciones, escalas,
deformaciones, transformaciones y
fusiones…
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)…
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS ROTAR REFLEJO
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…
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
ESCALA Permite modificar el tamaño de un objeto de forma
proporcional o no…
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Permite alterar el ancho y alto de un objeto, junto con
su perspectiva…
DISTORSIÓN
CREACIÓN DE ILUSTRACIONES
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
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
HERRAMIENTAS
Permite crear trazos de anchura variable…
ANCHURA
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
DEfORMAR
MOLINETE
FRUNCIR
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
ENGORDAR FESTONEAR
ARRUGAR CRISTALIZAR
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Permite modificar el tamaño de un objeto (mediante
escalas o giros)…
TRANSFORMACIÓN LIBRE
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
CREADOR DE
FORMAS
Crea una nueva forma a partir de la
intersección entre dos ilustraciones…
CREACIÓN DE ILUSTRACIONES
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
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
HERRAMIENTAS
Permiten dibujar una forma en función de una
perspectiva determinada…
CUADRÍCULA Y SELECCIÓN
DE PERSPECTIVA
CREACIÓN DE ILUSTRACIONES
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
HERRAMIENTAS
Aplica una fusión gradual de colores de forma radial o
lineal…
DEGRADADO
CREACIÓN DE ILUSTRACIONES
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
HERRAMIENTAS
Selecciona un color de
un objeto
determinado…
CUENTAGOTAS
Obtiene la
distancia entre
dos puntos de
un objeto…
MEDICIÓN
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
Crea y distribuye de manera uniforme formas o colores
entre dos objetos…
FUSIÓN
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 crearse de modo propio…
CREACIÓN DE ILUSTRACIONES
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
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
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
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
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
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
HERRAMIENTAS
Aplica transparencia al símbolo seleccionado…
TRANSLUCIR SÍMBOLO
Se aplica mediante la operación de arrastre del
mouse.
CREACIÓN DE ILUSTRACIONES
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
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
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
HERRAMIENTAS EDITAR Y PERSONALIZAR GRÁFICOS
Se personalizan
desde el menú
Objeto, Tipo de
Gráfica.
CREACIÓN DE ILUSTRACIONES
GRÁFICAS MÁS COMUNES
CREACIÓN DE ILUSTRACIONES
Columnas Barras Líneas
Área Torta
HERRAMIENTAS
SECTOR Divide una ilustración en partes que pueden utilizarse
posteriormente como mapa de imágenes…
CREACIÓN DE ILUSTRACIONES
HERRAMIENTAS
SECTOR
Un sector se selecciona con la herramienta
Seleccionar sector
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.
CREACIÓN DE ILUSTRACIONES
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
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.
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
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
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.
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ú ObjetoMáscara de recorte
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ú EfectoGalería de Efectos
OPERACIONES CON OBJETOS
EFECTOS/ FILTROS
TexturizadoLadrillo
Trazos de pincelSalpicaduras
Trazos de pincelLápiz de color
OPERACIONES CON OBJETOS EFECTOS
Estilizar
Bordes resplandecientes
ArtísticoBordes añadidos
BosquejarReticulación
Cristalizar
OPERACIONES CON OBJETOS
EFECTO 3 D
Se activa desde el Menú Efecto3 D
OPERACIONES CON OBJETOS
EFECTOS 3 D
OPERACIONES CON OBJETOS
EFECTOS 3 D
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
OPERACIONES CON OBJETOS TRABAJO EN CAPAS
Las Capas pueden arrastrarse para lograr una
distinta superposición de objetos.
Se realiza a través de la opción ObjetoCalco
Interactivo…
OPERACIONES CON OBJETOS
CONVERSIÓN DE IMAGEN DE MAPA DE BITS
A IMAGEN VECTORIAL
El formato por
defecto de
Adobe
Illustrator es
.ai
OPERACIONES CON OBJETOS
GUARDAR ARCHIVOS
Una vez
finalizadas las
ilustraciones se
exportan a .jpg
OPERACIONES CON OBJETOS EXPORTAR ARCHIVOS
FIN DE PRESENTACIÓN
Gracias por su atención…
Elaborado por Prof. Viviana M. Ponce
vmponce@unsl.edu.ar
Fac. de Cs. Humanas- UNSL