Adobe Illustrator: Grados 9-4 y 9-5

Información General

• La Institución Educativa Magdalena Ortega tiene una resolución de aprobación Nº 0287 del 13 de agosto de 2003.
• El DANE es 176400000043, el NIT es 821.003.374-1 y el ICFES es 124560.
• La guía temática es para el primer periodo en Tecnología e Informática, grados 9-4 y 9-5.
• La docente a cargo Gloria Elena Barragán Marín, con número de contacto 310 844 7815.
• El área es Tecnología e informática.
• La unidad de aprendizaje es Adobe Illustrator.

Evidencias de Aprendizaje

• Reconocer los diferentes tipos de imágenes diseñadas a través del computador en animaciones.
• Demostrar creatividad creando imágenes y animaciones.
• Manejar conceptos de animación.

Exploración

• Se plantean preguntas acerca del conocimiento de Adobe Illustrator, la interacción con la aplicación y el diseño gráfico.

Introducción a Adobe Illustrator

• Illustrator CC es una herramienta de Adobe para crear y modificar dibujos vectoriales.
• Es popular entre diseñadores gráficos, publicistas e impresores.
• Se utiliza para crear logotipos, dibujo vectorial, ilustración y diseño básico como carteles y tarjetas.
• Su mayor ventaja es el manejo de vectores o imágenes vectoriales.

Gráficos vectoriales vs. Mapas de Bits

• Es importante entender qué es un gráfico vectorial y su diferencia respecto a los mapas de bits.
• Las imágenes de mapa de bits, o ráster, se componen de píxeles dispuestos en patrones.
• Al aumentar el tamaño de un mapa de bits, se incrementa el número de píxeles, generando un aspecto dentado.
• La reducción del tamaño de un mapa de bits distorsiona la imagen al eliminar píxeles, lo que causa pérdida de información.
• Los elementos de los mapas de bits no se pueden manipular individualmente debido a que forman conjuntos de píxeles ordenados.
• Los formatos jpg, png y gif son formatos comunes basados en mapas de bits.
• Las imágenes vectoriales se definen matemáticamente como puntos unidos por líneas, cada objeto con propiedades como color, forma y tamaño.
• Cada objeto vectorial se puede mover, escalar y modificar manteniendo su nitidez.
• Los gráficos vectoriales no dependen de la resolución del dispositivo de salida.

Programas y Aplicaciones

• Photoshop, Paint Shop Pro y GIMP trabajan con mapas de bits, enfocándose en retoque fotográfico.
• Illustrator, Corel Draw e InkScape trabajan con gráficos vectoriales, usados para crear imágenes desde cero.
• Illustrator permite generar gráficos vectoriales a partir de mapas de bits y combinar ambos tipos.
• Illustrator sirve para crear imágenes vectoriales, objetos definidos matemáticamente con propiedades asignadas.
• Dos ventajas son que se puede escalar el tamaño de los objetos sin perder calidad y se pueden modificar los objetos de manera individual y sin afectar a otros objetos

El Entorno de Illustrator

• El entorno de Illustrator incluye paneles, barras y ventanas móviles, cuya disposición conforma el área de trabajo.

Componentes del Entorno

• Barra de menús: Es la barra superior con menús desplegables como Archivo y Edición, común en aplicaciones Windows.
• Panel de herramientas: Agrupa herramientas de dibujo y edición en el lateral izquierdo, algunas agrupadas con un triángulo en la esquina inferior derecha.
• Panel de control: Barra debajo de la de menús con opciones del objeto seleccionado, puede llamarse Barra de opciones.
• Paneles: Muestran opciones y propiedades (Navegador, Color, Pinceles), agrupados o flotantes, agregables desde el menú Ventana.
• Ventana del documento: Muestra el documento, minimizable o maximizable, con zoom en la esquina inferior izquierda, también llamada Ventana de ilustración.
• Mesas de trabajo: Espacios dentro de la ventana del documento que dividen el documento en zonas exportables.

Capítulo #1: Unión, Recortar e Intersección (Busca trazos)

• Tamaño carta y pixeles establecido
• Para alejar o aumentar el área de trabajo se puede usar ALT más la rueda del mouse
• Las herramientas de busca trazados pueden encontrarse en: Ventana > Busca trazos (May + Control + F9)
• Paso: en ventana buscamos la herramienta busca trazos (may + control + f9) aquí encontramos en esta herramienta, las opciones de unión, recortar, intersección y excluir.
• Ejemplo: Al hacer una elipse con la tecla Shift sostenida, se obtienen círculos perfectos de color azul con la herramienta de selección (v).
• Se puede duplicar, Ctrl + C (copiar) y Ctrl + V (pegar)
• Se puede duplicar con Alt Sostenido + Clic Sostenido y arrastrando
• La figura se duplica automáticamente.
• Luego se cambia el color al segundo circulo
• Se duplican 3 veces más los círculos así: Alt Sostenido y arrastrar.
• Se sacan 4 objetos, así que se usarán 4 herramientas
• Herramienta de unión en busca trazos: se vuelve solo un solo cuando se unen
• Herramienta de recorte en busca trazos: la imagen en la parte de arriba es la que afecta a la de abajo
• Se da Control+ Z
• Se da clic derecho sobre la imagen y se selecciona: organizar > traer al frente (Mayúscula + Control + 8)
• Seleccionar nuevamente ambos círculos: ahora la figura de arriba corta la de abajo
• Herramienta de intersección en busca trazos: lugar en que se cortan o se encuentran varias líneas
• Herramienta excluir en busca trazos: hace lo contrario
• Herramienta dividir en busca trazos: da clic derecho sobre la imagen y se da la acción de desagrupar y se mueve cada parte
• Deben practicarse con otras opciones

Ejercicio Práctico

• Diseñar el logo de Ubuntu para practicar lo aprendido.

• Se pueden utilizar como guías los logos de Adidas y MasterCard.

• El logotipo de ubuntu se realiza con la herramienta de elipse y también requiere usar la tecla ALT + Mayúscula

• Se da clic al relleno y se selecciona un color.

• Se copia (Ctrl + C) y se pega en el mismo lugar (Ctrl + Mayu + V)

• Se regresa un paso presionando Ctrl + Z, luego, con la tecla Alt y Mayú sostenido, hago un círculo pequeño.

• Se cambian los colores al círculo más claro dentro del azul

• Se seleccionan los dos círculos. Se utilizará la herramienta Recortar

• Recorte, recuerde la que está encima recorta a la que está debajo.

• Se da clic a cada uno para recortar y obtener la figura

• Con la herramienta de rectángulo se hace una línea de la MITAD del círculo

• Se Cambia de color al rectángulo en Relleno

• Vamos a sacar dos copias del rectángulo: Damos Ctrl + C (copiar) y luego Ctrl + Shif + V (pegar) y Ctrl + shif + V (pegar) Ya se tienen 3 objetos ( El original y dos copias)

• Seleccionado el rectángulo y se usa la herramienta (Transformación libre, también puede usarse el siguiente comando (E):

• En la mitad del rectángulo aparecerá un objeto de color verde puede rotarse con la herramienta.

• Se divide el círculo en 3 (360°/3 = 120°)

• Seleccionar todo y la figura que está arriba recorta la que está abajo, seleccionando Recortar en Buscatrazos (Y se seleccionan los tres objetos)

• Se desagrupan los objetos con clic derecho y se puede mover por separado

• Con Ctrl + Z se regresa como antes este paso

• Se va a hacer los círculos ubicados por fuera para que se parezca al logo de ubuntu

• Se usa la herramienta elipse + Clic Sostenido + Shif + Alt (este círculo pequeño va a cortar la figura mayor externa)

• Damos Ctrl + C y luego Ctrl + shif + V y cambiamos el color minimizamos (Con Shif+ Alt)

• Se seleccionan los dos círculos y se copian, con Alt Sostenido y se arrastran

• Selecciona el círculo externo con Shif sostenido y luego en el pedazo del círculo también con Shif sostenido doy en la herramienta CORTAR y debe quedar la figura

• Se selecciona cada parte para darle los colores finales.

• Se inserta ell Texto de Ubuntu con la herramienta texto (tarea pendiente)

Vectorizar un logo

• Las herramientas aquí aprendidas, son importantes par a realizar cualquier acción / objeto dentro de Illustrator

Actividades

• Dibujar el área de trabajo en hoja de oficio y colocar sus partes
• Aprender cada parte para tener más conocimiento
• Instalar Adobe Ilustrator de una memoria USB e interactuar y seguir
• Diseñar los siguientes logos con documentos de word con los pasos
• Se recomienda éxitos en todas estas creaciones