modulo 2 software de diseño

34
Sub. Modulo 1 utilizar software de diseño para el manejo de graficas MODULO 2 SOFTWARE DE DISEÑO

Upload: gooe

Post on 13-Jun-2015

208 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Modulo 2 software de diseño

Sub. Modulo 1 utilizar software de diseño para el manejo de graficas

MODULO 2 SOFTWARE DE DISEÑO

Page 2: Modulo 2 software de diseño

TEORÍAS DEL DISEÑOEL DISEÑO GENERAL SE DIVIDE EN :

DISEÑO INDUSTRIAL: Diseño de objetos que pueden llegar a producir en serie ( partes mecanismos, de equipos, sillas, coches, etc.)

DISEÑO DE ARQUITECTURA: proyectos de edificios, casas, oficinas y su decoración ( diseño interior).

DISEÑO GRAFICO: Que A Su Vez Lo Podemos Dividir En :

Diseño editorial: periódicos, revistas, libros, etc.

Diseñó publicitario: anuncios, folletos, avisos, etc.

Diseño multimedia: paginas web, y cib crom.

Diseño de identidad corporativa: logotipos, manuales de identidad, señalización

Diseño de envase: cajas, bolsas, estuches, etc.

Page 3: Modulo 2 software de diseño

DISEÑO GRAFICO

El Diseño Gráfico es una profesión cuya actividad es la acción de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por medios industriales y destinadas a transmitir mensajes específicos a grupos sociales determinados, con un propósito claro y específico. Esta es la actividad que posibilita comunicar gráficamente ideas, hechos y valores procesados y sintetizados en términos de forma y comunicación, factores sociales, culturales, económicos, estéticos y tecnológicos. También se conoce con el nombre de diseño en comunicación visual, debido a que algunos asocian la palabra gráfico únicamente a la industria gráfica, y entienden que los mensajes visuales se canalizan a través de muchos medios de comunicación, y no solo los impresos.

Dado el crecimiento veloz y masivo en el intercambio de información, la demanda de diseñadores gráficos es mayor que nunca, particularmente a causa del desarrollo de nuevas tecnologías y de la necesidad de prestar atención a los factores humanos que escapan a la competencia de los ingenieros que las desarrollan.1Algunas clasificaciones difundidas del diseño gráfico son: el diseño gráfico publicitario, el diseño editorial, el diseño de identidad corporativa, el diseño web, el diseño de envase, el diseño tipográfico, la cartelería, la señalética y el llamado diseño multimedia, entre otros.

Page 4: Modulo 2 software de diseño

MINIMALISMO

El término minimalista, en su ámbito más general, se refiere a cualquier cosa que haya sido reducida a lo esencial, despojada de elementos sobrantes. Es una traducción transliteral del inglés minimalist, que significa minimista, o sea, que utiliza lo mínimo (minimal en inglés). Es la tendencia a reducir a lo esencial. Se aplica también a los grupos o individuos que practican el ascetismo y que reducen sus pertenencias físicas y necesidades al mínimo, es también el significado a simplificar todo a lo mínimo. Este significado queda más claro si se explica que minimalismo en realidad quiere decir minimismo. El término «minimal» fue utilizado por primera vez por el filósofo británico Richard Wollheim en 1965, para referirse a las pinturas de Ad Reinhardt y a otros objetos de muy alto contenido intelectual pero de bajo contenido formal o de manufactura, como los «ready-made» de Marcel Duchamp.

Anuncios minimalistas

Page 5: Modulo 2 software de diseño

Conceptualismo

Conceptualismo. Movimiento artístico surgido a finales de los años sesenta directamente derivado de los planteamientos de Marcel Duchamp, y en particular de las aplicaciones de sus "ready-mades"- cuyos adherentes rechazan el arte como artículo de lujo, permanente, portátil y vendible, proponiendo en cambio un tipo de arte en el que cuenta primordialmente la idea o el concepto que respalda sus realizaciones. Para los artistas conceptuales prima el sentido de las obras sobre su forma plástica y el pensamiento implícito en ellas sobre la experiencia sensual.

Page 6: Modulo 2 software de diseño

Otros movimientos

La influencia cada vez mayor en los medios de comunicación y el enorme flujo de datos que actualmente llega al país han permitido que los artistas mexicanos mantenerse alertas en informados sobre los principales desarrollos del arte en los últimos años, por ejemplo hablamos de cinetismo (Arte abstracto cinético, por ejemplo la estructura del movimiento, el op- art (Arte óptico abstracto) etc.

El posmodernos es un lenguaje que se refiere a una practica libre, eléctrica nada ortodoxa del minimalismo y con el conceptualismo. Se basa en la idea de instalar oponentes significantes diversos, que pueden ir en monitores, objetos, e imágenes apropiadas a sonidos y seres vivos, inter relacionados en un espacio.

Op-Art y posmodernos

Page 7: Modulo 2 software de diseño

FUNCIONES DEL DISEÑO

La función principal del diseño grafico seria entonces transmitir una información determinada por medio de composiciones graficas, que se hacen llegar al publico destinario atreves de diferentes soportes, como posters, folletos anuncios, publicaciones, trípticos etc.

El diseño grafico no se identifica crear un dibujo o una imagen, una ilustración, una fotografía. Es algo que la suma de todos esos elementos. El resultado final de un diseño grafico esta compuesto por multitud de elementos diferentes unidos entre si se llama grafismo.

Page 8: Modulo 2 software de diseño

FUNCIONES DEL DISEÑO GRAFICO

1 • función comunicativa: mediante la composición el diseño gráfico ordena la información para hacerla más clara y legible a la vista del receptor.

2 • función publicitaria: intenta persuadir al receptor con una puesta en escena visualmente atractiva.

3 • función formativa: tiene mucho que ver con la función comunicativa en la ordenación del mensaje, pero aplicado a fines educativos y docentes.

4 • función estética: forma y funcionalidad son dos elementos propios del diseño gráfico cuyo producto tiene que servir para mejorar algún aspecto de nuestra vida y también para hacernos más agradable su uso.

Page 9: Modulo 2 software de diseño

DISEÑAR FORMATOS

Una vez que tenemos nuestra imagen, ya sea capturada en bruto o retocada, lo normal es que la guardemos en un archivo, bien para conservarla y visualizarla en el futuro, bien para incluirla posteriormente en un programa de edición[1] o sencillamente para compartirla con los demás a través del correo electrónico o de la propia web. Esta acción de guardado generará un archivo que contendrá los bits que describen la imagen junto a la información, o cabecera, sobre cómo recuperar el contenido del fichero, por eso es muy importante la elección del formato en el archivo generado y, como casi todo en este contexto, hay unos más idóneos que otros, dependiendo del destino final.

Todos los programas, sean del tipo que sean, suelen guardar sus archivos en un formato propio con objeto de poder continuar con la edición del mismo más adelante. En este sentido, Gimp no es una excepción, por lo tanto, podemos considerar una práctica saludable, guardar las imágenes originales en el formato nativo de Gimp y generar copias en otros formatos gráficos para los posibles usos finales de la imagen. Un paseo por los distintos formatos y sus características, puede ayudarnos a una buena elección

Page 10: Modulo 2 software de diseño

FORMATO (JPG)

JPEG (Joint Photographic Expert Group) / JFIF (JPEG File Interchange Format)En un formato, como ya hemos avanzado, de los llamados sin pérdida visual muy difundido a partir de que los navegadores web empezaron a soportarlo[2]. Admite imágenes en escala de grises a 8 bits y en color a 24 bits de profundidad. Cuando se carga una imagen a partir de un archivo de este tipo en un navegador puede hacerse de manera progresiva, aunque algunas versiones del Explorer no lo hagan correctamente. Se ha convertido en un estándar de facto y por lo tanto su uso está muy extendido.

Cuando se guarda una imagen en este formato, automáticamente se genera la compresión de los datos, pero hemos de ser muy cautos ya que si reiteramos el proceso volveremos a recomprimir llegando a obtener finalmente, pérdida real y perceptible, por ello es preferible almacenar en este formato las imágenes finales cuando ya no sea necesario ningún retoque adicional.

Está perfectamente indicado en aquellas ilustraciones con una gama de color muy rica y que no necesiten describir áreas transparentes.

Sus extensiones son: .jpeg, .jpg, .jif, .jfif

Page 11: Modulo 2 software de diseño

FORMATOS PSD (.psd)

El PSD es un formato nativo de photoshop y permite guardar todas las presentaciones, retoques, nuevas creaciones realizadas con este programa.

Guarda los archivos con 48 bits de color y permite almacenar todas las capas, canales etc. que exista en el archivo de imagen.

PSD casi no tiene compatibilidad con otros programas, por lo que se recomienda tener dos archivos: uno en el propio formato nativo (.PSD), y otro en algún formato compatible con otros programas, como JPGE o TIFF.

Page 12: Modulo 2 software de diseño

Formato TGA (.tga)fue el formato nativo de las tarjetas TARGA y Vista de Truevision Inc., las cuales fueron las primeras tarjetas gráficas para PCs compatibles con IBM para soportar pantallas de color verdadero (truecolor). Esta familia de tarjetas gráficas eran esparadas para ser usadas por profesionales de la edición de video e imagen a través de PCs, es por esto que generalmente las resoluciones de las imágenes TGA coinciden con las de los formatos de video NTSC y PAL.

Generalmente los ficheros TGA llevan la extensión ".tga" en sistemas DOS y Windows y la extensión ".tpic" en viejos sistemas Macintosh (Mac OS X usa la extensión ".tga").

El formato puede almacenar datos de imagen con 32 bits de precisión por píxel, siendo el máximo de 24 bits para RGB y 8 bits extras para el canal alfa.

El formato TGA fue originalmente definido por Brad Pillow en 1984. La actual versión es la 2.0, que incluye varias mejoras del original como canal alfa, valor gama, metadatos, entre otras características, y fue definido por David Spoelstra en 1989.

El formato TGA es hoy por hoy extensamente usado en la industria de la animación y del video, debido a que fue la principal salida son las pantallas de TV.

Muchos juegos crean ficheros capturas de pantalla en formato TGA, al igual que el sistema operativo BeOS. El motor nativo POV-Ray utiliza texturas TGA, y Blender lo utiliza también por defecto para exportar texturas UV.

Page 13: Modulo 2 software de diseño

ZONAS ÁUREAS

La zona áurea en temas de diseño, está relacionada con el manejo de la proporción y el encuadre. En este sentido, las propiedades geométricas hacen de la razón áurea algo bastante más interesante que una división simple. Con ella podemos establecer una asimetría donde las partes siguen compartiendo un sentido común, el de una progresión geométrica. En todas las composiciones simples y de mucho impacto visual está presente de "zona Áurea". El esquema más simple de "zona áurea" lo dan cuatro líneas divisorias: dos verticales y dos horizontales, cada una divide el ancho o el alto empezando por un extremo o por el otro. Trazándolas todas, cada magnitud se divide en tres zonas. Una zona lateral es sección áurea del resto, y la zona central es sección áurea de cualquiera de las laterales.

Page 14: Modulo 2 software de diseño

DIRECCIÓN Y SENTIDO

Dirección es para donde va uno o varios elementos del diseño puede tener un elemento 15 grados o 45, etc.*El diseño gráfico tiene como propósito la conceptualización y posterior confección o facturación de objetos en serie. El diseño viene a redescubrir la forma de los objetos; viene de hecho a presentarlos y representarlos según la ocasión, gustos del consumidor, necesidades del producto, factores económicos, sociales e históricos..-

Page 15: Modulo 2 software de diseño

EQUILIBRIO

Es la nivelación de los componentes que actúan en el diseño. Viene determinado por la fuerza de gravedad de los objetos dentro del Área de diseño. Un diseño no equilibrado es el que pesa más de un lado que de otro, esta mal diseñado, es un error. Según el principio de Equilibrio todas las formas deben distribuirse de tal manera que la estructura total, la forma resultante, sea equilibrada. Es buscar armonía entre elementos diversos. Es el estado de un cuerpo en el cual las fuerzas que operan en el, se compensan mutuamente. La mejor prueba de que el equilibrio formal no es una ciencia exacta es que el fotógrafo adiestrado puede encuadrar, en pocos segundos, una composición aceptable en términos de equilibrio, sin importar demasiado la dirección a la que apunte el objetivo de su cámara. Jugando con el zoom y con ligeras variaciones en el ángulo de enfoque, no será difícil que encuentre una disposición correcta de los elementos prácticamente a todos los lados hacia los que mire..

Page 16: Modulo 2 software de diseño

Cualquier pintor que se haya detenido a observar lo que le rodea a través de un marco de cartón, sabe que es relativamente simple, la mayor parte de las veces, dar con ese punto preciso en que la reunión casual de unos objetos dentro del rectángulo .Según la física el equilibrio es el estado en el cual las fuerzas que operan en él se compensan mutuamente. Es la distribución de las partes por la cual el todo ha llegado a una situación de reposo. No obstante, la idea de equilibrio implica fuerza y dirección, por lo tanto también movimiento

Page 17: Modulo 2 software de diseño

ELEMENTOS DEL DISEÑO

El principal componente de toda composición grafica es el mensaje a interpretar, la información que se hace llegar al destinatario atreves del grafismo. Esta información se debe presentar por medio de diferentes elementos gráficos, que pueden ser variados aunque podemos discutir cuatro grupos de elementos.

1. Elementos conceptuales: no son visibles no tienen existencia

• Punto • Línea • Plano • volumen

Page 18: Modulo 2 software de diseño

3. Elementos prácticos: los elementos prácticos subyacen en el

contenido y el alcance de un diseño

• Representación• Significado• Función

Page 19: Modulo 2 software de diseño

2. Elementos visuales: cuando los elementos conceptuales se materializan se hacen visibles.Los elementos visuales forman parte mas importante de un diseño, porque son lo que realmente vemos

• Forma • Medida • Color • Textura

Page 20: Modulo 2 software de diseño

4. Elementos de relación:

• Dirección • Posición • Pueden ser percibidos• Espacio• Gravedad • Pueden ser sentidos

Page 21: Modulo 2 software de diseño

TEORÍA DEL COLOR

El color es un fenómeno físico de la luz, relacionado con las diferentes longitudes de onda en la zona visible del espectro electromagnético, que percibe las personas de algunos animales atreves de los órganos de la visión como una sensación que nos permite diferenciar los objetos del espacio con mayor precisión.El color es un concepto principal en el diseño. Es una herramienta psicológica de comunicación hasta tal punto es importante que se ha empleado terapias medicas como la cromoterapia que se utiliza colores para generar sensaciones y sentimientos en el paciente y esto provoca una alteración en su organismo.

Page 22: Modulo 2 software de diseño

El papel del color

1. El color ayuda a dinamizar la composición atreves de la interacción de los colores : los colores saturados producen un fuerte impacto y se relaciona con sensaciones dinámicas y alegres ;los colores no saturados trasmiten sensaciones débiles.

2. Los colores transmiten sentimientos, hay colores claros, fríos, ardientes, tristes, alegres.

3. También contribuyen a la creación de espacio dando profundidad o distancia.

Page 23: Modulo 2 software de diseño

Características del color

1. Tonalidad o matiz: graduación de los tonos. Es el atributo que diferencia el color y por la cual designamos los colores verde, violeta , anaranjado

2. Saturación o intensidad: define la claridad de un color.

3. Luminosidad o claridad : es la cantidad de luz reflejada por una superficie en comparación con la reflejada por una superficie blanca en iguales condiciones de iluminación.

4. Brillo :es la cantidad de luz emitida por una fuente iluminada o reflejada por una superficie.

Page 24: Modulo 2 software de diseño

Simbología y psicología del color

Cada color tiene su simbología. Determinados colores tienen un sentido internacional, por ejemplo: rojo: peligro o alto; verde adelante o paso.

El color habla por si solo, es una herramienta subliminal de la comunicación ( dice cosas sin que se de cuenta el lector ) la simbología permite conducir a nuestro cliente a determinada sensaciones.

(a) BLANCO: pureza, limpieza, inocencia virtud.

(b) NEGRO: muerte destrucción, elegancia

(c) AMARILLO: alegría, luz, acción, voluntad, poder, ciencia, espiritualidad, dinamismo también ira, cobardía, y envidia.

(d) NARANJA: estimulo, acción, entusiasmo.(e) ROJO: pasión, y prohibición.

(f) VERDE: vegetación, humedad, calma, frescura, esperanza, inexperiencia.

(g) AZUL: inteligencia, frio, abstracción, descanso, confianza, seguridad, nuestra desesperación.

(h) VIOLETA: aflicción, tristeza, profundidad y misterio.

Page 25: Modulo 2 software de diseño

CIRCULO CROMÁTICO

Un circulo de color es una representación visual de colores arreglados según su relación cromática.Comienza un circulo de color colocando matizas primarios a distancia igual de uno al otro después se crea un punto entre los primarios usando colores secundarios y terciarios.El circulo mas básico contiene 12 colores y es similar el círculo cromático teórico.

Page 26: Modulo 2 software de diseño

Colores primarios: no pueden ser obtenidos mezclando otros colores. Son azul, rojo y amarillo. Todos los otros colores son derivados de estos.

Colores secundarios: es la mezcla de 2 primarios. Se obtienen los colores; verde, naranja, violeta. Es la mezcla al 100% de los primarios.

Colores terciarios: estos son los colores formados mezclando un color primario y un secundario. Por eso el matiz es un nombre de 2 palabras, como rojo violeta, amarillo naranja.

Colores contrastes: los colores localizados uno frente a otro en un circulo cromática ejemplo rojo y verde.

Page 27: Modulo 2 software de diseño

R.G.B (RED, GREEN, BLUE)

En sistema R.G.B el color se define en términos es decir, una mezcla del rojo, verde, azul, que en combinación da todos los colores luz, como los de las pantallas o los focos de un escenario. Cada color se representa atreves de cifras y se mide de una escala de 0 a 255.

Combinando los tres valores obtenemos todos los colores posibles. Los valores menores nos dan los colores mas oscuros de un elemento. Un valor de (0,0,0) supone negro, el máximo valor de cada uno (255,255,255) nos da el color blanco.

Page 28: Modulo 2 software de diseño

ARMONÍA Y CONTRASTE La ARMONÌA: Se logra cuando los elementos y los recursos visuales se selecciona y se disponen de tal manera que se acentúan las similitudes y se produce una sensación de equilibrio. En tanto que el CONTRASTE se alcanza seleccionando y disponiendo los elementos de forma que se acentúan las diferencias y produce una sensación de tensión. Es necesario tener claro que el uso de la armonía o del contraste depende de la intensión del emisor. Ninguno de los 2 es mejor o peor que el otro. Si el emisor desea expresar la idea de dureza, puede hacer una composición con líneas gruesas y oscuras, colores saturados, texturas rugosas. En todas las armonías cromáticas se pueden observar tres colores: • Uno dominante: que es el mas neutro y de mayor extensión, sirve para destacar los otros colores que conforman nuestra composición gráfica, especialmente al opuesto. • El tónico: es el complementario del color de dominio, es el mas potente en color y valor, y el que se utiliza como nota de animación o audacia en cualquier elemento (alfombra, cortina, etc.) • El de mediación: que actúa como conciliador y modo de transición entre cada uno de los dos anteriores, suele tener una situación en el circulo cromático cercano a la de color tónico.

Page 29: Modulo 2 software de diseño

Por ejemplo: en una composición armónica cuyo color dominante sea el amarillo, y el violeta sea el tónico, el mediador puede ser el rojo si la sensación que queremos transmitir sea de calidez, o un azul si queremos que sea mas bien fría. De manera general el color de valor más oscuro ira al suelo, el valor intermedio a las paredes y el más claro al techo.Contraste de valor Cuando se presentan dos valores diferentes en contraste simultáneo, el más claro parecerá más alto y el más oscuro, mas bajo. Por ejemplo, al colocar dos rectángulos granates, uno sobre fondo verdoso y el otro sobre fondo naranja, veremos más claro el situado sobre fondo verdoso.

Page 30: Modulo 2 software de diseño

FORMAS DE RELACIÓN DINÁMICA ENTRE LOS COLORES

1. Armonía: crear una composición con variaciones cromáticas suaves y graduales relacionando colores armónicos

2. Contraste: aproxima clores diferentes entre si, principalmente colores complementarios como rojo-verde – azul, naranja, amarillo- violeta, etc. la composición llama fuerte la atención pero se debe usar con cuidado para no reducir su legibilidad. Es necesario conocer bien las relaciones cromáticas para poder combinar correctamente los colores o usar tablas de combinación ya elaboradas.

Page 31: Modulo 2 software de diseño

Armonía del color

La armonía se define como un arreglo agradable de partes, que sea música, poesía, color etc. En las experiencias visuales, la armonía es algo que es agradable en la vista.

En la armonía el color es a menudo el factor clave del éxito de un diseño. Existen una infinidad de colores y matices. Esto hace que escoger una selección de colores para un proyecto parezca algo complicado.

Combinación de colores basada en colores monocromáticos

Existe la armonía monocromática que se basa en un solo color y sus diferentes tonos. Es decir, en un circulo cromático, estaríamos en un solo punto y eligiremos variantes de un solo color y saturación, con mayor o menor luminosidad .

Page 32: Modulo 2 software de diseño

Combinación de colores basado en colores análogos

En armonía de análogos los colores análogos ocupan posición inmediatamente próximas en la rueda de colores. Los colores análogos son cualquier tres colores que estén uno tras otro en un circulo cromático de colores tales como amarillo, amarillo verde, amarillo naranja. Por lo general uno de los tres colores pre denomina. En razón de su parecido, armonizan bien entre si. Este tipo de combinaciones es frecuente en la naturaleza.

Page 33: Modulo 2 software de diseño

COMBINACIÓN DE COLORES BASADA EN COLORES COMPLEMENTARIOS

Los colores complementarios son cualquier dos colores que estén directamente uno frente al otro, como rojo y verde; rojo purpuro y amarillo verde. Estos colores están opuestos crean máxima estabilidad y contraste

Page 34: Modulo 2 software de diseño

CONTRASTE DEL COLOR

Los colores complementarios ( contrastes ) se encuentran en puntos opuestos del circulo cromático. Estos colores se refuerzan mutuamente, de manera que un mismo color parece mas brillante e intenso. Cuando se haya asociado su complementario. Estos contrastes actos para llamar la atención y para proyectos donde se quiere un fuerte impacto atreves del color. El contraste se usa para combinar diferentes colores y crear una gama como por ejemplo, claros y oscuros, cálidos y fríos, etc.