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

1. Introducción al diseño
2. Conceptos básicos de Diseño Gráfico
3. Elaboración de piezas graficas publicitarias en Photoshop
4. Pre-prensa
5. Retoque fotográfico
6. Elaboración de películas y piezas animadas en Flash MX
7. Renderizacion de proyectos multimediales
8. 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 bonito
3. Cuidar de todos los elementos que se tienen, usarlos con conciencia
4. Bocetar en papel aunque no seamos buenos dibujando
5. Trabajar con paletas de color definidas
6. Usar tipografía adecuada, funcional, no solo por considerarla bonita
7. Cada diseño necesita oxigenarse o respirar
8. Pensar en donde tendremos el resultado final, revista, valla, periódico etc.
9. Conseguir referencias de inspiración mas no plagiar
10. 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 las
fuentes 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.