Guía Diseño de propuestas Gráficas – Tercer Semestre

1. Introducción al diseño2. Conceptos básicos de Diseño Gráfico3. Elaboración de piezas graficas publicitarias en Photoshop4. Pre-prensa5. Retoque fotográfico 6. Elaboración de películas y piezas animadas en Flash MX7. Renderizacion de proyectos multimediales8. Elaboracion de Paginas web Lenguaje HTML en Dreamweaver

1. INTRODUCCION A DISEÑO

Desglosado de la palabra Diseño Grafico

Diseño: La palabra "diseño" se usará para referirse al proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de factores y elementos con miras a la realización de objetos destinados a producir comunicaciones visuales. La palabra "diseño" se usará también en relación con los objetos creados por esa actividad.

Grafico: La palabra "gráfico" califica… a la palabra "diseño", y la relaciona con la producción de objetos visuales destinados a comunicar mensajes específicos.

Las dos palabras juntas: "diseño gráfico", desbordan la suma de sus significados individuales y pasan a ser el nombre de una profesión… En función de proponer una definición inicial, se podría decir que el diseño gráfico, visto como actividad, es la acción de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por los medios industriales y destinadas a transmitir mensajes específicos a grupos determinados."

Semántica denotativa y estética connotativa

Semántica denotativa: lo que quiere decir

Estética connotativa: como atraer diciéndolo

Triangulo del diseño grafico

"La persuasión procura convencernos de que no existe más que una elección razonable; la identificación tiene como fin que se distinga el elemento en su contexto; y la información o explicación es más simple de precisar porque refiere a la comunicación objetiva de los hechos."

2. CONCEPTOS BASICOS DE DISEÑO GRAFICO

Composición

La composición se define como una distribución o disposición de todos los elementos que incluiremos en un diseño o composición, de una forma perfecta y equilibrada.

En un diseño lo primero que se debe elegir son todos los elementos que aparecerán en el, luego debemos distribuirlos, para colocarlos con el espacio disponible. Los elementos pueden ser tanto imágenes, como espacios en blanco, etc. Es muy importante, tener en cuenta de que forma situaremos estos elementos, en nuestra composición, para que tengan un equilibrio formal y un peso igualado.

El peso de un elemento, se determina no sólo por su tamaño, que es bastante importante, si no por la posición en que este ocupe respecto del resto de elementos. Por ejemplo, si queremos hacer destacar un elemento en concreto, lo colocaremos en el centro.

Proporción y simetría

En toda composición, los elementos que se sitúan en la parte derecha, poseen mayor peso visual, y nos transmiten una sensación de avance. En cambio los que se encuentran en la parte izquierda, nos proporcionan una sensación de ligereza.

Esto también se observa, si lo aplicamos en la parte superior de un documento, posee mayor ligereza visual, mientras que los elementos que coloquemos en la parte inferior, nos transmitirán mayor peso visual.

Actualmente no existe una composición perfecta. Cada composición dependerá de su resultado final, para todo ello, es necesario conocer todos los aspectos y formas para obtener un resultado con un cierto equilibrio.

El factor equilibrio compositivo

Cada forma o figura representanda sobre un papel se comporta como un peso, un peso visual, porque ejerce una fuerza óptica.

Los elementos de nuestra composición gráfica pueden ser imaginados como los pesos de una balanza. Una composición se encuentra en equilibrio si los pesos de los distintos elementos que la forman se compensan entre sí.

Este criterio se aplica principalmente al diseño global, es decir, a la disposición de los elementos sobre la superfície de trabajo. Normalmente se busca este equilibrio, aunque en alguna ocasión se provoca un desequilibrio intencionado para conseguir unos resultados específicos en un diseño.

Definimos el equilibrio como una apreciación subjetiva, en la cual, los elementos de una composición no se van a desprender.

Equilibrio simetrio o asimétrico

En una composición se puede conseguir el equilibrio a través del uso de líneas y formas. Todos los pesos deberán estar compensados para obtener el equilibrio ideal.

Como medición del peso de las formas y líneas que utilizamos en una composición, se observa la importancia que tienen los objetos dentro del diseño o creación que queremos representar, intentando equilibrar los elementos de mayor importancia con los de menor importancia, y los de mayor peso con los de menor.

Clasificamos el equilibrio en dos tipos: simétrico y asimétrico

El equilibro simétrico se produce cuando al dividir una composición en dos partes iguales, existe igualdad de peso en ambos lados. No se encuentran elementos que sobresalgan más que el resto en importancia y peso.

Un ejemplo más inmediato de simetría en el mundo orgánico es la mariposa, cuyas alas poseen simetría axial bilateral, en la que el eje es el cuerpo del insecto. Sus dibujos están dispuestos simétricamente respecto al eje. Esta regularidad constituye, a nivel de percepción, un factor estético de armonía.

La creación de un diseño simétrico nos transmite una sensación de orden.

La creación de un diseño simétrico nos transmite una sensación de orden.

El equilibrio asimétrico

Un equilibrio es asimétrico cuando al dividir una composición en dos partes iguales, no existen las mismas dimensiones en tamaño, color, peso etc, pero existe un equilibrio entre dos elementos.

En el equilibrio asimétrico, al ser desiguales los pesos a un lado y otro del eje, el efecto es variado.

La asimetría nos transmite agitación, tensión, dinamismo, alegría y vitalidad; en este tipo de equilibrio una masa grande cerca del centro se equilibra por otra pequeña alejada del aquel.

GESTALT

La teoría Gestalt permite el análisis del Diseño desde el punto de vista de las leyes de la percepción, los que se pueden corroborar desde múltiples fases, abarcativas de la captación de la figura por el ojo humano y su configuración desde su aplicación efectiva por medio de una integración filosófica: ver la totalidad. El núcleo de la Psicología de la Gestalt gira en torno a la siguiente afirmación: La percepción humana no es la suma de los datos sensoriales, sino que pasa por un proceso de reestructuración que configura a partir de esa información una forma, una Gestalt, que constituye

un todo, que no es la mera suma de las partes. Es anterior a las partes y fundamental para ellas. No es una composición de elementos. Las formas son totalidades cuya conducta no se determina por la de sus elementos, sino por la naturaleza interior total. (Cofer, 1991)

SIGNO

Desde la lingüística, se estudian los componentes sígnicos de un texto o una imagen conformados por dos concepciones: simetría y asimetría para asignarles el grado de representación: signo, símbolo y alegoría, y dentro de esta estructura, se estudiarán las marcas comerciales. Desde esta concepción, se encuentra instrumentada para entender los ornamentos, formas integradoras y lecturas icónicas de sus componentes esenciales.

COLOR

El mundo es de colores, donde hay luz, hay color. La percepción de la forma, profundidad o claroscuro está estrechamente ligada a la percepción de los colores.

El color es un atributo que percibimos de los objetos cuando hay luz. La luz es constituida por ondas electromagnéticas que se propagan a unos 300.000 kilómetros por segundo. Esto significa que nuestros ojos reaccionan a la incidencia de la energía y no a la materia en sí.

Las ondas forman, según su longitud de onda, distintos tipos de luz, como infrarroja, visible, ultravioleta o blanca. Las ondas visibles son aquellas cuya longitud de onda está comprendida entre los 380 y 770 nanómetros.

Los objetos devuelven la luz que no absorben hacia su entorno. Nuestro campo visual interpreta estas radiaciones electromagnéticas que el entorno emite o refleja, como la palabra "COLOR".

Vinculado con las leyes de la pintura, queda establecido un compendio de jerarquías en cuanto a la aplicación de color, en las siguientes categorías: primarios, binarios o secundarios, intermedios, terciarios y cuaternarios. En otra gama de colores se emplea el blanco y el negro ya sean por separado o en su combinación para crear los llamados colores neutros.

El aporte de la computación, en esta materia, fue enriquecedora, ya que permite la aplicación de distintos tipos de rellenos: uniforme y los llamados especiales: relleno degradado, relleno de patrón, relleno de textura, y rellenos PostScript.

Psicología del color

Parece haber general acuerdo sobre el hecho de que cada uno de los colores posee una expresión especifica. La investigación experimental sobre el tema no abunda. Las descripciones de Goethe de los colores constituyen todavía la mejor fuente.

No solo la apariencia de un color depende grandemente de su contexto en el espacio y en el tiempo, seria también necesario saber a que tinte preciso se hace referencia, a que valor de claridad, y a que grado de saturación.

A todos nos sensaciona el color y cada uno tiene sus propias ideas sobre antipatías o simpatías, gusto o desagrado sobre aquel o este color, pero de manera general, todos percibimos una reacción física ante la sensación que produce un color, como la de frío en una habitación pintada de azul o la de calor en otra pintada de rojo.

En la psicología de los colores están basadas ciertas relaciones de estos con formas geométricas y símbolos, y también la representación Heráldica.

Los colores cálidos se consideran como estimulantes, alegres y hasta excitantes y los fríos como tranquilos, sedantes y en algunos casos deprimentes.

Aunque estas determinaciones son puramente subjetivas y debidas a la interpretación personal, todas las investigaciones han demostrado que son corrientes en la mayoría de los individuos, y están determinadas por reacciones inconscientes de estos, y también por diversas asociaciones que tienen relación con la naturaleza.

El amarillo es el color que se relaciona con el sol y significa luz radiante, alegría y estimulo. El rojo esta relacionado con el fuego y sugiere calor y excitación. El azul, color del cielo y el agua es serenidad, infinito y frialdad. El naranja, mezcla de amarillo y rojo, tiene las cualidades de estos, aunque en menor grado. El verde, color de los prados húmedos, es fresco, tranquilo y reconfortante. El violeta es madurez, y en un matiz claro expresa delicadeza. En estos seis colores básicos se comprenden toda la enorme variedad de matices que pueden ser obtenidos por las mezclas entre ellos y también por la de cada uno con blanco y negro; cada una de estas variaciones participa del carácter los colores de que proceden, aunque con predominio de aquel que intervenga en mayor proporción. El blanco es pureza y candor ; el negro, tristeza y duelo; el gris, resignación; el pardo; madurez; el oro, riqueza y opulencia; y la plata, nobleza y distinción.

Como ya dijimos, los colores que tienen una mayor potencia de excitación, son rojo, rojo-naranja y naranja, los mas tranquilos, los azules y azules verdes o violáceos. Un azul turqueza es algo mas inquieto que un azul ultramar, por la intervención en el primero del amarillo y en el segundo del azul, que lo hace derivar al violeta. Los colores mas sedantes y confortables en decoración son los verdes, azules claros y violetas claros, los matices

crema , marfil, beige, gamuza, y otros de cualidad cálida, son alegres, y tienen cierta acción estimulante, pero tanto unos como otros , deben ser usados en áreas amplias y adecuadamente.

Los colores a plena saturación son usados muy pocas veces en superficies de gran tamaño; los rojos, naranjas, amarillos, azules y otros colores vivos en toda su pureza no lo presenta nunca la naturaleza en amplias extensiones, sino como acentos o pequeñas áreas de animación.

Los colores expresan estados anímicos y emociones de muy concreta significación psíquica, también ejercen acción fisiológica. Podremos informarnos mas acerca de estas propiedades mas adelante, cuando tratemos como tema la cromoterapia.

El rojo significa sangre, fuego, pasión, violencia, actividad, impulso y acción y es el color del movimiento y la vitalidad; aumenta la tensión muscular, activa la respiración, estimula la presión arterial y es el mas adecuado para personas retraídas, de vida interior, y con reflejos lentos.

El naranja es entusiasmo, ardor, incandescencia, euforia y actúa para facilitar la digestión; mezclado con blanco constituye una rosa carne que tiene una calidad muy sensual. El amarillo es sol, poder, arrogancia, alegría, buen humor y voluntad; se le considera como estimulante de los centros nerviosos.

El verde es reposo, esperanza, primavera, juventud y por ser el color de la naturaleza sugiere aire libre y frescor; este color libera al espíritu y equilibra las sensaciones.

El azul es inteligencia, verdad, sabiduría, recogimiento, espacio, inmortalidad, cielo y agua y también significa paz y quietud; actúa como calmante y en reducción de la presión sanguínea, y al ser mezclado con blanco forma un matiz celeste que expresa pureza y fe. El violeta es profundidad, misticismo, misterio, melancolía y en su tonalidad púrpura, realeza, suntuosidad y dignidad; es un color delicado, fresco y de acción algo sedante.

Los colores cálidos en matices claros: cremas, rosas, etc, sugieren delicadeza, feminidad, amabilidad, hospitalidad y regocijo, y en los matices oscuros con predominio de rojo, vitalidad, poder, riqueza y estabilidad.

Los colores fríos en matices claros expresan delicadeza, frescura, expansión, descanso, soledad, esperanza y paz, y en los matices oscuros con predominio de azul, melancolía, reserva, misterio, depresión y pesadez.

IMAGEN

Las normas básicas establecidas desde el ámbito del dibujo y la pintura, conforma el aspecto teórico de la imagen. En computación, hay que diferenciar el dibujo de la fotografía, no sólo por la comprobación visual, sino también por los aspectos del formato.

Un dibujo vectorial puede verse como una nueva imagen en la medida en que los cambios de extensiones conforman su estructura. Para el caso de la fotografía, se aplican estructuras idénticas y también se amalgaman con las reglas del pintura para la aplicación de efectos, en un nuevo esquema interpretativo, ya que permite vectorizar sus componentes y crear un efecto de dibujo en una fotografía.

PUBLICIDAD

La publicidad ha creado un campo propio en el que su aporte ha sido considerado como fundamental para establecer un sinnúmero de relaciones entre la comunicación de un mensaje y un estatuto que posibilita la aplicación de esquemas básicos, entre ellos, el afiche.

Asimismo, en ese estudio, se podrá verificar sus alcances para organizar la llamada imagen corporativa de una empresa, que "estratégicamente y operativamente … ilumina el estilo y la conducta la empresa; el sentido de las decisiones que toma y realiza; su modo propio de concebir productos y/o servicios y de innovar; su personalidad exclusiva y su manera distintiva de comunicar, de conectar con los públicos y de relacionarse con ellos. La imagen posee unas condiciones excepcionales que atraviesan toda la dinámica de la empresa hasta el largo plazo."

10 consejos básicos

1. No diseñar por aburrimiento: elaborar diseños por no tener nada que hacer o por pasar el tiempo es negativo para nuestro desempeño. Tendremos que empezar a diseñar en base a un producto o servicio asi sea imaginario

2. Busquemos un resultado profesional antes que un diseño bonito3. Cuidar de todos los elementos que se tienen, usarlos con conciencia4. Bocetar en papel aunque no seamos buenos dibujando5. Trabajar con paletas de color definidas6. Usar tipografía adecuada, funcional, no solo por considerarla bonita7. Cada diseño necesita oxigenarse o respirar8. Pensar en donde tendremos el resultado final, revista, valla, periódico etc.9. Conseguir referencias de inspiración mas no plagiar10. En todos lados tenemos ejemplos de diseño, abramos bien los ojos

3. ELABORACION DE PIEZAS GRAFICAS PUBLICITARIAS EN PHOTOSHOP

- Conceptos básicos del espacio de trabajo- Paneles y Menús- Herramientas- Visualización de imágenes- Modificación de imagen- Filtros y Plugins- Fusión de capas- Capas- Uso de mascaras

4. PREPRENSA DIGITAL

La preprensa digital es el conjunto de procesos posteriores al diseño operados por medio de una computadora y previos a la impresión.

Empieza cuando el diseñador termina el proceso creativo. Termina cuando se entrega el material para entrar a impresión (Películas y Pruebas de Color).

La responsabilidad y los cuidados para un óptimo resultado de preprensa digital, comienzan en el trabajo del diseñador antes de mandar los archivos a salida y terminan en la prensa misma.

Esto se traduce a que desde que se esta diseñando se debe cuidar de utilizar los perfiles de color adecuados, que se aplique el trapping u overprint cuando sea necesario, que se manden los archivos completos, en un medio adecuado y en buenas condiciones, es decir que vayan todas las fuentes, archivos, ilustraciones, encapsulados, etc. y que estos vayan correctamente, o sea, bien compaginados, con rebases, todos los archivos en colores CMYK, etc. Es muy importante que lasfuentes funcionen correctamente ya que existen algunas con limitantes.

También debemos de conocer la forma y los materiales en que se va a imprimir el trabajo para decidir a que resolución y que tipo de película se va usar. No es lo mismo imprimir en offset, flexografía o serigrafía, y la calidad del papel igualmente variará nuestra decisión así como en algunos casos el tipo o marca de tintas será una variante en el trabajo de preprensa.

5. RETOQUE FOTOGRAFICO

El retoque fotográfico es una técnica que permite obtener otra imagen modificada, ya sea para lograr una mejor calidad o más realismo, o para obtener una composición totalmente diferente que distorsione la realidad. Para llevar a cabo dicho proceso, se utilizan mayoritariamente programas informáticos.

Utilizando distintas técnicas de retoque fotográfico es bastante simple mejorar la calidad de las imágenes originales procesadas, consiguiendo así un resultado notablemente superior en calidad con respecto a la imagen original. Además también pueden conseguirse efectos impactantes o simplemente corregir diversos errores en las imágenes originales. Antes de la existencia de la fotografía en color era muy frecuente emplear acuarelas líquidas u otros pigmentos para ofrecer la imagen coloreada. También se retocaban los negativos fotográficos para eliminar imperfecciones.

Las técnicas de retoque fotográfico digital son hoy en día muy utilizadas como método de post-producción, sobre todo en ámbitos donde la imagen es lo que vende. Se da mucho su utilización en las producciones de modelaje, ya que la perfección en las modelos debe ser alcanzada a toda costa.