TECNOLOGÍA DE LA COMUNICACIÓN Itec-comunicacion.unsl.edu.ar/Tecno...

Preview:

Citation preview

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

Recommended