Tecnologías Para el Diseño I
e c i d
Ín
Adobe Illustrator Introducción..........................................................6 ¿Qué es un vector?.................................................8 Herramientas........................................................10 Nociones básicas del color..................................16 El texto.................................................................24 Capas....................................................................28
2
Malla.....................................................................29
UACJ -
Adobe Indesign Introducción........................................................34 Diseño editorial...................................................35 Tipos de párrafos................................................40 Paneles interactivos...........................................46
Material extra Trabajo - Animaniacs...........................................50 Infografía - Coca-Cola..........................................52
- IADA
3
4
UACJ -
- IADA
5
e b o d A r o t a r t s u l Il Introducción
Adobe Illustrator es un editor de gráficos vectoriales que no permite crear y recrear imágenes, dibujos y muchas otras cosas. Tiene una enorme variedad de herramientas, desde lo más simple que para mí es el Zoom lo más complejo que es crear objetos en 3D dándoles lúces y sombras. Contiene opciones creativas, un acceso más sencillo a las herramientas y una gran versatilidad para producri rápidamente gráficos flexibles cuyos usos se dan en impresión, video, publicación Web y dispositivos móviles.
6
UACJ -
r
- IADA
7
¿Qué es un vector? Es un gráfico vectorial el cual crea gráficos compuesto solamente de lineas y curvas, todas las formas serán coordenadas. Algunas de las ventajas que podemos encontrar es que ocupan menos tamaño, no se pierde la calidad, se pueden modificar cuantas veces se desee y a la hora de imprimirse es fácil de ajustarse
8
UACJ -
- IADA
Sin vectores
Con vectores
9
Herramientas Selección
Permite decirle al programa sobre qué objetos aplicar alguna acción, moverlos de lugar, rotarlos, expandirlos, etc. (flecha negra).
Selección sirecta
Permite modificar directamente la figura (flecha blanca), sólo selecciona una parte del proyecto.
Varita mágica
Permite seleccionar colores, patrones, formas, entre otras cosas, hace selecciones específicas a
10
UACJ -
partir de las distintas propiedades de los vectores.
Lazo
Selecciona totalmente todo lo que se ha encerrado con éste.
Pluma
Permite hacer trazos, adhiere o quita puntos.
Curvatura
Se pueden hacer curvas perfectas.
Polígono
Permite hacer diferentes tipos de polígonos de diferentes tamaños.
Rectángulo
Traza rectángulos perfectos, polígonos, esquinas redondeadas, estrellas, destellos, etc.
- IADA
11
Segmento de línea
Se sitúa el puntero donde se quiere empezar, dibuja líneas rectas, arcos, espirales, cuadrículas.
Mano
Se toma el área de trabajo y se mueve hacia el lado que queramos.
Gotero
Copia las características de otra figura (color, contorno).
Zoom
Aleja o acerca la zona de trabajo.
12
UACJ -
Escala
Cambia el tamaĂąo de un objeto o imagen sobre un punto fijo sin modificar su estructura.
Anchura
Permite crear trazos de anchura variable.
Borrador
Al borrar, permite crear dos objetos diferentes, tambiĂŠn se encuentran las tijeras con las que se hacen dos objetos independientes, y la navaja que divide los objetos.
Spray de sĂmbolos
Genera muchos objetos iguales.
- IADA
13
14
UACJ -
- IADA
15
Nociones bรกsicas del color La percepciรณn del color estรก asociada con la ley y el modelo en que se refleja (Wong, 1998) Los objetos no tienen color, es la percepciรณn que tiene nuestro ojo a los objetos.
16
UACJ -
Modelos de color
CMYK y RGB, tambiĂŠn se encuentra el HSB (este representa los colores, brillo y grado de saturaciĂłn).
- IADA
17
18
UACJ -
Esta figura representa la iluminosidad en el modelo HSB
- IADA
19
Colores para web
Se crean paletas especiales para web pues no se puede usar cualquier color. Cada dispositivo tiene su propio espacio de color, sólo puede reproducir los colores de su gama. RGB Se utiliza para digital. CMYK Se utiliza para impresiones.
Propiedad de color
Tiene 3 características principales: * Tono: Qué color es. * Valor: Qué tanta luz u oscuridad posee.
20
UACJ -
* Saturación: Qué intensidad tiene.
Composición de color
Se trata de combinaciones de color que alagan la vista a través de colores análogos o a la excitación a través de contrastes.
Composiciones por armonía
Se clacifica en tonos * Tono diamante: Más neutro, destaca potencia y equilibrio. * Tono tónico: Dentro de la gama dominante, más potente en color y valor. * Tono medición: Actúa como conciliador, es próximo al tónico.
Composiciones por contraste
Luminosidad, saturación y cantidad.
- IADA
21
Acordes cromรกticos
Se compone de aquellos colores mรกs asociados a un efecto en particular. Efectos de color: * Plastas * Degradados. Opacidad: * Transparencia Malla * Permite crear objetos en 3D.
22
UACJ -
- IADA
23
El texto Incluye la letra, el caracter, la tipografía y fuente. El texto se puede convertir todo en líneas para que se pueda manipular, y así cambiar de tamaño cada letra individualmente, color, grosor, etc. Las Small caps o Versalitas son mayúsculas con tamaño de minúsculas Si quieres encontrar muchas tipografías puedes entrar a dafont.com
Texto dentro de un área
Se crea una figura o dibujo, se pone la segunda opción del texto y se comienza a escribir, el texto tomará forma de la figura.
24
UACJ -
- IADA
25
Texto en un trazo
*Caligramas: Se selecciona la tercera opción y se escribe en la línea, el texto tomará la forma de la línea.
Texto vertical
Crea textos de forma vertical. El espacio entre dos líneas es llamado “Kerning”. El espacio entre palabras se llama “Traking”.
Alineación de texto
* Centrado: poético. * Justificado: científico.
26
UACJ -
* Lado izquierdo: cualquier texto. * Lado derecho: textos cortos.
Importar texto
Al importarlo conserva su mismo formato.
- IADA
27
Capas
Son lo que se crea al hacer una figura, un dibujo, etc.; si se cambia el orden de las carpetas, el orden de las capas cambiará por igual, después de una capa se crean subcapas que son las ediciones que se le hacen al trazo como por ejemplo una línea más o cosas de este estilo; dependiendo de cómo se ordenen las capas, será como se verá el dibujo.
28
UACJ -
Malla
Permite hacer objetos en 3d, da luz, forma, color, entre otros muchas cosas. Un objeto de malla es un objeto multicolor en el que los colores se pueden fluir en diversas direcciones, con una transiciรณn suave entre sus puntos. Se pueden crear objetos de malla a partir de los objetos vectoriales, salvo con trazados compuestos y objetos de texto.
- IADA
29
30
Hecho por: Alejndra 2/0
UACJ -
a De Santiago GarcĂa 03/17
- IADA
31
32
UACJ -
- IADA
33
e b o d A n g i s e D In Introducción Este programa es el líder en la industria de la producción y publicación digital. En otras palabras, sirve para hacer diseño editorial, texto - imagen, se encarga del diseño de revistas, folletos, periódicos, trípticos, etc. Podemos realizar desde proyectos sencillos desde un flayer a colo, blanco y negro, con texto, imágenes, etc, hasta creaciones más complejas tales como revistas, libros convencionales y electrónicos, entre otras muchas publicaciones (como se ha mencionado anteriormente).
34
UACJ -
- IADA
35
Diseño editorial Textos
El título debe resaltar pues es el que se encarga de resaltar la información más importante. Cuerpo de texto Debe de tener un tamaño adecuado
Impresiones
Dependerá de la tipografía * 12 puntos se considera grande * 11 es el tamaño estándar * Menos de 11 es chico * 7 no es muy adecuado.
36
UACJ -
Web
14 puntos se considera adecuado, aquí es conveniente usar tipografías dos puntos más grande.
Contraste
Debe ser evidente, se tiene que cuidar el iterlineado Interlineado * 120%, el interlineado estándar es de 14.4 También se pueden crear ediciones interactivas, éstas permiten interactuar con los textos o imágenes, el usuario elige su camino, qué es lo que sí quiere ver o no.
Manejo de espacios
Una sola superficie repleta de información bien organizada muchas veces se ve mejor que una página en blanco.
- IADA
37
38
UACJ -
- IADA
39
Tipos de pรกrrafos Centrado
Formal y clรกsico, tiene cierto grado de elegancia y formas orgรกnicas.
Justificado
Limpio y controlado, es eficiente, luce conforme a las normas de una revista o libro.
Alineado a la izquierda
Respeta el flujo orgรกnico del idioma, es el natural y mรกs usado.
40
UACJ -
Alineado a la derecha
Salida familiar, se emplea en textos cortos ya que dificulta la lectura.
Tipos de capitulares * Capitular alta: Se crea aumentando el tamaño de la primera letra. * Capitular arrancada: Ocupa varias líneas de texto y debe estar por la zona superior alineada con la alineación superior, y por debajo con la línea base de la última línea que ocupa. * Capitular recorrida: En este tipo, el texto que queda a la derecha de la capitular recorre su forma.
Recursos para separar párrafos
Espaciado entre párrafos, sangrías, signos.
- IADA
41
Jerarquías
Organización del contenido, sirven para enfatizar y da diferentes opciones
Retícula
Divide el espacio en unidades regulares, puede ser simple, compleja, genérica o vaga; permite tener un control y organiza el espacio.
42
UACJ -
- IADA
43
44
UACJ -
- IADA
45
Paneles interactivos Se trata de lo que nos permite dirigirnos de una página a otra en el mismo documento o nos manda a una página web, entre otras cosas.
Hipervínculos
Enlaza una parte del documento a una de las páginas del mismo. Al crear un hipervínculo se debe definir qué tipo de hipervínculo será, se tendrá que imprimir como PDF interactivo y se debe definir hacia dónde será enviado al hacer click, como youtube, gmail, una página en la web. etc.
46
UACJ -
Botones y formas
Éstos permiten llevar de una pågina a otra del mismo documento, se deben seleccionar los elementos y agruparse.
Animaciones
Se necesitan agrupar ya que serĂĄ dificil que funcionen por separado. Necesita ser exportado como un archivo SWF.
- IADA
47
48
l a
i r e t a tra M x E 49
o k a W s c a i n m i n A Trabajo con vectores Decidí hacer a Wako ya que él pertenece a una de mis caricaturas favoritas de mi infancia, en realidad al principio me pareció muy complicado ya que no sabía nada del programa (fue realizado con Adobe Illustrator), pero me di cuenta de que una vez agarrando el royo, todo se vuelve sencillo, sólo use vectores y apliqué plastas de colores, pero no es tan fácil como se lee. Para ser mi primer encuentro con el programa, considero que me fue muy bien, entendí el punto y aprendí a vectorizar muy bien, aunque nunca estpa demás mejorar.
50
51
a í f a r g o f a l n I o C a c o C Coca-Cola Decidí hacer mi infografía de la Coca-Cola ya que es mi bebida favorita, y que mejor que disfrutar hacer mi trabajo de algo que me encanta. Me pareció súper divertido y entretenido al momento de hacerlo ya que descubrí que se pueden utilizar muchísimos efectos, formas, figuras entre muchas otras cosas. Fue hecha con el programa de Adobe Illustrator, tardé alrededor de dos semanas, cabe mencionar que me daba mi tiempo y espacio, no lo hice todo de un jalón. En realidad quedé satisfecha con mi resultado, para ser principiante usando el programa.
52
53
BitĂĄcora de estudios Enero - Junio Alejandra De Santiago GarcĂa
54