DISEÑO GRAFICO

DISEÑO GRAFICO Y
CREATIVIDAD

SENA – REGIONAL NORTE DE

SANTANDER
TECNOLOGOS EN PRODUCCION DE
MULTIMEDIA
2009

56
DISEÑO GRAFICO EL COLOR HABLA POR TI...

TABLA DE CONTENIDO
CONCLUSION
INTRODUCCION
Diseño gráfico…………………………………………………… 5 Nuestro objetivo fue haber reforzado el conte-
Interfaces …………………………………………………………. 5 nido de los temas tratados. En fin nuestro pro-
pósito fue haber dado una información básica y
Teoría del Color …………………………………………….. 6
concreta de Diseño Grafico y Creatividad. Tam-
El color …………………………………………………………….. 7 bién dar a conocer nuestro trabajo.
Circulo Cromático …………………………………………… 8
Clasificación de los Colores ……………………….. 9
Cualidades del Color …………………………………….. 9
Psicología del Color ……………………………………….. 12
Importancia del Color..…………………………………. 16
Grupos de Colores …………………………………………. 17
Tipografía ……………………………………………………….. 22
Composición de la Imagen …………………………. 24
Resolución ……………………………………………………… 28

2 55
DISEÑO GRAFICO EL COLOR HABLA POR TI...

TABLA DE CONTENIDO
ALGUNOS BLOGS ENCONTRADOS EN
INTERNET

Formatos ……………………………………………………….. 29
http://iutepilab.blogspot.com Software Utilizado ……………………………………… 34
http://fotos.nitosblog.com Creatividad ……………………………………………………. 44
http://elblogchorno.blogspot.com Tipos de Creatividad …………………………………. 44

http:// Técnicas de la Creatividad ………………………… 46

artefenixdisenografico.blogspot.com Características de la creatividad ……………… 48

http://ramaplastica.blogspot.com Galería de Imágenes ……………………………………… 50

BLOGS ENCONTRADOS ………………………………. 54
http://diariodeununicornio.blogspot.com
CONCLUSICION
http://poesianormal.blogspot.com
http://www.javierazul.co.cc
http://
upelcolor.blogspot.com
http://
vracgaleria.blogspot.com

54 3
DISEÑO GRAFICO EL COLOR HABLA POR TI...

INTRODUCCION

En este trabajo trataremos un tema muy pecu-

liar Diseño Grafico y Creatividad. En cual se en-
cuentra todo lo relacionado con el tema sus ca-
racterísticas, sus conceptos, su utilidad, sus ti-
pos. No solo eso, sino que también estará el co-
lor; su teoría, su psicología, sus clases de colo-
res, su importancia.

Lo que queremos dar a entender no es solo su

significado, sino también dar a conocer lo que
podemos hacer. Ah!!! Y mostrar esta actividad
plasmada en una nueva herramienta de trabajo.

4 53
DISEÑO GRAFICO EL COLOR HABLA POR TI...

DISEÑO GRAFICO
Es una profesión cuya actividad industrial esta dirigida a
idear y proyectar imágenes visuales, contemplando diver-
sas necesidades que varían según el caso. Las tecnologías
y métodos utilizados antiguamente para transmitir la co-
municación visual, se han ido modificando sucesivamente,
actividad que hoy conocemos por diseño gráfico, hasta el
punto de confundir el campo de actividades y competen-
cias que debería serle propio, incluyendo, por supuesto,
sus lejanas fuentes originales.
Es en este instante cuando surge la publicidad, y con ella
la evolución del diseño gráfico
.

INTERFACES
Los tres estilos más comunes de interfaces gráficas
hombre-computadora son: Lo que tú veses lo que puedes
conseguir (WYSIWYG What you see is what you get),

52 5
DISEÑO GRAFICO EL COLOR HABLA POR TI...

Manipulación directa e Interfaces de usuario basados en

iconos. En este punto se mencionarán sus características,
sus ventajas y desventajas así como la relación que existe
entre ellas. Se mencionarán brevemente algunos otros
estilos de interacción como: menú de selección, lenguaje
de comandos, lenguaje natural, diálogo de pregunta-
respuesta. Estos estilos de interacción no son esencial-
mente gráficos pero pueden ser utilizados en aplicaciones
gráficas.

TEORIA DEL COLOR

El color no es una característica de una imagen u objeto,
sino que es más bien una apreciación subjetiva nuestra.

Se puede definir como, una sensación que se produce en

respuesta a la estimulación del ojo y de sus mecanismos

6 51
DISEÑO GRAFICO EL COLOR HABLA POR TI...

nerviosos, por la energía luminosa de ciertas longitudes de

onda.

Aunque parezca mentira, los colores de los objetos nos

transmiten emociones muy fuertes, pese a que, general-
mente no nos demos cuenta de ello. Los hospitales carecen
de color rojo, pues éste es asociado a la sangre, y en las
oficinas suele predominar el blanco que denota orden y
pulcritud.

EL COLOR
Es una sensación que es percibida por los órganos visuales;
está producida por los rayos luminosos y depende de su
longitud de onda y de las características del órgano re-
ceptor.
50 7
DISEÑO GRAFICO EL COLOR HABLA POR TI...

alumno no solo un gran número de ideas, sino recogiendo

categorías y tipos diferentes de respuestas o soluciones.
Un ejemplo para trabajarla sería el siguiente: damos al alumno
diferentes fotos, y alterándole el orden deberá inventar distin-
tas historias.

• Originalidad: característica que define a la idea,

proceso o producto, como algo único o diferente.
Producción de respuestas ingeniosas o infrecuentes.
Dentro del ámbito escolar se potencia estimulando
las nuevas ideas que el alumno propone.

• Viabilidad: capacidad de producir ideas y solucio-

nes que sean realizables en la práctica.

CIRCULO CROMATICO • Elaboración: es el nivel de detalle, desarrollo o

complejidad de las ideas creativas. Para fomentarlo
El círculo cromático nos sirve para observar la organiza- dentro del aula, se le presentan al alumno ilustracio-
ción básica y la interrelación de los colores. nes de historias con dibujos en los que tenga que
percatarse de los detalles.
Los tres primeros factores- fluidez, flexibilidad y originalidad-
son funciones del Pensamiento Divergente o Lateral, que actúa
como un explorador que va a la aventura. Es el que no se paraliza
con una única respuesta ante un problema, es la libre asociación
de ideas e imágenes. Es la reestructuración de lo conocido de un
modo nuevo. En definitiva,
provoca la creatividad. Por
el contrario, el llamado Pen-
samiento Convergente es el
que evoca ideas y trata de
encadenarlas para llegar a
un punto ya existente y de-
finido, si bien, oscuro para
el sujeto.

8 49
DISEÑO GRAFICO
CARACTERISTICAS DE LA CREATIVIDAD
Es un hecho que algunas personas son muy creativas y
otras muy rutinarias. Un análisis de las características del
pensamiento, puede aclarar la dinámica de la creatividad,
y el porque de que existan diferentes grados de creativi-
dad en distintas personas.
• Fluidez: facilidad para generar un número elevado
de ideas respecto a un tema determinado. La mane-
ra de potenciarla en el campo escolar, sería, por
ejemplo, pidiéndole al alumno que relacione entre
hechos, palabras, sucesos,…
• Flexibilidad: característica de la creatividad
mediante la cual se transforma el proceso para al-
canzar la solución del problema. Nace de la capaci-
dad de abordar los problemas desde diferentes án-
gulos.
Dentro del ámbito escolar se desarrollaría exigiéndole al
48
EL COLOR HABLA POR TI...
CLASIFICACION DE LOS COLORES
• COLORES PRIMARIOS: el rojo, el azul y el
amarillo.
• COLORES SECUNDARIOS: el verde, el
violeta y el naranja
• COLORES TERCIARIOS: el rojo violáceo rojo
anaranjado, amarillo anaranjado, amarillo verdoso,
azul verdoso y azul violáceo.
CUALIDADES DEL COLOR
• TONO: Es el matiz del color, es decir el color en
sí mismo, supone su cualidad cromática, es simple-
mente- un sinónimo de color. Es la cualidad que defi-
ne la mezcla de un color con blanco y negro.
9
DISEÑO GRAFICO
Está relacionado con la longitud de onda de su radiación.
Según su tonalidad se puede decir que un color es rojo,
amarillo, verde...
• VALOR O BRILLO: Es un término que se usa
para describir que tan claro u oscuro parece un co-
lor, y se refiere a la cantidad de luz percibida. El
brillo se puede definir como la cantidad de
"oscuridad" que tiene un color, es decir, representa
lo claro u oscuro que es un color respecto de su co-
lor patrón.
• SATURACION O INTESIDAD: También
llamada Croma, este concepto representa la pureza
o intensidad de un color particular, la viveza o pali-
dez del mismo, y puede relacionarse con el ancho de
banda de la luz que estamos visualizando.
10
EL COLOR HABLA POR TI...
• Relaciones Forzadas: Se trata de combinar lo
conocido con lo desconocido para forzar nuevas si-
tuaciones. De ahí pueden surgir ideas originales. Es
muy útil para complementar al Brainstorming cuando
ya parece que el proceso se estanca.
• Scamper: Lista de preguntas que estimulan la
generación de ideas: ¿Sustituir?
¿Combinar?,¿Adaptar?, ¿Modificar?, ¿utilizarlo Para
otros usos?, ¿Eliminar o reducir al mínimo?, ¿Reordenar,
invertir?.
• Analogías: Consiste en resolver un problema me-
diante un rodeo: en vez de atacarlo de frente se
compara ese problema o situación con otros hechos,
conocimientos o disciplinas distintas.
47
DISEÑO GRAFICO EL COLOR HABLA POR TI...

TECNICAS DE LA CREATIVIDAD

• Mapas Mentales: Es una técnica gráfica que

permite la exploración del problema y la generación
de ideas. Dan lugar al pensamiento irradiante.

• Arte de Preguntar: Se trata de un conjunto de

preguntas que se usan para formular en el problema
todos los enfoques que sean posibles, y así abrir la
perspectiva que tenemos del problema. También son
útiles para la percepción de nuevos usos, aplicacio-
nes y posibilidades de un producto o un servicio.

• Brainstorming: Tormenta o lluvia de ideas. Es • MATIZ: El Matiz se define como un atributo de

color que nos permite distinguir el rojo del azul, y
una técnica grupal para la generación de ideas. Las
se refiere al recorrido que hace un tono hacia uno u
cuatro reglas fundamentales son: toda crítica está
otro lado del círculo cromático, por lo que el verde
prohibida, toda idea es bienvenida, tantas ideas co-
amarillento y el verde azulado serán matices dife-
mo sea posible, el desarrollo y asociación de ideas
rentes del verde.
es deseable.

46 11
DISEÑO GRAFICO EL COLOR HABLA POR TI...

tivo para inventar por ejemplo la máquina de vapor o

la energía nuclear.

• Creatividad Secundaria: Son una buena forma

de entrenar y de poner en práctica unas habilidades
creativas. A continuación se exponen algunas de las
técnicas que nos han parecido más interesantes y de
LA PSICOLOGIA DEL COLOR: más utilidad, las cuales podemos encontrar en la
dirección.
El factor psicológico está formado por las diferentes im-
presiones que emanan del ambiente creado por el color,
que pueden ser de calma, de recogimiento, de plenitud, de
alegría, opresión, violencia...

• COLORES CALIDOS: Los colores ardientes se

proyectan hacia fuera y atraen la atención. Por esta
razón, a menudo se usa el rojo en letreros y el dise-
ño gráfico. Los colores ardientes son fuertes y
agresivos, y parecen vibrar dentro de su espacio
propio.

12 45
DISEÑO GRAFICO EL COLOR HABLA POR TI...

LA CREATIVIDAD
Creatividad proviene del latín “creare”, que significa en-
gendrar, producir o crear.
En definitiva la creatividad es un proceso psíquico , supe-
rior inherente al ser humano, que permite hallar relacio-
nes y soluciones novedosas, partiendo de informaciones ya
conocidas y que abarca no solo la posibilidad de solucionar
problemas, sino que también la de plantear nuevos desafí-
os e interrogantes.

• COLORES FRIOS: El frío remite al azul en su

TIPOS DE CREATIVIDAD
• Creatividad Eureka: en donde surgen ideas
fulminantes o descubrimientos de conceptos origi-
nales que suponen un gran salto hacia delante. Es
poco frecuente este tipo de creatividad porque
hace falta tener un increíble e innato espíritu crea-
máxima saturación. En su estado más brillante es
dominante y fuerte. Los colores fríos nos recuerdan
el hielo y la nieve. Los sentimientos generados por
los colores fríos azul, verde y verde azulado son
opuestos a los generados por los colores ardientes;
el azul frío aminora el metabolismo y aumenta nues-
tra sensación de calma.

44 13
DISEÑO GRAFICO EL COLOR HABLA POR TI...

Photo Collage Studio:Es un programa que te servirá a

ti a tu familia para crear estupendos collages de vuestras
fotos favoritas. Con una interfaz sencilla y de aspecto
agradable, podremos elegir una cantidad de fotografías
de nuestro ordenador para incluirlas en formatos preesta-
blecidos o hacerlos directamente desde cero nosotros
mismos. Se puede elegir entre una amplia variedad de
marcos y formatos, entre estilos y colores distintos.
Añade tus propios textos otorgándoles un formato perso-
nalizado eligiendo desde el color, la tipografía o el tamaño.

• COLORES CLAROS: Los colores claros son los Selecciona también entre otra cantidad de gráficos ya
pasteles más pálidos. Toman su claridad de una au- prediseñados que harán las delicias de los más pequeños,
sencia de color visible en su composición, son casi ya que la sencillez de la interfaz permite que sean incluso
transparentes. Cuando la claridad aumenta, las va- ellos mismos los que se adentren en el mundo de la foto-
riaciones entre los distintos tonos disminuyen. Los grafía creativa.
colores claros descubren los alrededores y sugieren
liviandad, descanso, suavidad y fluidez. Se parecen a
las cortinas transparentes de una ventana, y envían
un mensaje de distensión. Son el color marfil, rosa,
celeste, beige...

14 43
DISEÑO GRAFICO
toshop no te será nada complicado hacerte con su uso en
menos de cinco minutos.
Adobe Fireworks CS4: Fireworks es una suite de
diseño vectorial que agrupa texto, diseño, ilustración, edi-
ción de imágenes, URL, JavaScript, y herramientas de
animación. Podrás dibujar usando brochas orgánicas, y
crear formas y objetos ilimitados. Y si te equivocas pue-
des volver atrás y editar cualquiera de los cambios. Dise-
ñado desde un primer momento para satisfacer las necesi-
dades de los diseñadores Web profesionales, Fireworks
incluye opciones tan avanzadas como: exportación de pre-
visualización visual, control total sobre las paletas de co-
lor y la compresión de las mismas, generación automática
de botones de estado y mensajes en
JavaScript, control total sobre tex-
tos y efectos que se pueden editar
en cualquier momento.
42
EL COLOR HABLA POR TI...
• COLORES OSCUROS: Los colores oscuros son
tonos que contienen negro en su composición. Encie-
rran el espacio y lo hacen parecer más pequeño. Los
colores oscuros son concentrados y serios en su
efecto. En cuanto a las estaciones, sugieren el otoño
y el invierno. Combinar juntos los claros y los oscu-
ros es una manera común y dramática de represen-
tar los opuestos de la naturaleza, tales como el día y
la noche.
• COLORES BRILLANTES: La claridad de los
colores brillantes se logra por la omisión del gris o
el negro. Los colores azules, rojos, amarillos y na-
ranjas son colores de brillo pleno. Los colores bri-
llantes son vívidos y atraen la atención. Un bus es-
colar amarillo, un racimo de globos de colores, el
rojo de la nariz de un payaso nunca pasan inadverti-
dos. Estimulantes y alegres, los colores brillantes
son colores perfectos para ser utilizados en enva-
ses, moda y publicidad.
15
DISEÑO GRAFICO
IMPORTANCIA DEL COLOR:
• El color es uno de los medios más subjetivos con el
que cuenta el diseñador.
• Tiene mucho poder de atracción o rechazo depen-
diendo del uso que se le dé.
• Los colores también dan sensación de movimiento.
• Las emociones, sensaciones, y en definitiva todo lo
que los colores pueden llegar a expresar y hacer
sentir al espectador forma parte fundamental de la
base de un buen diseño.
• El color, como elemento clara-
mente evidenciado de nuestro
diseño, puede ser la clave de
nuestro éxito. Tanto si pensa-
mos como si no, si nos damos
16
EL COLOR HABLA POR TI...
mo los ojos rojos rayones, suciedades y varios desperfec-
tos más. Por supuesto, dispone de las funciones de todo
editor gráfico que se precie, como redimensionar la ima-
gen, recortarla, rotarla, etc…
Paint.NET 3.36: Es un magnífico editor gráfico, con
el que podrás modificar tus imágenes y fotografías.
A diferencia de casi todos los programas de este tipo,
Paint.NET es totalmente gratuito y no por eso deja de
ser una gran herramienta.Al igual que los lideres del sec-
tor, Paint.NET nos permitirá trabajar con capas en las
imágenes y tener un historial de acciones.También permi-
te la aplicación de decenas de filtros que nos permitirán
retocar y transformar nuestras fotos digitales a un nivel
más que aceptable.Comparado con otra alternativa gratui-
to como The Gimp, Paint.NET adolece de algunas caren-
cias, pero como contraste es mucho más intuitivo y senci-
llo de manejar, además de consumir bastantes menos re-
cursos.
De hecho lo que más sorprende de este programa es su
rapidez. Si estás habituado al Paint de Microsoft o a Pho-
41
DISEÑO GRAFICO EL COLOR HABLA POR TI...

Microsoft Expression Studio 2: Microsoft Ex-
pression Studio eleva sus posibilidades creativas a un ni-
vel superior. Las herramientas de diseño profesional y las
tecnologías innovadoras de Expression Studio le aportan
flexibilidad y libertad para que su visión sea una realidad,
con independencia de si diseña sitios web basados en es-
tándares, crea experiencias de usuario enriquecidas para
el escritorio y Silverlight, o administra recursos y conte-
nido digitales.
cuenta o no de ello, estamos cargando de significa-
dos cuando elegimos un color.
GRUPOS DE COLORES:
• COLORES ACROMATICOS: aquellos situa-
dos en la zona central del circulo cromático, próxi-
mos al centro de este, que han perdido tanta satu-
ración que no se aprecia con ellos el matiz original.

ACDSee Photo Editor: ACDSee Photo Editor es un

gran programa que facilita mucho la tarea de retocar fo-
tos y te enseña cómo obtener los mejores resultados en
pocos pasos. Con ACDSee Photo Editor crea fotos para
álbumes, retratos, calendarios, tarjetas de agradecimien-
to, invitaciones, etc. Contiene multitud de filtros para me-
jorar el aspecto de tus fotografías, como modificación de • COLORES CROMATICOS GRISES: situa-
brillo, contraste, saturación, colores, etc… dos cerca del centro del círculo cromático, pero
fuera de la zona de colores acromáticos, en ellos se
ACDSee Photo Editor dispone de muchos efectos que da- distingue el matiz original, aunque muy poco satura-
rán realce a tus fotos, como acentuadores de la imagen, do.
difuminadores, adición de ruidos, efecto llamarada, efec-
to explosión, distorsión de la imagen, efecto agua, etc…
Además corrige problemas que puedan tener las fotos co-

40 17
DISEÑO GRAFICO
• COLORES MONOCROMATICOS: variacio-
nes de saturación de un mismo color (matiz) obteni-
das por desplazamiento desde un color puro hasta el
centro del círculo cromático.
18
EL COLOR HABLA POR TI...
herramientas de selección y transformación, máscaras,
degradados, etcétera.
Adobe Photoshop Lightroom 2.2: es la herramien-
ta perfecta para administrar, editar y retocar todas
nuestras fotografías digitales. Es una herramienta pensa-
da tanto para el uso profesional como para un uso domés-
tico, ya que incorpora diferentes funcionalidades y posibi-
lidades que permiten tratar las fotografías aplicando
efectos, textos o plantillas de impresión. Todo ello sin
dejar de lado un exquisita disposición de los paneles de
control, desde los cuales tendremos acceso a todas las
funcionalidades en pocos clics.
Adobe Photoshop Lightroom es una herramienta esencial
para conseguir resultados profesionales con pocos conoci-
mientos en el arte de la fotografía digital.
39
DISEÑO GRAFICO EL COLOR HABLA POR TI...

Corel Paint Shop Pro Photo X2: Corel® Paint • COLORES COMPLEMENTARIOS: colores
Shop Pro® Photo X2 Ultimate combina la facilidad de uso que se encuentran simétricos respecto al centro de
con una eficacia completamente profesional. Corrige el la rueda. El Matiz varía en 180 º entre uno y otro.
brillo, color e imperfecciones de las fotos, como el efecto
de ojos rojos, en unos pocos pasos o utiliza controles de
edición avanzada para crear fotos que estarás orgulloso
de compartir. La edición Ultimate incluye extras de regalo
tales como software de recuperación de elementos multi-
media, contenido creativo extra, Corel® Painter™ Photo
Essentials 4 y una unidad Flash Toshiba de 2 GB.

• COLORES COMPLEMENTARIOS CERCA-

NOS: tomando como base un color en la rueda y
después otros dos que equidisten del complementa-
rio del primero.
The Gimp 2.6.6: La alternativa libre a Photoshop re-
cibe el nombre de The GIMP, acrónimo de GNU Image
Manipulation Program, una herramienta de código abierto
multiplataforma que permite realizar prácticamente las
mismas operaciones que la popular aplicación de Adobe.
Puedes utilizar The GIMP tanto para retocar imágenes
como para crear otras nuevas. Los pinceles con los que
cuenta la aplicación son la brocha, el lápiz, el tampón de
clonar y el aerógrafo.
Las características de The GIMP son prácticamente las
mismas que las de cualquier editor actual de imágenes:
sistema de capas, canales alfa, historial de operaciones,

38 19
DISEÑO GRAFICO
• DOBLES COMPLEMENTARIOS: dos parejas
de colores complementarios entre sí.
• TRIADAS COMPLEMENTARIAS: tres colo-
res equidistantes tanto del centro de la rueda, co-
mo entre sí, es decir, formando 120º uno del otro.
20
EL COLOR HABLA POR TI...
Adobe InDesign CS4: Adobe InDesign es una herra-
mienta ideal y necesaria para la edición y diseño de publi-
caciones profesionales. Su funcionamiento está basado en
la línea de trabajo del Adobe Photoshop y Adobe Illustra-
tor, dándote un único e integrado diseño de trabajo que
no te interrumpirá en tu proceso de creatividad. Además,
InDesign incluso abrirá si es necesario el QuarkXPress y
Adobe PageMaker si los tienes instalados, de esta manera
podrás acceder a un mundo lleno de posibilidades que te
facilitará el diseño en general. InDesign te ofrecerá la
libertad de creación que necesitabas, podrás escalar y
trasquilar tanto texto como gráficos, usar rellenos con
gradientes y muchas otras opciones de las que nunca aca-
baríamos de comentar.
37
DISEÑO GRAFICO EL COLOR HABLA POR TI...

• GAMAS MULTIPLES: escala de colores entre

dos siguiendo una graduación uniforme. Cuando los
colores extremos están muy próximos en el círculo
cromático, la gama originada es conocida también
con el nombre de colores análogos.

Adobe Flash CS4: Adobe ® Flash ® CS4 Profesional

es el software líder en la industria medio ambiente de
autoría para la creación de realizar experiencias interac-
tivas. Entregar al público a través de plataformas y dispo-
sitivos.

• MEZCLA BRILLANTE-TENUE: se elige un

color brillante puro y una variación tenue de su com-
plementario.

Magic Photo Editor: es el software diseñado por Pic-

get. Se utiliza para modificar la fotografía, mezcla de
fotos, y también la imagen de cultivo, eliminación de ojos
rojos mediante la mezcla de fotos etc creación de imáge-
nes personalizadas con antecedentes tales como el paisa-
je, vistas naturales etc suave uso de este software de
mezcla de imágenes y creación de imagen atractiva es po-
sible.

36 21
DISEÑO GRAFICO EL COLOR HABLA POR TI...

LA TIPOGRAFIA:
Empezaremos hablando básicamente sobre la tipografía
en Internet, la cual tiene sus propias reglas, aunque como
en el diseño gráfico la regla principal es que todo sea legi-
ble, es algo así como la regla de oro de las tipografías (si
no se puede leer no mola). Para los primeros necesitare-
mos letras generalmente gruesas y detalladas. Es muy re-
Adobe Photoshop CS4: El software Adobe® Photos-
comendable que las tipografías escogidas para los títulos
hop® CS4 proporciona un acceso mejorado a sus iniguala-
concuerden perfectamente con el diseño de la página y
bles funciones mediante un diseño más intuitivo, una liber-
también tendremos que tratar su color con mucho cuida-
tad de edición mayor e importantes mejoras en la produc-
do, ya que el color en los títulos expresa mucho, pero esto
tividad.
lo veremos más adelante.

Photoscape: Es un muy completo software con el que

Para los segundos deberemos usar tipografías
"Lisas" (Arial, Verdana), nunca con "Serifa" (Times). Aquí
tenéis una imagen de ejemplo:
podrás visualizar y manipular todas tus fotografías, a tra-
vés de un método sumamente práctico e intuitivo que te
ayudará a mejorar sensiblemente la calidad de tus imáge-
nes en pocos minutos. es una muy interesante alternativa
a los programas de edición tradicionales, ya que combina
una serie de posibilidades de visualización, con una com-
pleta gama de herramientas y filtros de edición digital
para que puedas mejorar la calidad de tus fotos sin com-
plicados procesos, y con tan solo algunos clicks del ratón.

22 35
DISEÑO GRAFICO EL COLOR HABLA POR TI...

SOFTWARE UTILIZADO: Las tipografías Lisas son mucho más legibles en un moni-
tor porque al ser más rectas, son más factibles de dibujar
CorelDRAW Graphics Suite X4: CorelDRAW por el monitor, en cambio las tipografías con Serifa tienen
Graphics Suite X4 proporciona todas las herramientas muchos más detalles y a tamaños pequeños se hace poco
esenciales que necesita el atareado diseñador actual. Crea legible en una pantalla, que no en papel.
eficaces diseños mediante las herramientas intuitivas de
ilustración vectorial y diseño de páginas. Retoca y mejora
fotos con software de edición de fotos profesional y con-
vierte fácilmente imágenes de mapa de bits en archivos
vectoriales editables y escalables. Sea cual sea tu proyec-
to, CorelDRAW Graphics Suite X4 te simplificará el tra-
bajo y te inspirará con nuevas posibilidades creativas.
Crea ilustraciones, logotipos, folletos, boletines informa-
tivos, publicidad, letreros, imágenes para Web y mucho
más.
También debido a la tecnología Flash principalmente (si es
que somos raritos) surgieron las Píxel Fonts, unas tipogra-
fías especialmente diseñadas para que éstas se viesen
bien a un determinado punto, ya que "caían" justo en el
píxel del monitor. Estas fuentes han tenido mucho éxito y
son muy recomendables usarlas en Flash, ya que hacen los
textos muy legibles y no se ven borrosas las letras.

Adobe Illustrator CS4: Adobe® Illustrator® CS4

es un completo entorno gráfico de vectores que incluye
nuevas transparencias de degradados y varias mesas de
trabajo que le invitan a explorar modos más eficaces de
diseño.

34 23
DISEÑO GRAFICO
COMPOSICION DE LA IMAGEN:
Tengas la cámara que tengas, las leyes de composición de
imagen siempre regirán el momento en que compongas tu
fotografía. Si consideramos la fotografía como algo más
que una técnica, podemos mejorar la calidad y fuerza de la
imagen cuidando también su aspecto artístico.
• ENCUADRE: De acuerdo al modo como sujete-
mos la cámara, horizontal o verticalmente; podre-
mos distinguir a través del visor tres tipos de for-
matos fotográficos.
Apaisado u horizontal Aberrante Retrato o vertical
Es importante que pruebes estas tres opciones antes de
hacer clic, así tendrás certeza del formato que más con-
viene para la fotografía.
Usar el propio contexto para enmarcar el motivo principal
de la fotografía (una ventana, un árbol, una columna, etc.)
Además date cuenta que la inclusión de objetos en primer
término, contribuyen a dar el efecto de profundidad o
tridimensionalidad a la foto.
• PLANOS: La elección del plano es súper importan-
24
EL COLOR HABLA POR TI...
en 1984.
• Tiff,: TIFF se utiliza masivamente en gráficos de
imprenta. Se pueden emplear algoritmos con pérdi-
da o sin pérdida, si bien muchos programas sólo son
compatibles con un pequeño subconjunto de las op-
ciones disponibles.
• Wbmp: Utilizado fundamentalmente con WML en
dispositivos inalámbricos.
• Xbm: Formato nativo en blanco y negro del sistema
X Window, compatible con la mayoría de navegado-
res web. Se trata de un formato ASCII sin compre-
sión diseñado de tal forma que los ficheros tienen
sintaxis de C/C++, pudiendo ser incluidos en el códi-
go fuente.
• Xcf: Formato nativo para el programa The GIMP,
con múltiples características extra, como la compo-
sición por capas. Usado, sobre todo, en The GIMP,
pero también leíble por ImageMagick.
• Xpm: Es un formato gráfico, en ASCII y formato en
C (parece un archivo en C). Puede ser de hecho,
creado y/o manipulado por un editor de texto. Ins-
pirado en el formato XBM, es usado casi exclusiva-
mente en plata-
formas UNIX
con el sistema X
Window.
33
DISEÑO GRAFICO EL COLOR HABLA POR TI...

PGM (escala de grises) y PPM (color). te, pues de la variación de estos depende el mensaje
y sentido estético que queremos trasmitir en la fo-
• Pcd: Formato propietario de Kodak,
tografía, existen dos tipos de planos: Los planos de
con pérdidas y profundidad de color
Ubicación y planos de Expresión.
de 24-bit color.
Cada plano aporta distinto significado al motivo, unos pue-
• Pcx: Formato nativo para el progra-
den ser muy emotivos, otros, estáticos, unos muy informa-
ma Paintbrush de PC para DOS. Com-
tivos, otros más atrayentes, o curiosos, talvez dinámicos,
presión sin pérdida.
también pueden ser directos o abstractos.
• Pgm: Formato de gráficos simple en escala de gri-
ses. Utiliza 8 bits por píxel. A diferencia del resto
de formatos gráficos, un fichero PGM contiene tex-
to plano y puede ser modificado con un simple pro-
cesador de texto. Está relacionado con los formatos
PBM (blanco y negro) y PPM (color).
• Png: sin pérdida que ofrece profundidades desde 1
hasta 32 bits. Fue diseñado para reemplazar al GIF
en la web.
Ángulo Normal Ángulo Contrapicado
• Ppm: Formato gráfico simple en color. Utiliza 24
(A la altura de los hombros) (De abajo hacia arriba)
bits por píxel: 8 para el rojo, 8 para el verde y 8
para el azul. A diferencia del resto de formatos
gráficos, un fichero PPM contiene texto plano y
puede ser modificado con un simple procesador de
• ÁNGULO DE TOMA: Es el ángulo que adop-
texto. Está relacionado con los formatos PGM
ta cámara respecto al sujeto. Cada angulación tiene
(escala de grises) y PBM (blanco y negro).
un propósito, y un efecto distinto, así el picado dis-
• Psd: Formato propietario utilizado por Adobe Pho- minuye al objeto, el normal tiene un efecto neu-
toshop. Posee cantidad de características extra, tro, y el contrapicado magnifica al objeto.
como la composición por capas. Poco compatible con
programas externos a la casa Adobe.
• Tga, tpic: El formato nativo para las tarjeta TAR-
GA, fue definido originalmente por Truevision Inc. • LEY DE TERCIOS: La ley de tercios nos dice que

32 25
DISEÑO GRAFICO
los puntos de mayor atención de una fotografía son las
intersecciones de de las líneas, el centro es pasivo. De
esta regla se desprende la conocida norma en fotografía
de paisajes, de no situar nunca el horizonte en el centro
del fotograma. Las líneas horizontales del cuadro, debe-
rán representar el horizonte. Es decir el horizonte no se
pondrá en el centro del vi-
sor, sino en el tercio supe-
rior o inferior.
Tenemos el siguiente ejemplo:
El motivo esta en el centro, y
el horizonte divide a la foto-
grafía por la mitad, a pesar de
la buena iluminación y el cro-
matismo logrado con un filtro
degrade, asi como la inclusión
de las sombras como primer
termino, la fotografía se ve sosa y estática.
La fotografía puede mejorarse.
El motivo se encuentra en un
tercio inferior, lo mismo que el
horizonte, contribuyendo a dar
un efecto dramático al cielo, las
nubes se equilibran con el grupo
de personas; la sombra del pri-
26
EL COLOR HABLA POR TI...
• Iff, ilbm, lbm:
Formato popular
en los ordenado-
res Amiga. ILBM
es un subconjun-
to del IFF o In-
terchange File
Format, que
puede contener más que imágenes.
• Jpeg, jpg: El formato JPEG es usado ampliamente
para fotografías e imágenes de gran tamaño y varie-
dad de color en la web y por las cámaras digitales.
Es un formato comprimido con pérdida de calidad,
aunque esta se puede ajustar. JPEG 2000 es el su-
cesor del popular. JPEG, un nuevo algoritmo basado
• Jpg 2, jp2: en ondículas que permite compresión con
o sin pérdidas. Se considera el formato actual de
moda para imágenes fotográficas, si bien aún no es-
tá extendido en sistemas modernos debido a los
requisitos de hardware y a la multitud de patentes.
• Mng: Formato de animación que usa un flujo de da-
tos similar al de los formatos PNG y JPEG, original-
mente diseñado para reemplazar el uso de GIF ani-
mados en las páginas web. A diferencia del formato
GIF es un formato libre.
• Pbm: Formato simple para gráficos en blanco y ne-
gro. Utiliza 1 bit por píxel. A diferencia del resto de
formatos gráficos, un fichero PBM contiene texto
plano y puede ser modificado con un simple procesa-
dor de texto. Está relacionado con los formatos
31
DISEÑO GRAFICO
tantes características extra, como la composición
de capaz. Compatibles con muy pocos programas
aparte de la casa. Su tamaño suele ser menor que el
de los documentos creados por Adobe Photoshop.
• Dpx: el ANSI/ SMPTE DPX es un estandar de ko-
dak similas al cineon pero con cabeceras de imagen
flexibles y variables.
• Exr: OpenEXR es el formato de codigo libre para
imágenes de alto rango dinamico (High dynamic-
range o HDR) desarrollado por la industria Light &
Magic para la generación de imágenes en las produc-
ciones de cine. La principal ventaja del formato es
que soporta píxels en coma flotante de más de 32
bits y múltiples algoritmos de compresión sin pérdi-
das, con un ratio superior al 2:1 en imágenes con
grano.
• Fpx: Formato que admite múltiples resoluciones de
una imagen. Con o sin compresión y de 8 a 24 bits de
profundidad de color Desarrollado por Kodak en
conjunto con Hewlett Packard.
• Gif: GIF es utilizado popularmente en la web. For-
mato de 8 bits (256 colores máximo), con soporte
de animación por
frames. Utiliza la
compresión LZW
lo que provoca
conflictos de pa-
tente con el pro-
pietario del algo-
ritmo.
30
EL COLOR HABLA POR TI...
mer termino contribuye perfectamente a dar la sensacion
de profundidad
La fotografía es perfecta .
• LÍNEAS: Las lineas verticales y diagonales dan
dinamismo a la escena y conducen al espectador
hacia un determinado elemento de la imagen. Las
líneas horizontales dan sensación de tranquilidad,
estabilidad e inmovilismo. En una composición, las
líneas pueden actuar: haciendo penetrar nuestra
visión en la fotografía, guiando nuestra mirada por
la imagen hasta el centro de interés, o haciendo sa-
lir nuestra mirada de la foto lo más suavemente po-
sible.
• CENTRO DE INTERÉS: La situación, y el tra-
tamiento que demos al centro de interés es, posi-
blemente, lo más decisivo en la composición fotográ-
fica. Es preferible que exista un único punto de in-
terés en la imagen. cuando en una escena hay dos o
tres motivos con la misma fuerza que el principal, se
establece un competencia entre ellos que genera
confusión en el observador y perjudica la fotogra-
fía. Si una persona o animal se fotografía de perfil,
se debe dejar siempre más espacio por delante de
su cara que por detrás.
De igual forma, al foto-
grafiar objetos móviles,
es muy importante cap-
tarlos entrando en la
foto y nunca saliendo.
27
DISEÑO GRAFICO EL COLOR HABLA POR TI...

• RELACIÓN FIGURA FONDO: El tema prin- filas de píxeles. A continuación se presenta una ilustración
cipal de la fotografía no debe confundirse con el sobre cómo se vería la misma imagen en diferentes resolu-
fondo. El fondo tiene una importancia decisiva a la ciones.
hora de valorar el punto de interés, y por lo general,
nunca debe competir con el motivo principal. Para
ello podemos recurrir a un fondo de tonalidad
opuesta para resaltar el objeto principal ( objetos
claros sobre fondos oscuros y viceversa) o, si está
en otro plano, podemos simplemente desenfocarlo
abriendo para ello el diafragma (profundidad de
campo).

RESOLUCION:
La resolución de imagen indica cuánto detalle puede ob-
servarse en una imagen. El término es comúnmente utiliza-
do en relación a imágenes de fotografía digital, pero tam-
bién se utiliza para describir cuán nítida (como antónimo
de granular) es una imagen de fotografía convencional (o
fotografía química). Tener mayor resolución se traduce en
obtener una imagen con más detalle o calidad visual. Para
las imágenes digitales almacenadas como mapa de bits, la
convención es describir la resolución de la imagen con dos
números enteros, donde el primero es la cantidad de co-
lumnas de píxeles (cuántos píxeles tiene la imagen a lo an-
cho) y el segundo es la cantidad de filas de píxeles
(cuántos píxeles tiene la imagen a lo alto). La convención
que le sigue en popularidad es describir el número total de
píxeles en la imagen (usualmente expresado como la canti-
dad de mega píxeles), que puede ser calculado multiplican-
do la cantidad de columnas de píxeles por la cantidad de
FORMATOS:
• Art: es un formato de imagen propietario usado
habitualmente por el software cliente de AOL. El
formato ART únicamente soporta una imagen fija
que ha sido muy comprimida.
• Bmp: comúnmente usado por los programas de Mi-
crosoft Windows y por el sistema operativo propia-
mente dicho. Se le puede aplicar comprensión sin
perdida. Aunque no todos los programas son compa-
tibles.
• Cin: es un subconjunto del formato ANSI/SMPTE
DPX con cabeceras fijas.
• Cpt: formato propietario usado por defectos en do-
cumentos de Corel Photo– Saint. Dispone de impor-

28 29