multimedia diseño gráfico

160

Upload: la-mosca-publicidad

Post on 13-Jun-2015

4.540 views

Category:

Design


2 download

DESCRIPTION

EL FINAL - MEJORADO

TRANSCRIPT

Page 1: Multimedia DiseñO GráFico
Page 2: Multimedia DiseñO GráFico
Page 3: Multimedia DiseñO GráFico
Page 4: Multimedia DiseñO GráFico
Page 5: Multimedia DiseñO GráFico

Concepto y reseña histórica

REGRESAR A CONTENIDO

Page 6: Multimedia DiseñO GráFico

Conceptos e Historia

REGRESAR A CONTENIDO

Page 7: Multimedia DiseñO GráFico

Es una profesión cuya actividad

industrial está dirigida a idear y

proyectar mensajes visuales,

contemplando diversas

necesidades que varían según el

caso: estilísticas, informativas,

identificatorias, vocativas, de

persuasión, de código,

tecnológicas, de producción, de

innovación, etc

Page 8: Multimedia DiseñO GráFico

También se conoce con el

nombre de “diseño de

comunicación visual”, pues

la actividad excede el campo

de la industria gráfica, y los

mensajes visuales se

canalizan a través de muchos

medios de comunicación, tanto

impresos como digitales.

Page 9: Multimedia DiseñO GráFico

Algunas 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, el diseño editorial y el llamado diseño multimedia, entre otros.

Page 10: Multimedia DiseñO GráFico

DISEÑO GRÁFICOEL ORÍGEN DEL

Page 11: Multimedia DiseñO GráFico

Aunque no existe consenso acerca de la fecha exacta

en que nació el diseño gráfico, algunos lo datan

durante el período de entreguerras. Otros entienden

que comienza a identificarse como tal a finales del

siglo XIX. También hay quienes encuentran su origen

en las pinturas rupestres del Paleolítico y en el

nacimiento del lenguaje escrito en el tercer milenio a.

de C.

REGRESAR A CONTENIDO

Page 12: Multimedia DiseñO GráFico

Arte rupestre – Cuevas de Altamira (España)

Page 13: Multimedia DiseñO GráFico

InterfacesPodemos hablar de interfaces más bien como productos

REGRESAR A CONTENIDO

Page 14: Multimedia DiseñO GráFico

Clasificación de productos de Diseño Gráfico

Relacionando los procesos de producción se pueden agrupar los productos de diseño desde un análisis tecnológico en:

Page 15: Multimedia DiseñO GráFico

Etiquetas: las cuales pueden ser frontales, colgantes, de seguridad, envolventes, etc.

Envases: los más comunes son los rígidos, semirrígidos, flexibles y las latas.

Editorial: generalmente estos productos se clasifican de acuerdo al tamaño de información que disponen en afiches, flyers o volantes, libros, periódicos, revistas, catálogos, CD, DVD, VHS, etc.

Señalética: incluye señales de peligro, señales de tráfico, señales de banderas marítimas,señales de ferrocarril, entre otras.

Cartelería: carteles formativos e informativos.

Page 16: Multimedia DiseñO GráFico

Folletería: los folletos de acuerdo a su número de páginas pueden ser dípticos (dos páginas), trípticos (tres páginas), etc. También se los puede clasificar en publicitarios, propagandísticos, turísticos, entre otros.

Diseño tipográfico: tipos sans serif o palo seco, con serif, gestuales, góticas, caligráficas y de fantasía.

Diseño de instrumentos de mandos: pantallas de relojes digitales, de teléfonos móviles, de cámaras digitales, y otros aparatos.

Infografía: mapas, gráficos, viñetas, formularios.

Page 17: Multimedia DiseñO GráFico

Material didáctico: manuales instructivos, indicaciones de uso, fichas didácticas educacionales, etcétera.

Multimedia: medios de comunicación animados o donde integramos imagen, video, animación, sonido, etc.

Identidad corporativa: marcas, iso-logotipo, papelería comercial y fiscal, billetes, aplicación de marca en arquigrafía e indumentaria, gráfica vehicular.

REGRESAR A CONTENIDO

Page 18: Multimedia DiseñO GráFico

TEORÍA DEL COLOR

Page 19: Multimedia DiseñO GráFico

COLOREl sentimiento del color es tan viejo como la humanidad. El hombre de la época glacial, hace más de 20.000 años ya utilizaba colores minerales para representar su vida y cuanto le rodeaba (bisontes, jabalíes y caballos de las bóvedas y muros de las cuevas de Altamira).

Page 20: Multimedia DiseñO GráFico

TOTODODO COLCOLOROR ESES LUZLUZ

Page 21: Multimedia DiseñO GráFico

EEl color l color de los cuerpos depende de las radiaciones de luz absorbidas por su estructura molecular y las longitudes de onda que el cuerpo refleja.

La propiedad cromática asociada a la longitud de onda se conoce como: COLORCOLOR y es percibido por medio del sentido de la vista.

Page 22: Multimedia DiseñO GráFico

EL SENTIDO: LA VISTA

REGRESAR A CONTENIDO

Page 23: Multimedia DiseñO GráFico

La luz entra en el ojo a través de la pupila y el cristalino se encarga de concentrarla en la retina, donde estimula los bastoncillos y los conos. La información de lo que vemos se transmite al cerebro a través del nervio óptico.

Page 24: Multimedia DiseñO GráFico

LOS PIONEROS DE LOS COLORES

REGRESAR A CONTENIDO

Page 25: Multimedia DiseñO GráFico

Isaac Newton Isaac Newton (1642-1727)(1642-1727)

Físico-matemático-Astrónomo

Describió los colores como el producto de las

propiedades de los rayos que componen las fuentes

luminosas. Demostró que la luz blanca estaba compuesta

por los colores del arco iris.El espectro solar se compone de 7 colores: rojo, naranja, amarillo, verde, cian, añil y violeta.

Page 26: Multimedia DiseñO GráFico

Coloca luego otro prisma y ve proyectada sobre la pared y descubre que los siete colores se funden en uno solo, el BLANCO. Ha recompuesto nuevamente la luz. También se da cuenta que para recomponer la luz blanca, no hace falta fundir los siete colores del arco iris, basta solo con un par específicos de ellos: Rojo-Verde; Amarillo-Violeta; Azul-Naranja. Se darán cuenta que estamos hablando de los colores primarios mas sus complementarios.

Page 27: Multimedia DiseñO GráFico

VIDEO: COMO SE FORMAN LOS COLORES

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 28: Multimedia DiseñO GráFico

Los objetos tienen la propiedad de absorber determinada cantidad de luz y rechazar otra cantidad de luz, el color natural del objeto que nosotros percibimos está dado por el rayo de luz que rechaza.

Un ejemplo, una manzana es roja, porque absorbe los rayos azules y amarillos. Rechaza los rojos entonces para nuestros ojos es de color rojo.

Page 29: Multimedia DiseñO GráFico

Si esta absorbiera los rojos y rechazara los azules y amarillos, sería de color verde. Las superficies negras absorben todos los colores, los objetos blancos reflejan todos los colores, o sea, los rechaza.

Page 30: Multimedia DiseñO GráFico

CLASIFICACIÓN DE LOS COLORES

REGRESAR A CONTENIDO

Page 31: Multimedia DiseñO GráFico

- PRIMARIOS- SECUNDARIOS- TERCIARIOS

Page 32: Multimedia DiseñO GráFico

COLORES PRIMARIOS

REGRESAR A CONTENIDO

Page 33: Multimedia DiseñO GráFico

Colores primarios son aquellos colores

básicos o fundamentales de los que derivan todos los

demás colores.Son perceptualmente

irreductibles.

Page 34: Multimedia DiseñO GráFico

AMARILLO CIAN MAGENTA

También denominados colores fundamentales, son los colores de partida, no se obtienen por la mezcla de ningún otro color, al unirlos podemos lograr una amplia gama de colores.

Page 35: Multimedia DiseñO GráFico

COLORES SECUNDARIOS

REGRESAR A CONTENIDO

Page 36: Multimedia DiseñO GráFico

Son aquellos que se obtienen de la mezcla de dos primarios:

AMARILLOAMARILLO + + AZULAZUL = = VERDEVERDE

AZULAZUL + + ROJOROJO = = VIOLETAVIOLETA

ROJO ROJO + + AMARILLOAMARILLO = = NARANJANARANJA

Page 37: Multimedia DiseñO GráFico

VERDE NARANJA VIOLETA

+ + +

Son los colores intermedios, los que se obtienen al mezclar los colores primarios en cantidades iguales entre sí.

Page 38: Multimedia DiseñO GráFico

COLORES TERCIARIOS

REGRESAR A CONTENIDO

Page 39: Multimedia DiseñO GráFico

AMARILLOAMARILLO ++ VERDEVERDE == VERDE AMARILLENTOVERDE AMARILLENTOVERDEVERDE ++ AZULAZUL == VERDE AZULADO VERDE AZULADO AZULAZUL ++ VIOLETAVIOLETA == VIOLETA AZULADO VIOLETA AZULADO VIOLETAVIOLETA ++ ROJOROJO == VIOLETA ROJIZO VIOLETA ROJIZO ROJOROJO ++ NARANJANARANJA == NARANJA ROJIZO NARANJA ROJIZO NARANJANARANJA ++ AMARILLOAMARILLO == NARANJA AMARILLENTO NARANJA AMARILLENTO

Colores terciarios, son los obtenidos de la mezcla de

un primario y un secundario.

En realidad no son más En realidad no son más que matices de un color. que matices de un color.

Page 40: Multimedia DiseñO GráFico

MARRÓN OCRE

+ + +

Son los que se obtienen al mezclar cantidades iguales de un color primario con su secundario más cercano en el círculo cromático. Al variar las porciones, se obtienen una amplia gama de sutiles tonos como grises, marrones, grises, marrones, ocres y turquesasocres y turquesas.

Page 41: Multimedia DiseñO GráFico

COLORES COMPLEMENTARIOS

REGRESAR A CONTENIDO

Page 42: Multimedia DiseñO GráFico

PP CC

Son los colores diametralmente opuestos en el círculo cromático y que ofrecen mayor contraste entre ellos. Ejemplo: circulo cromático

Page 43: Multimedia DiseñO GráFico

LENGUAJES BÁSICOS DE COLOR

tono (color), saturación y valor (brillo ó luminosidad)

Page 44: Multimedia DiseñO GráFico

Los tres conceptos fundamentales de nuestro lenguaje compartido del

color son: tono (color), saturación

y valor (brillo ó luminosidad) y con estas tres

dimensiones, podemos describir un color y colocarlo en el espacio de la

percepción del color

Page 45: Multimedia DiseñO GráFico

TONO (COLOR)

REGRESAR A CONTENIDO

Page 46: Multimedia DiseñO GráFico

Este término es el más sencillo de

recordar, porque se refiere al mismo

nombre de color.

Muchos colores diferentes son

producidos como resultado de una

combinación entre dos o más

colores, o a través de la añadidura

del negro, blanco o gris, los colores

acromáticos.

Page 47: Multimedia DiseñO GráFico

SATURACIÓN

REGRESAR A CONTENIDO

Page 48: Multimedia DiseñO GráFico

La saturación es la intensidad

del color puro.

Mientras mas saturado mas

puro e intenso se ve el color

mientras menos saturado mas

gris se ve el color porque

pierde el pigmento.

Page 49: Multimedia DiseñO GráFico

VALOR (brillo o luminosidad)

REGRESAR A CONTENIDO

Page 50: Multimedia DiseñO GráFico

Es un término que se usa para describir que tan claro u claro u oscuro parece un color. oscuro parece un color. Por lo tanto, el valor del color está determinado por su propiedad de reflexión, es decir: cuánta luz refleja otra vez al ojo. Un rojo brillante que, parece más claro al ojo, que un oscuro, tiene un valor más alto.

Como el negro absorbe la luz y el blanco la refleja agregar negro a un color lo hace más oscuro tal como agregar negro al rojo para obtener un rojo vino, lo hará tener menos valor que si se le agregara blanco.

Cuando se agrega blanco a un color, para hacerlo más claro, como blanco al rojo para obtener rosa, el mismo color tiene un valor más alto.

REGRESAR A CONTENIDO

Page 51: Multimedia DiseñO GráFico

PROPIEDADES DEL COLOR

Page 52: Multimedia DiseñO GráFico

COLORES ADITIVOSCOLORES ADITIVOS

COLORES SUSTRACTIVOSCOLORES SUSTRACTIVOS

Page 53: Multimedia DiseñO GráFico

ADITIVO vs. EL SUSTRAÍDO

REGRESAR A CONTENIDO

Page 54: Multimedia DiseñO GráFico

El color es usado en muchos tipos de mediamedia

(televisión, cine, libros, revistas, periódicos).

Pero el color no se reproduce de la misma manera

por todos esos medios.

Existen dos maneras básicas de producir color:

aditivos y substractivos.aditivos y substractivos.

REGRESAR A CONTENIDO

Page 55: Multimedia DiseñO GráFico

La Televisión utiliza los

aditivos, mientras que

las imprentas de

impresión emplean color

substractivo. Los colores

aditivos se producen al

agregar energía de la

luz, los substractivos

absorbiendo o

substrayendo la energía

de la luz.

REGRESAR A CONTENIDO

Page 56: Multimedia DiseñO GráFico

COLORES ADITIVOS

REGRESAR A CONTENIDO

Page 57: Multimedia DiseñO GráFico

Actualmente, nos referimos a esas tres ondas, rojo, azul y verde, como los primarios de la luz o aditivos; cuando estas luces de colores se mezclan, crean el blanco.

En nuestro mundo moderno de las computadoras de escritorio, hemos acortado rojo-verde -azul al acrónimo RGB denotando no sólo los colores primarios de la luz, sino también los colores usados para crear (por medio de la mezcla óptica) la mayoría del espectro en los videos a color tales como la pantalla de la computadora.

REGRESAR A CONTENIDO

Page 58: Multimedia DiseñO GráFico

COMBINACIÓN ADITIVAModelo RGB

REGRESAR A CONTENIDO

Page 59: Multimedia DiseñO GráFico

El diagrama muestra los resultados teóricos, según los cuales el amarillo, el magenta y el cian son colores secundarios cuando se combinan dos colores primarios a partes iguales, y el blanco es el resultado de combinar los tres primarios por igual.

REGRESAR A CONTENIDO

Page 60: Multimedia DiseñO GráFico

COLORES SUBSTRACTIVOS

REGRESAR A CONTENIDO

Page 61: Multimedia DiseñO GráFico

Los colores substractivos, primarios, cian, magenta y amarillo son los que han sido creados mediante el retiro o absorción de ciertas longitudes de ondas.

Cuando la luz blanca toca un material o una superficie y los pigmentos de colores absorben esas ondas, solamente ciertos colores son reflejados en el ojo.

REGRESAR A CONTENIDO

Page 62: Multimedia DiseñO GráFico

COMBINACIÓN SUSTRACTIVAModelo CMYK

REGRESAR A CONTENIDO

Page 63: Multimedia DiseñO GráFico

En este diagrama se

combinan el rojo, el

amarillo y el azul, como

el magenta y el cian son

colores auténticos, que

absorben sólo una

longitud de onda, no

pueden reproducirse

mediante la

combinación de estos

colores.

Page 64: Multimedia DiseñO GráFico

ESQUEMAS BASICOSDEL COLOR

Page 65: Multimedia DiseñO GráFico

Sin color. Utiliza sólo el negro, el blanco, y los grises

ESQUEMA ESQUEMA ACROMATICOACROMATICO

Page 66: Multimedia DiseñO GráFico

Utiliza cualquiera de los tres tonos consecutivos o cualquiera de sus tintes y matices del círculo cromático.

ESQUEMA ESQUEMA ANÁLOGOANÁLOGO

Page 67: Multimedia DiseñO GráFico

ESQUEMA DE ESQUEMA DE CHOQUECHOQUE

Combina un color con el tono que está a la derecha o a la izquierda de su complemento en el círculo cromático.

Page 68: Multimedia DiseñO GráFico

ESQUEMA ESQUEMA COMPLEMENTARICOMPLEMENTARIOO

Usa los opuestos directos del círculo cromático.

Page 69: Multimedia DiseñO GráFico

Utiliza un tono en combinación con cualquiera de sus tintes y matices o con todos.

ESQUEMA ESQUEMA MONOCROMATICMONOCROMATICOO

Page 70: Multimedia DiseñO GráFico

ESQUEMA ESQUEMA NEUTRALNEUTRAL

Utiliza un tono que se ha disminuído o neutralizado con el agregado de su complemento o del negro.

Page 71: Multimedia DiseñO GráFico

ESQUEMA ESQUEMA PRIMARIOPRIMARIO

Una combinación de los tonos puros del rojo, el amarillo y el azul.

Page 72: Multimedia DiseñO GráFico

Una combinación de los tonos secundarios del verde, el violeta, y el naranja.

ESQUEMA ESQUEMA SECUNDARIOSECUNDARIO

Page 73: Multimedia DiseñO GráFico

GAMA ARMONICACOLORES CÁLIDOS

Page 74: Multimedia DiseñO GráFico

Son aquellos que presentan

las máximas longitudes de

onda en el espectro

luminoso. Cuando

hablamos de colores

cálidos nos referimos al

valor emocional que

transmite el color y que se

traduce en una reacción

subjetiva que produce una

sensación de temperatura.

REGRESAR A CONTENIDO

Page 75: Multimedia DiseñO GráFico

GAMA ARMONICACOLORES FRÍOS

Page 76: Multimedia DiseñO GráFico

Son aquellos que se

encuentran en la parte del

espectro correspondiente

a las longitudes de onda

mínimas. Se identifican

con sensaciones de

temperatura opuestas a la

de los colores cálidos. La

gama gira en torno a

azules, verdes y violetas.

REGRESAR A CONTENIDO

Page 77: Multimedia DiseñO GráFico

TIPOGRAFÍA

ABC

Page 78: Multimedia DiseñO GráFico

El arte de la tipografía consiste en hacer legibles y

atractivas visualmente las palabras y los signos

gráficos que las acompañan.

REGRESAR A CONTENIDO

Page 79: Multimedia DiseñO GráFico

Una misma letra puede adoptar trazos radicalmente diferentes sin ningún tipo de relación formal, según

pertenezca a una familia o a otra

REGRESAR A CONTENIDO

Page 80: Multimedia DiseñO GráFico

Podemos decir que las letras están constituidas por trazos generales que definen en su conjunto y que, una vez coordinados, determinan las características principales de cada letra en particular. Los trazos se encargan además de diferenciarnos una letra de distintas familias en función de cómo los ejecutemos. Cada uno de ellos debe definirse específicamente en su grosor, inclinación y modulación para poder distinguir claramente letras de diferentes familias. Por ejemplo, haciendo referencia a trazos que distinguen distintas letras dentro de una familia tipográfica, podemos observar que la letra "b" y la "p" minúsculas poseen unos trazos muy similares, diferenciándose tan sólo por el sentido ascendente o descendente del trazo vertical y por el sentido del ojo de la letra.

REGRESAR A CONTENIDO

Page 81: Multimedia DiseñO GráFico

Si nos referimos con un ejemplo a una misma letra, pero de distinta familia, podemos aludir a la "a" minúscula.

Una misma letra puede adoptar trazos radicalmente diferentes sin ningún tipo de relación formal, según pertenezca a una familia u otra.

El diseñador puede haber aprendido en la escuela a distinguir las letras entre sí, capacidad que hubo de adquirir cuando aprendió a escribir y a leer.

REGRESAR A CONTENIDO

Page 82: Multimedia DiseñO GráFico

Ahora, sin embargo

debe adquirir la

habilidad de distinguir

letras considerándolas

como caracteres

tipográficos, con unos

rasgos claramente

definidos según los

hagamos pertenecer a

una familia u otra.

Entre las letras "p", "d", "q", y "b" de la

familia Bodoni,

podemos observar que la diferencia

entretodas ellas

estriba únicamente

en su orientación

espacial

REGRESAR A CONTENIDO

Page 83: Multimedia DiseñO GráFico

LINEAS DE REFERENCIAS DE UNA LETRA

REGRESAR A CONTENIDO

Page 84: Multimedia DiseñO GráFico

En los tipos, la posición de las letras no responde a criterios arbitrarios. Todas ellas han de compartir unas zonas comunes que quedan definidas por cuatro líneas limítrofes que nos enmarcan cada una de las letras y contribuyen a realzar su trazado. La línea principal es la llamada línea de base, y sirve de apoyo a las letras en su trazado. Sirve de base y asiento, siendo la referencia principal de la que nos servimos para ubicar las letras formando palabras dentro de un texto.

Es además, la línea compartida a partir de la cual trazamos las restantes de referencia en el trazado de una letra. Distinguimos también la altura de la x, las alineaciones superior e inferior y las medias inferiores y superiores.

REGRESAR A CONTENIDO

Page 85: Multimedia DiseñO GráFico

La altura de la x supone el espacio que ocupan las minúsculas que carecen de trazos ascendentes o descendentes. Se decidió elegir la altura de la x para determinar este parámetro porque dicha letra tocaba por sus cuatro vértices las líneas de medida.

A continuación, hemos de distinguir dos sectores importantes dentro del área de trazado de la letra: los alineamientos superiores e inferiores. La zona de alineación superior abarcaría desde la línea superior de la altura de la x hasta la llamada línea de alineación superior que es la que limita por la parte superior a todas las letras minúsculas con trazos ascendentes. Veamos, por ejemplo, la letra "f" minúscula de la figura al pie de página.

REGRESAR A CONTENIDO

Page 86: Multimedia DiseñO GráFico

La medida de los caracteres se basa en las líneas que se indican en esta figura. El cuerpo abarca la zona del hombro y se extiende desde la

alineación superior a la parte inferior del hombro.

REGRESAR A CONTENIDO

Page 87: Multimedia DiseñO GráFico

ANATOMÍA DE LA LETRA

REGRESAR A CONTENIDO

Page 88: Multimedia DiseñO GráFico

Una vez estudiadas las líneas de trazado de la letra pasemos a conocer cuál es la anatomía general de la letra y cuál es la denominación específica de cada una de sus partes.

Los contornos son las áreas definidas por el trazo de una eltra. Así, por ejemplo, en la letra "C" encontramos tanto un contorno interior como un contorno exterior, de igual modo que sucede con la letra

"D". Sin embargo, la letra "L" sólo define contornos exteriores.

REGRESAR A CONTENIDO

Page 89: Multimedia DiseñO GráFico

LOS TRAZOS PRINCIPALES

REGRESAR A CONTENIDO

Page 90: Multimedia DiseñO GráFico

Denominaremos trazo principal al que nos determina la estructura dominante de la letra. Es el de mayor peso en la composición de la misma, así como suele ser al que mayor grosor y dimensión se le adjudica. En algunas ocasiones nos encontraremos con la denominación de asta para el trazo principal.

Page 91: Multimedia DiseñO GráFico

Los trazos terminales estánclasificados como:

REGRESAR A CONTENIDO

Page 92: Multimedia DiseñO GráFico

-Trazo terminal mixtiforme: constituido en su trazado por una combinación de líneas curvas en cada lado. Es propio de la tipografía veneciana que evolucionaron con un trazo terminal similar hacia las tipografías de transición.

-Trazo terminal filiforme: el trazado se resuelve con una sencilla línea recta de ancho mínimo perpendicular al trazo principal. Este tipo de trazo terminal aparece a mediados delsiglo dieciocho con la creación de los tipos llamados Didones (o Didonas) perfeccionados por Jean B. Bodoni.

Page 93: Multimedia DiseñO GráFico

-Trazo terminal rectiforme: el trazo está constituido por dos líneas oblicuas que, partiendo del eje central localizado en el asta, confluyen en una línea de trazado horizontal. Este tipo de trazado es, como su propio nombre indica, acentuadamente recto, y tiene su origen en las inscripciones lapidarias de los antiguos monumentos romanos. Para la ejecución de dichas letras se utilizaba el punzón de metal con el cual se iba tallando sobre la piedra la forma de la letra, de ahí sus formas rectilíneas y angulosas, como ya se indicó en el capítulo dedicado a las familias tipográficas. Este tipo de trazado se utilizó en tipografía por primera vez en Venecia en el siglo XV, y entre las tipografías que emplean un tipo detrazo terminal podemos citar la Centaur, Verona y Kennerley.

Page 94: Multimedia DiseñO GráFico

-Trazo terminal cuadrangular: el pie de la letra posee trazo cuadrangular. También se puede llegar a denominar tacón de la letra, porque se utiliza un pequeño trazo en forma de rectángulo para rematarla. Es el trazo terminal característico de las tipografías llamadas Egipcias o mecanos. Esta clase de tipografía apareció en Inglaterra durante el período de la Revolución Industrial, en el siglo XIX. La amplitud del ojo de cada letra, así como la consistencia del trazo bastante grueso, hizo de ella una tipografía bastante apta para la reproducción a gran escala. Sus trazos constituyentes permitían imprimir a gran velocidad con medios de impresión no evolucionados lo suficientemente, sin que la letra fuese perdiendo legibilidad. Hoy en día, su trazo terminal tan característico ha sufrido una pequeña evolución por parte de maestros del diseño, que han conseguido estilizar su aspecto general. Tipografías típicas del trazo terminal cuadrangular o de tacón pueden ser la Rockwell, Beton o Claredon.

Page 95: Multimedia DiseñO GráFico

-Letras sin trazo terminal: también llamadas sin rasgo, son aquellas en las que el trazo principal termina de forma rectilínea sin apoyarse en ningún trazo de base. Constituyen las tipografías más modernas, desarrolladas a partir de la segunda mitad del siglo XX. Su aparición y desarrollo fue posible gracias al avance en los procedimientos de impresión, que permitieron con el paso del tiempo la reproducción de letras cada vez más sencillas, con la que economizaban en el número de trazos y complicación en su desarrollo, sin que por ello se perdiera su legibilidad. Los trazos correspondientes a la familia de las letras orneadas, a las de escritura, las letras góticas no quedan en un primer momento dentro de una clasificación estándar de trazo terminal con características similares, ya que cada tipo en concreto puede adoptar un trazo terminal diferente según sea el estilo del diseñador que crea esa tipografía.

Page 96: Multimedia DiseñO GráFico

REGRESAR A CONTENIDO

Page 97: Multimedia DiseñO GráFico

Otros trazos que podemos encontrar como constituyentes de una letra son los ganchos. Los encontramos, por ejemplo, en determinadas familias tipográficas clásicas, en su versión en itálica. Constituyen en sí la pequeña proyección de un trazo. En la letra "G" mayúscula lo encontramos con bastante frecuencia, más o menos pronunciado. Observemos la diferencia en el gancho de la G existente entre el alfabeto Century y Baskerville.

En esta figura vemos que el gancho de la letra "G" del alfabeto New Baskerville es pronunciado, mientras que el dela del alfabeto Century Old Style es delicado

Page 98: Multimedia DiseñO GráFico

La letra "g" minúscula de determinadas familias, principalmente las diseñadas con anterioridad al siglo XIX, presentan un elemento absolutamente característico, que es el rasgo denominado lóbulo u oreja. Es el rasgo que sobresale del ojal de dicha letra. Este rasgo adopta múltiples configuraciones, pudiendo aparecer con forma de gota, de uña, de bandera, recto u oblícuo, etc.

El óvalo que forma la parte inferior de la letra "g" minúscula da lugar a lo que tipográficamente se denomina bucle u ojal. No tiene un trazado ni un tamaño proporcional al ojal superior determinado. Normalmente, queda unido a su parte superior por un trazo fino y ondulado, denominado ligadura. Notaremos que constantemente estamos haciendo referencia a la letra "g", pero, tipográficamente hablando, en esta letra confluyen una serie de trazos muy característicos y determinados, que le hacen especialmente peculiar para el tipógrafo. Es, sin duda, el carácter de imprenta más especial, y el más indicado para poder reconocer cualquier familia tipográfica.

Page 99: Multimedia DiseñO GráFico

La cabeza de una letra está constituida por su parte superior, incluidos los remates que pudiera llevar, y puede adoptar múltiples configuraciones. Observamos, por ejemplo, en la letra "A" mayúscula cuatro formas distintas, según pertenezca a una familia u otra.

En el caso de la familia Caslon, la cabeza de la letra adopta un trazo biselado; en el caso de la Times, el final de la letra es apuntalado; en la Claredon, este remate apuntalado está sesgado horizontalmente; y observemos finalmente la letra "A" mayúscula del alfabeto Beton, cuya cabeza está determinada por un remate a la izquierda que le confiere gran originalidad. En otros alfabetos adopta otras configuraciones. Veámos, por último, los tipos pertenecientes al alfabeto Cooper Black, en el que nos aparece una cabeza con trazo terminal redondeado.

Page 100: Multimedia DiseñO GráFico

En los diferentes trazos que puede presentar una letra,se definen los siguientes términos:

Travesaño: es la línea horizontal que sobresale de la línea vertical primaria.

Cuello: Es la l1nea que une los dos ojales de la letra g de caja baja.

Oreja: Es la l1nea que sobresale del ojal en la letra g de caja baja.

Remate: Se denominan asl a los breves trazos finales, ligeramente perpendiculares a los principales

de una letra.Filete: Es la l1nea horizontal situada entre verticales,

diagonales o curvasContrapunzón: Se llama asl a la forma cerrada o

parcialmente cerrada definida por una línea.Vértice: Es el punto de unión de dos astas

inclinadas.Cola: Es un breve trazo en ángulo con el trazo

principal.Piema: Es un trazo vertical o diagonal pronunciado.

Apice: Es el final de un trazo que no termina en gracia.

Enlace: Es la conexión entre el remate y el asta.Ojal: Es la l1nea curva que forma un lazo, un óvalo o

un circulo.

Page 101: Multimedia DiseñO GráFico

COMPOSICIÓN DE LA IMAGEN

Page 102: Multimedia DiseñO GráFico

La imagen se compone de la siguiente manera de acuerdo a su sistema; las hay:

REGRESAR A CONTENIDO

Page 103: Multimedia DiseñO GráFico

Digital: Este es un sistema de fotografía compuesto por un lenguaje binario. Este se traduce por pixeles y las hay de todos los tamaños y formatos.  Análoga o convencional: Es la fotografía tradicional de toda la vida al revelarse la película obtenemos una imagen impresa sobre papel fotográfico. La imagen digital está formada por una serie de matrices numéricas de ceros y unos que se almacenan en una memoria informática y que definen las características de una fotografía.Una vez esta imagen es interpretada (leída), los ordenadores se transforman en una imagen visible a través de la pantalla e imprimible también, a través de cualquier dispositivo de salida. La gran ventaja del archivo digital es que puede duplicarse y copiarse tantas veces como se quiera.

REGRESAR A CONTENIDO

Page 104: Multimedia DiseñO GráFico

Formación de la Imagen digital

REGRESAR A CONTENIDO

Page 105: Multimedia DiseñO GráFico

La trayectoria que sigue la cámara para formar la imagen digital es la siguiente forma: La luz que detecta el objetivo de la cámara llega hasta el sensor de imagen, denominado CCD formado por multitudes de receptores fotosensibles denominados "fotodiodos".

La luz incidente genera una pequeña señal eléctrica a cada receptor, que posteriormente, esta señal se transformará en datos digitales por el conversor ADC, como una serie de cadenas de números ceros y unos, denominados dígitos binarios.

Page 106: Multimedia DiseñO GráFico

Estos números binarios (O,1), se representan como pequeños cuadraditos, en forma de mosaico individual denominados píxeles.

Las imágenes digitales pueden ser icónicas (de diferentes grados de figuración y realismo) o aicónicas (abstractas, esquemáticas), tridimensionales y planas, fijas o móviles.

Page 107: Multimedia DiseñO GráFico

PIXELES: Los Puntos de una Imagen

REGRESAR A CONTENIDO

Page 108: Multimedia DiseñO GráFico

Si comparamos con la fotografía tradicional y analógica de toda la vida, observamos que una película fotográfica está formada por pequeños granitos formados por haluros de plata sensibles a la luz, éstos al encontrarse muy juntos forman la imagen que vemos. Cada uno de estos granitos es la unidad más pequeña que hay en una fotografía tradicional.

Pero en el caso de la fotografía digital, este granito pequeñito es substituido por el píxel. La imagen que obtenemos ya sea a través de una pantalla, o un escáner o una cámara digital, es un enorme mosaico lleno de millones de píxeles. Cada píxel "cuadrito" contiene la información del color de esa pequeña porción.

El píxel solo puede ser de color rojo, verde o azul o la mezcla de los tres. Un píxel, solo tiene un color no puede tener dos colores.

Page 109: Multimedia DiseñO GráFico

RESOLUCIÓN

REGRESAR A CONTENIDO

Page 110: Multimedia DiseñO GráFico

La resolución de una imagen digital se expresa multiplicando su anchura por la altura en pantalla. Por ejemplo la imagen de 1200 x 1200 píxeles = 1.440.000 píxeles, expresado en Mp megapixel es igual a 1,4 Mp.

Conviene tener en cuenta que 1 Megapíxels = 1024 píxeles.

Page 111: Multimedia DiseñO GráFico

La resolución impresión: Puntos por pulgada (ppp) Píxels por pulgada (ppi)

La resolución expresada en (ppp) o (ppi), son los píxeles por unidad de longitud, es decir, los píxeles por pulgada. La pulgada mide 2,54 cm.

La resolución define la cantidad de píxeles que contiene una imagen y la dimensión de estos píxeles expresan de qué forma se reparten en el espacio. La resolución es la relación entre las dimensiones digitales (los píxeles) y las físicas, las que tendrá una vez impresa sobre papel.

Para calcular del tamaño en píxeles a tamaño en centímetros para la impresión podemos aplicar la siguiente fórmula:

* Tamaño de impresión= Número de píxeles/ Resolución (PPI píxeles por pulgada)

Page 112: Multimedia DiseñO GráFico

REGRESAR A CONTENIDO

Page 113: Multimedia DiseñO GráFico

Existen diferentes resoluciones; depende para el trabajo o destino que queramos hacer de la imagen utilizaremos una resolución o otra. Se recomiendan las siguientes:

* Imágenes para visualizar en pantalla ordenador o colgar en Internet 72 ppp

* Imágenes para impresión de 150 ppp como mínimo, pero se aconseja los 300 ppp, dan óptimos resultados

Page 114: Multimedia DiseñO GráFico

SOFTWARE USADOSen diseño gráfico

REGRESAR A CONTENIDO

Page 115: Multimedia DiseñO GráFico

Adobe Creative Suite

•Photoshop •Freehand •Illustrator •Pagemaker, antecesor de Indesign. •Indesign •Dreamweaver •Flash •Fireworks

Otras compañías

•QuarkXPress, primer programa creado para maquetación editorial, similar a Adobe Indesign. •Xara Xtreme •Inkscape •XaraLX •GIMP •Sodipodi

Page 116: Multimedia DiseñO GráFico

Corel Corporation

•Corel Draw •Photo-Paint •Corel Trace •Corel Painter

3D Software

•SolidEdge•solidWorks

•Maya•Lightwave•Sketchup

•3D StudioMax•Sara 3D

De Corte e Impresión

•Flexisign Letter•Artcut•Adobe impresión

Page 117: Multimedia DiseñO GráFico

CREATIVIDAD

Page 118: Multimedia DiseñO GráFico

• La creatividad es un sentimiento de libertad que nos permite vivir en un estado de transformación permanente.

REGRESAR A CONTENIDO

Page 119: Multimedia DiseñO GráFico

• La creatividad en la ciencia, el arte y el vivir son las formas con las que se expresa la necesidad de trascender, de dar luz a algo nuevo.

Page 120: Multimedia DiseñO GráFico

VIDEO: CREATIVIDAD PARA PROMOCIONAR AGUA EVIAN (FRANCESA)

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 121: Multimedia DiseñO GráFico

• Es la capacidad para encontrar conexiones nuevas e inesperadas.

• Es un poder que no tiene dueño.

Page 122: Multimedia DiseñO GráFico

VIDEO: CREATIVIDAD CON UN SOLO PRODUCTO Y CERO FONDO

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 123: Multimedia DiseñO GráFico

FACTORES O CARACTERÍSTICAS ESENCIALESde la creatividad

REGRESAR A CONTENIDO

Page 124: Multimedia DiseñO GráFico

Fluidez: proceso para alcanzar la solución del problema

Flexibilidad: facilidad para generar un número elevado de ideas respecto a un tema determinado.

Originalidad: característica que define a la idea, proceso o producto, como algo único o diferente.

Viabilidad: capacidad de producir ideas y soluciones que sean realizables en la práctica.

Elaboración: nivel de detalle, desarrollo o complejidad de las ideas creativas.

Page 125: Multimedia DiseñO GráFico

VIDEO: CREATIVIDAD SOLO CON UN PC Y UNA WEBCAM

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 126: Multimedia DiseñO GráFico

PROCESO CREATIVO

REGRESAR A CONTENIDO

Page 127: Multimedia DiseñO GráFico

La creatividad es un proceso que culmina con la solución creativa de un problema.

•PERCEPSION DEL PROBLEMA•DEFINICION DEL PROBLEMA•HALLAZGO DE IDEAS

Page 128: Multimedia DiseñO GráFico

ETAPAS PARA LA IDENTIFICACIÓN DEL PROBLEMA

REGRESAR A CONTENIDO

Page 129: Multimedia DiseñO GráFico

Percepción del problema: Para buscar una solución creativa es necesario encontrar o percibir que existe un problema, existen ejercicios para entrenar la sensibilidad a los problemas, donde se intenta producir el máximo de preguntas sobre una situación dada.

Page 130: Multimedia DiseñO GráFico

Definición del problema: La formulación distinta del problema determina situaciones distintas, aquí se trabaja con una preparación o calentamiento previo al abordaje del problema, de modo que se entrene la capacidad de reformular los problemas.

Page 131: Multimedia DiseñO GráFico

Hallazgo de ideas: Se entrenará con métodos y técnicas que faciliten una mayor producción de ideas o mayor elaboración de las mismas.

Page 132: Multimedia DiseñO GráFico

• Valoración de ideas:

En el proceso creativo conviene demorar esta

fase o separarla de la fase de producción de ideas. Una vez hallada la idea

adecuada, se realiza una valoración del producto que ya no es individual.

Page 133: Multimedia DiseñO GráFico

VIDEO: VALORACIÓN DE UNA IDEA COSTOSA

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 134: Multimedia DiseñO GráFico

ETAPAS DEL PROCESO CREATIVO

REGRESAR A CONTENIDO

Page 135: Multimedia DiseñO GráFico

No es posible afirmar que existan etapas en el proceso creativo, pero existen cuatro momentos que, al parecer, no son lineales, estos serían la preparación, la incubación, la iluminación y la verificación.

Page 136: Multimedia DiseñO GráFico

PREPARACIÓN

REGRESAR A CONTENIDO

Page 137: Multimedia DiseñO GráFico

Es el proceso de recopilar información, intervienen procesos preceptúales de memoria y de selección.

El sujeto, una vez instalada la inquietud, tiene que salir al campo de los hechos, es la etapa de las observaciones, lecturas, viajes, experimentos y conversaciones con personas conocedoras del tema.

Page 138: Multimedia DiseñO GráFico

INCUBACIÓN

REGRESAR A CONTENIDO

Page 139: Multimedia DiseñO GráFico

Es el proceso de análisis y de procesamiento de la información centrándose en la corrección y búsqueda de datos.

Page 140: Multimedia DiseñO GráFico

ILUMINACIÓN

REGRESAR A CONTENIDO

Page 141: Multimedia DiseñO GráFico

Es el proceso de darse cuenta y se identifica más como un proceso de salida de información, suele aparecer después de un periodo de confusión, desequilibrio, duda.

Page 142: Multimedia DiseñO GráFico

• Esta etapa junto con la anterior llegan a un punto de relación que a menudo se consideran juntas como una sola etapa, ya que a veces la luz llega cuando el sujeto ni siquiera pensaba en el tema, y curiosamente se pasa a través de un proceso dialéctico con momentos de tensión y distensión, y el punto culminante tiende a coincidir con la fase distensiva. Aunque también sucede que en la incubación lo que aparentemente queda fuera de la conciencia en determinados periodos se ha seguido meditando al margen.

Page 143: Multimedia DiseñO GráFico

VERIFICACIÓN

REGRESAR A CONTENIDO

Page 144: Multimedia DiseñO GráFico

Es el proceso de evaluación sobre la utilidad temporal del objeto o proceso de creación, sería el paso de la idea a la realidad externa, muchas veces requiere más creatividad llevar una idea a la obra que pensarla. Si la idea además de nueva llega a ser valiosa, este logro se da a conocer y así se cierra un ciclo que empezó con una inquietud.

Page 145: Multimedia DiseñO GráFico

DESARROLLO CREATIVO

REGRESAR A CONTENIDO

Page 146: Multimedia DiseñO GráFico

• Se pueden enseñar reglas abstractas de lógica y razonamiento, cuyo aprendizaje mejora la forma de razonar acerca de las causas subyacentes a los sucesos de la vida cotidiana.

A fin de cuentas los psicólogos cognitivos pueden enseñar en forma rutinaria a los estudiantes no solo a aumentar su habilidad para resolver problemas, sino también a pensar en forma más crítica.

Page 147: Multimedia DiseñO GráFico

ESTRATEGIAS PARA UN PENSAMIENTO MAS CRITICO Y PARA EVALUAR LOS PROBLEMAS CON MAYOR CREATIVIDAD

Page 148: Multimedia DiseñO GráFico

MEDIO AMBIENTE

REGRESAR A CONTENIDO

Page 149: Multimedia DiseñO GráFico

• El niño es naturalmente creativo, se expresa de manera abundante con mímica, dibujos y representaciones.

• Con padres tolerantes, pacientes y abiertos y unos profesores preocupados por estimular constituye por estimular constituye la plataforma ideal para que florezca la actividad inédita. Así se educa la actitud creativa.

REGRESAR A CONTENIDO

Page 150: Multimedia DiseñO GráFico

VIDEOS CREATIVOS

Page 151: Multimedia DiseñO GráFico

VIDEO: PARA EL FESTIVAL FRONTEKA – CUCUTA – by La Mosca Publicidad

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 152: Multimedia DiseñO GráFico

VIDEO: CONDONES

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 153: Multimedia DiseñO GráFico

VIDEO: CREATIVIDAD MULTIMEDIAL – Estudio multimedia

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 154: Multimedia DiseñO GráFico

VIDEO: PARA DESMENTIR PUBLICIDAD VIRAL POR GENTE COMUN

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 155: Multimedia DiseñO GráFico

VIDEO: COMERCIAL COLOMBIANO QUE CAUSO ALTO IMPACTO

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 156: Multimedia DiseñO GráFico

VIDEO: EL MEJOR DONDE MANEJAMOS LOS SENTIMIENTOS DEL PUBLICO

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 157: Multimedia DiseñO GráFico

VIDEO: PRUEBAS DE ANIMACION PARA 3D

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 158: Multimedia DiseñO GráFico

VIDEO: PRUEBAS DE ANIMACION PARA 3D

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 159: Multimedia DiseñO GráFico

VIDEO: ANIMACION 3D

CLICK PARA DETENERLOREGRESAR A CONTENIDO

Page 160: Multimedia DiseñO GráFico

by Juan Felipe Estrada Hernández

www.producciondemultimediasena.com

Estudiante Tecnología Producción de Multimedia

SENA – Centro de la Industria, Estudio y los Servicios

CIES – San José de CúcutaColombia

REGRESAR A CONTENIDO