Source: https://www.slideshare.net/juanfelipe24/multimedia-diseo-grfico
Timestamp: 2017-09-22 05:53:48+00:00

Document:
diseño Grafico by Erik Pilla 561 views
Que es diseño multimedia by Grupo Mexico 360 26313 views
Las mejores tendencias de diseño we... by pirlohexs 683 views
Multimedia by César Erazo 28613 views
Interactividad aplicaciones -niveles by Javier Augusto Mu... 1321 views
Diseño Multimedial by c2a 184 views
La Mosca Publicidad
EL FINAL - MEJORADO
Walter H. Casco Oliveira Salles at Walter H. Casco Oliveira Salles
5. Concepto y reseña histórica REGRESAR A CONTENIDO
6. Conceptos e Historia REGRESAR A CONTENIDO
7. 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
8. 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.
9. 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.
10. DISEÑO GRÁFICO <ul><li>EL ORÍGEN DEL </li></ul>
11. 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
12. Arte rupestre – Cuevas de Altamira (España)
13. Interfaces Podemos hablar de interfaces más bien como productos REGRESAR A CONTENIDO
14. 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:
15. 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.
16. 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.
17. 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
18. TEORÍA DEL COLOR
19. COLOR El 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 ).
20. TO DO COL OR ES LUZ
21. E 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: COLOR y es percibido por medio del sentido de la vista.
22. EL SENTIDO: LA VISTA REGRESAR A CONTENIDO
23. 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.
24. LOS PIONEROS DE LOS COLORES REGRESAR A CONTENIDO
25. Isaac Newton (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.
26. 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.
27. VIDEO: COMO SE FORMAN LOS COLORES CLICK PARA DETENERLO REGRESAR A CONTENIDO
28. 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.
29. 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.
30. CLASIFICACIÓN DE LOS COLORES REGRESAR A CONTENIDO
31. - PRIMARIOS - SECUNDARIOS - TERCIARIOS
32. COLORES PRIMARIOS REGRESAR A CONTENIDO
33. Colores primarios son aquellos colores básicos o fundamentales de los que derivan todos los demás colores. Son perceptualmente irreductibles.
34. 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. AMARILLO CIAN MAGENTA
35. COLORES SECUNDARIOS REGRESAR A CONTENIDO
36. Son aquellos que se obtienen de la mezcla de dos primarios: AMARILLO + AZUL = VERDE AZUL + ROJO = VIOLETA ROJO + AMARILLO = NARANJA
37. Son los colores intermedios , los que se obtienen al mezclar los colores primarios en cantidades iguales entre sí. VERDE NARANJA VIOLETA + + +
38. COLORES TERCIARIOS REGRESAR A CONTENIDO
39. AMARILLO + VERDE = VERDE AMARILLENTO VERDE + AZUL = VERDE AZULADO AZUL + VIOLETA = VIOLETA AZULADO VIOLETA + ROJO = VIOLETA ROJIZO ROJO + NARANJA = NARANJA ROJIZO NARANJA + AMARILLO = NARANJA AMARILLENTO Colores terciarios, son los obtenidos de la mezcla de un primario y un secundario. En realidad no son más que matices de un color.
40. 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, ocres y turquesas . MARRÓN OCRE + + +
41. COLORES COMPLEMENTARIOS REGRESAR A CONTENIDO
42. Son los colores diametralmente opuestos en el círculo cromático y que ofrecen mayor contraste entre ellos. Ejemplo: circulo cromático P C
43. LENGUAJES BÁSICOS DE COLOR <ul><li>tono (color), saturación y valor (brillo ó luminosidad) </li></ul>
44. <ul><li>Los tres conceptos fundamentales de nuestro lenguaje compartido del color son: </li></ul><ul><li>tono (color), saturación </li></ul><ul><li>y valor (brillo ó luminosidad) </li></ul><ul><li>y con estas tres dimensiones, podemos describir un color y colocarlo en el espacio de la percepción del color </li></ul>
45. TONO (COLOR) REGRESAR A CONTENIDO
46. <ul><li>Este término es el más sencillo de recordar, porque se refiere al mismo nombre de color. </li></ul><ul><li>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. </li></ul>
47. SATURACIÓN REGRESAR A CONTENIDO
48. <ul><li>La saturación es la intensidad del color puro. </li></ul><ul><li>Mientras mas saturado mas puro e intenso se ve el color mientras menos saturado mas gris se ve el color porque pierde el pigmento. </li></ul>
49. VALOR (brillo o luminosidad) REGRESAR A CONTENIDO
50. <ul><li>Es un término que se usa para describir que tan claro u 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. </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul>REGRESAR A CONTENIDO
51. PROPIEDADES DEL COLOR
52. COLORES ADITIVOS COLORES SUSTRACTIVOS
53. ADITIVO vs. EL SUSTRAÍDO REGRESAR A CONTENIDO
54. <ul><li>El color es usado en muchos tipos de media (televisión, cine, libros, revistas, periódicos). </li></ul><ul><li>Pero el color no se reproduce de la misma manera por todos esos medios. </li></ul><ul><li>Existen dos maneras básicas de producir color: aditivos y substractivos. </li></ul>REGRESAR A CONTENIDO
55. <ul><li>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. </li></ul>REGRESAR A CONTENIDO
56. COLORES ADITIVOS REGRESAR A CONTENIDO
57. <ul><li>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. </li></ul><ul><li>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. </li></ul>REGRESAR A CONTENIDO
58. COMBINACIÓN ADITIVA Modelo RGB REGRESAR A CONTENIDO
59. 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
60. COLORES SUBSTRACTIVOS REGRESAR A CONTENIDO
61. <ul><li>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. </li></ul><ul><li>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 . </li></ul>REGRESAR A CONTENIDO
62. COMBINACIÓN SUSTRACTIVA Modelo CMYK REGRESAR A CONTENIDO
63. En este diagrama se combinan el r ojo, 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.
64. ESQUEMAS BASICOS DEL COLOR
65. Sin color. Utiliza sólo el negro, el blanco, y los grises ESQUEMA ACROMATICO
66. Utiliza cualquiera de los tres tonos consecutivos o cualquiera de sus tintes y matices del círculo cromático. ESQUEMA ANÁLOGO
67. ESQUEMA DE CHOQUE Combina un color con el tono que está a la derecha o a la izquierda de su complemento en el círculo cromático.
68. ESQUEMA COMPLEMENTARIO Usa los opuestos directos del círculo cromático.
69. Utiliza un tono en combinación con cualquiera de sus tintes y matices o con todos. ESQUEMA MONOCROMATICO
70. ESQUEMA NEUTRAL Utiliza un tono que se ha disminuído o neutralizado con el agregado de su complemento o del negro.
71. ESQUEMA PRIMARIO Una combinación de los tonos puros del rojo, el amarillo y el azul.
72. Una combinación de los tonos secundarios del verde, el violeta, y el naranja. ESQUEMA SECUNDARIO
73. GAMA ARMONICA COLORES CÁLIDOS
74. 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
75. GAMA ARMONICA COLORES FRÍOS
76. 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
77. TIPOGRAFÍA A B C
78. 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
79. 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
80. P odemos 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 &quot;b&quot; y la &quot;p&quot; 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
81. Si nos referimos con un ejemplo a una misma letra, pero de distinta familia, podemos aludir a la &quot;a&quot; 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
82. 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 &quot;p&quot;, &quot;d&quot;, &quot;q&quot;, y &quot;b&quot; de la familia Bodoni, podemos observar que la diferencia entre todas ellas estriba únicamente en su orientación espacial REGRESAR A CONTENIDO
83. LINEAS DE REFERENCIAS DE UNA LETRA REGRESAR A CONTENIDO
84. 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
85. 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 &quot;f&quot; minúscula de la figura al pie de página. REGRESAR A CONTENIDO
86. 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
87. ANATOMÍA DE LA LETRA REGRESAR A CONTENIDO
88. 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 &quot;C&quot; encontramos tanto un contorno interior como un contorno exterior, de igual modo que sucede con la letra &quot;D&quot;. Sin embargo, la letra &quot;L&quot; sólo define contornos exteriores. REGRESAR A CONTENIDO
89. LOS TRAZOS PRINCIPALES REGRESAR A CONTENIDO
90. 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.
91. Los trazos terminales están clasificados como: REGRESAR A CONTENIDO
92. -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.
93. -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.
94. -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.
95. -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.
96. REGRESAR A CONTENIDO
97. 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 &quot;G&quot; 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 &quot;G&quot; del alfabeto New Baskerville es pronunciado, mientras que el dela del alfabeto Century Old Style es delicado
98. La letra &quot;g&quot; 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 &quot;g&quot; 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 &quot;g&quot;, 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.
99. 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 &quot;A&quot; 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 &quot;A&quot; 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.
100. 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 curvas Contrapunzó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.
101. COMPOSICIÓN DE LA IMAGEN
102. La imagen se compone de la siguiente manera de acuerdo a su sistema; las hay: REGRESAR A CONTENIDO
103. 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
104. Formación de la Imagen digital REGRESAR A CONTENIDO
105. 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 &quot;fotodiodos&quot;. 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.
106. 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.
107. PIXELES: Los Puntos de una Imagen REGRESAR A CONTENIDO
108. 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 &quot;cuadrito&quot; 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.
109. RESOLUCIÓN REGRESAR A CONTENIDO
110. 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.
111. 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)
112. REGRESAR A CONTENIDO
113. 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
114. SOFTWARE USADOS en diseño gráfico REGRESAR A CONTENIDO
115. <ul><li>Adobe Creative Suite </li></ul><ul><li>Photoshop </li></ul><ul><li>Freehand </li></ul><ul><li>Illustrator </li></ul><ul><li>Pagemaker, antecesor de Indesign. </li></ul><ul><li>Indesign </li></ul><ul><li>Dreamweaver </li></ul><ul><li>Flash </li></ul><ul><li>Fireworks </li></ul><ul><li>Otras compañías </li></ul><ul><li>QuarkXPress, primer programa creado para maquetación editorial, similar a Adobe Indesign. </li></ul><ul><li>Xara Xtreme </li></ul><ul><li>Inkscape </li></ul><ul><li>XaraLX </li></ul><ul><li>GIMP </li></ul><ul><li>Sodipodi </li></ul>
116. <ul><li>Corel Corporation </li></ul><ul><li>Corel Draw </li></ul><ul><li>Photo-Paint </li></ul><ul><li>Corel Trace </li></ul><ul><li>Corel Painter </li></ul><ul><li>3D Software </li></ul><ul><li>SolidEdge </li></ul><ul><li>solidWorks </li></ul><ul><li>Maya </li></ul><ul><li>Lightwave </li></ul><ul><li>Sketchup </li></ul><ul><li>3D StudioMax </li></ul><ul><li>Sara 3D </li></ul><ul><li>De Corte e Impresión </li></ul><ul><li>Flexisign Letter </li></ul><ul><li>Artcut </li></ul><ul><li>Adobe impresión </li></ul>
117. CREATIVIDAD
118. <ul><li>La creatividad es un sentimiento de libertad que nos permite vivir en un estado de transformación permanente. </li></ul>REGRESAR A CONTENIDO
119. <ul><li>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. </li></ul>
120. VIDEO: CREATIVIDAD PARA PROMOCIONAR AGUA EVIAN (FRANCESA) CLICK PARA DETENERLO REGRESAR A CONTENIDO
121. <ul><li>Es la capacidad para encontrar conexiones nuevas e inesperadas. </li></ul><ul><li>Es un poder que no tiene dueño. </li></ul>
122. VIDEO: CREATIVIDAD CON UN SOLO PRODUCTO Y CERO FONDO CLICK PARA DETENERLO REGRESAR A CONTENIDO
123. FACTORES O CARACTERÍSTICAS ESENCIALES de la creatividad REGRESAR A CONTENIDO
124. <ul><li>Fluidez: proceso para alcanzar la solución del problema </li></ul><ul><li>Flexibilidad: facilidad para generar un número elevado de ideas respecto a un tema determinado. </li></ul><ul><li>Originalidad: característica que define a la idea, proceso o producto, como algo único o diferente. </li></ul><ul><li>Viabilidad: capacidad de producir ideas y soluciones que sean realizables en la práctica. </li></ul><ul><li>Elaboración: nivel de detalle, desarrollo o complejidad de las ideas creativas. </li></ul>
125. VIDEO: CREATIVIDAD SOLO CON UN PC Y UNA WEBCAM CLICK PARA DETENERLO REGRESAR A CONTENIDO
126. PROCESO CREATIVO REGRESAR A CONTENIDO
127. <ul><li>La creatividad es un proceso que culmina con la solución creativa de un problema. </li></ul><ul><li>PERCEPSION DEL PROBLEMA </li></ul><ul><li>DEFINICION DEL PROBLEMA </li></ul><ul><li>HALLAZGO DE IDEAS </li></ul>
128. ETAPAS PARA LA IDENTIFICACIÓN DEL PROBLEMA REGRESAR A CONTENIDO
129. <ul><li>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. </li></ul>
130. <ul><li>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. </li></ul>
131. <ul><li>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. </li></ul>
132. <ul><li>Valoración de ideas: </li></ul><ul><li>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. </li></ul>
133. VIDEO: VALORACIÓN DE UNA IDEA COSTOSA CLICK PARA DETENERLO REGRESAR A CONTENIDO
134. ETAPAS DEL PROCESO CREATIVO REGRESAR A CONTENIDO
135. <ul><li>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. </li></ul>
136. PREPARACIÓN REGRESAR A CONTENIDO
137. <ul><li>Es el proceso de recopilar información , intervienen procesos preceptúales de memoria y de selección. </li></ul><ul><li>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. </li></ul>
138. INCUBACIÓN REGRESAR A CONTENIDO
139. <ul><li>Es el proceso de análisis y de procesamiento de la información centrándose en la corrección y búsqueda de datos. </li></ul>
140. ILUMINACIÓN REGRESAR A CONTENIDO
141. <ul><li>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. </li></ul>
142. <ul><li>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. </li></ul>
143. VERIFICACIÓN REGRESAR A CONTENIDO
144. 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.
145. DESARROLLO CREATIVO REGRESAR A CONTENIDO
146. <ul><li>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. </li></ul><ul><li>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. </li></ul>
147. ESTRATEGIAS PARA UN PENSAMIENTO MAS CRITICO Y PARA EVALUAR LOS PROBLEMAS CON MAYOR CREATIVIDAD
148. MEDIO AMBIENTE REGRESAR A CONTENIDO
149. <ul><li>El niño es naturalmente creativo, se expresa de manera abundante con mímica, dibujos y representaciones. </li></ul><ul><li>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. </li></ul>REGRESAR A CONTENIDO
150. VIDEOS CREATIVOS
151. VIDEO: PARA EL FESTIVAL FRONTEKA – CUCUTA – by La Mosca Publicidad CLICK PARA DETENERLO REGRESAR A CONTENIDO
152. VIDEO: CONDONES CLICK PARA DETENERLO REGRESAR A CONTENIDO
153. VIDEO: CREATIVIDAD MULTIMEDIAL – Estudio multimedia CLICK PARA DETENERLO REGRESAR A CONTENIDO
154. VIDEO: PARA DESMENTIR PUBLICIDAD VIRAL POR GENTE COMUN CLICK PARA DETENERLO REGRESAR A CONTENIDO
155. VIDEO: COMERCIAL COLOMBIANO QUE CAUSO ALTO IMPACTO CLICK PARA DETENERLO REGRESAR A CONTENIDO
156. VIDEO: EL MEJOR DONDE MANEJAMOS LOS SENTIMIENTOS DEL PUBLICO CLICK PARA DETENERLO REGRESAR A CONTENIDO
157. VIDEO: PRUEBAS DE ANIMACION PARA 3D CLICK PARA DETENERLO REGRESAR A CONTENIDO
158. VIDEO: PRUEBAS DE ANIMACION PARA 3D CLICK PARA DETENERLO REGRESAR A CONTENIDO
159. VIDEO: ANIMACION 3D CLICK PARA DETENERLO REGRESAR A CONTENIDO
160. 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úcuta Colombia REGRESAR A CONTENIDO
Erik Pilla
Que es diseño multimedia
Las mejores tendencias de diseño web y gráfico 2015
pirlohexs
Javier Augusto Murcia Barrera
My modelo de enseñanza expositiva e interactiva
Varani Gabriela Muñoz Reyes

References: RESOLUCIÓN 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 Resolución 
 resolución