Disenografico PDF

LIC.
JOEL COMBES
MANUAL
INTRODUCCIN AL
DISEO GRFICO
SDQ Training Center, 2015
Lic. Joel Combes, Redaccin
PRINCIPIOS BSICOS
Diseo, composicin y portada: Joel Combes
Ttulo original: Manual introduccin al diseo grfico

1 edicin: enero 2015
SDQ Training Center

Calle Lea de Castro 256, Gazcue, Santo Domingo,
Repblica Dominicana
info@sdq.com.do
www.sdq.com.do
Reservados todos los derechos. No se permite la reproduccin total o parcial de esta obra,
ni su incorporacin a un sistema informtico, ni su transmisin en cualquier forma o por
cualquier medio (electrnico, mecnico, fotocopia, grabacin u otros) sin autorizacin
previa y por escrito de los titulares del copyright. La infraccin de dichos derechos puede
constituir un delito contra la propiedad intelectual.
1 edicin: enero 2015
CONTENIDO
INTRODUCCIN
Color en el Diseo grfico
Teora del color

Crculo Cromtico
Armonas de color
Psicologa del color
6
9
10
12
Este manual sobre los fundamentos bsicos del diseo grfico.

Esta orientado a las personas que se inician en este maravillo
mundo y tienen muy poco o nada de conocimiento de esta rama
del arte.
Layout y composicin
16
Reglas de composicin grfica

16
Lneas guas
18
Mrgenes y espacios
19
ALINEACIN 20
Peso visual y equilibrio
22
Agrupacin 26
Espiral dorada y ley de tercios
28
Las fuentes tipogrficas

Familias de fuentes
Texto mancha y masa
Caractersticas del texto
Variaciones de una fuente
Estilos y concepto en diseo grfico

Estilos grficos
Aspectos visuales variables
30
30
34
35
36
38
38
39
Los grficos digitales
42
Grficos vectoriales
Grficos bitmaps
43
47
Grficos para impresin y digital
50
Proceso de artes grficas

Diseo Grfico
Preparacin de Arte Final
Preprensa digital
Impresin y terminacin
50
51
52
56
57
Evaluacin 60
El diseo grfico es sinnimo de comunicacin a nivel visual.

Muchas personas que se inician en esta rama se deslumbra con la
decoracin visual dejando de un lado el verdadero sentido que es
la comunicacin efectiva de un mensaje a un publico especifico a
travs del medio visual.
La comunicacin es la tarea principal en el diseo grfico.
Mientras que el arte a travs de las letras, colores, formas,
imgenes y fondos son un medio o vehculo que ayuda a dar
fuerza al mensaje.
Este manual explora las variables que componen el los diseos
que son estticamente atractivos a la vista. Y tambin los consejos
para que podamos lograr diseos visuales tanto bellos como
funcionales.
Dentro de las variables que intervienen en las piezas de
comunicacin visual encontramos:
el color, las fuentes
tipogrficas, la composicin de los elementos en el espacio, el
manejo de las imgenes (formas), as tambin como el fondo, los
estilos o temas (concepto), entre muchas otras.
Esta gua ha sido concebida para ser el fundamento a las personas
que desean aprender a usar programas de computador (uso de la
herramienta).
Vamos a poner un ejemplo para ilustrar mejor este punto.
A Juan un ebanista lo ensea solo a usar las herramientas
como el serrucho, martillo, sierra, entre otros. Pero nunca
le dice cuales son los principios de hacer una buena silla
o mesa. Nunca se le ensean las diferencias bsicas
entre un trabajo mediocre y los fundamentos bsicos
que logran un trabajo profesional. Nuestro amigo Juan
ser entonces un excelente operador de herramientas y
al mismo tiempo un psimo y mediocre profesional
de la ebanistera.
As mismo sera una persona que decide
aprender programas para hacer diseos
grficos como: Adobe Photoshop, Adobe
Illustrator o Adobe InDesign sin procurar
a aprender los fundamentos que tienen los
buenos trabajos de diseo.
Lic. Joel Combes
Asp
RGB
Las pantallas de
computadoras y
proyectores crean los
colores con luz blanca
descompuesta en RGB
(rojo, verde y azul).
Por tal razn cuando
trabajamos un diseo
grfico orientado a uso
en pantalla usamos el
modo de color RGB.
En este captulo
ww
ww
ww
ww
Teora del color

Crculo Cromtico
Armonas de color
Psicologa del color
TEORA DEL COLOR

El color es luz. El color blanco es la suma de todos los colores,
mientras el color negro es la ausencia de todos los colores a la vez.
Estas afirmaciones podran resultar un poco chocantes con las
creencia que muchos de nosotros creamos saber desde pequeos.
Vamos a iniciar por la afirmacin de que el color es luz.
Colores luz
ico
Color en el
Diseo grfico
to tcn
ec
El blanco est compuesto por todos los colores: iniciando por el

rojo,naranja, amarillo, verde, cyan, azul y finalmente el violeta.
A esto le denomina espectro visible que no es ms que las longitud
de onda que el ojo humano puede percibir.
A esta sntesis de colores la llamamos Aditiva ya que suma luces
hasta llegar a blanco.
Partimos de un espacio oscuro (Negro)

ww
ww
ww
ww
Rojo + Verde = Amarillo.

Rojo + Azul = Magenta.
Verde + Azul = Cian.
Rojo + Verde + Azul = Blanco.
Podemos ver el
fenmeno de los
colores luz en los
prismas de cristal,
cuando pasa la luz
blanca a travs de ellos
y descompone en todos
los dems colores a
otro lado.
(White = Red + Green + Blue)
Verde
rda qu
ue
.
e..
Rojo
Rec
La luz es el color en s misma y los objetos (que parecieran tener

color en s mismos) no hacen ms que reflejar una parte en
especfico de la luz blanca (la cual tiene todos los colores).
Luces
Azul
Los colores RGB estn
basados en luz.
6
Introduccin al diseo grfico
RGB
La mezcla de las luces
rojas, azul y verde
juntas crean la luz
blanca.
SDQ Training Center / Lic. Joel Combes
Asp
Las tres caractersticas que definen un color determinado son:

tinta, saturacin y luminosidad.
Tinta:
Cual color es.
Saturacin:
Cunta intensidad
tiene.
Colores tinta
ico
Caractersticas del color
to tcn
ec
HSB
La formula de color
HSB (tono, saturacin
y brillo) es la que usa
Adobe Photoshop
por defecto para
mezclar los colores
en la ventana COLOR
PICKER.
Luminosidad:
( Black = Cyan + Magenta + Yellow + Black)

Para impresin iniciamos con un lienzo o soporte en blanco
(iniciamos con luz y todos los colores juntos) y con las tintas
empezamos a ocultar colores. Podemos ocultar luz hasta tapar la
toda y llegar a oscuridad o negro.
Cunta claridad u
oscuridad.
CRCULO CROMTICO
El crculo cromtico es una herramienta de diseo creada a partir
del espectro visible colores.
Como herramienta, el crculo cromtico nos permite hacer
frmulas para combinar los colores de forma armoniosas.
portant
m
A esta sntesis de colores la llamamos sustractiva ya que resta

luces hasta llegar a negro.
Partimos de una hoja o lienzo en blanco.

ww
ww
ww
Armonas de colores
rda qu
ue
.
e..
Rec
ww
Magenta + Amarillo = Rojo.

Can + Amarillo = Verde.
Can + Magenta = Azul.
Can + Magenta + Amarillo = Negro.
Can
Amarillo
Tintas
Son reglas universales

de combinaciones
de colores. Esa
reglas sirven tanto
para decoracin de
interiores, combinacin
de ropa, artes
publicitarios y todas
las situaciones en las
que haya que combinar
colores de forma
armoniosa.
CMYK
La mezcla de las
tintas can, magenta
y amarillo dan como
resultado el negro
Magenta
ARMONAS DE COLOR
Monocroma
Anlogo / complementario
Un color combinado con los anlogos (color de la derecha e
izquierda) de el complementario de dicho color en el crculo
cromtico.
Un solo color y sus gradaciones hasta blanco y hasta negro.
Anlogos
Un color y el que queda a la derecha y a la izquierda en el crculo
cromtico.
Complementario
Un color en el crculo cromtico y combinado con el que queda
justo en frente.
10
Doble complementario
Dos colores al azar en el crculo cromtico y sus respectivos
complementarios en forma de cruz.
Triada
Es la combinacin de tres colores que este equidistantes (a 120
grados unos del otro) en el crculo cromtico en forma de tringulo.
11
PSICOLOGA DEL COLOR
Turquesa:
Frialdad, limpieza, frescura, sanacin,
acutico y fluidez
Blanco:
Pureza, claridad, verdad, sofisticacin,
limpieza e higiene.
Negro:
Sofisticacin, poder, fuerza, integridad,
seguridad, calidad, liderazgo, magia.
Rojo:
Poder,
excitacin,
energa,
pasin,
agresividad, fuerza, dinamismo, coraje,
amor, buena suerte (Asia) y Alegra (Asia).
Marrn:
Durabilidad,
seguridad,
naturaleza,
calidez, amabilidad, riqueza y sabroso.
Crema:
Suavidad, sabroso y blando.
Verde:
Crecimiento,
esperanza,
nutricin,
naturaleza, frescura, renovacin, suerte,
deidad (Medio oriente).
12
Azul:
Poder, fuerza, inteligencia, eficiencia,
lealtad, lgica, limpieza y serenidad.
Amarillo:
Optimismo,
luminosidad,
felicidad,
confianza, amistad, creatividad y calidez.
Naranja:
Energa, vitalidad, animar, excitacin y
calidez.
Violeta:
Dignidad, sofisticacin, realeza, pasin,
creatividad, magia, misterio, espiritualidad
y fantasa.
Dorado:
Excelencia, riqueza, prestigio, prosperidad,
nobleza y divinidad
Plateado:
Clsico, valioso, futurista y tecnologa.
13
as qu
ab
e?
Tonalidades segn la edad

Bebs
Colores pasteles.
La gama de colores
es ms clara en
edades tempranas y
va oscureciendo en la
medida en que avanzan
los aos.
Nios
Colores positivos y primarios y evitar los colores ambiguos.
Jvenes
Colores brillantes y amplia gama.
Adultos
Colores opacos y conservadores.
Mayores
Colores oscuros.
14
15
Layout y
composicin
En este captulo
ww
ww
ww
ww
ww
ww
ww
Reglas de composicin grfica

Lneas guas
Alineacin
Peso visual y equilibrio
Agrupacin
Zona dorada y ley de tercios
Mrgenes y espacios
REGLAS DE COMPOSICIN GRFICA

La composicin es la forma en que se disponen los elementos de
un diseo en un espacio dado (formato o soporte) . Existen reglas
que ayudan a hacer armoniosas las composiciones. Seguir estas
reglas es importante porque ayuda nuestro diseo en dos sentidos.
ww
Facilita la comprensin y legibilidad

Ayuda a la buena apariencia esttica.
rda qu
ue
.
e..
Rec
ww
Nada debe colocarse

en la pgina de forma
arbitraria.
Cada elemento debe
tener una conexin
visual con algo ms de
la pgina.
16
17
LNEAS GUAS
Esta regla de composicin grfica se basa en hacer alinear los
elementos con lneas imaginarias ya sean horizontales, verticales
u otras.
Un ejemplo de esto son las alineaciones de los prrafos a la derecha,
izquierda, centro o ambos lados (justificado). En otras palabras
sera aplicar estos mismos principios a todos los elementos y no
solo al los textos.
MRGENES Y ESPACIOS
Los mrgenes son espacios de separacin entre un elemento o susbordes de otro elemento en un espacio.
La buena aplicacin de los mrgenes le da elegancia y buen gusto
al diseo.
portant
m
La alineacin basada en
lneas guas le agrega
ORDEN y LIMPIEZA al
diseo.
Margen global
to tcn
ec
ico
Asp
Son lneas imaginarias

que crean un limite
definido entre el
contenido y el borde
del espacio de trabajo.
En la mayora de
programas de diseo
grfico podemos
auxiliarnos de lneas
guas para alinear los
elementos.
Usualmente las lneas
guas se pueden
sacar de la regla del
programa.
Espacios internos
Son los espacio entre
un objeto y otro.
Los elementos
que componen el
diseo deben de
estar separados por
distancias similares.
18
19
Simtrica
Cuando los elementos de la composicin se alinean al centro de
una linea gua imaginaria.
to tcn
ec
ico
Asp
ALINEACIN
En la mayoria de
programas de
diseo podemos
usar herramientas
similares a esta para
alinear y distribuir los
elementos.
Ejemplo de diseo
simtrico.
En este ejemplo vemos

el panel Align de Adobe
Illustrator
Alineacin Radial
as qu
ab
e?
Cuando la linea gua parte del eje de un crculo y se fuga hacia

el exterior. Entonces alineamos los elementos del centro hacia
afuera de ese eje.
Alineacin marginal
Cuando la linea gua esta a la derecha, izquierda, arriba o abajo y
apilamos los elementos al borde de esa lnea.
Ejemplo de diseo
con alineacin a los
mrgenes.
20
La ltima cena tiene

una alineacin de
elementos radial
donde el centro es la
cabeza de Jess. De
esta manera todas las
lneas fugan a l y lo
convierte en el centro
de atencin.
Ejemplos de diseos
basados en alineacin
radial.
21
Podemos observar que

la imagen del perro
de la izquierda es ms
ligera, mientras la
imagen del perro de la
derecha es ms pesada.
PESO VISUAL Y EQUILIBRIO

Es un aspecto abstracto del diseo grfico. Ya que los elementos
que componen un arte no tienen peso real o fsico. Sin embargo
la mente y su percepcin le asignan peso visual a los grficos
segn sea su contraste o color, tamao, posicin en el espacio y
direccin.
El buen uso del peso visual est asociado con el logro de diseos
que parecen equilibrados. Que no pesen ms de un lado que del
otro en trminos visuales.
Con el objetivo de lograr equilibrio jugamos con los siguientes
factores.
ww
as qu
ab
e?
ww
En cuanto contraste, el
amarillo es ms pesado
que el rojo en fondo
negro.
ww
ww
Esto es por los factores

contrate, tamao y
direccin.
Peso por tamao

Los objetos ms grandes son ms pesados que los objetos ms
pequeos.
Contraste
Tamao
Direccin
Posicin
Peso por contraste

Los objetos ms contrastados con el fondo pesas ms que los
menos contrastados.
Un objeto negro sobre un fondo claro o lo contrario, blanco sobre
fondo negro. Son ejemplos de objetos pesados. Mientras los
objetos que se confunden con el fondo son ms ligeros.
En el primer ejemplo
la palabra Font es el
elemento ms pesado
por su tamao.
En el segundo afiche,
la figura de la mujer
es el elemento que
pesa ms, tanto por su
tamao como por la
posicin de arriba.
Sin embargo el rojo

es ms pesado que
el amarillo en fondo
blanco.
22
23
Peso por direccin
Peso por posicin
La lectura occidental nos condiciona a que la direccin natural

de una pieza grfica sea de izquierda a derecha y de arriba hacia
abajo.
Los elementos que se encuentran ms arriba que otros parecen

ms pesados que los que estn ms abajo.
Podemos especular que esto se debe a que el cerebro humano
le asigna gravedad y las cosas que estn ms arriba tiene ms
espacio para caer.
La silueta se mueve en
direccin izquierda a
derecha. De esta forma
facilita la lectura del
texto.
Por esta direccin visual es ms pesado un objeto que esta arriba y

a la izquierda que uno que est abajo y a la derecha.
Otro punto de vista con respecto a la direccin se trata de si los
elementos estn orientados hacia dentro o hacia afuera del lienzo.
En este arte podemos

apreciar de forma clara
como la direccin de
la embarcacin afecta
la dinmica de la
composicin.
Este texto tiene ms

peso que el de abajo
por estar arriba, pero
menos peso por el
poco contrate con el
fondo.
rda qu
ue
.
e..
Rec
Este crculo pesa ms

que los dems por
estar arriba y por tener
un color diferente.
En muchas ocasiones
para lograr artes
equilibrados en
cuanto al peso visual,
necesitamos usar
tcnicas mixtas:
kk Contraste
kk Tamao
kk Direccin
kk Posicin
Este texto compensa

la falta de peso de la
posicin inferior con
un mayor contraste de
color con el fondo.
24
25
AGRUPACIN
Este es un principio muy interesante que nos dice que aunque
una composicin tenga muchos elementos, es mucho ms fcil de
ver si estos elementos se encuentran en grupos, en vez de estar
dispersos en el espacio.
Agrupar
Puede hacer que
30 elementos sean
fciles de ver en tres
grupos de 10, en vez
de estar dispersos y
desordenados.
Es bueno usar pocos grupos ya que si usamos muchos caemos en

el mismo problema visual de no tener punto de atencin.
as qu
ab
e?
Es ms fcil interpretar visualmente un ramo de flores que 200

ptalos. Aunque el ramo de flores se vean los 200 ptalos es un
solo objeto, una sola idea.
Los ptalos esparcidos

son interpretados
visualmente como una
textura. Mientras que
los ramos de flores
son un conjunto o
elemento.
En este afiche podemos

observar tres grupos.
Un fondo de lneas,
animales y textos. Pero
cada uno de estos
grupos tiene mltiples
elementos.
La limpieza de la
composicin de este
diseo esta basada en
la tcnica de convertir
muchos elementos
en pocos, mediante la
tcnica de agrupacin.
Agrupacin en
Diseo grfico
De esta misma forma
debemos agrupar los
artes en:
kk Titular
kk Imagen principal
kk Mensaje
kk Cierre
26
27
ESPIRAL DORADA Y LEY DE TERCIOS

Esta regla de composicin se aplica principalmente a las imgenes
y fotografas, aunque tambin la podemos aplicar al diseo
grfico.
Se trata de dividir el espacio de una imagen en tres espacios iguales
horizontal y vertical. Y las esquinas del cuadrado que queda en
medio se llaman zona dorada o puntos dorados. Entonces la regla
es colocar el punto de inters en ese lugar.
La tendencia natural es poner el punto de inters en el centro de
la composicin pero es mucho ms interesante la imagen cuando
ponemos el centro de atencin en la zona dorada.
as qu
ab
e?
Normalmente el punto
de atencin o el sujeto
principal se coloca
en cualquiera de los
cuatro puntos y si
existiese un segundo
punto de atencin,
ste se ubicara
al lado opuesto
diagonalmente, es
decir, el punto opuesto.
Espiral dorada o
espiral urea.
Aparece representada
en diversas figuras de
la naturaleza (plantas,
galaxias espirales, ), as
como en el arte.
28
29
(Palo seco)
Caractersticas
Rec
Los grosores que forman la letra son similares por todos los lados.
Carecen de decoraciones por esto tambin son llamadas palo seco.
En este captulo
ww
ww
ww
ww
Familias de fuentes
Texto mancha y masa
Caractersticas del texto
Variaciones de una fuente
Las fuentes Sans Serif

Son muy buenas en
titulares por ser bien
legibles, pero no son
muy recomendadas
en masas de texto
pequeos ya que se
suelen agrupar y ser
poco legibles.
FAMILIAS DE FUENTES
Es recomendable usar
fuentes SANS SERIF
y SERIF. Ya que son
elegantes y legibles.
En menos proporcin
las fuentes SCRIPT y
solo para titulares.
En ltimo lugar las
DECORATIVAS y solo en
casos muy especiales.
Las principales familias tipogrficas
Helvetica, Arial, Calibri, impact, entre muchas otras.
Las tipografas se clasifican segn su diseo en grupos llamados

familias. Las familias comparten caractersticas similares de
diseo y son capaces en s mismas de transmitir un mensaje solo
con su forma.
Usos
ww
ww
ww
ww
Sans Serif
Serif
Script
Decorativas
Asp
Ejemplos
to tcn
ec
ico
e?
En este tema veremos la importancia que tiene los tipos de letra

en el diseo grfico.
as qu
ab
rda qu
ue
.
e..
Las fuentes
tipogrficas
Sans Serif
Estas fuentes son usadas principalmente para mostrar

ww
ww
ww
ww
ww
Modernidad
Estructura
Simpleza
Limpieza
Tecnologa
Son las fuente

preferidas para lectura
en digital (pantalla)
porque son ms
compatibles con los
pxeles.
Caractersticas de las
fuentes SANS SERIF.
Serif
SANS SERIF
SCRIPT
30
SERIF
DECORARIVAS
(Romanas)
Caractersticas:
Tiene una terminacin decorada. La
principal decoracin es la Serifa, que no
es ms que una decoracin perpendicular
en las terminaciones de las letras. Otra
caracterstica es que varan de grosor en
los lados. En el siguiente grfico veremos
otras caractersticas de las fuentes Serif
(romanas).
31
Ejemplos:
rda qu
ue
.
e..
Rec
Times New Roman, Cambria, Georgia.
Psicolgica-mente
asociamos las fuentes
Serif a las letras de
la biblia, de miles de
libros, los textos de las
noticias en el peridico
o los contratos legales.
Usos
Estas fuentes son usadas principalmente para grandes masas de
texto de lectura ya que por ser finas y gruesas a la vez soportan
buena reduccin con buena legibilidad. Ayuda a ahorrar material
(menos pginas para el mismo texto) sin sacrificar la legibilidad.
Simbolizan:
ww
ww
ww
Seriedad
Clsico
Confiable
Script
(Manuscritas)
Caractersticas
Estas fuentes imitan la escritura a mano. Pueden ser escritura
corrida o en moldes.
Usos
Su uso es principalmente para titulares ya que en masas de
prrafos suelen no ser muy legibles. Adems no es recomendable
en la mayora de casos usarlas todas en mayscula porque resulta
una mancha grotesca e ilegible.
Ejemplos de fuentes
manuscritas.
Caractersticas de las
fuentes SERIF.
Decorativas
(ilustradas)
as qu
ab
e?
Caractersticas
Times New Roman

Es una tipografa del
tipo serif encargada
por el peridico The
Times (Londres) en
1931 y diseada por
Stanley Morison junto
a Starling Burgess y
Victor Lardent. Fue
publicada por primera
vez por Monotype
Corporation en 1932.
Aunque no es utilizada
actualmente por The
Times, se encuentra
muy extendida para la
impresin de libros.
32
Son fuentes que son basadas en Serif, Sans Serif o Script

con deformaciones grficas o ilustraciones alegricas a algn
concepto. Estas fuentes son libres en diseo y no encajan de forma
rgida en las convenciones.
Usos
No son recomendadas en lo absoluto para ser usadas como texto
de masas ya que usualmente no administran bien el espacio, dan
una mala mancha visual, no soportan ciertos niveles de reduccin
y con frecuencias nos son fuentes incompletas (les faltan smbolos
como acentos, o algn otro signo de puntuacin.
Ejemplos de fuentes
decorativas.
33
TEXTO MANCHA Y MASA

Los texto segn su uso como titular o cuerpo tienen un manejo y
tratamiento diferente.
Para los titulares

Podemos usar todas
las familia tipogrfica
que est acorde con
nuestro concepto.
Aunque siempre es
recomendable las que
den mayor legibilidad.
Mancha de texto
(Titulares)
CARACTERSTICAS DEL TEXTO

Leading
(Espacio entre las lneas)

Es la caracterstica que nos indica el interlineado o espacios entre
las lneas de una masa de texto.
Nos referimos a los textos que por su gran dimensin podemos

apreciar los detalles de las letras. Son comnmente titulares de
pocas palabras y gran tamao con respecto al formato.
Las formas, curvas y lneas de las fuentes son muy importantes
en los texto de mancha. Ya que estas definen un sentimiento o
concepto.
Tracking
(Espacio entre letras)

Es un nmero que designa el espacio entre letras de un texto
seleccionado.
Ejemplos de textos para
titulares y para cuerpo
o masa.
Kerning
(Espacio visual entre algunas letras)

Es un espacio que entre combinaciones de letras especficas. Hay
letras que por su forma parecen estar ms pegadas o despegadas
de lo que realmente estn por una ilusin visual. Un ejemplo de
esto es la combinacin de (AV), (Pd), (Fi), entre otras. El kerning
ayuda a poner las letra a verse a la misma distancia haciendo que
se pongan a la distancia que visualmente lo parezca.
Cuerpo de texto
Para los textos de
masa es recomendable
usar fuentes Serif o
Sans Serif. Ya que son
los que dan mayor
legibilidad.
Las tipografas Sans
Serif son mejores para
masas en formato
digital y Las Serif son
mejores para papel en
muchos casos.
34
Masa de texto
(Cuerpo de texto)
Son el grueso de texto agrupados en prrafos. En las masa no

se aprecian los detalles de cada letra en particular sino que se
aprecia el conjunto.
Cuando las fuentes son gruesas, con las letras pegadas (kerning o
tracking), las palabras pegadas y las lneas muy juntas (leading)
crean una masa oscura. En caso contrario generan una masa clara.
35
Ejemplo de leading,
tracking y kerning.
VARIACIONES DE UNA FUENTE

Por Grosor
.
e..
Rec
ww
rda qu
ue
ww
ww
ww
ww
Es una buena idea

elegir una fuente que
tenga una familia
amplia como la
HELVETICA.
ww
Extra Light
Light
Regular
Bold
Extra Bold
Black
Ya que de esa forma

solo usas una fuente
en el diseo y al mismo
tiempo tienes mltiples
variaciones que
sirven para distintas
situaciones.
Por caracterstica
I
portant
m
ww
ww
ww
Condensed
Extended
Italic
Es bueno usar un
mximo de tres
tipografas en un solo
diseo.
36
37
Concepto
portant
m
Es una lnea de pensamiento que rige

las decisiones grficas. Un ejemplo de
concepto seria: Tecnologa, Con este
concepto en mente podemos elegir los
elementos grficos que sean afines a esa
idea.
Estilos y
concepto en
diseo grfico
El concepto va a ser
la gua de tomas
de decisiones y el
fundamento de
comunicacin visual.
Es necesario que cada arte que diseemos

est bajo la sombrilla de un concepto.
En este captulo
ww
Estilos grficos
Aspectos visuales variables
ASPECTOS VISUALES VARIABLES
ESTILOS GRFICOS
Un estilo de diseo es un marco que agrupa caractersticas visuales
(lnea grfica) y un concepto de comunicacin.
Los principales aspectos que definen una lnea grfica son:
ww
ww
ww
ww
Estilo de grfico para

deporte.
Para entender
mejor piense en las
caractersticas que
debe tener un arte
orientado a deportes,
otro orientado a
belleza y por ultimo
caractersticas debe
tener una arte para
restaurante de carnes.
Usted podr ver
que usan fuentes
diferentes, colores,
formas, bordes, fondos,
tipos de imgenes,
entre muchas otras
caractersticas que los
diferencian. Eso es
porque cada uno tiene
un estilo diferente y
bien definido.
38
Fuente
Colores
Forma
Fondo
Tratamiento de la imagen
as qu
ab
e?
ww
ww
Cada pieza en una

lnea grfica debe tener
variedad y al mismo
tiempo mantener
unidad con las dems
piezas.
La unidad se consigue
mediante el uso de
las fuentes, paletas
de colores, formas
de los elementos,
manejo de los fondos
y tratamiento de las
imgenes.

belleza femenina.

restaurante de carne.
39
40
41
Los grficos
digitales
En este captulo
ww
ww
ww
Vector vs bitmap
Grficos vectoriales
Grficos bitmaps
VECTOR
BITMAP
Caractersticas
Caractersticas
ww
ww
ww
ww
Hecho con ecuaciones matemticas.

Independientes de la resolucin.
Mantiene calidad al ampliar.
No tienen fondo.
Asociado a tipo de archivo

ww
ww
ww
ww
ww
.EPS
.AI
.SVG
.CDR
.WMF
ww
ww
ww
ww
Basado en una rejilla de pxeles.

Depende de la resolucin.
Pierde calidad cuando se amplia.
Est restringida a un rectngulo.
GRFICOS VECTORIALES
Una imagen vectorial es una imagen digital formada por objetos
geomtricos independientes (segmentos, polgonos, arcos, etc.),
cada uno de ellos definido por distintos atributos matemticos de
forma, de posicin, de color, etc. Por ejemplo un crculo de color
rojo quedara definido por la posicin de su centro, su radio, el
grosor de lnea y su color.
Este formato de imagen es completamente distinto al formato
de las imgenes de mapa de bits, tambin llamados imgenes
matriciales, que estn formados por pxeles. El inters principal de
los grficos vectoriales es poder ampliar el tamao de una imagen
a voluntad sin sufrir la prdida de calidad que sufren los mapas
de bits. De la misma forma, permiten mover, estirar y retorcer
imgenes de manera relativamente sencilla. Su uso tambin est
muy extendido en la generacin de imgenes en tres dimensiones
tanto dinmicas como estticas.
Programas vectoriales 2D
Asociado a tipo de archivo

ww
ww
ww
ww
ww
.GIF
.JPG
.PNG
.PSD
.TIFF
Adobe Illustrator
Ilustracin y artes
grficas.
Corel Draw
Ilustracin y artes
grficas.
42
43
Programas vectoriales 3D
Flash
Animacin y
Multimedia.
InDesign
Maquetacin
Quarkxpress
Maquetacin
44
AutoCAD
Planos de arquitectura
e ingeniera.
Maya
Grficos en tres
dimensiones.
Cinema
Grficos en tres
dimensiones.
45
3Ds Max
Grficos en tres
dimensiones.
Los grficos en mapa de bits se distinguen de los grficos

vectoriales en que estos ltimos representan una imagen a
travs del uso de objetos geomtricos como curvas de Bzier y
polgonos, no del simple almacenamiento del color de cada punto
en la matriz. El formato de imagen matricial est ampliamente
extendido y es el que se suele emplear para tomar fotografas
digitales y realizar capturas de vdeo. Para su obtencin se usan
dispositivos de conversin analgica-digital, tales como escneres
y cmaras digitales.
Programas Bitmap
to tcn
ec
ico
Una imagen en mapa de bits o imagen rster (un calco del ingls),
es una estructura o fichero de datos que representa una rejilla
rectangular de pxeles o puntos de color, denominada matriz, que
se puede visualizar en un monitor, papel u otro dispositivo de
representacin.
Asp
GRFICOS BITMAPS
A las imgenes en
mapa de bits se las
suele definir por
su altura y anchura
(en pxeles) y por su
profundidad de color
(en bits por pxel), que
determina el nmero
de colores distintos que
se pueden almacenar
en cada punto
individual, y por lo
tanto, en gran medida,
la calidad del color de
la imagen.
Revit
Photoshop
Representaciones
arquitectnicas.
Fotografa, ilustracin y
diseo grfico.
Blender
Grficos en tres
dimensiones.
46
Corel Painter
Ilustracin.
47
Sketchbook
Ilustracin.
Programas Bitmap de vdeo
Premiere
Edicin de Video.
AfterEffects
Animacin y efectos a
vdeos.
48
49
Grficos para
impresin y
digital
En este captulo
ww
ww
ww
ww
ww
DISEO GRFICO
Ilustracin
Primero un Diseador Grfico especializado en ilustracin va a
leer el texto y a convertirlo en imgenes donde crea conveniente y
donde el autor sugiere tambin.
Estas ilustraciones pueden ser digitales o manuales. En el caso
que sean digitales pueden ser vectoriales o bitmap. En caso que
sean manuales podra ser cualquier tcnica de ilustracin como:
acuarela, lpiz de color, aergrafo, acrlica, por citar algunas.
Proceso de artes grficas

Diseo grfico
Preparacin de Arte Final
Pre prensa digital
Impresin y terminacin
Ilustracin con acuarela
y escaneada.
PROCESO DE ARTES GRFICAS

El proceso de impresin offset como lo conocemos hoy est
compuesto por 4 etapas.
ww
ww
ww
ww
Diseo Grfico
Pre prensa
Impresin
Terminacin.
Para ilustrar mejor este proceso vamos a ver cuales serian las
etapas para la realizacin de un libro de cuentos.
Redaccin del texto

Obviamente lo primero que se necesita es que un autor
escriba el texto del libro. Y que un corrector revise que no
tenga errores ni ortogrficos ni de interpretacin.
Modelado digital hecho

en un programa 3D.
Diagramacin
Una vez estn las grficas es hora de componerlas junto con el
texto. En este caso podramos usar un software de diagramacin
como Adobe InDesign.
Ponemos juntos los textos, las imgenes retocadas y los grficos
vectoriales. En esta parte se decide el layout. Lo cual significa
Cuantas columnas va a tener, donde va el numero de la pgina,
que tipo de letra van a tener los encabezado y el cuerpo de texto,
como van a estar dispuestas las imgenes y las paletas de colores
a utilizar.
InDesign
Es uno de los
programas ms
usados para componer
imgenes y textos
para libros, revistas u
otros documento de
mltiples paginas.
Una vez que el texto existe es hora de disear.
Ejemplo:
El texto o copy en
ingls es el primer paso
para iniciar el diseo.
50
Maquetacin de una
doble pagina de una
revista en inDesign.
51
PREPARACIN DE ARTE FINAL

Luego de finalizar la Diagramacin. Es hora de preparar ese arte
para la imprenta. A este paso se le llama ARTE FINAL que consiste
en los siguientes pasos.
Colores
Por otro lado hay que asegurarse que todos los colores estn en
formato de Impresin que es CMYK, cyan , magenta, amarillo y
negro y no en el formato nativo de los monitores que es RGB Red
Verde y azul. Esto Incluye textos, fotos y grficas.
Mrgenes
Asegurar que el contenido del libro este dentro mrgenes
interiores en el papel, para que ninguna informacin importante
quede expuesta a las garra de la guillotina.
Convertir todos los
colores que estn en
RGB en CMYK.
RGB
CMYK
Resolucin
Adems se asegura que las imgenes estn en una resolucin
buena para imprimir. Las resolucin se expresa con dos unidades
de medida, una para uso de la pantalla y otra para uso impreso.
Pxel por pulgada

La unidad en pantalla es Pxel por pulgada eso es cuntos
cuadros con color uno al lado del otro caben en una pulgada.
Usualmente se le llama PPI Pixel per Inches en ingls.
Margen global
Son lneas imaginarias
que crean un limite
definido entre el
contenido y el borde
del espacio de trabajo.
Lneas o Puntos por Pulgada
Textos
Convertir las letras de fuente a vector. Para que al pasar el
documento de una computadora a otra no se altere el diseo
original de las tipografas.
PIXEL
Son los cuadros
ms pequeos para
representar las
imgenes en pantalla.
La unidad que expresa la calidad de imagen en la impresin es

Lneas o Puntos por Pulgada, estos a diferencia de los de pantalla
son crculos en vez de cuadros y tambin se les llama trama o
Halftones en ingls y sus siglas son LPI Lines per Inches o PPP
Punto Por Pulgada en espaol.
HALFTONES
Hacer una revisin

ortogrfica de ltimo
minuto para que no se
haya escapado ningn
error.
52
Tambin llamados
medios tonos son
crculos mas pequeos
de tinta para lograr
la imagen de las
impresiones.
53
Resolucin segn el papel

I
portant
m
Segn el papel en que se va a imprimir se necesita ms o menos

puntos de trama.
ww
ww
Mucha gente por

ignorancia le pone a las
imgenes 500, 800 o
ms PPI sin saber que
la pantalla solo puede
mostrar 72.
Y que la impresin de
alta calidad como para
una revista llega a 170
LPI lo cual sera 340 PPI
ww
Papel peridico 65 85 lpi

Papel sin brillo 100 133 lpi
Papel con brillo 133 170 lpi.
Convertir PPI a LPI
OverPrint
Otra cosa que debe tomarse en cuenta es el Over-Print. Solo
imagnense un punto negro impreso en un fondo Cyan.
Ya que los colores suelen no encajar 100% perfectos. Entonces el
Over-Print es la solucin haciendo que el Cyan sea un poco ms
pequeo y que le de un margen de error a la impresin.
En la pantalla se ve as.
Para saber cuanto PPI debemos poner a nuestras imgenes en la

computadora solo debemos multiplicar por 2 los LPI que vamos
a usar segn el papel que se supone ir nuestro libro de cuentos.
Vamos a suponer que los vamos a imprimir a mxima calidad en
un papel sin brillo como el clsico Bond 20. Entonces sera 133 LPI
multiplicado por 2 sera 266 PPI en la computadora.
Pero puede que

termine impreso as.
Folio y pliego
Por otro lado tenemos un libro ha sido diseado con el orden de
las pginas de forma lineal 1,2,3.. Y as sucesivamente.
Marcas de impresin
Marcas de registro
Pero si observamos un peridico veremos que la hoja que tiene la
pagina 1 tambin tiene la 16 y tambin tiene la 2 y la 15.
Para intentar corregir los problemas de que los colores queden

de-sincronizados se ponen marcas de registro en las esquinas de
afuera del arte, una en cada color.
Eso significa que a la hora de imprimir las pginas hay que

desordenar las un poco de su orden lineal y ordenarlas para como
deben estar parar imprimirse. ya que la imprenta se alimenta de
pginas enormes y podemos imprimir varias al mismo tiempo.
Para que segn se vaya imprimiendo cada color el operador de

impresin inspeccione que coincidan lo ms perfecto posible.
Si vamos a imprimir nuestro libro en un pliego de 16. y nuestro

as qu
ab
e?
Ejemplo de buen
registro de impresin.
Aunque en teora los colores deben coincidir al 100% en el papel. La

verdad es que no siempre coinciden. Esto puede ser por mltiples
factores como: vibraciones en la mquina, mala posicin de las
planchas de impresin, entre muchas otras.
Otras marcas de impresin
Ejemplo de mal registro

de impresin.
54
A esto se le puede aadir una barra

con los colores por separado para
poder observarlos puros y sin
degradaciones y poder compararlo
con otras tiradas.
Tambin a los pliegos se les pone
el nombre del libro la edicin o
cualquier otro dato que identifique
que es esa loma de papel que va
a quedar una vez el trabajo este
impreso.
Esta hoja grande con

muchas pginas se
le denomina pliego y
segn la cantidad de
pginas que se puedan
disponer hay de 8, 16,
32, ...etc.
libro tiene 64 pginas en total podramos tener de la pgina 1 al a

16 en uno, 17 -32 en otro y as sucesivamente.
55
Por lo tanto al diseo del pliego hay que especificarle las lneas de
corte y las lneas donde se debe doblar.
Pues bien y qu hacemos con estos 4 negativos? Pues planchas de

imprimir. Como? Sencillo.
Sangrado
Las planchas estn baadas en unos qumicos sensibles a la luz

y el calor. Entonces lo que vamos a hacer es tomar cada negativo
y ponerlo sobre una plancha y ponerlo a broncear para que la
plancha solo se afecte donde el negativo le dej pasar la luz.
Si el diseador quiere que algunas partes del diseo o color

llegue hasta el borde del papel solo debe llevarlo hasta una lnea
imaginaria fuera de las lneas de corte. Este espacio del diseo que
queda fuera de la lnea de corte se le denomina Sangrado.
Asp
Planchas
Mediante un proceso
qumico la parte
quemada queda
grasosa.
Y con esto tendremos 4 planchas, una de cada color para imprimir

un color a la vez sobre nuestro pliego de papel.
Habiendo tomado todas las consideraciones de el arte final, ya

tenemos nuestro diseo digital preparado para pasar del mundo
virtual al mundo fsico.
Negativos
La primera parte de esta conversin es separar el diseo en
cuatro negativos a partir de los colores: Can, magenta, Amarillo y
Negro. Y con la combinacin de estos lograremos todos los dems
colores.
Luego en el proceso de
impresin la plancha
ser baada primero
en agua y luego en
tinta grasa que solo
se pegar en la parte
deseada.
IMPRESIN Y TERMINACIN
Impresin
La parte que se quem de la plancha queda grasosa, pero el
resto no. Entonces unos rolos mojan con agua toda la plancha
en la maquina de impresin, pero como el agua y la grasa no se
mezclan, donde la plancha se quem queda seca.
Entonces la mquina moja la plancha de nuevo con la tinta del
color que se va a imprimir, pero la tinta es grasosa y no se pega
de la parte de la plancha que esta mojada, solo se pega de la parte
afectada por el negativo.
as qu
ab
e?
El papel pasa por la plancha

y la tinta se pega al papel
para obtener nuestro primer
color.
PREPRENSA DIGITAL
to tcn
ec
ico
Lneas de corte y doblez
Este proceso se repite

con cada color por
separado, revisando
siempre entre color y
color que las marcas
de registro coincidan
una encima de la otra
y que los colores estn
quedando puros y
limpios.
56
57
Terminacin
Ya por ltimo los pliegos impresos se doblan segn las marcas
puesta en el paso de arte final. Y se cortan todas juntas en las
marcas de corte, dejando fuera las partes de diseo que llegaban
hasta el borde, es decir el sangrado.
Doblez y corte.
Y el contenido queda protegido del corte gracias a que el diseador

tuvo el cuidado de dejar un espacio razonable y prudente de
margen entre el diseo y el borde del papel.
Luego los folios doblados y cortados, son pegados o cosidos, se le
pega la portada y contraportada.
Encolado y cosido.
Encuadernacin.
58
59
EVALUACIN
1- La tipografa de la siguiente imagen es
de la familia de fuentes
9-Estas fuentes son usadas principalmente

para mostrar modernidad, estructura,
simpleza, limpieza, tecnologa.

A)
B)
C)
D)
Sans Serif (Palo Seco)

Serif (Romanas)
Script
Decorativa
10-Estas fuentes son usadas principalmente

para grandes masas de texto de lectura
ya que por ser finas y gruesas a la vez
soportan buena reduccin con buena
legibilidad. Simbolizan seriedad, clsico y
confiable
A)
B)
C)
D)

Serif (Romanas)
Script
Decorativa

A)
B)
C)
D)

Serif (Romanas)
Script
Decorativa

A)
B)
C)
D)

Serif (Romanas)
Script
Decorativa

Serif (Romanas)
Script
Decorativa
11-Estas fuentes imitan la escritura a

mano. Pueden ser escritura corrida o en
moldes.
A)
B)
C)
D)
A)
B)
C)
D)

Serif (Romanas)
Script
Decorativa
6-Son fuentes que tiene una terminacin

decorada. La principal decoracin es la
Serifa, que no es ms que una decoracin
perpendicular en las terminaciones de las
letras. Otra caracterstica es que varan de
grosor en los lados.
A)
B)
C)
D)

Serif (Romanas)
Script
Decorativa
A)
B)
C)
D)

Serif (Romanas)
Script
Decorativa
8-Las fuentes: Times New Roman, Cambria,

Georgia. son de la familia.
A)
B)
C)
D)
60

Serif (Romanas)
Script
Decorativa
5-Son fuentes en las cuales los grosores que

forman la letra son similares por todos los
lados y carecen de decoraciones.
7-Las fuentes: Helvetica, Arial, Calibri,

impact, son de la familia.
A)
B)
C)
D)
A)
B)
C)
D)

Serif (Romanas)
Script
Decorativa
A) Mancha de texto
B) Masa de Texto
15-El la zona de texto B de esta imagen

est haciendo un papel de:

Serif (Romanas)
Script
Decorativa
12-Son fuentes que son basadas en

deformaciones grficas o ilustraciones
alegricas a algn concepto. Estas fuentes
son libres en diseo y no encajan de forma
rgida en las convenciones.
A)
B)
C)
D)
14-El la zona de texto A de esta imagen

est haciendo un papel de:

Serif (Romanas)
Script
Decorativa
13-No son recomendadas en lo absoluto

para ser usadas como texto de masas ya
que usualmente no administran bien el
espacio, dan una mala mancha visual, no
soportan ciertos niveles de reduccin y con
frecuencias nos son fuentes incompletas
(les faltan smbolos como acentos, o algn
otro signo de puntuacin.
A) Sans Serif (Palo Seco)
B) Serif (Romanas)
C) Decorativa
A) Mancha de texto
B) Masa de Texto
16-Asigna la letra que corresponde a el

concepto con su definicin.
A) Mancha de texto
B) Masa de Texto
(_____) Son comnmente titulares de pocas palabras
y gran tamao con respecto al formato.
(_____) No se aprecian los detalles de cada letra en
particular sino que se aprecia el conjunto.
17-Es la caracterstica que nos indica el

interlineado o espacios entre las lneas
de una masa de texto. (Espacio entre las
lneas)
A) Leading
B) Tracking
C) Kerning
61
18-Es un nmero que designa el espacio

entre letras de un texto seleccionado.
(Espacio entre letras)
22-El fenmeno que podemos observar en

esta imagen es:
25-La siguiente imagen muestra

ejemplo de una variacin de fuente:
un
A) Leading
B) Tracking
C) Kerning
19-Es un espacio que entre combinaciones

de letras especficas. Hay letras que por
su forma parecen estar ms pegadas o
despegadas de lo que realmente estn por
una ilusin visual. Un ejemplo de esto es la
combinacin de (AV), (Pd), (Fi), entre otras.
A) Leading
B) Tracking
C) Kerning
A)
B)
C)
D)
A) Leading
B) Tracking
C) Kerning

esta imagen es:
A) Condensed
B) Extended
C) Italic

A)
B)
C)
D)
31-La suma de los colores luces (Rojo +

Verde) es igual al color:
(_____) Espacio entre las lneas
A)
B)
C)
D)
(_____) Espacio visual entre algunas letras
A) Leading
B) Tracking
C) Kerning
A) Condensed
B) Extended
C) Italic

un
A)
B)
C)
D)
A) Condensed
B) Extended
C) Italic
28-Es recomendable usar fuentes SANS

SERIF y SERIF. Ya que son elegantes y
legibles.
A) Falso
B) Verdadero
62
Cian
Magenta
Amarillo
Blanco

Azul) es igual al color:
24-Es una buena idea elegir una fuente

que tenga una familia amplia como la
HELVETICA. Ya que de esa forma solo usas
una fuente en el diseo y al mismo tiempo
tienes mltiples variaciones que sirven
para distintas situaciones.
A) Falso
B) Verdadero
Cian
Magenta
Amarillo
Blanco
un
D) Leading
E) Tracking
F) Kerning
(_____) Espacio entre letras
A) Leading
B) Tracking
C) Kerning
RGB
CMYK
HSB
LAB

Verde + Azul) es igual al color:
20-Asigna la letra que corresponde a el

concepto con su definicin.

esta imagen es:
29-Las pantallas de computadoras y

proyectores crean los colores con luz
blanca descompuesta en:
Cian
Magenta
Amarillo
Blanco
33-La suma de los colores luces (Verde +

Azul) es igual al color:
A)
B)
C)
D)
Cian
Magenta
Amarillo
Blanco
63
34- Para impresin iniciamos con una

pgina en blanco y usamos tintas para
formar la imagen.
39-Las tres caractersticas que definen un

color son: tinta, saturacin y luminosidad.
Este el principio de la sntesis:
A)
B)
C)
D)
A)
B)
C)
D)
RGB
CMYK
HSB
LAB
35-La mezcla de las tintas (Cian + Magenta

+ Amarillo) dan como resultado:
A)
B)
C)
D)
42-La armona de color que se basa en un

solo color y sus gradaciones hasta blanco y
hasta negro.
RGB
CMYK
HSB
LAB
40- La siguiente imagen muestra la sntesis

de colores
Negro
Rojo
Verde
Azul
A)
B)
C)
D)
E)
F)
Monocroma
Anlogos
Complementario
Triada

color y el que queda a la derecha y a la
izquierda en el crculo cromtico.
36-La mezcla de las tintas (Magenta +

Amarillo) dan como resultado:
A)
B)
C)
D)
Negro
Rojo
Verde
Azul
37-La mezcla de las tintas (Cian + Amarillo)

dan como resultado:
A)
B)
C)
D)
A)
B)
C)
D)
RGB
CMYK
HSB
LAB
41- La siguiente imagen muestra la sntesis

de colores
64
Monocroma
Anlogos
Complementario
Triada

color en el crculo cromtico y combinado
con el que queda justo en frente.
Negro
Rojo
Verde
Azul
Negro
Rojo
Verde
Azul
A)
B)
C)
D)
E)
F)
Monocroma
Anlogos
Complementario
Triada
46-La armona de color que se basa en dos

colores al azar en el crculo cromtico y sus
respectivos complementarios en forma de
cruz.
A)
B)
C)
D)
E)
F)
Monocroma
Anlogos
Complementario
Triada
47-La armona de color que se basa en

la combinacin de tres colores que este
equidistantes (a 120 grados unos del
otro) en el crculo cromtico en forma de
tringulo.
A)
B)
C)
D)
E)
F)
38-La mezcla de las tintas (Cian + Magenta)

dan como resultado:
A)
B)
C)
D)
A)
B)
C)
D)
E)
F)
45-La armona de color que se basa en

un color combinado con los anlogos
(color de la derecha e izquierda) de el
complementario de dicho color en el
crculo cromtico.
A)
B)
C)
D)
RGB
CMYK
HSB
LAB
Monocroma
Anlogos
Complementario
Triada
A)
B)
C)
D)
E)
F)
Monocroma
Anlogos
Complementario
Triada
65
48-Asocia la letra de los colores con la

percepcin psicolgica de los mismos.
A)
B)
C)
D)
Blanco
Negro
Rojo
Naranja
(_____) : Poder, excitacin, energa, pasin,

agresividad, fuerza, dinamismo, coraje, amor.
(_____) : Pureza, claridad, verdad, sofisticacin,
limpieza e higiene.
(_____) : Energa, vitalidad, animar, excitacin y
calidez
52-La paleta de colores que se muestra,

podemos asociarla a:
57-En la siguiente imagen podemos ver

aplicado el principio de composicin de:
A) Bebs
B) Jvenes
C) Adultos mayores

A) Simtrica
B) Marginal
C) Radial
(_____) : Sofisticacin, poder, fuerza, integridad,

seguridad, calidad, liderazgo, magia.

A)
B)
C)
D)
E)
Marrn
Crema
Verde
Turquesa
Dorado
(_____) : Suavidad, sabroso y blando.

(_____) : Frialdad, limpieza, frescura, sanacin,
acutico y fluidez.
(_____) : Durabilidad, seguridad, naturaleza, calidez,
amabilidad, riqueza y sabroso.
A) Bebs
B) Jvenes
C) Adultos mayores
A) Uso de lneas guas

B) Mrgenes
C) Espacios internos similares


A) Bebs
B) Jvenes
C) Adultos mayores
55-La gama de colores es ms clara en

edades tempranas y va oscureciendo en la
medida en que avanzan los aos.
(_____) : Crecimiento, esperanza, nutricin,

naturaleza, frescura, renovacin, suerte.
A) falso
B) verdadero
A)
B)
C)
D)

aplicado el principio alineacin:
A) Simtrica
B) Marginal
C) Radial
(_____) : Excelencia, riqueza, prestigio, prosperidad,

nobleza y divinidad.



63-Los objetos ms contrastados con

el fondo pesas ms que los menos
contrastados.

B) Mrgenes

Azul
Amarillo
Violeta
Plateado
A)
B)
C)
D)
Peso por contraste

Peso por tamao
Peso por direccin
Peso por posicin
(_____) : Clsico, valioso, futurista y tecnologa.

(_____) : Poder, fuerza, inteligencia, eficiencia,
lealtad, lgica, limpieza y serenidad.
(_____) : Dignidad, sofisticacin, realeza, creatividad,
magia, espiritualidad y fantasa.
(_____) : Optimismo, luminosidad, felicidad,
confianza, amistad, creatividad y calidez.
66

B) Mrgenes
A) Simtrica
B) Marginal
C) Radial
67
64-Los objetos ms grandes son ms

pesados que los objetos ms pequeos.
67-Aunque una composicin tenga muchos

elementos, es mucho ms fcil de ver si
estos elementos se encuentran en grupos,
en vez de estar dispersos en el espacio.
A)
B)
C)
D)
A)
B)
C)
D)
Peso por contraste

Peso por tamao
Peso por direccin
Peso por posicin
Agrupacin
Uso de lneas guas
Alineacin
Mrgenes y espacios
68-Esta regla de composicin se trata de

dividir el espacio de una imagen en tres
espacios iguales horizontal y vertical.
Entonces colocar el punto de inters en
algunas de las esquinas del cuadro interior.
65-La lectura occidental nos condiciona

a que la direccin natural de una pieza
grfica sea de izquierda a derecha y de
arriba hacia abajo.
71-Cul de estas afirmaciones NO es

verdad para los grficos BITMAP (fotos
digitales)?
A)
B)
C)
D)
72-A cual de estos formatos de archivos

NO est asociado con los grficos
VECTORIALES?
A)
B)
C)
D)
E)
Peso por contraste

Peso por tamao
Peso por direccin
Peso por posicin
66-Los elementos que se encuentran ms

arriba que otros parecen ms pesados que
los que estn ms abajo.
A)
B)
C)
D)
Ley de tercios y zona dorada

Ley de alineacin simtrica
ley de puntos de inters
Ley de alineacin axial
A) verdadero
B) falso
68
Peso por contraste

Peso por tamao
Peso por direccin
Peso por posicin
Maya
3Ds Max
Blender
Premiere
78-Cul de los siguientes programas

de diseo ayuda a diagramar grandes
volumenes de texto e imagen para libros,
revistas, etc.?
A)
B)
C)
D)
InDesign
Photoshop
Illustrator
DreamWeaver
.GIF
.JPG
.PNG
.SVG
.TIFF
74-Cul de estos programas de diseo esta

basado en principios VECTORIALES?
69-El concepto en diseo grfico es

una lnea de pensamiento que rige las
decisiones grficas.
A)
B)
C)
D)
.EPS
.AI
.SVG
.CDR
.JPG
A)
B)
C)
D)
73-A cual de estos formatos de archivos

NO est asociado con los grficos BITMAP
(fotos digitales)?
A)
B)
C)
D)
E)
A)
B)
C)
D)

Depende de la resolucin.
Est restringida a un rectngulo.
77-Cul de los siguientes programas NO

esta orientado al 3D?
70-Cul de estas afirmaciones NO es

verdad para los grficos VECTORIALES?
A)
B)
C)
D)
Hecho con ecuaciones matemticas

Independientes de la resolucin.
A)
B)
C)
D)
Photoshop
Painter
Sketchbook
Illustrator
75-Cul de estos programas de diseo esta

basado en principios BITMAP?
A)
B)
C)
D)
Photoshop
Illustrator
Corel Draw
FreeHand
76-Cul de estos programas de diseo

esta orientado al modelado, animacin y
render de objetos 3D?
A)
B)
C)
D)
3Ds max
Premiere
AfterEffects
Photoshop
69
Respuestas evaluacin
1- Sans Serif (Palo Seco)
30-Blanco
y divinidad
2- Serif (Romanas)
31-Amarillo
3- Script
32-Magenta
50-Azul: Poder, fuerza,

inteligencia, eficiencia, lealtad,
lgica, limpieza y serenidad.
4- Decorativa
33-Cian
5-Sans Serif (Palo Seco)
34- CMYK
6-Serif (Romanas)
35-Negrol
36-Rojo
8-Serif (Romanas)
37-Verde
38-Azul
10-Serif (Romanas)
39-HSB
11-Script
40- RGB
12-Decorativa
41- CMYK
13-Decorativa
42-Monocroma
14-Mancha de texto
43-Anlogos
15-Masa de Texto
44-Complementario
16-Mancha de texto: Son

comnmente titulares de pocas
palabras y gran tamao con
respecto al formato.
45-Anlogo / complementario
46-Doble complementario
47-Triada
Masa de Texto: No se aprecian

los detalles de cada letra en
particular sino que se aprecia el
conjunto
48-Blanco: Pureza, claridad,

verdad, sofisticacin, limpieza e
higiene.
17-Leading
Negro: Sofisticacin, poder,

fuerza, integridad, seguridad,
calidad, liderazgo, magia.
18-Tracking
19-Kerning
20-Leading: Espacio entre las
lneas
Tracking: Espacio entre letras
Kerning: Espacio visual entre
algunas letras
21-Leading
22-Tracking
23-Kerning
24-Verdadero
25-Condensed
26-Extended
27-Italic
28-Verdadero
29-RGB
70
Rojo: Poder, excitacin, energa,

pasin, agresividad, fuerza,
dinamismo, coraje, amor.
Naranja: Energa, vitalidad,
animar, excitacin y calidez
49-Marrn: Durabilidad,
seguridad, naturaleza, calidez,
amabilidad, riqueza y sabroso.
Crema: Suavidad, sabroso y
blando.
Verde: Crecimiento, esperanza,
nutricin, naturaleza, frescura,
renovacin, suerte, deidad
(Medio oriente).
Turquesa: Frialdad, limpieza,
frescura, sanacin, acutico y
fluidez
Dorado: Excelencia, riqueza,
prestigio, prosperidad, nobleza
Amarillo: Optimismo,
luminosidad, felicidad,
confianza, amistad, creatividad
y calidez.
Violeta: Dignidad, sofisticacin,
realeza, creatividad, magia,
espiritualidad y fantasa.
Plateado: Clsico, valioso,
futurista y tecnologa.
52-Bebs
53-Jvenes
54-Adultos mayores
55-verdadero
56-Uso de lneas guas
57-Mrgenes
58-Espacios internos similares
59-Simtrica
60-Marginal
61-Radial
63-Peso por contraste
64-Peso por tamao
65-Peso por direccin
66-Peso por posicin
67-Agrupacin
68-Ley de tercios y zona dorada
69-verdadero
70-Basado en una rejilla de
pxeles.
71-Mantiene calidad al ampliar.
72-.JPG
73-.SVG
74-Illustrator
75-Photoshop
76-3Ds max
77-Premiere
78-InDesign
71

Disenografico PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Disenografico PDF

Cargado por

Copyright:

Formatos disponibles

LIC.

Diseo, composicin y portada: Joel Combes

Ttulo original: Manual introduccin al diseo grfico

SDQ Training Center

1 edicin: enero 2015

Color en el Diseo grfico

Teora del color

Este manual sobre los fundamentos bsicos del diseo grfico.

Reglas de composicin grfica

Las fuentes tipogrficas

Estilos y concepto en diseo grfico

Los grficos digitales

Grficos para impresin y digital

Proceso de artes grficas

El diseo grfico es sinnimo de comunicacin a nivel visual.

Lic. Joel Combes

Teora del color

TEORA DEL COLOR

El blanco est compuesto por todos los colores: iniciando por el

Partimos de un espacio oscuro (Negro)

Rojo + Verde = Amarillo.

(White = Red + Green + Blue)

La luz es el color en s misma y los objetos (que parecieran tener

Introduccin al diseo grfico

Las tres caractersticas que definen un color determinado son:

Caractersticas del color

( Black = Cyan + Magenta + Yellow + Black)

A esta sntesis de colores la llamamos sustractiva ya que resta

Partimos de una hoja o lienzo en blanco.

Magenta + Amarillo = Rojo.

Son reglas universales

Introduccin al diseo grfico

SDQ Training Center / Lic. Joel Combes

Un solo color y sus gradaciones hasta blanco y hasta negro.

Introduccin al diseo grfico

SDQ Training Center / Lic. Joel Combes

PSICOLOGA DEL COLOR

Introduccin al diseo grfico

SDQ Training Center / Lic. Joel Combes

Tonalidades segn la edad

Introduccin al diseo grfico

SDQ Training Center / Lic. Joel Combes

Reglas de composicin grfica

REGLAS DE COMPOSICIN GRFICA

Facilita la comprensin y legibilidad

Nada debe colocarse

Introduccin al diseo grfico

SDQ Training Center / Lic. Joel Combes

Son lneas imaginarias

Introduccin al diseo grfico

SDQ Training Center / Lic. Joel Combes

En este ejemplo vemos

Cuando la linea gua parte del eje de un crculo y se fuga hacia

Introduccin al diseo grfico

La ltima cena tiene

Podemos observar que

PESO VISUAL Y EQUILIBRIO

Esto es por los factores

Peso por tamao

Peso por contraste

Sin embargo el rojo

Introduccin al diseo grfico

SDQ Training Center / Lic. Joel Combes