1. illustrator nivel 2 - h3d.educar.gob.ar filea las herramientas digitales adobe illustrator, adobe...

17
1. Illustrator Nivel 2

Upload: others

Post on 02-Nov-2019

20 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

1. Illustrator Nivel 2

Page 2: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 2 ]

ÍNDICE

Introducción Guía Illustrator nivel 2 � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 3

Formas compuestas � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 4

Herramienta Buscatrazos � � � � � � � � � � . . . . � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 7

Herramienta de calco interactivo� . . . . . . . . . . . . . � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � . . . . � � � � � � � � � . � � � � � 10

Crear un objeto 3D � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 13

Realizar trazado de contorno y aplicar efecto de giro 3D � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 14

Más información � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 16

pelliot
Tachado
Page 3: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 3 ]

Introducción Guía Illustrator nivel 2En un mundo cada vez más mediado por entornos digitales, es necesario incorporar nuevos saberes y destrezas que permitan desenvolverse en la sociedad� Es por esto que se han ela-borado una serie de recursos educativos, destinados a los/as docentes y los/as estudiantes de las escuelas secundarias técnicas de la República Argentina, que puedan servir como insumos para acompañar la enseñanza y el aprendizaje�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 SE y la colaboración de Adobe� Allí encontrarán una aproximación inicial a las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura� Es-tas animan a pensar de manera creativa y a comunicar de forma expresiva haciendo uso de saberes digitales, convirtiendo ideas en proyectos innovadores�Los recursos se encuentran disponibles en dos formatos: guías y videotutoriales� Se espera que los participantes puedan trabajar de manera independiente o bien, complementaria con cada uno de los recursos� En la guía a continuación, encontrarán los principales contenidos que corresponden a Adobe Illustrator (Nivel 2), una herramienta que permite crear ilustraciones, logotipos, infografías, pósters y dibujos a mano alzada, entre otras opciones�Algunos de los temas que aquí se incluyen son: cómo crear formas compuestas, cómo vec-torizar un mapa de bits y cómo producir un objeto 3D� Deseamos que el material sirva como un insumo para acompañar las propuestas pedagógicas elaboradas por los/las docentes en el marco del Concurso Hecho en 3D� Creemos que la aplicación de dichos recursos no son una propuesta pedagógica en sí misma sino que co-bran sentido al incluirlos en las actividades, con el afán de promover escenarios educativos innovadores y alternativos�

Page 4: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 4 ]

A continuación desplegamos el menú Ver/Mostrar cuadrícula de transparencia� (Ver

figura 3)�

Formas compuestas

Creación de formas compuestasEn el siguiente apartado, se explicará como crear formas compuestas en Illustrator� En primer lugar, debemos desplegar el menú Ventana y seleccionar Buscatrazos� (Ver figura 1)

Figura 1

Figura 3

Figura 2

Una vez que seleccionamos la opción Buscatrazos, aparecerá el siguiente cuadro en nuestro espacio de trabajo� (Ver figura 2)

Page 5: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 5 ]

Adobe Illustrator nos representa la transparencia mediante una cuadrícula� (Ver figura 4)

Figura 4

Figura 5

Figura 6

A modo de ejemplo, en la siguiente imagen podrán observar una figura compuesta por tres formas básicas: un círculo, un rectángulo y un elipse� En esta instancia, estas formas aún son independientes una de la otra. Para unificarlas debemos seleccionar la opción Unificar dentro del panel Buscatrazos, tal como se muestra en la siguiente figura. (Ver figura 5)

De esta forma, al seleccionar la opción Unificar , se obtendrá una sola pieza, compuesta por las tres formas básicas� (Ver figura 6)

Page 6: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 6 ]

Habilitar el modo aislamiento

También es posible mover de forma independiente, cada uno de los elementos que componen nuestra forma compuesta, a través de la Herramienta de selección directa , (flecha blanca). Otra opción para realizar dicha acción, es hacer click derecho sobre la forma y seleccionar Aislar grupo seleccionado� (Ver figura 8)

Si deseamos seguir editando la forma compuesta, podemos hacer click sobre la Herramien-ta de selección , y así podremos mover todo el objeto, cambiar su tamaño, rotarlo, etc� (Ver figura 7)

Figura 7

Figura 8

Page 7: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 7 ]

La Herramienta BuscatrazosEn este apartado vamos a ver de que manera podemos trabajar en Illustrator con la herra-mienta Buscatrazos� Desde un documento en blanco, desplegamos el menú ventana y seleccionamos la opción Buscatrazos� (Ver figura 9)

Figura 10

Figura 9

Modos de formaRecordemos, tal como lo vimos en la explicación de como realizar formas compuestas, que para que nuestra forma, sea una sola pieza, debemos seleccionar el botón Unificar, dentro de la herramienta Buscatrazos� (Ver figura 11)

Para la explicación de la herramienta y sus distintas funciones utilizaremos cuatro formas compuestas� (Ver figura 10)

Page 8: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 8 ]

Trazado compuestoSi seleccionamos el botón Expandir sobre la figura compuesta que hemos seleccionado, veremos que se crea un nuevo trazado, perdiéndose así el atributo individual de cada forma, generándose una nueva forma fusionada entre ambas� (Ver figura 12)

Otra de las opciones que tenemos con la herramienta Buscatrazos, es Menos frente, que consiste en restar la figura del frente sobre la figura del fondo, resultando un anillo. (Ver figura 13)

Figura 11

Figura 12

Figura 13

Page 9: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 9 ]

La tercera opción de la ventana Buscatrazos nos permite crear una nueva figura a partir de la intersección de las formas simples que tenemos en nuestro documento� El resultado que vamos a obtener utilizando esta opción de la herramienta es el área de intersección entre ambas figuras como es posible observar en la figura 13. (Ver figura 14)�

La última opción de la ventana Buscatrazos es el botón Excluir� A modo de ejemplo, se eli-gió duplicar el círculo menor de la figura con la que veníamos trabajando, para que puedan apreciar de mejor forma el resultado de la función Excluir� A continuación podrán observar como se excluye el área solapada, gracias a la opción seleccionada� (Ver figura 15)

Figura 14

Figura 15

Page 10: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 10 ]

Herramienta de calco interactivoConvertir una imagen de mapa de bits en vectoresEn este apartado veremos como podemos convertir una imagen de mapa de bits en vectores� La herramienta de Calco interactivo tiene la función de convertir una imagen de mapa de bits en vectores�Para realizar este procedimiento, en primer lugar, vamos a crear un nuevo documento y colocar una imagen� Para ello, vamos a ir a archivo/colocar y elegiremos la imagen con la cual de-seamos trabajar� En este ejemplo, hemos seleccionado el archivo tortuga_baja.jpg� La barra de control nos permitirá ver características de la imagen que hemos colocado (Ver figura 16)

Asimismo, en la barra de control, tenemos la opción de Calco de imagen, la cual nos per-mite convertir nuestro mapa de bits en vectores� En la imagen siguiente podemos apreciar dicha conversión� (Ver figura 17)

En la barra de control podemos desplegar un menú que nos permite elegir entre distintos tipos de visualización: resultado del calco, resultado del calco con contornos, solamente los contornos e imagen de origen� (Ver figura 18)�

Figura 16

Figura 17

Page 11: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 11 ]

Figura 19

Figura 20

Figura 18

Desde el menú del panel de enlaces tenemos la posibilidad de reemplazar la imagen actual en baja calidad por la misma en alta calidad� Si hacemos clic, en el menú podemos ver que se abre un cuadro de diálogo, en donde es posible seleccionar la opción reenlazar� (Ver figura 19)

Imagen en baja calidad

Imagen en alta calidad

Una vez que hemos reenlazado la nueva imagen, es posible apreciar la diferencia en la re-solución� (Ver figura 20)

Page 12: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 12 ]

Figura 21

De manera automática la nueva imagen se vuelve a vectorizar y para poder editar los vectores es necesario expandir la imagen, ya que aún se encuentra la imagen de mapa de bits� Para acceder a esta opción, debemos presionar el botón Expandir que se encuentra en la Barra de control� (Ver figura 21)

Page 13: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 13 ]

Crear un objeto 3DEn esta sección, vamos a ver de que manera podemos crear un mate en 3D� Para ello, vamos a utilizar una imagen fotográfica para poder calcarla y luego, a partir de allí, crear nuestro mate.

Importar modelo En la “Carpeta de ejercicios” van a encontrar el documento crear mate.ai que es un archivo de Illustrator� Una vez abierto, vamos a ir a Archivo/Colocar y vamos a elegir el archivo que se denomina mate base.jpg� (Ver figura 22)

Seleccionamos la imagen y tildamos la opción Plantilla y luego Colocar� La opción de plan-tilla nos permite calcar la imagen sin que nos preocupe afectar la imagen de fondo, ya que ésta quedará en una capa independiente (bloqueda) y sobre ella se creará una capa nueva para poder comenzara realizar el calco� (Ver figura 23)

Figura 22

Figura 23

Page 14: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 14 ]

Realizar trazado de contorno y aplicar efecto de giro 3DPara crear nuestro mate en 3D dentro de Illustrator debemos dibujar su contorno� Con este objetivo, vamos a elegir la herramienta de Pluma y partiendo desde el centro hacia la izquierda, iremos contorneando el mate hasta llegar a su mitad� (Ver figura 24)

Si llevamos el trazo que hemos realizado a una zona de nuestro espacio de trabajo con fondo blanco, podremos apreciar con claridad como quedó� Si quisiéramos perfeccionar y suavizar los trazos, deberemos utilizar la Herramienta de selección directa � (Ver figura 25)

Figura 24

Figura 25

Con nuestro trazo seleccionado, con la herramienta de Selección, iremos a desplegar el menú Efecto y elegiremos la opción 3D/Girar� (Ver figura 26)

Page 15: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 15 ]

Si quisiéramos hacer modificaciones a la forma de nuestro mate, elegimos la Herramienta de selección directa nuevamente y perfeccionaremos el contorno hasta llegar a la forma deseada final. (Ver figura 28)�

Una vez realizado esto, se abrirá un cuadro como el que podemos ver en la imagen siguiente, el cual nos permite modificar desde qué márgen queremos realizar el giro. (Ver figura 27)

Figura 27

Figura 28

Figura 26

Page 16: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

[ 16 ]

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: n el marco del concurso Hecho enhttps://h3d.educar.gob.ar/concursohecho-en-3d/seccion/2/concurso-hecho-en-3d

Page 17: 1. Illustrator Nivel 2 - h3d.educar.gob.ar filea las herramientas digitales Adobe Illustrator, Adobe Photoshop, Adobe Spark y Cura Es-tas animan a pensar de manera creativa y a comunicar

argentina.gob.ar/[email protected]

Formación Docente ETP