DISEÑO GRÁFICO

OSCAR AUGUSTO SARMIENTO

Tecnólogo en Multimedia 2014

a. ¿Qué es el diseño? Observe el video:www.youtube.com/watch?v=1kqKfTyGOt4

Reflexione: ¿Qué es el diseño y cuál es su función?

RTA: El diseño grafico es una representación visual y su función es transmitir un producto de manera creativa.

¿Cuál es la diferencia entre arte y diseño?

RTA: El diseño es la manera de organizar los gráficos para transmitir algo, y el arte es la motivación emocional.

¿Qué programas se usan en diseño?

RTA: Diseño vectorial: PhotoshopGimpicasaCorelDraw Illustrator Freehand (descontinuado) Expression (apenas empieza) 

Retoque digital (fotográfico): Corel PhotoPaint Photoshop 

Animación: Flash 

Diseño de páginas electrónicas: Flash DreamWeaver 

Diseño editorial (revistas y similares): PageMaker (viejo y prácticamente descontinuado) QuarkXPress InDesign CorelVentura (no se ha actualizado en ya varios años) 

Ilustración (con herramientas similares a las de pintura tradicional): Painter 

3D (estática y animada): Maya Lightwave 3DMax Rhino (el menos capaz de todos estos, pero aún bueno) Blender (gratuito, pero de interfaz un poco complicada) 

¿Cuál es la diferencia entre un vector y un mapa de bits?

RTA: La diferencia es que la imagen con vector se puede ampliar sin que se dañe ya que son círculos que retienen el color, y con el mapa de bits se tiende a pixelar por estar compuesta de cuadritos de colores.

Nombre algunos tipos de formatos de imagen y para qué se usan.

RTA: JPG, NPG, BMP, TIF, GIF

•Observe la animación “ contexto_analisis.swf” y reflexione:

¿Cuál cree que es la importancia del diseño para la creación de un producto multimedia?

¿Por qué cree que es importante considerar el diseño gráfico durante la etapa de análisis multimedia?

¿Qué elementos de la etapa de análisis son importantes a la hora de elaborar un diseño y

una propuesta creativa para nuestro producto multimedia?

3.2 Actividades de contextualización e identificación de conocimientos necesarios para el aprendizaje.)

Para desarrollar las actividades propuestas, es necesario que realice la lectura comprensiva de los siguientes documentos, compartidos por el instructor :En este espacio encontrará documentos pdf con la temática a desarrollar.● Documento: 1. “Concepto Gráfico”● Documento:1_Dibujo básico y composición● Documento: 3. “Fotografía básica digital”● Documento: 4. “Técnicas de Creatividad”● Documento: 5.1- “Teoría del Color”● Documento: 5_Teoría del Color”● Infografía: 6. “Color”● Infografía: 7. “Elementos del Diseño”● Infografía: 9. “Tipografía”● Documento: 10. “Color in Nature and Nutrition/ “Color en la naturaleza y la nutrición”● Documento: 13. “Diseñar es más que crear”● Documento: 15. “Leyes de la Gestalt o la Percepción”

b. Definición de Conceptos

Teniendo en cuenta el material de apoyo “concepto gráfico”, “dibujo básico y composición” , “teoría del color” , “5.1_teoría del color”, “color”, “Elementos de Diseño” desarrolle:

¿Qué es el color?RTA: El color es una luz blanca viajando a la velocidad de la luz, o sea como tal el color no existe, lo vemos a través de diferentes longitudes del ojo.

¿Qué son los modelos de color RGB y CMYK, y en qué ámbitos son usados cada uno de ellos respectivamente?RTA: Red, Green, blue. Son los colores primarios y se usan normalmente para los colores vistos en pantalla.Y los colores CMYK son la tableta de colores que utilizamos para imprentas o vayas.

¿Cuáles son los colores análogos y cuáles son los colores complementarios? Ubíquelos en un círculo cromático y busque una imagen en la que predomine armonía de colores análogos y una en la que predomine una armonía de colores complementarios.RTA: En el circulo cromático, los colores o armonias análogas

son los que están vecinos entre si, estos son usados

frecuentemente en educación y en colores de la naturaleza.

Colores complementarios: Los colores complementarios son

los opuestos en el circulo cromático.

¿Cuál es la importancia de la Psicología del color en la multimedia?RTA: Es muy importante por que los colores constituyen una serie de emociones en el el momento de percibir, y así podemos hacer que lo que vayamos a transmitir sea mucho mas emocionante.

¿cuál es la diferencia entre Tono, Saturación y Brillo?RTA: Tono: Es el color en si.Saturación: La saturación es cuando se “opaca” el color original mezclándolo con el gris.Brillo: El brillo es la claridad que presenta el color.

¿Qué es Diagramación?RTA: La diagramación es organizar o esquematizar los gráficos en una pagina web

Con base a lo visto en el documento “concepto gráfico” y en la presentación Prezi “composición”(h tt p : // p r e z i . c om / _ bo c z w hb c i _ b / ? u t m _ ca m p a i gn = s h ar e & u t m _ m e d i um = c opy & rc =e x 0 s h a r e ”)

¿Cuáles son los elementos que componen la imagen? Escoja una pintura o fotografía cualquiera de cualquier tema y enumere los elementos básicos que encuentra en ella. Analice también el mensaje que usted considera quiso mostrar el artista con la obra.

RTA: Figura o Forma

Comprende la estructura fundamental de la gráfica, la silueta general que se dibuja sobre el fondo, y que casi siempre sirve de base a los restantes cinco elementos.

Perspectiva

Es la ilusión de profundidad espacial que puede generar la imagen, al reproducir a los distintos objetos cada vez de menor tamaño en la medida en que estos se alejan del primer plano, siendo la presencia de este elemento más notoria en los ángulos visuales amplios.

Volumen

Es la apariencia de tridimensionalidad de los objetos reproducidos, la simulada volumetría de éstos que produce la gráfica, la cual por lo general se haya rellenando a la forma.

Textura

Es la superficie con distintos grados de rugosidad que con frecuencia recubre al volumen a manera de piel, puede ser desde casi lisa hasta con notorias irregularidades, evoca sensaciones táctiles.

Tono o Color

El tono lo presenta la fotografía de blanco y negro, y el color se halla en la fotografía cromática; son los distintos tonos de grises o colores que tiene la imagen.

A diferencia de los cuatro aspectos anteriores, que pueden estar ausentes en una gráfica, el tono o color es imprescindible.

Iluminación

Es la luz que tiene la imagen fotografiada, la claridad que baña a la composición, puede ser de muchas maneras posibles, desde muy suave hasta muy fuerte.Es el más importante de los seis elementos porque es el que hace realizables tanto el fenómeno de la visión humana y animal, como el hecho fotográfico.Al igual que el tono o color es un factor indispensable. 

¿qué es equilibrio axial? ¿qué es simetría? Busque una imagen en internet con un ejemplo de este tipo de equilibrio (simetría), y colóquela debajo de su explicación, argumentando como se evidencia el equilibrio axial en esta imagen.RTA: Este se presenta cuando dividimos una imagen en la misma proporción, y el objeto queda en iguales proporciones.

Aquí se aprecia el color amarillo

sobresaliendo en los otros y se nota

la falta de iiuminacíon.

Aquí se refleja el punto de eje en donde se encuentra parado el dado si lo dividimos de allí, las proporciones quedan iguales.

¿cómo es un esquema forma asimétrica-color asimétrico? Busque una imagen en internet con un ejemplo de este tipo de simetría, y colóquela abajo de su explicación, argumentando como se evidencia el esquema en esta imagen.RTA: Un equilibrio es asimétrico cuando al dividir una composición en dos partes iguales, no existen las mismas dimensiones en tamaño, color, peso etc, pero existe un equilibrio entre dos elementos.

¿qué es simetría aproximada? Busque una imagen en internet con un ejemplo de este tipo de simetría, y colóquela abajo de su explicación, argumentando como se evidencia la simetría aproximada en esta imagen.RTA. Se refiere al ordenamiento en que a ambos lados del eje las formas no son iguales, pero a pesar de ello son lo suficientemente similares en su atracción visual cómo -para que el eje pueda sentirse positivamente.

¿qué es equilibrio radial? Busque una imagen en internet con un ejemplo de este tipo de equilibrio, y colóquela abajo de su explicación, argumentando como se evidencia el equilibrio radial en esta imagen.RTA: Es un equilibrio en el que la imagen parte de un punto determinado y de allí se despliega hacía los lados.

¿qué es equilibrio oculto? Busque una imagen en internet con un ejemplo de este tipo de equilibrio, y colóquela abajo de su explicación, argumentando como se evidencia el equilibrio oculto en esta imagen.

RTA: El equilibrio oculto es básicamente una forma de ordenar los objetos o complementos dentro de una obra de arte. Hay otras formas de equilibrio como Radial o Axial, los cuales se estudian junto con el Oculto, para aprender a diferenciarlos. 

¿Qué es la percepción, y qué son las Leyes de Gestalt . Mencione 2 leyes y explique, con ayuda de un gráfico.RTA: Son 13 leyes:

Las leyes de la Gestalt son unas reglas que explican el origen de las percepciones a partir de los estímulos. Fueron establecidas por el psicólogo Max Wertheimery sus partidarios, en el contexto de la línea de investigación de la escuela alemana de la psicología de la Gestalt.

1. Ley de la Totalidad: El todo es diferente a la suma de sus partes.

2. Ley de la Estructura: Una forma es percibida como un todo, independientemente

de las partes que la constituyen.

3. Ley de la Dialéctica: Toda forma se desprende sobre un fondo al que se opone.

La mirada decide si “x” elemento pertenece a la forma o al fondo.

4. Ley del Contraste: Una forma es tanto mejor percibida, en la medida en que el

contraste entre el fondo y la forma sea más grande.

5. Ley del Cierre: Tanto mejor será una forma, cuanto mejor cerrado esté su

contorno.

6. Ley de la Compleción: Si un contorno no está completamente cerrado, el espíritu

tiende a cerrarlo.

7. Noción de Pregnancia: El concepto "pregnancia" se relaciona, también, con la

idea de "impregnación". Es decir, aquello con lo que nos quedamos

"impregnados" cuando miramos.

Es la forma cargada de información, la fuerza de la forma, es la dictadura que la

forma ejerce sobre los ojos.

8. Principio de Invariancia Topológica: Es la rama de las matemáticas dedicada al

estudio de aquellas propiedades de los cuerpos geométricos que permanecen

inalteradas por transformaciones continuas.

Una buena forma resiste a la deformación que se le aplica.

9. Principio de Enmascaramiento: Una buena forma resiste a las perturbaciones a

las que está sometida.

10.Principio de Birkhoff: Una forma será tanto más pregnante, cuanto mayor sea el

número de ejes que posea.

11.Principio de Proximidad: Los elementos aislados, pero con cierta cercanía

tienden a ser considerados como grupos.

12.Principio de Memoria: Las formas son tanto mejor percibidas cuanto mayor sea

el número de veces presentadas…

13.Principio de Jerarquización: Una forma compleja será tanto más pregnante en

cuanto la percepción esté mejor orientada: de lo principal a lo accesorio

(jerarquizadas).

Investigue cada uno de los siguientes conceptos y busque 2 ejemplos de cada uno ( puede ser imágenes de internet):

SímboloRTA: Es una figura en la que se representa un concepto moral.

IconoRTA: Es un signo que sustituye al objeto mediante su significación.

SignoRTA: Objeto, fenómeno o hecho que, por una relación natural o convencional, representa o evoca otro objeto, fenómeno o hecho.

RepresentaciónRTA: Es una imagen que hace pensar en determinada cosa

.Aquí se representa la familia.

Esta representación nos hace pensar en tabaco o en la acción de fumar.

Abstracción: Es la capacidad de abstraer lo mas importante de algo.

Se aplica al arte o artista que no

representa objetos, sino sus características o cualidades

Buscar en internet 5 logos de colores diferentes. Para cada logo

investigar:RTA:

Es una empresa multinacional estadounidense dedicada al diseño, desarrollo, fabricación y comercialización de calzado, ropa, equipo, accesorios y otros artículos deportivos.

· Cotización de las acciones: NKE (NYSE) US$73,21 +0,22 (+0,30%)

· Oficina central: Beaverton, OR, Estados Unidos

· Fundación: 25 de enero de 1964

· Director ejecutivo: Mark Parker

· Fundadores: Bill Bowerman, Phil Knight

COLOR: NEGRO

La Coca-Cola fue creada el 8 de mayo de 1886 por John Pemberton en la farmacia Jacobs de la ciudad de Atlanta, Georgia.1

Con una mezcla de hojas de coca y semillas de nuez de cola quiso crear un remedio, que comenzó siendo comercializado como una medicina que aliviaba el dolor de cabeza y disimulaba las náuseas; luego fue vendida en su farmacia como un remedio que calmaba la sed, a 5 centavos el vaso. Frank Robinson le puso el nombre de Coca-Cola, y con su caligrafía diseñó el logotipo actual de la marca. Al hacerse famosa la bebida en 1886 se le ofreció a su creador venderla en todo Estados Unidos. Pemberton aceptó la oferta (vendió la fórmula y su empresa en 23.300 dólares) y se abrieron varias envasadoras en Estados Unidos. Más tarde un grupo de abogados compró la empresa e hizo que Coca-Cola llegara a todo el mundo. Desde ahí la empresa se convirtió en The Coca-Cola Company.

En 1806, William Colgate, fundador de Colgate-Palmolive lanzó al

mercado un tubo de pasta de dientes, la cual revolucionó la forma de venta de dicho producto, ya que hasta el momento su venta se hacía en polvo o en tarros.

Desde esa fecha hasta el día de hoy Colgate ha desarrollado distintas variantes de pastas dentales.

Adidas

Compañía

· Adidas es una compañía multinacional fabricante de calzado y ropa

deportiva, cuya sede central se encuentra en Herzogenaurach, Alemania.

· Fundador: Adolf Dassler

· Fundación: 18 de agosto de 1949

· Cotización de las acciones: ADS (XETRA) €77,01 +0,17 (+0,22%)6 de may. 4:27 p. m. GMT+2 - Renuncia de responsabilidad

· Oficina central: Herzogenaurach, Baviera, Alemania

· Director ejecutivo: Herbert Hainer

Puma SE es una empresa alemana fabricante de ropa y calzado deportivo cuya sede central en Herzogenaurach, Alemania.

· · Fundación: 1924

· Oficina central: Herzogenaurach, Alemania

· Cotización de las acciones: PUM (XETRA) €211,70 -1,70 (-0,80%)6 de may. 4:30 p. m. GMT+2 - Renuncia de responsabilidad

· Director ejecutivo: Björn Gulden

· Fundadores: Adolf Dassler, Rudolf Dassler

La Chocolatina Jet surge en 1962, fabricada por la Compañía Nacional de Chocolates con el fin de fomentar el cultivo de cacao y diversificar su producción en Colombia. Durante los primeros años, las barras de chocolates jet eran empacadas en papel aluminio una por una y el proceso se hacía a mano.

En este mismo año surge la primera edición del Álbum Jet con el nombre: “La conquista del espacio y autos Jet”, inspirado en la noticia de que John Glenn orbita la tierra en cuatro horas, 55 minutos.

En 1963 la marca Chocolates Jet ofrece a sus consumidores un nuevo Álbum Jet temático llamado: “Banderas y Uniformes”.

En 1964 se presenta un álbum dedicado al hombre y al mar, titulado de esta misma manera; la marca y sus álbumes comienzan a ganar popularidad y acogida en el país.

En 1968 Chocolates Jet lanza el Álbum Jet de “Historia Natural”, compuesto por 508 láminas bajo el lema “Sabor y saber con Chocolatinas JET”.

Crear 4 composiciones en photoshop que contengan figuras básicas (como cuadrados, círculos y triángulos)en los que ponga en práctica los siguientes principios del

equilibrio y el color:

• Una composición con simetría axial

• Una composición con color asimétrico, forma asimétrica

• Una composición Simetría radial

• Una composición Simetría oculta

d. Boceto con propuestas de logo:Teniendo en cuenta el uso de la psicología del color, y la teoría de la conceptualización de la imagen,elabore una propuesta de boceto del logo de su nombre(a manera de marca personal) Ejemplos delogos con nombre propio:

“El logo representa la fortaleza con el color rojo, ya que es un color muy intenso emocionalmente, y junto a el esta el respeto por la naturaleza y justamente por todo lo que nos rodea en general, con el color purpura se representa la sabiduría, la independencia, la creatividad y la dignidad”

Con la ayuda de una cámara fotográfica tome 10 fotografías relacionadas con la naturaleza, el deporte, y la alimentación sana, nutritiva y saludable. En cinco de ellas debe aplicar la ley de tercios y en las otras 5 debe evidenciar el uso de otros elementos de la composición (simetría, balance, contraste y escala) mencionados en el documento “elementos de diseño”.

Aquí apreciamos la composición equilibrio o balance.

Aquí apreciamos la composición

simétrica, según el concepto nombrado en la anterior pregunta.

En esta imagen se representa la composición contraste, con el color de las llamas sobre el

azul del fondo.

Aquí se

representa la composición escala.

Aquí se representa la ley de tercios como composición de ordenamiento de los objetos a la hora de la fotografía.