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. OCT0112 Á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: Octavo DOCENTE: José Adrián Marín Peñuela – Miguel Andrés Osorio Hoyos
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 que determinan la posición, longitud y dirección en la que se dibujan las líneas. Los mapas de bits,
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 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.
Inkscape Inkscape es un editor de gráficos vectoriales de código abierto, con capacidades similares a Illustrator, Freehand, CorelDraw o Xara X, usando el estándar de la W3C: el formato de archivo Scalable Vector Graphics (SVG).
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
Página
13
Acercar y alejar (Zoom) La manera más sencilla de para activar el zoom es por medio de las teclas - y + (o =). Puede seleccionar en la parte inferior izquierda el campo de zoom que le permite ingresar el valor del porcentaje % para la visualización, luego presione la tecla Enter. Disponemos además de los anteriores métodos, la herramienta Zoom (Ubicada en la barra de Herramientas a la izquierda) la cual permite hacer un zoom alrededor de un área por medio de un clic sostenido alrededor de ella.
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
Ventana de Inkscape
Página
14
1. Barra de menú contiene todas las opciones y posibilidades que podemos alcanzar con este programa. 2. Barra de comandos es un conjunto de botones de control general del programa 3. Barra de control de herramientas muestra los controles que son especiales para cada herramienta. 4. Regla, la podemos ver en forma horizontal y vertical 5. Barra vertical de herramientas muestra las herramientas de dibujo y edición de Inkscape 6. Paleta de colores, nos muestra una serie de colores sólidos para el relleno de objetos 7. Barra de estado mostrará consejos útiles y mensajes relacionados con el uso de herramientas. 8. Barra de control de ajuste, permite establecer los diferentes ajustes de los objetos 9. Página, este es el lugar donde haremos nuestros diseños
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
Creando y Administrando documentos Para crear un nuevo documento nuevo, use Archivo > Nuevo. Para abrir un documento SVG existente, Archivo > Abrir. Para guardar, use Archivo > Guardar o Guardar Como, para guardar bajo un nuevo nombre. (Inkscape puede aún ser inestable, así que recuerde guardar a menudo!) Inkscape usa el formato SVG (Scalable Vector Graphics/Gráficos de Vectores Escalables). SVG es un estándar abierto extensamente soportado por software gráficos. Los archivos SVG están basados en XML y pueden ser editados con cualquier editor de XML (aparte de Inkscape, por supuesto). Además de SVG, Inkscape puede importar y exportar muchos otros formatos (EPS, PNG) Inkscape abre una ventana para cada documento. Usted puede navegar entre ellos utilizando el atajo Ctrl Tab, que irá pasando de ventana entre los documentos que tenga abiertos de Inkscape
Creando Formas Haga Clic sobre la herramienta Rectángulo (o presione F4) y haga clic sostenido dibuje un rectángulo
Con otras herramientas, también podemos crear elipses, estrellas y espirales:
Estas herramientas son colectivamente conocidas como herramientas de formas. Cada forma que cree muestra uno o más manejadores en forma de flechas doble sentido; intente arrastrándolas para observar cómo responden las formas. El panel de control para una herramienta de forma es otra manera para transformarla; estos controles afectan a las formas actualmente seleccionadas. Para deshacer su última acción, presione Ctrl+Z (O, si cambia de parecer, puede rehacer la acción deshecha mediante shift+Ctrl+Z)
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
Moviendo, Escalando, Rotando La herramienta más utilizada en Inkscape es el Selector
, el botón de la parte superior de la
barra vertical de herramientas, o presione F1 o Barra Espaciadora. Ahora puede seleccionar cualquier objeto en la pizarra. Al dar clic sobre una forma podremos observar que ocho manejadores en forma de flecha aparecen alrededor del objeto. Ahora podemos:
Mover los objetos al arrástralos. (Presione Ctrl para restringir movimientos a horizontal y vertical.) Página
Escalar los objetos mediante el arrastrado de cualquier manejador. (Presione Ctrl para preservar el radio de alto/ancho original.)
Ahora al dar clic nuevamente sobre la forma. Los manejadores cambian. Ahora puede:
Rotar los objetos mediante el arrastrado de los manejadores de las esquinas. (Presione Ctrl para restringir la rotación a pasos de 15 grados. Arrastre la marca en forma de cruz para la posición del eje de rotación.)
Inclinar (esquilar) los objetos mediante el arrastre de los manejadores no-esquinas. (Presione Ctrl para restringir inclinaciones a pasos de 15 grados.)
Mientras use el Selector, también podrá usar los campos de entradas numéricos en la barra de control (Sobre la pizarra) para configurar valores exactos para coordenadas (X y Y) y tamaño (W y H) de la selección.
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
Selecciones Múltiples Puede seleccionar cualquier número de objetos simultáneamente mediante shift+clic sobre los objetos deseados a seleccionar, o bien puede arrastrar alrededor de los objetos que requiere seleccionar; esto es llamado Selección elástica. (El selector crea selecciones elásticas cuando se arrastra a desde un espacio vacío; sin embargo, si presiona shift antes de iniciar el arrastrado, Inkscape siempre creará la selección elástica.) Cada objeto individual dentro de una selección muestra una señal de selección (por defecto), un marco rectangular. Estos marcos hacen más sencillo el observar que está seleccionado y que no lo está. Por ejemplo, si selecciona dos elipses y el rectángulo, sin los marcos le sería muy difícil adivinar cuál de las elipses está seleccionada y cuáles no. Shift+clic sobre un objeto seleccionado lo excluye de la selección. Presionando la tecla ESC deselecciona cualquier objeto. Ctrl+A selecciona todos los objetos en la capa actual (si no ha creado capas, esto es lo mismo que todos los objetos en el documento).
Agrupando Muchos objetos pueden ser combinados en un grupo. Un grupo se comporta como un objeto sencillo cuando usted lo arrastra o lo transforma. Adelante, los tres objetos sobre la izquierda son independientes; los mismo tres objetos sobre la derecha están agrupados.
Para crear un grupo, seleccione uno o más objetos y presiones Ctrl+G. Para desagrupar uno o más grupos, selecciónelos y presione Ctrl+U. Los mismos grupos pueden ser agrupados, así como cualquier otro objeto; dichos grupos recursivos pueden ir atrás en una profundidad arbitraria. Sin embargo, Ctrl+U solo desagrupa el nivel superior de una selección; necesitará presionar Ctrl+U repetidamente si quiere desagrupar completamente un grupo profundo dentro de un grupo. No tiene necesariamente que desagrupar, sin embargo, si desea editar un objeto dentro de un grupo. Solo Ctrl+clic sobre el objeto y este será seleccionado y editable solo, o shift+Ctrl+clic sobre varios objetos (dentro o fuera de cualquier grupo) por múltiples selecciones sea cual sea la agrupación.
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
Relleno y borde Algunas funciones de Inkscape están disponibles vía diálogos. Probablemente la forma más sencilla de pintar un objeto de algún color es abrir el dialogo (desde el menú de Objetos, seleccione un objeto) para pintarlo (cambia su color de relleno). Es más poderoso el dialogo de Relleno y Borde (Shift+Ctrl+F). Seleccione la forma de adelante y abra el dialogo de Relleno y Borde.
Podrá observar que el dialogo posee tres pestañas: Relleno, Color de trazo y Estilo de trazo. La pestaña Relleno le permite editar el relleno (interior) del objeto(s) seleccionado(s). Usando el botón más abajo de la pestaña puede seleccionar los tipos de relleno, incluyendo sin relleno (el botón con la X), color uniforme, así como gradientes lineales o radiales. Para las siguientes formas, el botón de relleno uniforme será activado. Página
Más abajo, puede observar una colección de selectores de color, cada uno esta se encuentra en su propia pestaña: RGB, CMYK, HSL y Rueda. Considere el Selector de Rueda, donde puede rotar el triángulo para escoger un matiz en la rueda, y después seleccione una sombra que es el matiz del triángulo. Todos los selectores de color contienen un desplazador para configurar el alfa (opacidad) de el/los objeto(s) seleccionado(s). Cuando selecciona un objeto, el selector de color es actualizado para mostrar su relleno y borde actual (para selecciones de múltiples objetos, el dialogo muestra su color promedio).
Usando la pestaña color de borde, remueva el borde (reborde) del objeto, o asígnele cualquier color o transparencia:
La última pestaña Estilo de borde, le permite configurar el grosor y otros parámetros del borde:
18
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
Finalmente, en vez de un color uniforme, puede usar gradientes para rellenos y/o bordes:
Duplicado, Alineación, Distribución Una de las operaciones más comunes es el duplicar un objeto (Ctrl+D). El duplicado es colocado exactamente debajo del original y es seleccionado, así, así se le posibilita el arrastrar mediante el ratón o las teclas de flechas. Página
Para alinear objetos use el dialogo de Alineación (Ctrl+Shift+A), para poder utilizarlo debe seleccionar todos los objetos. Estos son otros ejemplos de alineación y distribución:
Seleccionando debajo y arrastrando seleccionados ¿Qué hacer si el objeto que requiere está oculto tras otro objeto? Usted podría observar el objeto del fondo si el del nivel superior está (parciamente) transparente, pero dando clic en el seleccionará el objeto superior, no el que usted requiere. Esto es para lo que Alt+clic está hecho. Primero Alt+clic selecciona el objeto superior como un sencillo clic, sin embargo, el siguiente Alt+clic en el mismo punto seleccionará el objeto de abajo Esto es bueno, pero una vez que usted selecciona un objeto bajo la superficie, ¿Qué puede hacer usted con él? Puede usar teclas para transformarlo y puede arrastrar los manejadores de selección.
19
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 Inkscape tutorial básico: http://inkscape.org/doc/basic/tutorial-basic.es.html
Página
20