Multimedia DiseñO GráFico
-
Upload
la-mosca-publicidad -
Category
Design
-
view
4.542 -
download
2
description
Transcript of Multimedia DiseñO GráFico
![Page 1: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/1.jpg)
![Page 2: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/2.jpg)
![Page 3: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/3.jpg)
![Page 4: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/4.jpg)
![Page 5: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/5.jpg)
Concepto y reseña histórica
REGRESAR A CONTENIDO
![Page 6: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/6.jpg)
Conceptos e Historia
REGRESAR A CONTENIDO
![Page 7: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/7.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/8.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/9.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/10.jpg)
DISEÑO GRÁFICOEL ORÍGEN DEL
![Page 11: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/11.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/12.jpg)
Arte rupestre – Cuevas de Altamira (España)
![Page 13: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/13.jpg)
InterfacesPodemos hablar de interfaces más bien como productos
REGRESAR A CONTENIDO
![Page 14: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/14.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/15.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/16.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/17.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/18.jpg)
TEORÍA DEL COLOR
![Page 19: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/19.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/20.jpg)
TOTODODO COLCOLOROR ESES LUZLUZ
![Page 21: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/21.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/22.jpg)
EL SENTIDO: LA VISTA
REGRESAR A CONTENIDO
![Page 23: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/23.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/24.jpg)
LOS PIONEROS DE LOS COLORES
REGRESAR A CONTENIDO
![Page 25: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/25.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/26.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/27.jpg)
VIDEO: COMO SE FORMAN LOS COLORES
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 28: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/28.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/29.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/30.jpg)
CLASIFICACIÓN DE LOS COLORES
REGRESAR A CONTENIDO
![Page 31: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/31.jpg)
- PRIMARIOS- SECUNDARIOS- TERCIARIOS
![Page 32: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/32.jpg)
COLORES PRIMARIOS
REGRESAR A CONTENIDO
![Page 33: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/33.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/34.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/35.jpg)
COLORES SECUNDARIOS
REGRESAR A CONTENIDO
![Page 36: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/36.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/37.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/38.jpg)
COLORES TERCIARIOS
REGRESAR A CONTENIDO
![Page 39: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/39.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/40.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/41.jpg)
COLORES COMPLEMENTARIOS
REGRESAR A CONTENIDO
![Page 42: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/42.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/43.jpg)
LENGUAJES BÁSICOS DE COLOR
tono (color), saturación y valor (brillo ó luminosidad)
![Page 44: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/44.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/45.jpg)
TONO (COLOR)
REGRESAR A CONTENIDO
![Page 46: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/46.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/47.jpg)
SATURACIÓN
REGRESAR A CONTENIDO
![Page 48: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/48.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/49.jpg)
VALOR (brillo o luminosidad)
REGRESAR A CONTENIDO
![Page 50: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/50.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/51.jpg)
PROPIEDADES DEL COLOR
![Page 52: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/52.jpg)
COLORES ADITIVOSCOLORES ADITIVOS
COLORES SUSTRACTIVOSCOLORES SUSTRACTIVOS
![Page 53: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/53.jpg)
ADITIVO vs. EL SUSTRAÍDO
REGRESAR A CONTENIDO
![Page 54: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/54.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/55.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/56.jpg)
COLORES ADITIVOS
REGRESAR A CONTENIDO
![Page 57: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/57.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/58.jpg)
COMBINACIÓN ADITIVAModelo RGB
REGRESAR A CONTENIDO
![Page 59: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/59.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/60.jpg)
COLORES SUBSTRACTIVOS
REGRESAR A CONTENIDO
![Page 61: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/61.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/62.jpg)
COMBINACIÓN SUSTRACTIVAModelo CMYK
REGRESAR A CONTENIDO
![Page 63: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/63.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/64.jpg)
ESQUEMAS BASICOSDEL COLOR
![Page 65: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/65.jpg)
Sin color. Utiliza sólo el negro, el blanco, y los grises
ESQUEMA ESQUEMA ACROMATICOACROMATICO
![Page 66: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/66.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/67.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/68.jpg)
ESQUEMA ESQUEMA COMPLEMENTARICOMPLEMENTARIOO
Usa los opuestos directos del círculo cromático.
![Page 69: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/69.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/70.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/71.jpg)
ESQUEMA ESQUEMA PRIMARIOPRIMARIO
Una combinación de los tonos puros del rojo, el amarillo y el azul.
![Page 72: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/72.jpg)
Una combinación de los tonos secundarios del verde, el violeta, y el naranja.
ESQUEMA ESQUEMA SECUNDARIOSECUNDARIO
![Page 73: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/73.jpg)
GAMA ARMONICACOLORES CÁLIDOS
![Page 74: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/74.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/75.jpg)
GAMA ARMONICACOLORES FRÍOS
![Page 76: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/76.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/77.jpg)
TIPOGRAFÍA
ABC
![Page 78: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/78.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/79.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/80.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/81.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/82.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/83.jpg)
LINEAS DE REFERENCIAS DE UNA LETRA
REGRESAR A CONTENIDO
![Page 84: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/84.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/85.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/86.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/87.jpg)
ANATOMÍA DE LA LETRA
REGRESAR A CONTENIDO
![Page 88: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/88.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/89.jpg)
LOS TRAZOS PRINCIPALES
REGRESAR A CONTENIDO
![Page 90: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/90.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/91.jpg)
Los trazos terminales estánclasificados como:
REGRESAR A CONTENIDO
![Page 92: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/92.jpg)
-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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/93.jpg)
-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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/94.jpg)
-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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/95.jpg)
-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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/96.jpg)
REGRESAR A CONTENIDO
![Page 97: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/97.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/98.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/99.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/100.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/101.jpg)
COMPOSICIÓN DE LA IMAGEN
![Page 102: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/102.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/103.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/104.jpg)
Formación de la Imagen digital
REGRESAR A CONTENIDO
![Page 105: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/105.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/106.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/107.jpg)
PIXELES: Los Puntos de una Imagen
REGRESAR A CONTENIDO
![Page 108: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/108.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/109.jpg)
RESOLUCIÓN
REGRESAR A CONTENIDO
![Page 110: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/110.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/111.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/112.jpg)
REGRESAR A CONTENIDO
![Page 113: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/113.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/114.jpg)
SOFTWARE USADOSen diseño gráfico
REGRESAR A CONTENIDO
![Page 115: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/115.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/116.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/117.jpg)
CREATIVIDAD
![Page 118: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/118.jpg)
• 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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/119.jpg)
• 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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/120.jpg)
VIDEO: CREATIVIDAD PARA PROMOCIONAR AGUA EVIAN (FRANCESA)
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 121: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/121.jpg)
• Es la capacidad para encontrar conexiones nuevas e inesperadas.
• Es un poder que no tiene dueño.
![Page 122: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/122.jpg)
VIDEO: CREATIVIDAD CON UN SOLO PRODUCTO Y CERO FONDO
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 123: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/123.jpg)
FACTORES O CARACTERÍSTICAS ESENCIALESde la creatividad
REGRESAR A CONTENIDO
![Page 124: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/124.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/125.jpg)
VIDEO: CREATIVIDAD SOLO CON UN PC Y UNA WEBCAM
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 126: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/126.jpg)
PROCESO CREATIVO
REGRESAR A CONTENIDO
![Page 127: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/127.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/128.jpg)
ETAPAS PARA LA IDENTIFICACIÓN DEL PROBLEMA
REGRESAR A CONTENIDO
![Page 129: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/129.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/130.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/131.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/132.jpg)
• 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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/133.jpg)
VIDEO: VALORACIÓN DE UNA IDEA COSTOSA
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 134: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/134.jpg)
ETAPAS DEL PROCESO CREATIVO
REGRESAR A CONTENIDO
![Page 135: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/135.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/136.jpg)
PREPARACIÓN
REGRESAR A CONTENIDO
![Page 137: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/137.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/138.jpg)
INCUBACIÓN
REGRESAR A CONTENIDO
![Page 139: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/139.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/140.jpg)
ILUMINACIÓN
REGRESAR A CONTENIDO
![Page 141: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/141.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/142.jpg)
• 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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/143.jpg)
VERIFICACIÓN
REGRESAR A CONTENIDO
![Page 144: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/144.jpg)
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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/145.jpg)
DESARROLLO CREATIVO
REGRESAR A CONTENIDO
![Page 146: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/146.jpg)
• 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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/147.jpg)
ESTRATEGIAS PARA UN PENSAMIENTO MAS CRITICO Y PARA EVALUAR LOS PROBLEMAS CON MAYOR CREATIVIDAD
![Page 148: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/148.jpg)
MEDIO AMBIENTE
REGRESAR A CONTENIDO
![Page 149: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/149.jpg)
• 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](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/150.jpg)
VIDEOS CREATIVOS
![Page 151: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/151.jpg)
VIDEO: PARA EL FESTIVAL FRONTEKA – CUCUTA – by La Mosca Publicidad
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 152: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/152.jpg)
VIDEO: CONDONES
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 153: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/153.jpg)
VIDEO: CREATIVIDAD MULTIMEDIAL – Estudio multimedia
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 154: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/154.jpg)
VIDEO: PARA DESMENTIR PUBLICIDAD VIRAL POR GENTE COMUN
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 155: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/155.jpg)
VIDEO: COMERCIAL COLOMBIANO QUE CAUSO ALTO IMPACTO
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 156: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/156.jpg)
VIDEO: EL MEJOR DONDE MANEJAMOS LOS SENTIMIENTOS DEL PUBLICO
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 157: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/157.jpg)
VIDEO: PRUEBAS DE ANIMACION PARA 3D
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 158: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/158.jpg)
VIDEO: PRUEBAS DE ANIMACION PARA 3D
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 159: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/159.jpg)
VIDEO: ANIMACION 3D
CLICK PARA DETENERLOREGRESAR A CONTENIDO
![Page 160: Multimedia DiseñO GráFico](https://reader038.fdocumento.com/reader038/viewer/2022102608/557b3545d8b42adc608b4a00/html5/thumbnails/160.jpg)
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