Bitacora Tecnologias para el diseño by Paola Nuñez

INTRODUCCIÓN 4. ¿Qué es un vector? 5. ¿Qué se puede hacer con Adobe illustrator?

HERRAMIENTAS Y USOS DE ILLUSTRATOR 7. Clase 3 7. Clase 4 9. Primer articulo 10. Clase 6 12. Clase 7 13. Clase 8 16. Primer parcial

HERRAMIENTA MALLA Y EFECTOS 18. Clase 9 19. Clase 10 20.Tercer articulo 22. Clase 11 23. Clase 12 24. Clase 13 24. Clase 14

INDESIGN 27. Introduccion a InDesign 29. Segundo Parcial 30. Clase 16 32. Clase 17 36. Clase 21

Secciรณn 1 Introducciรณn

Clase 1.

¿Qué es un vector? Un vector es un tipo de formato de imagen utilizado por ejemlo en Adobe Illustrator, que a diferencia de los pixeles este puede estirarse, acortarse, agrandarse o girarse sin perder calidad en la imagen. Esto porque una imagen hecha por vectores esta formada por objetos independiendes, o sea, un vector no puede tener color gradual o pintarse como lo hace por ejemplo en Photoshop o cualquier otro programa que utilice pixeles, por lo que una imagens e hace creando muchas figuras de diferentes tonos para que al mometo de acomodarlos puedan dar el efecto que deseamos, por ejemplo: sombras, degradados, transiciones, etc. Los vectores estan hechos de forma que una imagen se pueda manipular, ampliar o achicar el triple de su tamaño o más sin perder calidad ni definición.

ÂżQuĂŠ se puede hacer con Adobe Illustrator?

Clase 2

Secciรณn 2 Herramientas y usos de Illustrator

Clase 3.

Herramientas y usos de ilustrador. Hay algunas herramientas de lo más básicas que se necesitan saber para poder empezar en el programa Adobe Ilustrador. Algunas de ellas son: • Crear un nuevo documento File+New • Plantillas • Abrir un documento ya existente File+open • Manipulación de mesas de trabajo • Fondos • Reglas • Guías • Cuadriculas:

Clase 4.

Herramientas.

• Seleccionar: mover, rotar, acortar, alargar un tazo. Fija un objetivo a modificar. • Direct select: modificar un área en particular del objeto. Seleccionar un solo objeto de un conjunto para modificarlo a parte. • Magic Wand: modifica el color de relleno, la línea y su grosor, la opacidad y la tolerancia o rango hasta el cual la herramienta tomará en cuenta un trazo. • Lazo: dibujar el área de selección. • Pluma: hace trazos rectos o en curva, nos permite dibujar libremente. • Curvatura: permite un mejor manejo y fluidez a la hora de modificar un trazo. • Line segment: crea trazos en línea, curvos, cuadros y otras figuras, pero la creación es más instantánea y menos editable que con la pluma. • Paint brush: dibujar líneas con diferentes diseños o tipos de trazo y modificar las ya existentes. • Shaper tool: crea figuras de forma libre, permitiéndonos dibujar literalmente con el mouse la figura que queremos e instantáneamente se creará la figura que más se le asemeje. También permite modificar las líneas.

• Borrador: elimina trazos, se puede modificar su forma y tamaño. También cuenta con la opción “tijeras” que corta y quita un fragmento de la figura, la opción “navaja” divide la figura pero no elimina ninguna de sus partes. • Scale tool: agranda o achica una figura respetando la escala: • Width tool: modifica líneas o puntos de agarre. Permite hundir o hinchar un trozo de la línea de una figura, así como enroscarla o distorsionarla de otras maneras. • Free transformation: agrandar o achicar una figura, mover los nodos a voluntad o acortar lados de la figura con algo parecido al mirror. • Shape builder: junta las figuras que seleccionamos en una sola, también puede crear nuevas figuras o figuras diferentes si es que hay líneas de por medio. • Eyedropper: nos permite extraer colores de otras figuras o de imágenes exteriores para agregarlos a nuestra ilustración, así como las características del mismo. • Blend tool: permite hacer transiciones de color entre figuras. • Symbol Sprayer tool: hace una dispersión o un efecto de Spray utilizando figuras que nosotros le demos. • Column Graph tool: nos permite crear gráficos. • Art board tool: nos permite manipular nuestra área de trabajo: • Hand tool: nos permite arrastrar y mover libremente el área de trabajo.

Clase 5. Primer artículo. Illustrator Draw y Capture CC en Android

Viendo la creciente popularidad e importancia que han estado tomando los programas de Adobe tanto entre ilustradores profesionales como para uso común se decidió, no crear, sino actualizar y añadir complementos a las aplicaciones que en ese momento ya se tenían en el mercado de la play store, para así mejorar su servicio y ofrecer una mayor gama de posibilidades. Lo cierto es que ya se contaba con un conjunto de aplicaciones con diversas funcionalidades cada una, así que la nueva implementación fue crear dos grupos para dar camino a Capture CC (mezcla más compleja y mejorada de Color CC, Brush CC y Shape CC) e Illustrator Draw (versión portátil del famoso programa Adobe Illustrator). Estas nuevas herramientas sin duda podrían mejorar y/o facilitar el uso de los programas de dicha compañía, pues a pesar de que sigue manteniendo el cobro por licencia mensual para poder utilizarlo plenamente, se vuelve mucho más dinámico con el hecho de eliminar esa restricción de solamente poder utilizarlo por computadora o solo tener un medio para descargarlo. Es una nueva oportunidad de expandir aún más su mercado y abrirlo hacia un distinto tipo de público que pudieran no ser consumidores frecuentes o tengan preferencia por el uso de aparatos móviles.

Clase 6. Color.

“La percepción del color está asociada con la luz y el modo en que se refleja” (Wong, 1998) “El color es el efecto fisiológico, o impresión, producido por la retina por los objetos. Es pues, una sensación que se produce en respuesta a la estimulación del ojo y de sus mecanismos nerviosos, por la energía luminosa de ciertas longitudes de onda” (Mínguez, 2016)

Durante siglos se ha discutido cuales son los colores primarios. Se adoptaron dos modelos de color: CMYK y RGB. Estos describen los colores que vemos y con los que trabajamos en los gráficos digitales. Cada modelo (RGB, CMYK o HSB) representa un método diferente de descripción y clasificación e colores. • CMYK: Cian, Magenta, Yellow, blacK. • RGB: Red, Green, Blue. • HSB: Tono, Saturación, Brillo. -Los modelos de color utilizan valore numéricos para representar el espectro visible de color. -Cuando se trabaja con los colores de un gráfico, en realidad se están ajustando los valores numéricos del archivo. -Estos valores numéricos solo tienen un significado de color dentro del espectro de color del dispositivo que lo está produciendo. -Como cada dispositivo tiene su propio espacio de color, solo puede reproducir los colores de su gama. Cuando una imagen pasa de un dispositivo a otro, los colores de la imagen pueden cambiar porque cada dispositivo interpreta los valores RGB y CMYK según su propio espacio de color.

11 • CMYK: medios impresos. • RGB: medios digitales (web, televisión, móviles, etc.) Los colores tienen tres definiciones que los caracterizan: • Tono: nombre especifico de cada uno de los colores • Valor: luminosidad del color. • Saturación: pureza del color. Existen tres tipos de tono en un color: • Tono dominante: tono más neutro y de mayor extensión. • Tono tónico: tono más potente en color y valor. • Tono mediación: actúa como conciliador y a modo de transición de los anteriores.

¿Qué es una composición de color? Combinaciones de color afortunadas, que alagan la vista mediante la utilización de colores análogos o la excitación a través de contrastes. Acordes cromáticos Se compone de aquellos colores más frecuentemente asociados con un efecto en particular.

Clase 7. Texto.

Toda letra y toda tipografía fue diseñada para algo, y todas se hacen respetando un diseño y una anatomía. En ilustrador se nos da la opción de modificar la tipografía según nuestras preferencias aun si esto es considerado un error. Sin embargo, también podemos editarla respetando su diseño.

• Unir y combinar objetos: Efectos buscatrazos, formas compuestas y trazados compuestos.

Distribuir y alinear objetos:Para alinear o distribuir los objetos seleccionados se puede utilizar el panel Alinear que se encuentra en el menú de Ventana. Se puede alinear de manera libre, basado en los puntos de ancla o nodos, en relación a objetos clave y mesa de trabajo. También se puede distribuir objetos por cantidades concretas. • Ordenar y agrupar objetos: seleccionar el objeto>click derecho>group(obeto) o ungroup. •

Clase 8.

Herramientas

Segundo artículo.

¿Corel o Ilustrador? Cuál de los dos programas de diseño vectorial es el mejor Los programas Corel y Adobe Ilustrator son dos de los programas frecuentados por los diseñadores a la hora de trabajar, sin embargo siempre habrá uno que se destaque sobre el otro, casi siempre dependiendo de los gustos y necesidades de la persona. Un ejemplo de esto es comparar a los usuarios Windows con los usuarios Mac, porque mientras un sistema Windows puede disponer de ambos programas, una Mac únicamente podrá usar Adobe. CorelDraw El Corel se considera un programa un poco más básico para aquellos que recién se introducen en el mundo del diseño, sin embargo tiene varias herramientas útiles tal como la llamada Ajustar objetos que ofrece funciones más exactas que la herramienta Complemento al punto de Adobe. También cuenta con Alineación de objetos y teclas rápidas para alinear los objetos al último seleccionado. Las únicas desventajas seria, a parte de la estética

de diseño menos agradable con la que cuenta, el hecho de que tiene demasiados efectos, tantos que pueden llegar a significar una molestia. Ilustrador Adobe illustrator no se queda atrás, pues se suele usar mucho para trabajos profesionales. Una de sus ventajas sobre Corel es la organización de su interfaz, pues nos permite organizar y estructurar muy bien y fácil nuestros trabajos para siempre tener limpia y estable nuestra área de trabajo. Otra ventaja son los atajos del teclado que nos ofrece, pues con ellos podemos acceder fácil y rápido a distintas herramientas sin necesidad de buscarlas en el menú. Además, cuenta con muchas opciones para hacer ajustes, agrupaciones y cambios de color en las figuras, trazos y fondos. Su única desventaja visible seria la inexactitud a la hora de alinear objetos, pues parece que se alinean a donde ellos quieren. Conclusión Si lo que se busca es algo más dinámico y fácil de usar lo más recomendable es optar por el programa CorelDraw. Ahora que si lo que se busca es un estilo más profesional y complejo, lo mejor es Adobe ilustrador. Pues como mencione al principio, debemos inclinarnos por el programa que nos ofrezca las mejores ofertas según nuestras propias necesidades y comodidad.

Primer parcial

Secciรณn 3 Herramienta malla y efectos

Clase 9

Manejo de capas La separación de una ilustración por capas es esencial para mantener la organización de la misma, ya que entre más elementos tenga se vuelve más difícil manejarlos. Así si los separamos cada uno en una capa diferente podemos tener control sobre un objeto en particular sin perjudicar a los demás. Las capas permiten ordenar, agrupar, seleccionar y controlar los elementos de una imagen. Ilustrador ofrece características especiales a cada capa para poder ordenarlas e identificarlas mejor, tales como color de selección y nombre de la capa. Esto permite ver de un color en específico el trazo de una capa al seleccionarlo para poder identificarlo y asignarle un nombre a la capa para poder recordar mejor que es lo que guardamos ahí.

Clase 10.

Herramienta malla

Un objeto de malla es un objeto con varios colores que pueden fluir sobre la figura a través de varios puntos que nosotros colocamos. Al crear un objeto malla varias líneas llamadas líneas de malla entrecruzan el objeto y con ellas podemos manipular la dirección en la que fluirá el color, su matiz y la extensión. En la intersección de dos líneas malla se encuentra un regulador especial de punto de ancla llamado punto de malla. Estos tienen las mismas propiedades que los puntos de ancla con el añadido de admitir color. Los objetos vectoriales normales pueden ser transformados a objetos malla al igual que un objeto de pixeles puede ser transformado a vectores.

Tercer artículo.

Las cinco mejores características de Adobe Illustrator CS6 Adobe ilustrador cuenta con más de una versión, en las cuales ha procurado mejorar sus servicios a medida que avanza. Gracias a esto es uno de los softwares de diseño más populares en los últimos años. La más reciente versión de este programa es la llamada CC, y a pesar de ello, la que sigue siendo la preferida de la mayoría de ilustradores es la versión anterior a esta llamada CS6. La versión CS6 tiene muchas funciones útiles que permiten muchas opciones y posibilidades a la hora de trabajar en un diseño ya sea anuncio, flyer, entre otros. En esta ocasión se repasaron 5 de los que se pueden considerar los más importantes, o mejor dicho los más útiles y populares. El primero de ellos es la posibilidad de cambiar el ancho de cualquier trazo que creemos. Ya sea una figura o un trazo con la pluma, existe una herramienta capaz de hacer más delgado o ancho el trazo o borde de esa figura. Hay una herramienta que se puede considerar una excepción a la descripción de “las más populares”, y esa es la creación de patrones, que a pesar de haber sido una innovación en la versión CS6, sí que muchos no han podido encontrarle un uso cotidiano o no la ven como una herramienta vital para sus diseños.

21 Esta versión también cuenta con la posibilidad de editar los nombres más que nada de todo lo referente al área de capas. Lo que antes era muy tedioso ahora es más fácil y nos da la posibilidad de cambiar y administrar el nombre y las propiedades de la capa con la que estamos trabajando. Cuenta con la opción de degradados, la cual permite dar ese toque difuminado o de transición a los colores. A pesar de que en muchas de las ocasiones este efecto puede verse muy 2000’s, lo cierto es que si se sabe usar y sabes donde y cuando aplicarlo puede dar muy buenos efectos de transición que resultan agradables a la vista, además de que gracias a esto ya se pueden agregar mejores sombras, luces y todo ese tipo de efectos sobre un coloreado. Y por último pero no menos importante es que cambio la apariencia física del programa, por lo que se puede trabajar mejor y de forma más ordenada y limpia. Esta versión ofrece un diseño agradable y fácil de comprender. A pesar de todo esto, siempre es mejor contar con las últimas versiones para mantenerse al tanto de las mejoras y correcciones que se pudieran estar aplicando en el programa. Sin embargo el programa de Adobe es caro, y no todos tienen la posibilidad de estar comprando las nuevas versiones cada vez que salen. Muchos pensaran de la misma forma en la que piensan de los productos Apple: “si el que tengo funciona y se cómo manejarme con él, No necesito o no me urge comprar la versión más nueva por unas cuantas actualizaciones”. Por eso lo más importante en estos casos es dominar y saber sacar el máximo provecho a la versión con la que contamos.

Clase 11.

Practica con malla

Clase 12

Herramientas

Perspectiva: Se encuentra en el panel de herramientas. Permite representar una escena en una superficie plana de la misma forma en la que el ojo humano la percibe naturalmente. Como si esa imagen fuese un objeto real frente a nosotros y giráramos para verlo desde varias direcciones. Se pueden crear objetos directamente en la perspectiva o crearlos en una superficie plana y luego aplicarles la perspectiva.

3D: se encuentra en la pestaña de efectos, y permite crear objetos tridimensionales de diversos tipos a partir de objetos bidimensionales. Puede controlar el aspecto de los objetos tridimensionales con luz, difuminados, rotación y otras propiedades. Puede asignar tridimensionalidad por extrusión (ensancha el objeto) o por giro (lo hace rotar sobre su propio eje.

Clase 13

Bocetaje de la infografia personal.

Clase 14

Importar objetos. Gracias a la compatibilidad que existe entre los diferentes formatos y programas de adobe no es necesario crear ilustraciones desde 0 en Illustrator, ya que es posible importar tanto dibujos vectorizados como imágenes de mapa de bits creados en otras aplicaciones o dispositivos, esto para facilitar el trabajo o para poder compartir un mismo archivo. Ilustraciones enlazadas: están conectadas pero permanecen en el documento, por lo que el tamaño de este es menor. Se pueden modificar usando efectos y herramientas de transformación, pero no se pueden seleccionar ni editar componentes individuales. Ilustraciones incrustadas: se copian en el documento a resolución completa. Exportar objetos Cuando tenemos ya un documento listo y queremos guardarlo en un formato final (no en .ai), podemos utilizar la opción “export” ubicada en la pestaña “file”. Esto nos permitirá guardarlo en una gran variedad de formatos.

Formatos para exportar archivos

AutoCAD: formato de archivo estándar para guardar los gráficos vectoriales creados en AutoCAD, el cual sirve para la exportación e importación de dibujos desde otras aplicaciones. BMP: formato de imagen estándar de Windows. Puede especificar el modelo de color, resolución y ajuste de suavizado para rasterizar la ilustración. EMF: metarchivo mejorado utilizado como formado de intercambio para exportar datos de gráficos vectoriales. JPEG: Joint Photographic Experts Group. Formato de imagen utilizado comúnmente para guardar fotografías. PICT: se utiliza con aplicaciones de gráficos y de diseño de páginas de MAC OS para transferir imágenes entre aplicaciones. Flash: formato de gráficos vectoriales que se utiliza en gráficos web animados e interactivos. PSD: formato estándar de Photoshop. PNG: Portable Network Graphics. Utilizado para una compresión sin perdidas y para la visualización de imágenes en internet. TGA: Diseñado para sistemas que utilizan la tarjeta de video Truevision. TXT: formato de texto, exporta texto de una ilustración a un archivo de texto. TIFF: Tagged-Image File Format. Utilizado para intercambiar archivos entre aplicaciones y plataformas de ordenador. WMF: formado intermedio de intercambio par aplicaciones de 16 bits de Windows.

Secciรณn 4 InDesign

Clase 15 InDesign Barra de menĂşs

Barra de opciones

La barra de opciones cambia segun la herramienta elegida Paneles

Crear nuevo documento

Entrega de 2do parcial

Clase 16 Herramientas

Abrir y cerrar documentos

Valores de pรกgina

Mรกrgenes

Insertar texto

Marcos de texto

Crear y editar colores

Texto

Clase 17.

El texto, de manera muy similar a Adobe Illustrator, tiene modificaciones para la fuente, tamaño, color y ubicacion del texto, con la pequeña diferencia de que el programa InDesign esta espeialmente diseñado para la creacion de documentos referentes a la lectura, por lo que el texto es una de las propiedades que mejor podremos personalizar.

Crear bordes

File+Place+Importar Para acomodar escritos extraidos desde otro documento, se presiona la tecla Shift sin soltar el clic Window+Stroke Permite dar grosor a un marco seleccionado, redondear las esquinas, definir el tipo de lineas, el color de relleno, entre otras opciones.

Propiedades del texto

El panel superior sirve para modificar propiedades generales. Window+Type and Tables Character: permite cambiar la tipografia, escalar el texto en los ejes X y Y o cambiar su tamaĂąo. Paragraph: modifica el parrafo (sangrias, interlineado, agregar sangria a un renglon en particular, letra capitular y sus modificaciones, o aplicar capitular a palabras enteras. Window+Styles+Paragraph Crear nuevos estilos de parrafo cambiando el nombre, la letra, modalidad, tamaĂąo, subrayado, color, justificacion, entre muchas mas opciones y aplicar ese estilo al parrafo que queramos.

Edit+Find&Change Cambia una palabra o frase que aparezca en el texto por otra que nosotros prefiramos, no importa las veces que aparezca esa palabra.

Clase 18 y 19 Trabajo en el folleto.

Entrega del folleto

Clase 21

DiseĂąo editorial

Heller, E. (2008). La psicologia del color. Barcelona: Editorial Gustavo Gili. Media Active (2013). Aprender Illustrator CS6 con 100 ejercicios prácticos. Barcelona: Marcombo. David Karlins.trad. Jorge Barrigón Von Lignau. Adobe Illustrator CS4 : 100 tecnicas esenciales. México Mc Graw Hill ; 2010. Cruise, John., Anton, Kelly Kordes., Gómez Sánchez, Iván Orlando. Adobe InDesign CS4 : Técnicas esenciales. México Mc Graw Hill ; 2010.