1. Illustrator (nivel 1)

2

ÍNDICE

Introducción � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 3

Espacio de trabajo � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 4

Imágenes vectoriales y mapas de bits � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 7

Herramientas básicas � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 9

Formas básicas � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 10

Muestras de color � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 12

Transformar objetos � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 14

Transformar desde el panel transformar � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 15

Organizar objetos � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 16

Texto � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 18

Importar imágenes � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 20

Herramienta Pluma � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 22

Importar un boceto � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 25

Crear objetos 3D� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 26

Más información � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 29

3

IntroducciónEn un mundo cada vez más mediado por entornos digitales, es necesario incorporar nuevos saberes y destrezas para que podamos desenvolvernos en la sociedad� Por esto, hemos elaborado una serie de recursos educativos, destinados a docentes y a estudiantes de las escuelas secundarias técnicas de la República Argentina�

Estos recursos fueron realizados en el marco del concurso Hecho en 3D, producto de una iniciativa del Ministerio de Educación, Cultura, Ciencia y Tecnología de la Nación, en conjunto con INET, EDUCAR S. E. y la colaboración de Adobe�

Los recursos proponen una aproximación inicial a las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura� Se encuentran disponibles en dos formatos: guías y videotutoriales. Los participantes podrán trabajar con las guías, con los videotutoriales o con ambos, en forma complementaria, según su preferencia.

Esta guía presenta los principales contenidos que corresponden a Adobe Illustrator (nivel 1). Esta herramienta permite crear ilustraciones, logotipos, infografías, pósteres y dibujos a mano alzada, entre otras opciones�La guía aborda cómo configurar el espacio de trabajo, cómo identificar las diferencias entre imágenes vectoriales y mapa de bits, cuáles son las características principales de sus herramientas y formas básicas y cómo trabajar con capas, imágenes y texto�Deseamos que los recursos sirvan como insumo para acompañar las propuestas pedagógicas elaboradas por los y las docentes en el marco del concurso Hecho en 3D� Creemos que estas herramientas digitales no son una propuesta pedagógica en sí misma: cobrarán sentido si se aplican en las actividades para promover escenarios educativos innovadores y alternativos�

4

Espacio de trabajo

Conocer el espacio de trabajoAntes de empezar el proyecto, verás de qué manera funciona Adobe Illustrator, su entorno de trabajo y herramientas�Al abrir Adobe Illustrator CC encontrarás una pantalla de inicio que permite realizar diferentes tareas� Entre las opciones, podés elegir Recientes, que muestra los últimos archivos guardados por la aplicación.

La opción Archivos CC permite abrir documentos guardados en la carpeta local de Creative Cloud� Esta carpeta se instala de manera local en el equipo y se sincroniza de forma permanente con tu espacio disponible en la nube de Adobe. Esto te permite tener de forma inmediata un respaldo de tus archivos�

5

Crear nuevo documentoAl momento de crear un nuevo documento desde cero, Illustrator dispone de diferentes tipos o perfiles de documentos que podés elegir para tu trabajo.Algunas opciones: Impresión, Web, Dispositivos móviles, Video y película y Obras de arte e ilustración.

Cada documento nuevo que creás con Illustrator tiene, de acuerdo con el perf i l de salida (Impresión, Web, etc�) diferentes tamaños predeterminados que podés elegir en el Área de recorte� En el caso de documentos que van a ser impresos, podés encontrar los diferentes tamaños estándar de papel.

6

Personalizar espacio de trabajoEl espacio de trabajo es la forma en que están dispuestas las diferentes herramientas y paneles dentro de la aplicación. Para trabajar de manera más cómoda y eficiente, las aplicaciones de Adobe te permiten organizar tu espacio de trabajo de forma personalizada� Podés modificar la forma en que aparece la barra de herramientas y definir qué paneles querés y con qué disposición.

Una vez ubicados los paneles de la manera que consideres más conveniente, podés guardar esa configuración en un Nuevo espacio de trabajo�

7

Imágenes vectoriales y mapas de bits

Diferenciar entre vectores y mapa de bitsEn este apartado vas a ver las diferencias que existen entre las imágenes digitales basadas en mapas de bits y las basadas en vectores�Photoshop es un editor de mapa de bits en tanto Illustrator es un editor de imágenes vectoriales.Si ampliás una línea en mapa de bits y otra vectorial, verás que se aprecia la diferencia entre ambas� En mapa de bits la imagen está formada por una retícula o cuadrícula conformada por píxeles (unidad mínima de ese tipo de imágenes), mientras que la imagen vectorial está basada en operaciones matemáticas y es independiente de la resolución.

A continuación, podés apreciar una ilustración hecha en mapa de bits y otra vectorial.

Mapa de bits

Vectores

Mapa de bits Vectores

8

También podés apreciar la diferencia entre un logotipo hecho en vectores y otro en mapa

de bits.

Por último, podés ver la diferencia entre una fotografía representada en mapa de bits y otra en vectores�

Mapa de bitsVectores

Mapa de bits Vectores

9

Herramientas básicas Barra de herramientas En este apartado vas a ver algunas de las herramientas básicas de Adobe Illustrator� Una de las características de la barra de herramientas es que podés moverla, separarla y posicionarla donde te resulte más cómodo en tu espacio de trabajo�

Como es posible observar en la figura anterior, en algunas de las herramientas de la barra hay un pequeño triángulo� Si hacés clic sobre él, se despliega un submenú con algunas herramientas adicionales. Asimismo, en el lateral derecho del submenú hay una flecha. Si hacés clic sobre esta, podrás ver el submenú como una barra independiente.

Barra de controlLa Barra de control se encuentra en el borde superior de tu espacio de trabajo� Esta te permite, de manera contextual, según la herramienta que estás utilizando, modificar determinadas características de esta. A modo de ejemplo: si usás la herramienta Segmento de línea, la Barra de control te permite modificar su color, espesor, tipo de trazo, entre otras opciones�

10

Formas básicas

Crear formas básicasEn este apartado vas a trabajar con formas básicas� Desde la Barra de herramientas, desplegá las opciones que tiene la herramienta Rectángulo, verás que aparecen una variedad de formas básicas. Si hacés clic sobre la flecha ubicada en el lateral derecho, las formas aparecerán en una nueva barra de herramientas.

Dibujar formas básicas es muy sencillo� Una vez que hayas seleccionado una de ellas para trabajar, hacé clic sobre el documento y, sosteniendo el cursor, desplazalo hasta el punto en donde querés dibujarla. Al soltar, obtendrás la figura deseada: en el caso de este ejemplo, un rectángulo. �

Para obtener un cuadrado, mantené apretada la tecla Shift mientras desplazás el cursor y así mantendrás constante e igual la relación alto-ancho� De esta manera, cuando sueltes,, tendrás un cuadrado del tamaño deseado�En la medida que te desplaces por el documento y al hacer contacto con los distintos bordes de los elementos que tenés en tu área de trabajo, aparecen guías inteligentes que te van a permitir trabajar más cómodamente para alinear tus objetos sobre la base de una referencia a otros objetos. Si quisieras crear figuras básicas en el centro del documento, apretá la tecla Alt, la cual muestra una línea vertical que permite crearlas de forma centrada�

11

Crear formas con medidas específicasPara trabajar con figuras como el polígono o la estrella, podés determinar el radio y la cantidad de lados que querés que tengan. Para ello, hacé clic sobre el área de trabajo y, en el cuadro de diálogo que se despliega, completá los datos, tal como se muestra en la siguiente imagen.

En el caso de la estrella, podés definir el radio externo (Radio 1), el radio interno (Radio 2) y la cantidad de vértices (Puntas).

Esto aplica a todas las formas básicas (rombo, elipse, estrella, etc.). Si querés crear un círculo, apretá al mismo tiempo las teclas Alt y Shift�

12

Del mismo modo, podés cambiar los atributos del trazo de los bordes de la figura seleccionada, ya sea modificando su color, su grosor, tipo y continuidad de línea, opacidad, etc. Estos cambios también podrían hacerse desde el panel Color o desde el panel Muestras�

Muestras de colorEn esta sección vas a ver de qué manera podés colorear los objetos que estás editando. Es recomendable modificar el espacio de trabajo para trabajar con mayor comodidad� Recordá que Illustrator es un programa que permite personalizar a cada instante la barra de herramientas, según tus necesidades� En este caso, necesitarás el panel Muestras. También será necesario agregar, desde el menú Ventana, el panel Color y el panel Degradado�

Colorear con color sólido y degradadosAl seleccionar el objeto a colorear (por ejemplo, el triángulo), aparece en la Barra de control un menú desplegable con el color de relleno actual del objeto� Desplegalo para modificar el color.

13

Ahora vas a elegir, en lugar de un color para el relleno, un efecto degradado� Para ello, en la paleta Degradado elegí un gradiente, que podrá ser lineal o radial� En un círculo, por ejemplo, se utiliza la opción radial� En ese caso, la opción por defecto establece un origen en el centro en blanco con un gradiente a negro hacia los bordes� No obstante, podés cambiar tanto el color de origen (centro) como el de los bordes, haciendo doble clic en los extremos del regulador de degradado�

Otra forma de modificar el color de relleno o el borde del objeto es simplemente arrastrar, desde la paleta de color, el color seleccionado y posicionarlo arriba del objeto a colorear� Aparecerá un signo � Esto indica que Illustrator identifica el color con que querés rellenar el objeto y, al soltar el mouse, automáticamente lo cambiará� Para que Illustrator identifique correctamente si se trata del cuerpo del objeto o del borde, previamente, en el menú lateral, seleccioná el cuadro que corresponda (el cuerpo o el del borde) y ponelo adelante�

14

Transformar objetos

Transformar desde la barra de controlEn este apartado vas a ver de qué manera podés transformar objetos en Illustrator� En la Barra de control, hacia el lado derecho, hay dos opciones: Forma y Transformar� Las propiedades de la forma indicarán las medidas del objeto seleccionado, que podés modificar desde dicho panel.

Del mismo modo, podés cambiar los atributos de figuras circulares o elipses desde el panel Forma. A diferencia de lo que sucede con las figuras rectangulares, contás con una opción para definir la forma angular. Para ello, definí la posición inicial (Ángulo inicial) y la posición final (Ángulo final) del ángulo, y quedará formada la figura.

Otra forma de generarla es mover directamente la manecilla en forma circular hasta la posición final elegida (Ángulo final).

15

Transformar desde el panel TransformarA modo de ejemplo, para conocer esta herramienta, podés trabajar con un polígono. Desde el menú Ventana, desplegá el panel Transformar�

Si seleccionás los tres elementos y elegís cambiar, por ejemplo, la medida del ancho, notarás que todas las figuras se reducirán de forma proporcional manteniendo el área superior fija en el mismo lugar�

En este panel, verás las dos opciones que tenías anteriormente en las funciones Forma y Transformar, pero integradas en un solo panel� Por ejemplo, entre las propiedades del polígono, figura el número de lados (en el ejemplo, son 6). Si cambiás el número a 5, Illustrator transforma de manera inmediata el hexágono en un pentágono�

16

Organizar objetos

Opciones para organizar objetosEn esta sección, verás de qué manera organizar los distintos objetos en Illustrator. A modo de ejemplo, trabajarás con cuatro cuadrados, tal como se observa en la siguiente imagen�

En cambio, para colocar el objeto debajo de todo, elegí la opción Enviar detrás�

Para modificar el orden en que aparecen, desde Objeto/Organizar, seleccioná el objeto que querés organizar (el rectángulo amarillo) y elegí una opción (por ejemplo, Enviar atrás).

17

Para ubicar el cuadrado amarillo adelante del rojo, elegí la opción Hacia adelante�

Organizar mediante el panel CapasOtra forma de organizar objetos es usar el panel Capas� En este ejemplo, el panel muestra cuatro subcapas por orden de aparición.

Si quisieras poner el cuadrado rojo por encima de todo, arrastrá la capa correspondiente a ese cuadrado y llevala al nivel superior�

Si querés trasladar el cuadrado amarillo hacia adelante de todo, elegí la opción Traer al frente.

18

TextoEn este apartado, vas a ver cómo trabajar con texto en Adobe Illustrator. Para comenzar, desde la Barra de herramientas, seleccioná con un clic la herramienta Texto �

Texto de puntoIllustrator tiene dos formas de trabajar el texto� Una de ellas se denomina texto de punto� Para utilizar esta forma, hacé clic en cualquier parte de tu hoja de trabajo y comenzá a escribir�Si observás la Barra de control, verás que el programa ya ha identificado que estás trabajando con texto y muestra algunas de sus características. Por ejemplo: el color, el trazo, la opacidad, opciones de caracteres, estilo de párrafo, etc�

CaracteresDesde el menú Ventana/Texto/Carácter, podés desplegar el panel Carácter y elegir entre diferentes tipografías�

19

Texto de áreaLa segunda opción para trabajar con texto en Illustrator es crear una caja con la herramienta Texto. El texto se acomodará dentro de la caja a medida que modifiquemos el tamaño de esta.

Podés convertir el texto de punto en texto de área desde el menú Texto/Convertir a texto de área marcando previamente el texto a convertir�

Otra forma más directa es utilizar el punto azul de la derecha� Al hacer doble clic sobre dicho punto, se generará la conversión buscada.

Texto de punto Texto de área

Texto de punto Texto de área

20

Importar imágenesEn esta sección vas a ver cómo incorporar fotos e imágenes de mapas de bits a la hoja de trabajo en Illustrator�Una de las formas es desde Archivo/Colocar� Elegí la imagen que vas a utilizar y hacé clic en la opción Colocar�

Una vez importada la imagen, hacé clic en la página: la imagen se colocará de forma automática al 100 % de su tamaño� Otra opción es dibujar un rectángulo del tamaño de imagen que quieras.

Características de las imágenes importadas

La Barra de control muestra las características propias de las imágenes importadas� Brinda información respecto del nombre del archivo, el modo de color, la resolución, etc� Tenés también la opción de incrustar la imagen (haciendo clic en el botón Incrustar)� A diferencia de una imagen externa, una imagen incrustada implica que el archivo de Illustrator contiene dicha imagen y no hace falta enviarla aparte�En cambio, si la imagen se encuentra enlazada, cuando quieras compartir el documento con otra persona, deberás adjuntar el archivo de imagen correspondiente, junto con el archivo de Illustrator�

21

Colocar una imagen desde Adobe StockOtra forma de incorporar una imagen a tu documento es a través de Adobe Stock, un servicio

que brinda Adobe� Para ello, en el campo ubicado en el margen derecho superior, ingresá una

palabra clave para buscar imágenes relacionadas con dicha búsqueda�

Se abrirá un banco de imágenes disponibles para su uso, relativas a las palabras clave ingresadas (por ejemplo, impresión 3D)�

Al comprar o guardar la imagen de previsualización elegida en una carpeta Cloud, podrás colocarla en el documento y modificar su forma. Desde Ventana/Biblioteca, arrastrá la imagen elegida y colocala en tu página�

22

Herramienta PlumaEn este apartado trabajarás con la herramienta Pluma� Para ello, se encuentra disponible un documento llamado pluma.ai al cual podés acceder a partir de la carpeta Ejercicios� Este documento tiene dos mesas de trabajo: Inicio y Ejercicio�

Variantes de la herramienta PlumaElegí la herramienta Pluma para desplegar las distintas opciones que ofrece.

Cuando comiences a trabajar con esta herramienta, verás que el cursor tiene en su margen derecho un símbolo de asterisco que indica el punto de anclaje o de partida del trazo�

23

Al hacer clic en otro extremo, se generará una línea recta� Si seguís corriendo el mouse y continuás haciendo clic sobre el espacio de trabajo, se concatenarán segmentos uno a continuación de otro�

Para crear una curva, en el siguiente punto de ancla, en lugar de hacer clic, mantené presionado el mouse y aparecerán unas manecillas que te permitirán crear formas curvas�

Cuando alcances el punto de inicio, aparecerá un pequeño circulo en la parte inferior que indica que has cerrado la forma�

24

Modificación de puntos de ancla (nodos)En la minipaleta que has desplegado de la herramienta Pluma, se agregan algunas herramientas adicionales�

Herramienta Añadir punto de ancla

Permite crear nuevos puntos de anclaje sobre la línea en la que está ubicado el puntero del mouse�

Herramienta Eliminar punto de ancla

Permite quitar puntos de anclaje sobre la línea en la que está ubicado el puntero del mouse�

Herramienta Punto de ancla

Permite convertir un vértice en una curva y viceversa�

25

Importar un boceto

Importar mediante Adobe CaptureUna forma de importar una imagen, podría ser fotografiar con el celular un boceto hecho a mano y luego subir la foto al equipo� Adobe cuenta con una aplicación disponible para celulares, denominada Adobe Capture� Para poder utilizarla, descargala, abrila y elegí una biblioteca en Creative Cloud donde podrás guardar la imagen�

Colocar una imagen para calcar Otra forma posible es tomar una foto con un celular, enviarla por correo y guardarla directamente en la carpeta de trabajo desde Archivo/Colocar.

Al guardarla automáticamente se sincronizará tu biblioteca y estará disponible para colocar en Illustrator� Seguidamente, seleccioná la imagen desde la biblioteca, presioná el botón Colocar y ubicá la imagen en tu trabajo�

26

Crear objetos 3DEn esta sección vas a ver de qué manera, a partir de formas básicas, podés crear cuerpos geométricos mediante Adobe Illustrator.

Opciones de extrusión y biselado 3DYa sabés cómo crear formas básicas como el cuadrado y el círculo� Ahora verás cómo darles volumen y modificar sus atributos.Para ello, comenzá a trabajar con un cuadrado y podrás crear un cubo� Dirigite a Efecto/3D/Extrusión y biselado.

Se abrirá entonces un cuadro de diálogo que te permitirá previsualizar el cuadrado y modificar distintos valores (profundidad, rotación, etc.). El cuadrado se transformó en un cubo gracias a la función Extrusión.

Si habilitás el botón Más opciones, tenés la opción de iluminar de manera diferente los lados del cubo para apreciar mejor su volumen�

27

Opciones de giro 3D

Para este ejercicio vas a trabajar con el círculo� Para ello, con la herramienta Selección directa (flecha blanca) seleccioná el nodo que está en el margen derecho y borralo con la tecla Suprimir�

Con el semicírculo seleccionado, dirigite a Efecto/3D/Girar�

Aparecerá el siguiente cuadro de diálogo, que te permitirá realizar distintas opciones, como girar la forma y definir el ángulo de giro o el eje de rotación. Al girar 360 grados tomando como eje de rotación el margen izquierdo, se generará la siguiente figura.

28

Al cambiar el eje de rotación al margen derecho, obtendrás una esfera.

Al igual que con el rectángulo, podés modificar distintos atributos de la esfera (color, brillo, inclinación, ángulos, etc.).

29

Más informaciónPara conocer otras herramientas y materiales realizados en el marco del concurso Hecho en 3D, podés dirigirte al banco de recursos disponible en: https://h3d.educar.gob.ar/concurso-hecho-en-3d/seccion/2/concurso-hecho-en-3d

argentina.gob.ar/enfocoh3d@educ.gov.ar

Formación Docente ETP