1 “Imágenes vectoriales: creación y operaciones en Adobe IllustratorCLASE 1 “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 5 4 4 6 7 1- Títulos Menú de herramientas 3-Ventana de Control 4- Hoja y Mesa de trabajo Herramientas 6-Paneles de trabajo 7- Zoom y Estado de la ilustración

5 TRABAJO CON ILUSTRACIONESPara 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 trabajoRepresenta un área que puede contener objetos imprimibles o no… MESA DE TRABAJO

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

8 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Formas posibles de selección La selección se anula cliqueando en una zona fuera de esta.

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

11 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Selección directa Los puntos de ancla se arrastran para modificar la forma original de un objeto.

13 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Formas posibles de selección de grupos

15 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Formas posibles de selección por Varita Mágica

17 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Texto horizontal

26 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Texto en trazado horizontal Permite que un texto siga la trayectoria de un determinado trazo…

28 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Formas básicas Permiten crear ilustraciones que combinen líneas con arcos, espirales y cuadrículas…

30 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Cuadrículas Permite crear divisores horizontales y verticales de los que se puede elegir su ancho, largo, divisores radiales, etc.

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

35 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS Rectángulo, Rectángulo redondeado y Elipse

36 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS Polígono, Estrella y Destello

37 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Suavizar Suaviza el trazo de un segmento del objeto haciendo que estos se vean menos bruscos…

41 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Efectos para objetos Permiten modificar la forma original de un objeto mediante rotaciones, escalas, deformaciones, transformaciones y fusiones…

43 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Rotar Reflejo

45 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Escala Permite modificar el tamaño de un objeto de forma proporcional o no…

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

48 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Dedo Molinete Fruncir

51 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS Engordar Festonear Cristalizar Arrugar

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

53 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Translucir símbolo Aplica transparencia al símbolo seleccionado… Se aplica mediante la operación de arrastre del mouse.

61 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Columnas Barras Líneas Circular

66 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Degradado Aplica una fusión gradual de colores de forma radial o lineal…

68 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Cuentagotas Selecciona un color de un objeto determinado… Medición Obtiene la distancia entre dos puntos de un objeto…

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

71 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Á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 ILUSTRACIONESHERRAMIENTAS Á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 ILUSTRACIONESHERRAMIENTAS Sector Divide una ilustración en partes que pueden utilizarse posteriormente como mapa de imágenes…

76 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS Sector Un sector se selecciona con la herramienta Seleccionar sector

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

78 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS 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 ILUSTRACIONESHERRAMIENTAS Cuchilla Divide y cierra los objetos…

81 CREACIÓN DE ILUSTRACIONESHERRAMIENTAS 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 1-Color de trazo 2-Color de rellenoUn objeto se compone de un color de trazo y relleno que puede ser simple o degradado… 1-Color de trazo 2-Color de relleno 1 2 2 1 Desde Guía de color puede seleccionarse una paleta de colores predeterminada.

83 OPERACIONES CON OBJETOSAgrupar, 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 OBJETOSExpandir 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 OBJETOSBloquear, 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 OBJETOSCombinar 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 OBJETOSDistorsionar 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 OBJETOSMá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 OBJETOSEfectos/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 OBJETOSEfectos/Filtros Trazos de pincelSalpicaduras TexturizadoLadrillo Trazos de pincelLápiz de color

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

92 OPERACIONES CON OBJETOSEfectos 3D

93 OPERACIONES CON OBJETOSEfectos 3D

94 OPERACIONES CON OBJETOSEfectos 3D

95 OPERACIONES CON OBJETOSTrabajo 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 OBJETOSTrabajo en capas Las Capas pueden arrastrarse para lograr una distinta superposición de objetos.

97 OPERACIONES CON OBJETOSConvertir 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 OBJETOSConvertir 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 OBJETOSConvertir imagen vectorial a mapa de bits

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

101 OPERACIONES CON OBJETOSExportar 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 Elaborado por Prof. Viviana M. PonceFIN DE PRESENTACIÓN… Elaborado por Prof. Viviana M. Ponce CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL- COMPARTIRIGUAL 3.0 UNPORTED LICENSE