INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga
DOCUMENTO GUÍA No. NOV0112 ÁREA: Tecnología e Informática UNIDAD DIDÁCTICA: Vamos a jugar con el diseño gráfico PERIODO: Primer Periodo Académico 2011 GRADO: Noveno DOCENTE: José Adrián Marín Peñuela
DISEÑO GRÁFICO Introducción El diseño grafico surgió como disciplina independiente a mediados del Siglo XX. En términos generales se puede definir el diseño como la ordenación, composición, y combinación de formas y figuras, pero también se puede entender el diseño sencillamente el dibujo o conjunto de líneas principales de una cosa, en concreto el diseño grafico debe conocerse como el arte y la técnica de traducir ideas en imágenes y formas visuales. El diseñador grafico es un artista al servicio de los que le encarguen su trabajo, aunque en la actualidad se ha ampliado enormemente al aumentar los procesos técnicos de reproducción y ser mucho más satisfactorios. El artista se puede manifestar como le parezca sin preocuparse ni de la interpretación que se le dé a su obra. Además de la publicidad y los Medios de Comunicación de Masas (MCM) el trabajo del diseñador se ha extendido a campos diferentes como los que tienen que ver con la imagen corporativa, o el empaquetado. Antes de que se pudiera hablar de diseño grafico, existía el arte gráfico, que como un arte menor tomaba de los estilos artísticos, las influencias lógicas que han quedado manifiestas en impresos y libros a lo largo del tiempo. Algo de historia del Diseño Gráfico Se llama diseño gráfico a la transformación de ideas y conceptos en una forma de orden estructural y visual que abarca tanto el arte de hacer libros, periódicos y revistas, como anuncios, embases y carteles. El termino diseñador gráfico acuñado por el Norteamericano William Adison Dwinggins, no se empezó a utilizar hasta 1922, aunque ya los primitivos sistemas de escritura en columnas o filas revelaban el empleo de una cuadrícula elemental para organizar la página y facilitar la comunicación. La Revolución Industrial y la aparición de la litografía hicieron del siglo XIX (finales) el punto de partida del diseño moderno, porque en esta época aumento de manera espectacular la cantidad de material impreso. En 1890, en Inglaterra, el artista y escritor socialista William Morris, fundó la Kemscott Press que es una imprenta dedicada a la impresión de libros bien acabados, trato de resaltar la importancia del arte en contra de lo que consideraba la vulgaridad del estilo, y la
Página
1
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga manufactura de las mercancías producidas en masa. Morris se inspiró en la ornamentación medieval y en las formas vegetales creando diseños naturalistas, barrocos, recargados y formales. La explosión actual del diseño, comenzó poco después en Europa y tuvo su prosperidad en el consumo que provocó un aumento masivo de la publicidad de libros y radio. También han colaborado a este desarrollo el avance de las técnicas de impresión y preimpresión sobretodo en cuanto a la calidad y economía de la impresión a color. De finales del Siglo XX podemos destacar Olt Aicher (Escuela Ulm), autor entre otras de las imágenes corporativas de Braun, Lufthunsa. David Carson, fotógrafo con diseños basados en imágenes fotografías artísticas y Wolfgrang Weingar, profesor de diseño, autor de carteles espontáneos complejos y caóticos que usaba mucha letterset.
Página
2
Elementos básicos del diseño Todo diseño tiene estructura, con ella vienen el orden y el significado del mensaje que se quiere transmitir, el objeto de la fuente emisora del mensaje impreso es la transferencia de significado a la mente del lector. Con este fin, la fuente emisora elige los elementos verbales y gráficos y los dispone en una estructura. Cada vez que se diseña o proyecta algo gráficamente, se hace uso de un conjunto de elemento fundamentales en la comunicación visual que contribuyen el esqueleto básico de lo que se está configurando y que serán lo que en última instancia perciba el receptor de la comunicación. La forma visual es un lenguaje y consta de un vocabulario. Está formado por una serie de elementos (el punto, línea, forma, tono, textura y espacio). Haremos uso de ellos por combinaciones, repeticiones o ausencias con el fin de transmitir el mensaje visual de la manera más efectiva posible. El Punto: Este elemento estructural es tanto imaginario como real. En cualquiera de los dos casos hace referencia a una posición en el espacio y ejerce una fuerte atracción sobre el ojo. El centro óptico de un impreso es un ejemplo de punto imaginario, como las letras iníciales, que actúan como puntos. De la misma forma se usan los puntos grandes para atraer la vista. El punto supone
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga la unidad mínima de comunicación visual. Es el elemento gráfico fundamental, el más económico y simple del alfabeto visual y además es el único elemento grafico irreducible en sí mismo. La línea: También puede ser real o imaginaria. Es real cuando se utiliza para líneas de formas como sucede en el dibujo lineal o en figuras o letras del alfabeto. Es imaginaria en las palabras y en las oraciones que en sí mismas forman líneas. Para el diseño, es muy importante la línea imaginaria. La línea, es una forma de energía que divide en letra, encierra y define los espacios. No solo comunica formas sino también estabilidad, movimiento, acción y dirección. Por definición, sirve para conectar dos puntos en el espacio aunque también puede entenderse como el resultado de la animación de un punto. La línea constituye un elemento indispensable para poder visualizar materialmente todo aquello que tenemos en nuestra imaginación y en cualquier tipo de dibujo. Es rígida y definida en el dibujo técnico o expresivo y espontánea en el dibujo artístico. Tipos de líneas: Líneas dominantes: son las que dirigen el movimiento, la fuerza, la posición o la forma. Ejemplo los titulares. Pautas: que apoyan la medida de la composición o las formas más dominantes de la letra. Ejemplo: filetes, marcos, remate. Plantillas o retículas: mediante las que las que se colocan los distintos elementos de la página. La forma: Las formas se articulan con las líneas, pero también pueden definirse en relación al tono, la textura, los contornos y el tamaño. El ser humano, impone a lo que ve tres formas básicas: cuadrados, círculos y triángulos. Existen infinitas variaciones y combinaciones de las formas. Psicológicamente cada forma sugiere su propio significado. En diseño las formas se definen mediante sólidos y masas. Un sólido, es un elemento de tamaño y contorno definidos, por ejemplo: una fotografía; y una masa es un conjunto de piezas individuales que colectivamente forman una unidad, por ejemplo una columna de texto. Los sólidos y las masas establecen y mantienen el orden de prioridad de la composición. Hay que considerar detenidamente la colocación del espacio de los sólidos y las masas para que exista una armonía entre ellos. El tono: La palabra tono, se refiere a la claridad u oscuridad relativa. Solo por este contraste percibimos visualmente puntos, líneas, formas y texturas. También se le llama valor tonal. Nuestros sistemas visuales están equipados para percibir el color y eso es lo que vemos en la naturaleza, sin embargo una simbolización o representación en blanco y negro es perfectamente aceptable o no, por que el tono tiene una importancia básica para la percepción y la adquisición de información a la hora de comprender un impreso o imagen. En general, las masas de gris pueden analizarse para determinar su valor tonal. Una escala de valores tonales iría desde 0% que correspondería al blanco, hasta el 100% que correspondería al negro. El valor tonal es una referencia que ayuda a determinar los niveles de contraste y permite dirigir el interés del diseño. La textura: Toda estructura de una superficie puede ser percibida visualmente como algo que tiene textura. En diseño grafico, la textura es el motivo de luces y sombras creado por la repetición de letras y formas en relación con el espacio que les rodea. Aparece siempre que las letras o los
Página
3
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga símbolos se imprimen formando bloques o cajas de texto. La trama de la textura puede ser abierta, aleatoria o prieta. Pueden crearse texturas repitiendo formas iguales o similares; o modificando la estructura bidimensional de la estructura de la superficie de la página. La fuerza de la textura guarda una relación directa con el espaciado entre tipos, cuando se trata de un texto y con la repetición cuando es un fondo o un adorno. El diseñador debe controlar la textura para que no interfiera con otros elementos del diseño. Las texturas no tipográficas son elementos energéticos que contienen distintas intensidades de tonos claros y oscuros y suelen producir mejores resultados cuando el texto no las pisa. El espacio: Es el ámbito en el que actúan los demás elementos y la base sobre la que va a realizarse todo el diseño. El resultado de la composición viene determinado por la selección y la yuxtaposición de los demás elementos dentro del espacio que se les ha reservado. En diseño, el espacio es un elemento ambiguo que puede estar definido tan rígidamente como en el papel de dibujo de un delineante, como ser ilimitado e infinito como el cielo. El diseñador debe comprender que los elementos en del espacio interior del diseño tienen que sostener el motivo central y debe de ser consciente también de la influencia que el espacio exterior ejercerá sobre el diseño. Tipos de espacio en el diseño tipográfico: Hay que considerar el espacio definido en su interior por algunas letras (blanco interno) y el que queda entre las propias letras (separación de letras) - Espacio entre palabras, que es necesario para diferenciar y que confiere a las palabras. Esa identidad que las hace inmediatamente reconocibles. - El espacio entre las líneas o interlineado, que es el espacio horizontal que separa unas líneas de otras y contribuye a la legibilidad. Elementos formales del diseño Existen normas de estilo en el diseño, igual que en la escritura. Estas normas y principios son: El contraste, el equilibrio, la proporción, el ritmo, la armonía, el movimiento y la unidad. El contraste: En todas las formas de comunicación, algunas ideas deben enfatizarse más que otras. En diseño grafico hay que tener en cuenta este principio, para realizar una selección de estas determinadas ideas. El contraste será una herramienta poderosa del diseñador para agudizar el significado del impreso puesto que muchos conceptos solo se pueden comprender en función del concepto de lo que significa lo contrario. Puede aplicarse el contraste aplicando polaridades de tamaño, forma, tono, textura y de dirección. Tipos de contraste: Contraste en el tamaño: ej.: Ilustraciones pequeñas enfrentadas a ilustraciones grandes, para evitar la monotonía y hacer que sea mas atractivo. - Contraste en la forma: ej.: Un impreso con varias ilustraciones mejora si una de ellas es irregular. - Contraste en el tono: ej.: un impreso con un dibujo en grises o una fotografía en blanco y negro mejora si se coloca una parte de la iluminación con un color muy vivo.
Página
4
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga
- Contraste en la textura: ej.: En una fotografía donde hay dos personas resulta mas interesante si la capa de uno es áspera y la del otro suave. - Contraste en la dirección: ej.: un impreso que tenga un encabezamiento horizontal y el resto sea ilustración vertical para que el lector dirija la vista hacia abajo inmediatamente.
El equilibrio: existe cuando los elementos están colocados con un sentido de contrapeso, es decir, situados de forma que los pesos de los elementos se contrarresten para que aparezcan arraigados al sitio donde están. Hay dos tipos de equilibrio: - Equilibrio simétrico: Todo a la misma distancia (los elementos) - Equilibrio asimétrico: Es el resultado de conjugar otras condiciones distintas y conseguir dar la sensación de equilibrio. La diferencia más importante entre los dos tipos de equilibrio está en el uso del espacio en blanco. Este espacio tiene un papel pasivo en el diseño simétricamente equilibrado pero en el asimétrico este espacio se convierte en parte activo de la representación visual ofreciendo diferentes puntos de atracción. Página
Proporción: El ojo humano se mueve a saltos en un diseño mientras que el cerebro compara constantemente la información que recibe con la que ha recibido un momento antes midiendo las fuerzas composicionales. La proporción representa los resultados de la toma de decisiones del lector refiriéndose a la relación de un elemento con otro o al diseño entendido como un todo con dimensiones que reflejan determinado tamaño. Ciertas promociones son más atractivas a la vista que otras, la primera tarea en diseño es elegir el tamaño del impreso y sus dimensiones. Las dimensiones más atractivas son aquellas en las que la relación entre el ancho y la altura no es obvia para el ojo. Ritmo: Se logra a través de la repetición ordenada de cualquier elemento ya sea línea, forma, tono, textura, etc. - Ritmo simple o constante: Es la sencilla o monótona repetición del mismo motivo; un signo, una palabra, una viñeta, unas líneas de caracteres. - Ritmo compuesto o libre: Es el que consigue variedad al combinar dos o mas ritmos simples, es decir, distintos elementos y estructura de la pagina, proporciones y su disposición, tonos, etc. Armonía: La inteligencia humana busca también en el diseño la similitud entre elementos análogos o acordes entre sí. La armonía es la agradable combinación o consonancia entre las formas y estilos de las cosas. Se refiere a la correspondencia entre los distintos elementos del mismo o semejante estilo, por ejemplo: caracteres con ilustración. también es armonía de forma la semejanza de los componentes con el espacio en que van colocados.
5
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga Movimiento: el acto mismo de leer o mirar produce un sentido de movimiento por que el ojo se mueve de izquierda a derecha y de arriba abajo sobretodo en diseño tipográfico (diseño de elementos con texto). En otros tipos de diseño el control del movimiento ocular se vuelve más problemático ya que el ojo se encuentra libra para mirar a cualquier punto en cualquier momento. El diseñador deberá manejar los elementos para que la interpretación del impreso sea la adecuada. Unidad: Es el fundamento estético del orden compositivo y la finalidad que debe perseguirse con la distribución y organización de los elementos que se combinan en diseño. Sin la unidad resultarían imposibles la estabilidad y la claridad y existiría la confusión y dispersión de los elementos. Los elementos individuales del mensaje deberán relacionarse entre sí y también con el diseño total para que el impreso pueda registrar una sola impresión general.
Teoría del color En el arte de la pintura, el diseño gráfico, la fotografía, la imprenta y en la televisión, la teoría del color es un grupo de reglas básicas en la mezcla de colores para conseguir el efecto deseado combinando colores de luz o pigmento. La luz blanca se puede producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian, magenta y amarillo se produce el color neutro. Modelos de color En su teoría del color, Goethe propuso un círculo de color simétrico, el cual comprende el de Newton y los espectros complementarios. En contraste, el círculo de color de Newton, con siete ángulos de color desiguales y subtendidos, no exponía la simetría y la complementariedad que Goethe consideró como característica esencial del color. Para Newton, sólo los colores espectrales pueden considerarse como fundamentales. El enfoque más empírico de Goethe le permitió admitir el papel esencial del magenta (no espectral) en un círculo de color. Teoría de Ostwald La Teoría del color que propone Wilhelm Ostwald consta de cuatro sensaciones cromáticas elementales (amarillo, rojo, azul y verde) y dos sensaciones acromáticas con sus variaciones intermedias. Modelo RYB En el modelo de color RYB, el rojo, el amarillo y el azul son los colores primarios, y en teoría, el resto de colores puros (color materia) puede ser creados mezclando pintura roja, amarilla y azul. Mucha gente aprende algo sobre color en los estudios de educación primaria, mezclando pintura o lápices de colores con estos colores primarios.
Página
6
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga El modelo RYB es utilizado en general en conceptos de arte y pintura tradicionales, y en raras ocasiones usado en exteriores en la mezcla de pigmentos de pintura. Aún siendo usado como guía para la mezcla de pigmentos, el modelo RYB no representa con precisión los colores que deberían resultar de mezclar los 3 colores RYB primarios. En el año 2010 [cita requerida], se reconoció mediante la ciencia que este modelo es incorrecto, pero continúa siendo utilizado habitualmente. Modelo de color RGB La mezcla de colores luz, normalmente rojo, verde y azul (RGB, iníciales en inglés de los colores primarios), se realiza utilizando el sistema de color aditivo, también referido como el modelo RGB o el espacio de color RGB. Todos los colores posibles que pueden ser creados por la mezcla de estas tres luces de color son aludidos como el espectro de color de estas luces en concreto. Cuando ningún color luz está presente, uno percibe el negro. Los colores luz tienen aplicación en los monitores de un ordenador, televisores, proyectores de vídeo y todos aquellos sistemas que utilizan combinaciones de materiales que fosforecen en el rojo, verde y azul. Modelo CMYK Para impresión, los colores usados son cian, magenta y amarillo; este sistema es denominado modelo CMY. En el modelo CMYK, el negro es creado por mezcla de todos los colores, y el blanco es la ausencia de cualquier color (asumiendo que el papel sea blanco). Como la mezcla de los colores es sustractiva, también es llamado modelo de color sustractivo. Una mezcla de cian, magenta y amarillo en realidad resulta en un color negro turbio por lo que normalmente se utiliza tinta negra de verdad. Cuando el negro es añadido, este modelo de color es denominado modelo CMYK. Recientemente, se ha demostrado que el modelo de color CMYK es también más preciso para las mezclas de pigmento. Se debe tener en cuenta que sólo con unos colores "primarios" ficticios se puede llegar a conseguir todos los colores posibles. Estos primarios son conceptos arbitrarios utilizados en modelos de color matemáticos que no representan las sensaciones de color reales o incluso los impulsos nerviosos reales o procesos cerebrales. En otras palabras, todos los colores "primarios" perfectos son completamente imaginarios, lo que implica que todos los colores primarios que se utilizan en las mezclas son incompletos o imperfectos. El círculo cromático El círculo cromático suele representarse como una rueda dividida en doce partes. Los colores primarios se colocan de modo que uno de ellos esté en la porción superior central y los otros dos en la cuarta porción a partir de esta, de modo que si unimos los tres con unas líneas imaginarias formarían un triángulo equilátero con la base horizontal. Entre dos colores primarios se colocan tres tonos secundarios de modo que en la porción central entre ellos correspondería a una mezcla
Página
7
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga de cantidades iguales de ambos primarios y el color más cercano a cada primario sería la mezcla del secundario central más el primario adyacente. Los círculos cromáticos actuales utilizados por los artistas se basan en el modelo CMY, si bien los colores primarios utilizados en pintura difieren de las tintas de proceso en imprenta en su intensidad. Los pigmentos utilizados en pintura, tanto en óleo como acrílico y otras técnicas pictóricas suelen ser el Azul de Ftalocianina (PB15 en notación Color Index) como Cyan, el Magenta de Quinacridona (PV19 en notación Color Index) y algún Amarillo Arilida o bien de Cadmio que presente un tono amarillo neutro (existen varios pigmentos válidos o mezclas de ellos utilizables como primarios amarillos). Varias casas poseen juegos de colores primarios recomendados que suelen venderse juntos y reciben nombres especiales en los catálogos, tales como "Azul primario" o "Rojo primario" junto al "Amarillo primario" pese a que ni el azul ni el rojo propiamente dichos son en realidad colores primarios según el modelo CMY utilizado en la actualidad. No obstante, como los propios nombres dados por los fabricantes a sus colores primarios evidencian, existe una tradición todavía anclada en el modelo RYB y que ocasionalmente se encuentra todavía en libros, y cursos orientados a aficionados a la pintura. Pero la enseñanza reglada, tanto en escuelas de arte como en la universidad, y los textos de referencia importantes ya han abandonado tal modelo hace décadas. La prueba la tenemos en los colores orientados a la enseñanza artística de diferentes fabricantes, que sin excepción utilizan un modelo de color basado en CMYK, que además de los tres colores primarios CMY incluyen negro y blanco como juego básico para el estudiante.
La expresión de los colores desde el punto de vista psicologico. Parece haber general acuerdo sobre el hecho de que cada uno de los colores posee una expresión especifica. La investigación experimental sobre el tema no abunda. Las descripciones de Goethe de los colores constituyen todavía la mejor fuente. No solo la apariencia de un color depende grandemente de su contexto en el espacio y en el tiempo, sería también necesario saber a qué tinte preciso se hace referencia, a que valor de claridad, y a qué grado de saturación. A todos, el color nos da sensaciones y cada uno tiene sus propias ideas sobre antipatías o simpatías, gusto o desagrado sobre aquel o este color, pero de manera general, todos percibimos una reacción física ante la sensación que produce un color, como la de frío en una habitación pintada de azul o la de calor en otra pintada de rojo. En la psicología de los colores están basadas ciertas relaciones de estos con formas geométricas y símbolos, y también la representación Heráldica. Los colores cálidos se consideran como estimulantes, alegres y hasta excitantes y los fríos como tranquilos, sedantes y en algunos casos deprimentes. Aunque estas determinaciones son puramente subjetivas y debidas a la interpretación personal, todas las investigaciones han demostrado que son corrientes en la mayoría de los individuos, y están determinadas por reacciones inconscientes de estos, y también por diversas asociaciones que tienen relación con la naturaleza.
Página
8
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga El amarillo es el color que se relaciona con el sol y significa luz radiante, alegría y estimulo. El rojo está relacionado con el fuego y sugiere calor y excitación. El azul, color del cielo y el agua es serenidad, infinito y frialdad. El naranja, mezcla de amarillo y rojo, tiene las cualidades de estos, aunque en menor grado. El verde, color de los prados húmedos, es fresco, tranquilo y reconfortante. El violeta es madurez, y en un matiz claro expresa delicadeza. En estos seis colores básicos se comprenden toda la enorme variedad de matices que pueden ser obtenidos por las mezclas entre ellos y también por la de cada uno con blanco y negro; cada una de estas variaciones participa del carácter los colores de que proceden, aunque con predominio de aquel que intervenga en mayor proporción. El blanco es pureza y candor ; el negro, tristeza y duelo; el gris, resignación; el pardo; madurez; el oro, riqueza y opulencia; y la plata, nobleza y distinción. Como ya dijimos, los colores que tienen una mayor potencia de excitación, son rojo, rojo-naranja y naranja, los más tranquilos, los azules y azules verdes o violáceos. Un azul turquesa es algo más inquieto que un azul ultramar, por la intervención en el primero del amarillo y en el segundo del azul, que lo hace derivar al violeta. Los colores más sedantes y confortables en decoración son los verdes, azules claros y violetas claros, los matices crema, marfil, beige, gamuza, y otros de cualidad cálida, son alegres, y tienen cierta acción estimulante, pero tanto unos como otros, deben ser usados en áreas amplias y adecuadamente. Los colores a plena saturación son usados muy pocas veces en superficies de gran tamaño; los rojos, naranjas, amarillos, azules y otros colores vivos en toda su pureza no lo presenta nunca la naturaleza en amplias extensiones, sino como acentos o pequeñas áreas de animación. Los colores expresan estados anímicos y emociones de muy concreta significación psíquica, también ejercen acción fisiológica. Podremos informarnos más acerca de estas propiedades más adelante, cuando tratemos como tema la cromoterapia. El rojo significa sangre, fuego, pasión, violencia, actividad, impulso y acción y es el color del movimiento y la vitalidad; aumenta la tensión muscular, activa la respiración, estimula la presión arterial y es el más adecuado para personas retraídas, de vida interior, y con reflejos lentos. El naranja es entusiasmo, ardor, incandescencia, euforia y actúa para facilitar la digestión; mezclado con blanco constituye una rosa carne que tiene una calidad muy sensual. El amarillo es sol, poder, arrogancia, alegría, buen humor y voluntad; se le considera como estimulante de los centros nerviosos. El verde es reposo, esperanza, primavera, juventud y por ser el color de la naturaleza sugiere aire libre y frescor; este color libera al espíritu y equilibra las sensaciones. El azul es inteligencia, verdad, sabiduría, recogimiento, espacio, inmortalidad, cielo y agua y también significa paz y quietud; actúa como calmante y en reducción de la presión sanguínea, y al ser mezclado con blanco forma un matiz celeste que expresa pureza y fe. El violeta es profundidad, misticismo, misterio, melancolía y en su tonalidad púrpura, realeza, suntuosidad y dignidad; es un color delicado, fresco y de acción algo sedante. Los colores cálidos en matices claros: cremas, rosas, etc, sugieren delicadeza, feminidad, amabilidad, hospitalidad y regocijo, y en los matices oscuros con predominio de rojo, vitalidad, poder, riqueza y estabilidad. Los colores fríos en matices claros expresan delicadeza, frescura, expansión, descanso, soledad, esperanza y paz, y en los matices oscuros con predominio de azul, melancolía, reserva, misterio, depresión y pesadez.
Página
9
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga
Significado de cada color:
Amarillo Es el color más intelectual y puede ser asociado con una gran inteligencia o con una gran deficiencia mental; Van Gogh tenía por él una especial predilección, particularmente en los últimos años de su crisis. Este primario significa envidia, ira, cobardía, y los bajos impulsos, y con el rojo y el naranja constituye los colores de la emoción. También evoca satanismo (es el color del azufre) y traición. Es el color de la luz, el sol, la acción, el poder y simboliza arrogancia, oro, fuerza, voluntad y estimulo. Mezclado con negro constituye un matiz verdoso muy poco grato y que sugiere enemistad, disimulo, crimen, brutalidad, recelo y bajas pasiones. Mezclado con blanco puede expresar cobardía, debilidad o miedo y también riqueza, cuando tiene una leve tendencia verdosa.
Naranja Es algo más cálido que el amarillo y actúa como estimulante de los tímidos, tristes o linfáticos. Simboliza entusiasmo y exaltación y cuando es muy encendido o rojizo, ardor y pasión. Utilizado en pequeñas extensiones o con acento, es un color utilísimo, pero en grandes áreas es demasiado atrevido y puede crear una impresión impulsiva que puede ser agresiva. Mezclado con el negro sugiere engaño, conspiración e intolerancia y cuando es muy oscuro, opresión.
Rojo Se lo considera con una personalidad extrovertida, que vive hacia afuera, tiene un temperamento vital, ambicioso y material, y se deja llevar por el impulso, más que por la reflexión. Simboliza sangre, fuego, calor, revolución, alegría, acción, pasión, fuerza, disputa, desconfianza, destrucción e impulso, asi mismo crueldad y rabia. Es el color de los maniáticos y de Marte, y también el de los generales y los emperadores romanos y evoca la guerra, el diablo y el mal. Como es el color que requiere la atención en mayor grado y el más saliente, habrá que controlar su extensión e intensidad por su potencia de excitación en las grandes áreas cansa rápidamente. Mezclado con blanco es frivolidad, inocencia, y alegría juvenil, y en su mezcla con el negro estimula la imaginación y sugiere dolor, dominio y tiranía.
Violeta Significa martirio, misticismo, tristeza, aflicción, profundidad y también experiencia. En su variación al púrpura, es realeza, dignidad, suntuosidad. Mezclado con negro es deslealtad, desesperación y miseria. Mezclado con blanco: muerte, rigidez y dolor.
Azul Se lo asocia con los introvertidos o personalidades reconcentradas o de vida interior y esta vinculado con la circunspección, la inteligencia y las emociones profundas. Es el color del infinito, de los sueños y de lo maravilloso, y simboliza la sabiduría, fidelidad, verdad eterna e inmortalidad. También significa descanso, lasitud. Mezclado con blanco es pureza , fe, y cielo, y mezclado con negro, desesperación, fanatismo e intolerancia. No fatiga los ojos en grandes extensiones.
Página
10
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga
Verde Es un color de gran equilibrio, porque esta compuesto por colores de la emoción (amarillo = cálido) y del juicio (azul = frío) y por su situación transicional en el espectro. Se lo asocia con las personas superficialmente inteligentes y sociales que gustan de la vanidad de la oratoria y simboliza la primavera y la caridad. Incita al desequilibrio y es el favorito de los psiconeuroticos porque produce reposo en el ansia y calma, también porque sugiere amor y paz y por ser al mismo tiempo el color de los celos, de la degradación moral y de la locura. Significa realidad, esperanza, razón, lógica y juventud. Aquellos que prefieren este color detestan la soledad y buscan la compañía. Mezclado con blanco expresa debilidad o pobreza. Sugiere humedad, frescura y vegetación, simboliza la naturaleza y el crecimiento.
Blanco Es el que mayor sensibilidad posee frente a la luz. Es la suma o síntesis de todos los colores, y el símbolo de lo absoluto, de la unidad y de la inocencia, significa paz o rendición. Mezclado con cualquier color reduce su croma y cambia sus potencias psíquicas, la del blanco es siempre positiva y afirmativa. Los cuerpos blancos nos dan la idea de pureza y modestia.
Gris No es un color, sino la transición entre el blanco y el negro, y el producto de la mezcla de ambos. Simboliza neutralidad, sugiere tristeza y es una fusión de alegrías y penas, del bien y del mal.
Negro El color más oscuro. De hecho, el negro puro es la ausencia de color y de luz. Sólo existe (en teoría) en los objetos estelares conocidos como "Agujeros negros", que no dejan escapar radicación alguna, luz visible incluida. No reflejan nada, no emiten luz. En la vida más normal, el negro es el color neutro más oscuro que un aparato, pintura o tinta son capaces de reproducir. La cuestión de la neutralidad (ausencia de predominio de una longitud de onda concreta) es esencial para que el ojo humano considere "negro" ese tono. Símbolo del error y del mal. Es la muerte, es la ausencia del color. Estiliza y acerca. También transmite nobleza y elegancia. Entre los chinos y los egipcios, sin embargo, el negro fue signo de fertilidad. Entre los primeros, además representaba el yin femenino. Pese a la consideración negativa del negro, la razón por la cual se impuso, sobre todo durante una época, el uso del color negro como singularización de un determinado estatus social, tiene que ver con la protección que este color ejercía contra los movimientos del mal.
Numerosos test selectivos han demostrado que el orden de preferencia de los colores es el azul, rojo y verde, los amarillos, naranjas y violetas ocupan un segundo plano en el gusto colectivo, las mujeres sitúan el rojo en primer lugar, y los hombres el azul.
Gráficos vectoriales y mapas de bits Los dos tipos principales de gráficos de PC son gráficos vectoriales y mapas de bits. Los gráficos vectoriales se componen de líneas y curvas, y se generan a partir de descripciones matemáticas
Página
11
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga que determinan la posición, longitud y dirección en la que se dibujan las líneas. Los mapas de bits, también conocidos como imágenes ráster, se componen de cuadrados diminutos que reciben el nombre de píxeles; cada píxel se asigna a una ubicación en la imagen y contiene valores de color numéricos.
Los gráficos vectoriales resultan ideales para logotipos e ilustraciones, porque son independientes de la resolución y pueden escalarse a cualquier tamaño, o imprimirse y visualizarse a cualquier resolución, sin perder detalles ni calidad. Además, con los gráficos vectoriales puede producir contornos nítidos y claros. Los mapas de bits resultan excelentes para fotografías y dibujos digitales porque reproducen muy bien las gradaciones de color. Los mapas de bits son dependientes de la resolución. Es decir, representan un número fijo de píxeles. Si bien tienen muy buen aspecto en su tamaño real, puede que se muestren dentados o pierdan calidad de imagen cuando se escalan, o cuando se muestran o imprimen a una resolución mayor de la original. La ilustración superior es un gráfico vectorial compuesto por líneas y rellenos. La versión inferior es un mapa de bits compuesto por píxeles.
GIMP GIMP es una herramienta multiplataforma de manipulación de fotografás. GIMP es un acrónimo para GNU Image Manipulation Program. GIMP es útil para una variedad de tareas como son la manipulación de imágenes, incluyendo retoque fotográfico, composiciones, y construcción de imágenes.
Página
12
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga GIMP tiene muchas capacidades. Puede ser utilizado como un simple programa de dibujo, un programa de retoque fotográfico profesional, un sistema de procesamiento por lotes en línea, una producción en masa de procesador de imagen, un convertidor de formato de imagen, entre otros
Ventana de GIMP
Página
13
1. La caja de herramientas: Contiene un conjunto de botones que se utilizan para seleccionar herramientas. 2. Opciones de herramientas: Incrustado debajo de la caja de herramientas es un cuadro de diálogo con las opciones de la herramienta seleccionada (en este caso, la herramienta selección elíptica). 3. Ventana de imagen: Cada imagen abierta en GIMP se muestra en una ventana separada. Muchas imágenes se pueden abrir al mismo tiempo, esto está limitado sólo por los recursos del sistema. Antes de poder hacer algo útil en GIMP, se necesita tener al menos una imagen abierta. La ventana de imagen tiene el menú de los comandos principales del GIMP (Archivo, Edición, Seleccionar, entre otros) que también se puede obtener haciendo clic derecho sobre la ventana. 4. Las capas, canales, rutas e historial se encuentran en forma de botón tipo pestaña. Esta ventana de diálogo muestra la estructura de la capa de la imagen activa, y permite que sea manipulado en una variedad de maneras. Es posible hacer algunas cosas muy básicas sin
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga necesidad de utilizar el diálogo de capas, pero incluso los usuarios encuentran indispensable tener el diálogo de capas disponibles en todo momento. 5. Pinceles, patrones y degradados: Se encuentra incrustado debajo del cuadro de diálogo de capas muestra los cuadros de diálogo (etiquetas) para administrar brochas, patrones y degradados.
La caja de herramientas
Estos iconos activan herramientas que sirven para una gran variedad de propósitos: seleccionar partes de imágenes, pintura, transformación, entre otras.
La ventana de imagen
Página
14
1. Barra de título: La parte superior de la ventana de la imagen suele mostrar una barra de título con el nombre de la imagen y alguna información básica sobre ella. La barra de título es
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga proporcionado por el sistema operativo, no por el GIMP, por lo que su apariencia puede variar con el sistema operativo o tema. 2. Barra de menú: Directamente por debajo de la barra de título aparece el menú de la imagen (a menos que haya sido ocultado). El menú de la imagen permite acceder a casi todas las operaciones que puede realizar en una imagen. También puede hacer clic en una imagen para mostrar un menú emergente de la imagen 3. Botón de menú: Haga clic en el botón de menú para visualizar el menú de la imagen en una columna. 4. Regla: En la configuración predeterminada, las reglas se muestran arriba y a la izquierda de la imagen. Utilice las reglas para determinar las coordenadas de la imagen. La unidad por defecto es el píxel. Uno de los usos más importantes de las reglas es la creación de guías. Haga clic y arrastre una regla en la imagen para crear una guía. Una guía es una línea que le ayuda con precisión la posición de las cosas o para comprobar que otra línea es realmente horizontal o vertical. 5. Activador de la máscara: El pequeño botón en la esquina inferior izquierda de la imagen activa o desactiva la máscara rápida. Cuando la máscara rápida está activada, el botón se indica en rojo. 6. Puntero de Coordenadas: Cuando el puntero (cursor del ratón, si está usando un ratón) está dentro de los límites de la imagen, el área rectangular en la esquina inferior izquierda de la ventana muestra las coordenadas actuales del puntero. Las unidades son las mismas que para los reglas. Los valores son mostrados para el eje horizontal y vertical y están separados por una coma. 7. Unidades del menú: Utilice el menú Unidades para cambiar las unidades utilizadas para las reglas y varios afines. La unidad predefinida es el píxel, pero puede cambiar rápidamente a centímetros, pulgadas, u otras usando este menú. 8. Botón de zoom: Hay una serie de formas de ampliar o disminuir la imagen, pero el botón de zoom es quizás la más sencilla. Con GIMP 2.6, puede introducir directamente un nivel de zoom en el cuadro de texto. 9. Área de estado: La zona de estado se encuentra en la parte inferior de la ventana de imagen. Por defecto, el área de estado muestra la parte activa de la imagen, y la cantidad de memoria del sistema utilizado por ella. Durante las operaciones que consumen mucho tiempo, el área de estado muestra temporalmente la operación y cómo completarla. 10. Botón Cancelar: Durante las operaciones complejas que requieren mucho tiempo, por lo general un plug-in, un botón Cancelar temporalmente aparece en la esquina inferior derecha de la ventana. Utilice el botón Cancelar para detener la operación.
Página
15
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga 11. Control de navegación: Este es un pequeño botón en forma de cruz en la esquina inferior derecha de la pantalla de imagen. Haga clic sostenido en el control de navegación para mostrar la vista previa de exploración. La vista previa de navegación muestra una miniatura de la imagen con el área visible delineada. Utilice la vista previa de navegación Para desplazarse rápidamente a una parte diferente de la imagen, mueva el ratón manteniendo el botón pulsado. 12. Zona inactivo de relleno: Esta área de relleno separa la pantalla de la imagen activa y el área de relleno inactivo. 13. Área de Imagen: Es la Parte más importante, también es llamado lienzo. Este ocupa el área central de la ventana, y está rodeada por una línea amarilla punteada que muestra los contornos de la imagen. 14. Cambiar el tamaño de ventana: Esta función esta desactivada, si cambia el tamaño de la ventana, el tamaño de la imagen y el zoom no cambia. Si usted hace la ventana más grande, por ejemplo, a continuación, podrás ver más de la imagen. Si se pulsa este botón, sin embargo, la imagen cambia de tamaño cuando la ventana cambia de tamaño, para que la misma porción de la imagen se muestra antes y después de la ventana cambia de tamaño.
Cambiar el tamaño de una imagen (Escalar) La primera cosa que usted podría notar, es que GIMP abre la imagen en un tamaño lógico para su visualización. Si su imagen es muy grande GIMP establece el zoom de modo que se mostrará muy bien la imagen en la pantalla. El nivel de zoom se muestra en el área de estado en la parte inferior de la ventana de la imagen. Para escalar la imagen de clic en el menú imagen – Escalar la imagen. Al escalar una imagen GIMP conserva su proporción original por esto al cambiar un valor (anchura o altura) el otro cambiara automáticamente.
Guardar un archivo como JPG Por lo general, escriba el nombre completo del archivo con la extensión en el cuadro de texto Nombre, y GIMP determina el tipo de archivo y su extensión; por ejemplo, jpg. Utilice la lista de extensiones de archivos, para ver los tipos admitidos por GIMP. El diálogo Guardar como JPEG utiliza los valores predeterminados que reducen el tamaño sin perder calidad de imagen buena, lo que es más seguro y rápido de hacer.
Página
16
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga Reducir la calidad de la imagen para hacerla más pequeña. La reducción degrada la calidad de la imagen, así que asegúrese de comprobar "Mostrar vista previa en la ventana de la imagen". Una calidad de 6 produce una imagen de muy mala calidad que utiliza muy poco espacio, una calidad de 42 produce una imagen razonable utilizando mucho menos espacio de disco, que, a su vez, carga mucho más rápido en una página web. Aunque la imagen se degrada, es aceptable para el propósito previsto.
Calidad: 6 Tamaño: 1361 Bytes
Calidad: 42 Tamaño: 3549 Bytes
Calidad: 85 (Por defecto en GIMP) Tamaño: 6837 Bytes
Calidad: 100 Tamaño: 20,971 Bytes
Recortar una imagen Hay muchas razones para recortar una imagen, por ejemplo, instalación de una imagen para rellenar un marco, la eliminación de una parte del fondo para enfatizar el tema, entre otros. Hay dos métodos para activar la herramienta de recorte. Haga clic en el botón en el cuadro de herramientas, o usa Herramientas → Herramientas de transformación → Recortar. Esto cambiará el cursor y le permiten hacer clic y arrastrar una forma rectangular. Siempre haga clic en la aproximación de la esquina superior izquierda y arrastre hasta la esquina inferior derecha, la trayectoria aproximada se muestra en rojo. Haga doble clic en el área para recortar la imagen o presione la tecla Enter.
Reflejar una imagen Para dar una orientación diferente a la imagen utilice Herramientas → Herramientas de transformación → Voltear, o use el botón de la caja de herramientas. La herramienta que se utiliza es por defecto. También puede utilizar la tecla Ctrl para cambiar entre horizontal y vertical.
Como dibujar líneas rectas Sobre una imagen cualquiera o en blanco utilice cualquiera de las herramientas resaltadas de color rojo en el cuadro de herramientas. Haga clic en la imagen donde desea hacer una línea para empezar o terminar. Un solo punto aparecerá en la pantalla. El tamaño de este punto representa el tamaño del pincel actual, que puede cambiar en el diálogo de brochas. Ahora, vamos a empezar a dibujar una línea. Mantenga presionada la tecla Shift. Una vez que haya un punto de partida y mientras se presiona la tecla Shift, podrás ver una línea recta que sigue el cursor para terminar la línea de clic con el botón del mouse.
Página
17
INSTITUCIÓN EDUCATIVA CIUDADELA EDUCATIVA SAN BERNARDO Aprobación de Estudios mediante decreto 000500 de septiembre 3 de 2003 Sedes: San Bernardo, María Auxiliadora, Barragán y Calle Larga
Webgrafía
Diseño gráfico: http://www.taringa.net/posts/apuntes-y-monografias/1218053/Introduccion-al-diseno-grafico.html Teoría del color: http://es.wikipedia.org/wiki/Teor%C3%ADa_del_color Psicología del color: http://estocolmo.se/cultura/color_oktub23.htm Gráficos vectoriales y mapas de bits: http://www.ricardolince.com/Blogdiseno/?p=187 Gimp documentation on line manual: http://docs.gimp.org/2.6/es/
Página
18