LC 1
LENGUAJE
COMPUTACIONAL
DAMARIS SEPULVEDA T.

LC1
INDICE
LENGUAJE
COMPUTACIONAL
indice 3
4-7
del diseño Gráfico y laTipografía
8-9
portadas de periodicos
color e impresión 10-11
12
modelo RGB
modelo CMYK 13
14-15
procesos e n editorial
16
bitmap, mapa rasterizado
17
imagen Vectorial
18-21
modos de color
diagramación de bitácora 22-23
24-25
tipos de formato de imagen
investigación y desarrollo. 26-27
true type & postcript 28-29
clases tareas investigación
3

DEL influencia
DISEÑO La introducción de los
tipos móviles por
GRAFICO Johannes Gutenberg hizo los
libros más baratos de producir,
Y LA aumentando su difusión. Los
TIPOGRAFÍA primeros libros impresos (in-
cunables) marcaron el modelo
a seguir hasta el siglo XX. El
diseño gráfico de esta época se
Al revisar la historia de la hu- La historia de la tipografía (y conoce como Estilo Antiguo
manidad se puede reparar que por carácter transitivo, también (especialmente la tipografía
el diseño, como grafía, se en- la historia del libro) está muy que estos primeros tipógrafos
Humanista,
cuentra en la esencia del hom- vinculada a la del diseño gráfico, usaron) o
bre desde que el hombre toma probablemente porque práctica- como la escuela filosófica pre-
conciencia de si mismo, como mente no existen diseños gráfi- dominante de la época.
ejemplo de esto son las pintu- cos que no incluyan este tipo de
ras rupestres,que nacen por la elementos gráficos. De ahí que En el siglo XIX en las calles se
necesidad de comunicacion vi- cuando se habla de la historia presentaron los carteles como
sual del hombre, y de plasmarla del diseño gráfico, también se expresión de la vida social,
en el tiempo. Esto más tarde cita la tipografía de la columna económica y cultural. Aqui es
luego de muchos evoluciones trajana, las miniaturas medie- donde se presenta la influencia
deriva en el desarrollo del vales, la imprenta de Johannes
alfabeto Gutenberg,
actual. la evolu-
Kells ción de la industria del libro, los
El libro de (una Bi-
afiches parisinos, el Movimien-
blia manuscrita profusamente
to de Artes y Oficios (Arts and
ilustrada, realizada por monjes
Crafts), William Morris, la
irlandeses del siglo IX d. de
Bauhaus,
C.)es para algunos un muy
etc.
hermoso y temprano ejemplo
de diseño gráfico. Para otros, se
La historia
trata de una manifestación grá-
fica, de alto valor artístico.
de la
.4

de Toulouse-Lautrec
(1864-1901), influyó notable-
mente en la elaboración del car-
tel moderno (poster). Entendía
carteles
que los eran un
medio de comunicación con
otras personas, que se dirigía a
cierta audiencia. Descubrió la
importancia de trasladar su tra-
bajo a la imprenta, y a provechó
la litografía a gran escala.
En Berlín, un grupo de dise-
ñadores asociado con una firma
de impresión (Hollerbaum und
Schmidt) rompió una nueva
barrera: sus carteles restringi-
eron la imagen al objeto que
se estaba anunciando, y las pa-
labras a la marca del fabricante.
Este estilo se conoce como car-
tel - objeto (Sachplakat).
Toulouse
Pero mi interes en este caso
Lautrec
es detenerme en el desarrollo
Divan
del diseño gráfico tal como lo
Japonais
conocemos hoy, el diseño que
1893
se desarrolló gracias a todos los
cambios sucedidos por la revo- bro Pioneros de la Tipografá
cionalidad y rentabilidad, ex-
lucion industrial. moderna,(1995) “El nuevo
ige una proyección gráfica que
José Ignacio Armentia apunta vocabulario de la tipografía y
posibilite su materialización.
esta relación entre el diseño y del diseño gráfico se fraguó en
Sería aquí donde entraría en
la era industrial: “La idea de un menos de veinte años (...) Por
juego el diseño. Se trataría de
producto concretada teórica- supuesto, la tipografía moder-
crear formas conjugando esté-
mente después de estudios pre- na no fue fruto de la repentina
tica y funcionalismo, y seleccio-
vios de necesidades de mercado invención de un hombre, ni si-
nar entre ellas la más adecuada
y de sistemas y costes de produc- quiera de un grupo.
al fin propuesto.” (1)
ción, a fin de valorar la fun-
.5
Herbert Spencer en su li-

articulación y de ex-
La emblemáti-
ca tipografía
presión, donde la proyectación
diseñada en los
se abría no solamente a la inno-
propios talleres
vación tipográfica y formal sino
de la Bauhaus.
a la inclusión de la fotografía y
1923
otras composiciones plásticas.
La utopía del orden y el ideal
de la ilustración de lograr la de-
mocratización del acceso al con-
ocimiento y a la distinción de los
saberes, se plasmaban aquí en
un primer paso fundamental: la
legibilidad.
evolución
de la
comunicación
impresa
En los años 60, La revolución
La Bauhaus, la famosa es-
Nació como una respuesta a las
electrónica ofreció la posibi-
nuevas exigencias y a las nue- cuela de artes y artesanías, esta-
lidad de utilizar imágenes al-
vas oportunidades que el siglo blecida en Weimar (Alemania),
macenadas desde períodos an-
XIX trajo consigo. La violencia en 1919. La Bauhaus estuvo
teriores y de transformar sus
con la que la tipografía mod- justamente en el plano de la
contenidos en algo contem-
comunicación gráfica,
erna irrumpe en escena a co-
poráneo, a través de la manipu-
mienzos del siglo XX refleja la en la conformación de su espe- lación digital. La evolución de la
agresividad con la que los nue- cialidad como un área moderna comunicación impresa se debió
vos conceptos sobre arte y dis- de incumbencia, no equipara- entonces, principalmente, a los
eño, en cada campo, barrieron ble a las antiguas artes gráfi- avances de las nuevas técnicas
convenciones agotadas y ataca- cas. Allí intervinieron, aportes y de la tecnología informática,
ron actitudes que no tenían rel- técnicos y conceptuales de la que entregaron al diseñador el
evancia en una sociedad alta- psicología, la publicidad y la control sobre los medios gráfi-
mente industrializada.” propaganda de masas, gene- cos de producción y reproduc-
.6 rando un espacio nuevo de ción. Pero los cambios de estilo

estuvieron provocados, más allá
de los avances de la tecnología y
de los medios de comunicación,
por las mudanzas en el com-
portamiento de la sociedad.
El diseño gráfico fue llamado a
solucionar problemas de comu-
nicación y acabó siendo recon-
ocido por los consumidores
como sinónimo de moda y
buen gusto. La teoría “el medio
es el mensaje”,
El desarrollo de la tecnología
gráfica propició el control casi
absoluto del diseñador sobre la
producción Mapa 3D de la
Desde los 60 hasta el auge de World Wide Web
los 80, la informática permitió
progresivamente que la cre-
ación, la organización y el al-
esarios para la composición de
de distribución de información
macenamiento de los elemen-
los elementos de presentación
World Wide Web de Internet,
tos gráficos se concentrasen
visual. En verdad, la WWW
están presentando nuevos de-
en el ámbito controlado por el
es un nuevo y complejo campo
safíos al diseñador y por ende
diseñador.
world para el diseño gráfico. Su par-
al futuro del diseño gráfico. Las
ticular arquitectura y las múlti-
páginas web son en realidad
wide web ples posibilidades de añadir
documentos electrónicos con
imágenes móviles en animación
enlaces de hipertexto o hiper-
Durante el siglo veinte, los me- o en vídeo, fotos, gráficos y tex-
media que posibilitan la naveg-
dios de comunicación adop-
tos en un ambiente inter-
ación virtual por las informa-
taron nuevas formas y cada
activo, exigen un estudio
ciones disponibles en Internet.
nueva técnica desarrollada Hasta 1993, la tarea de crear una de diseño gráfico mucho más
aportó al diseñador un control página Web estuvo reservada a
proceso profundo, porque al revés que
mayor sobre el los técnicos en informática que el grafismo impreso, aún no ha
gráfico. Es innegable, pues, que sabían manejar las etiquetas y habido tiempo para establecer
en los años 90 las nuevas formas códigos HTML (Hypertext patrones estables para la reci-
de comunicación de la era digi- Markup Language / Lenguaje
.7
ente interfaz gráfica de la Red.
tal, como es el caso del sistema de Marcas de Hipertexto), nec-

29.06
CLASE 1
LENGUAJE
COMPUTACIONAL
portadas de tipo era de Gutember caja de madera donde se calsa-
periodicos
ban la letras.
el diario, eso definirá que ra. En la priori imprenta las
“La libertad de un diseñador
temas queremos abordar y el letras eran puestas en un
comienza cuando tenemos diseño que el diario tendra. encuadre de madera, algo asi
claros los límites” J.B. Para entender el proceso como una caja.
productivo de la priori im- Al ver la diagramacion de
¿Cómo hacemos para llevar prenta permite enteder el una pagina se puede ver la
las noticias a un medio diseño actual, geometria que ya habia sido
gutember
impreso? pensada con la invención de
por ejem-
imprenta.
En este caso es conocer a plo las letras actuales tienen la
que publico esta dirigido directa relacion con la made- -La era de Gutember fueron
tarea 1
Reconocer la geometria
de un diario, cual es su
diagramación ,
es un analisis gráfico.
En este ejemplo se mues-
tra el analisis de grafias,
en busca de una escala de
grises.
.8

Quad City Times
Iowa, EEUU.
diario elegido para el es-
tudio gráfico.
500 años, y los aportes al portante que el contenido. El lector sabe que ese di-
diseño perduran hasta hoy.- Enseñar a la gente a usar la seño representa a ese diario
tipografia. y no a otro.
logotipo
“Los procesos productivos van Es uno como diseñor el
condicionando al diseño”J.B. que propone el juego al lec- Entra en juego el logo del
tor, al tener una estructura diario, que identifica el
portada
La viene a una constante del diseño de caracter del diario, puede
geometria, hay que entender nuestro diario, se crea una apoyarse en imágenes tam-
que el diseño de la portada imagen indentitiva del dia- bien.
de un diario no es mas im- rio.
legibilidad en el diseño
La consideración clave al elegir un tipo de
texto en la diagramación de un diario es su
legibilidad. Por legibilidad entendemos la
facilidad con la que las palabras pueden leerse
cómodamente, a una velocidad normal de lec-
tura.
Ejemplos de comparaciones de tipo de letras y
texto en funcion de la legibilidad:
.con serif- sin serif . caja alta - caja baja
.tamaño del tipo
Christofer Perfect, Tipografía
.9

05.07
CLASE 2
LENGUAJE
COMPUTACIONAL
Modelo
RGB
color e
impresión Modelo sustractivo CMYK con dos modelos de colores
cian, magenta, amarillo más diferentes.
“El diseño es ductil a la infor- ki( seria el negro)es una Tono continuo imagen
cuatricromia digitalizada, un original de
macion”
tono continuo está formado
Modelo aditivo RGB este modelo de color es el
que se usa para todo lo que por un número de variable
Rojo,verde, azul
tiende hacia la luz plena, es es impresión. Tratar de cali- de tonos intermedios en-
el color usado para las pan- brar el color de la pantalla al tre blanco y negro ya sean
tallas como dice su nombre, perfil de color de la impre- imágenes monocromáticas
los colores se dan por la su- sora es algo muy complicado opolicromáticas.
Tramas de semitono
ma de estos tres colores. ya que estos dos trabajan
tarea 2
Luego de la primera tarea,
donde se hizo un
analisis gráfico
de la portada de un diario,
con ese mismo analisis se hace
una reproducción de la por-
tada.
.10

Modelo
CMYK
Tinta negra escala de grises trica hexagonal),llamado “puntos”.
1 a 100. ángulo de trama, donde ca- Tinta plana Tp
Postcrpit adobe pérmite da color básico de selección Es una tinta sin puntos la
hacer traducciones de ima- (CMYK), posee un ángulo tinta es traslucida y acuosa,
genes y tipografias. particular,que permite,al en- la sumatoria de colores, por
tramas: trecruzarse todas las retícu- eso muchas ocurre un efecto
como se cier-
trapping
las, la formación de la roseta.
ran y abren los cuatro tonos llamado
Su función es, por ilusión
dispuestos en puntos, esto que es cuando dos tintas se
óptica fundir tales puntos en
se llama punto de roseta ya juntan imagenes que se im-
la retina del ojo para que se
que la disposición de puntos primen. relaciondas con su
pueda apreciar “tonos” y no
describe una figura geomé- soporte, ppi.
efecto moiré
La superposición de dos o más patrones de dibu-
jos repetitivos (las tramas de semitono lo son) suelen pro-
ducir la aparición de un nuevo patrón repetitivo no de-
seado. A este molesto y muy evidente patrón se le llama
con el galicismo aceptado de muaré (en francés moirè).
En impresión, el muaré se evita ante todo con la vari-
ación de ángulos de trama y con la superposición ac-
ertada de esas tramas para que formen un pequeño mo-
tivo llamado roseta y mediante el uso de tramas estocásticas.
.11

El color es la sensación produ-
cida por los rayos luminosos al
impresionar los órganos visu-
ales (ojos) en función de la lon-
gitud de onda.
MODELO
R G B RGB
La descripción RGB (del in-
las imágenes de Photoshop. valor de intensidad a cada
glés Red, Green, Blue; “rojo,
Los monitores de or- píxel que oscile entre 0 (
verde, azul”) de un color hace
negro) y 255 ( blanco) para
denador muestran siem-
referencia a la composición del
cada uno de los componen-
color en términos de la inten- pre los colores con el modelo tes RGB de una imagen en
sidad de los colores primarios RGB. Esto significa que al
rojo, color. Por ejemplo, un color
trabajar con modos de color
con que se forma: el rojo brillante podría tener un
verde azul. diferentes, como CMYK, valor R de 246, un valor G de
el y el
Photoshop convierte tem- 20 y un valor B de 50. El rojo
poralmente los datos a más brillante que se puede
Este espacio es el adecuado
RGB para su visualización. conseguir es el R: 255, G: 0,
para representar imágenes
Para indicar con qué pro- B: 0. Cuando los valores de
que serán mostradas en
porción mezclamos cada los tres componentes son
monitores de computadora o
color, se asigna un valor a idénticos, se obtiene un matiz
que serán impresas en impre-
de gris. Si el valor de todos
soras de papel fotográfico. cada uno de los colores pri-
los componentes es de 255, el
marios, de manera, por ejem-
resultado será blanco puro y
Las imágenes RGB utili- plo, el valor 0 significa que
será negro puro si todos los
zan tres colores para repro- no interviene en la mezcla,
componentes tienen un valor
ducir en pantalla hasta 16,7 y a medida que ese valor au-
0. Este espacio de color tiene
millones de colores. RGB menta, se entiende que aporta
su representación en el selec-
es el modo por defecto para más intensidad a la mezcla.
tor de color de Photoshop.
El modo RGB asigna un
. 12

era si los cuatro componen-
cromía.
MODELO Los colores más
tes tienen valores del 0%. Se
claros ( iluminados) tienen un
utiliza el modo CMYK en
porcentaje pequeño de tinta,
CMYK la preparación de imágenes
mientras que los más oscuros
que se van a imprimir en cu-
( sombras) tienen porcentajes
Modo de color CMYK alquier sistema de impresión
mayores. Por ejemplo, un rojo
El modelo CMYK se basa de tintas. Aunque CMYK es
brillante podría tener 2% de
en la cualidad de absorber y un modelo de color estándar,
cyan, 93% de magenta, 90%
rechazar luz de los objetos. puede variar el rango exacto
de amarillo y 0% de negro.
Si un objeto es rojo esto sig- de los colores representados,
En las imágenes CMYK,
nifica que el mismo absorbe dependiendo de la imprenta y
el blanco puro se gen-
todas las componentes de la las condiciones de impresión.
luz exceptuando la compo-
nente roja. Los colores sus-
tractivos ( CMY) y los
aditivos ( RGB) son colores
complementarios. Cada par
de colores sustractivos crea
un color aditivo y viceversa.
En el modo CMYK de
Photoshop, a cada píxel se le
asigna un valor de porcentaje CMYK
.13
para las tintas de cuatri-

13.07
CLASE 3
LENGUAJE
COMPUTACIONAL
procesos en
editorial carpeta para las imagenes, y sistema.
Indesign también para las fuentes. Esto mismo suele ocurrir con
Para tener una imagen en un El problema típico del dise- las imagenes si uno no tiene
documento .idd hay que ñador es usar tipografías y una carpeta, estas al ser abi-
vínculo respaldo, ertas en otro computador se
crear un entre no tener un
pueden perder.
esta imagen y el archivo de la tener el archivo de la fuente
Todo este procedimiento
imagen, no es llegar y copiar. guardado en un carpeta y al
servirá para poder realizar
Tener la costumbre de hacer llevar el archivo a la imprenta
la próxima tarea. Esta es
una carpeta nueva para la tar- se encuentra con que la tipo-
continua,
ea, y dentro de ella crear una grafia no es reconocida por el una tarea
tarea 3
Realización de una bita-
cora,, algo asi como un
registro
cuaderno de
digital de todas las clases.
Esta bitacora se basa en un
geometría de pagina ba-
sada en 1/3 de la pagina.
.14

imagen vectorial
un trabajo alimentado pe- tiene. V herramienta de selección
tips and
riodicamente en el tiempo. A Herramienta de selección
bitácora directa.
tricks
Es una digi-
T texto
tal se indentifican las clases
N herramienta linea
abstract. se trata de tal cosa Ctrl + D place
Ctrl + T ventana de caracter F herramienta marco
dibujos textos, etc. ubicar en
rectangular
algun lugar las cosas que se Ctrl + N nuevo documento R herramienta girar
descubren. En un PDF y un Ctrl + C copiar
.idd a la mano se trae orga- Ctrl + X cortar
nizada la informacion que se Crtl + V pegar
imagen y pérdidas de imagen que se producen
vectorial
Para evitar los defectos
en la imágenes tipo bitmap, las imágenes compuestas por
líneas, figuras planas y textos se pueden guardar como imá-
genes vectoriales donde los elementos gráficos se forman utili-
zando vectores. La principal ventaja de las imágenes vecto-
riales es su capacidad de almacenar los dibujos en un archivo
muy compacto, ya que sólo se requiere la información necesaria
para generar cada uno de los vectores. Los vectores pueden
definir algunas propiedades de los objetos como el grosor de la
línea o incluso el color de relleno de los objetos.
.15

BITMAP Un método para representar
imágenes gráficas es a través
GRÁFICO de mapa de bits o gráfico ras-
terizado, en donde la ima-
RASTERIZADO
gen está compuesta por una
matriz de puntos (píxeles).
El gráfico Rasterizado es
también llamado mapa de
bits o bitmap. Un gráfico
o imagen rasterizada es un
fichero de datos que repre-
senta una matriz de píxeles
(puntos de colores) denomi-
nada raster. En esta ma-
triz el color de cada píxel es
definido individualmente.
Los gráficos rasterizados al
ser ampliados comienzan
a pixelizarse, o sea, se comprimidos
La calidad de las imágenes porque
agrandan los elementos rasterizadas es determi- suelen necesitar muchos da-
constituyentes del gráfico, y nada por el total de píxeles
tos para poder almacenar
pierden calidad. En cambio que poseen (resolución) y la
imágenes de alta calidad. Al-
los gráficos vectoriales pu- cantidad de información engunas técnicas de compre-
eden ampliarse sin límites. cada píxel (generalmente lla-
sión, para lograr un tamaño
mada profundidad de color).
menor,sacrifican información
Los gráficos rasterizados son de la imagen para lograr su
compresión
útiles para imágenes fotográ- objetivo. Esto hace que la
ficas, las cuales no pueden ser
Los gráficos rasterizados imagen pueda ser recuperada.
pierda calidad y que
representadas por vectores.
(mapa bit) necesitan ser esta no
.16

cenarse vectorialmente, pero
sí existen programas traza-
dores de imágenes que in-
tentan llevar las imágenes de
mapa de bits hacia gráficos
vectoriales. El resultado es una
imagen tipo dibujo animado.
En tanto, aquellas imágenes
Los gráficos
que contienen texto (por
vectoriales al-
ejemplo un texto escaneado),
macenan la
pueden convertirse a gráfi-
información
cos vectoriales y así hacer el
en fórmulas
texto editable. Estos siste-
matemáticas.
mas son llamados OCR.
El flash, las fuentes, los
(Gráficos de vector, gráficos gráficos vectoriales es que su gráficos en 3D, etc. uti-
orientado a objetos (object- representación suele requerir lizan gráficos vectoriales.
oriented graphics), SVG) Se menos memoria y menos es- Algunos de los formatos grá-
refiere al uso de fórmulas pacio de almacenamiento. ficos que aceptan vectores son
AI (de Illustrator), CDR (de
geométricas para represen-
La mayoría de los sistemas Corel Draw), DXF (formato
tar imágenes por software y
gráficos sofisticados (CADD de intercambio de AutoCad)
hardware. Esto significa que
IMAGEN
y software de animación)
los gráficos vectoriales son
utilizan gráficos por vector.
creados con primitivas Las fuentes son representa-
VECTORIAL
geométricas como pun- das como vectores llamadas
tos, líneas, curvas o polígonos. fuentes orientadas a objetos
fuentes
o de vectores.
Las imágenes vectoriales son La mayoría de los dis-
más flexibles que las de mapa positivos de salida (im-
de bits porque pueden ser re- presoras, monitores, demás)
dimensionadas y extendidas están basados en imágenes
sin perder calidad. Incluso la por puntos, esto significa que
animación por gráficos vec- todos los gráficos vectoriales
toriales suele ser más sen- deben ser convertidos a un
cilla y ocupar menos espacio mapa de bits antes de su salida.
que las de gráficos de mapa Ha de destacarse que las
.
17
de bits. Otra ventaja de los fotografías no pueden alma-

MODOS Continuando con los gráficos digitales, acontinuación
D E los modos de color, que es la cantidad máxima de colo-
res de la paleta de un mapa de bits. El modo de color
COLOR expresa la cantidad máxima de datos de color que se pu-
eden almacenar en un determinado formato de archivo
gráfico. Podemos considerar el modo de color como el
contenedor en que colocamos la información sobre cada
píxel de una imagen...
Modo Bit Map o
monocromático
Correspondiente a una
cromáticas de 256 tonos de con otras imágenes de color.
profundidad de color de 1
Si se convierte una imagen
bit, ofrece una imagen mono- gris, entre el blanco y el negro.
modo de color a un modo
cromática formada exclusiva- El tono de gris de cada
Escala de Grises y después
mente por los colores blanco píxel se puede obtener se guarda y se cierra, sus
y negro puros, sin tonos bien asignándole un valor de valores de luminosidad
intermedios entre ellos. brillo que va de 0 (negro) a permanecerán intactos,
Para convertir una imagen a 255 (blanco), bien como por- pero la información de col-
modo monocromático hay centajes de tinta negra (0% es or no podrá recuperarse.
que pasarla antes a modo igual a blanco y 100% es igual
escala de grises. a negro).Las imágenes produ-
En este modo no es posible cidas con escáneres en blanco
trabajar con capas ni filtros. y negro o en escala de grises
se visualizan normalmente
en el modo escala de grises.
Modo Escala de El modo Escala de Grises
Grises admite cualquier formato
de grabación, y salvo las
Este modo maneja un solo funciones de aplicación de
canal (el negro) para trabajar color, todas las herramien-
con imágenes mono- tas de los programas grá-
ficos funcionan de la misma
.
18 manera a como lo hacen
modo escala de grises

paleta de colores tan limitada.
...Así, podemos guardar una cantidad pequeña de da-
tos de color en un contenedor muy grande, pero no po- Modo Color
dremos almacenar una gran cantidad de datos de color
R G B
en un contenedor muy pequeño.Los principales modos
de color utilizados en aplicaciones gráficas son:
Modo Color
C M Y K
Modo Color
L a b
También resulta útil reducir
Modo Color una imágenes a color 8 bits
Indexado para su utilización en apli- Consiste en tres canales,
caciones multimedia, ya cada uno de los cuales con-
Denominado así porque tiene que con ello se consiguen tiene hasta 256 tonalidades
un solo canal de color (in- ficheros de menos peso. diferentes: un canal L de
dexado) de 8 bits, por lo que Luminosidad y dos canales
sólo se puede obtener con él Su principal inconvenien- cromáticos, A (que oscila
un máximo de 256 colores. te es que la mayoría de las entre verde y rojo) y B (que
En este modo, la gama imágenes del mundo real oscila entre azul y amarillo).
de colores de la imagen se se componen de más de 256 El componente de
adecua a una paleta con un colores. Además, aunque luminosidad L va de
número restringido de el- admite efectos artísticos de 0 (negro) a 100 (blanco).
los, por lo que puede resultar color, muchas de las herra- Los componentes A (eje
útil para trabajar con algunos mientas de los principales rojo-verde) y B (eje azul-
formatos que sólo admiten la programas gráficos no es- amarillo) van de +120 a
paleta de colores del sistema. tán operativas con una El modelo de color Lab
se basa en el modelo pro-
puesto en 1931 por la CIE
(Commission Internatio-
nale d’Eclairage) como es-
tándar internacional para
medir el color. En 1976,este
modelo se perfeccionó y
. 19
color indexado

para conservar la fidelidad
del color al trasladar archi-
vos entre sistemas y para
imprimir en impresoras
de PostScript de Nivel 2.
Sólo las impresoras Post-
Script de nivel 2 puede re-
producir esta imágenes. Para
impresiones normales, se
recomienda pasar las imá-
genes a RGB o a CMYK.
color Lab mayor luminosidad
color lab
se denominó CIE Lab.
El color Lab es indepen- cromáticos se mantienen
diente del dispositivo, independientes del disposi-
creando colores coherentes tivo de salida de la imagen.
con independencia de los
dispositivos concretos para
Color Lab.
crear o reproducir la imagen
Mayor
(monitores, impresoras, etc.).
Este modo permite cambiar l u m i n o s i d a d
la luminosidad de una imagen
Se usa sobre todo para traba-
sin alterar los valores de tono
Modo Color
jar en imágenes Photo CD o
saturación
y del color,
Duotono
para modificar la lumi-
nancia
siendo adecuado para trans-
y los valores del
ferir imágenes de unos siste-
color de una imagen inde- Modo de color que trabaja
mas a otros, pues los valores
pendientemente. También con imágenes en escala de
.20 se puede usar el modo Lab grises, a las que se le pu-

(una imagen RGB quedará
descompuesta en 3 canales
y una CMYK en 4 canales).
En este modo, cada tinta
es un canal que a la hora de
imprimir se superpon-
drá en el orden que deter-
minemos sobre los otros.
Por ello, es posible tratar cada
zona de forma particularizada.
Se utiliza en determinadas
situaciones de impresión en
escala de grises. También,
para ensamblar cana-
les individuales de diversas
modelo de color duotono imágenes antes de convertir
la nueva imagen a un modo
eden añadir tintas planas (3 tritonos y cuadritonos sólo
de color, pues los canales de
para cada imagen, más el ne- hay un canal, por lo que no
color de tinta plana se con-
gro), con el fin de colorear es posible tratar cada tinta
servan si se convierte una
distintas gamas de grises. de forma distinta según las
canal imagen a modo multicanal.
zonas de la imagen. Es decir,
Sólo posee un
de color (Duotono, Trito- no podemos hacer una zona Al convertir una imagen
no o Cuatritono, dependi- en la que solo haya, por ejem- en color a multicanal, la
endo del número de tintas). plo, un parche cuadrado de nueva información de es-
tinta roja, mientras que en el
cala de grises se basa en los
Con este método podemos resto sólo hay una imagen de valores de color de los píx-
obtener fotos en blanco y semitono en blanco y negro. eles de cada canal. Si la ima-
negro viradas al color que
Modo Color gen estaba en modo CMYK,
queramos. Suele ser em- el modo multicanal crea ca-
Multicanal
pleado en impresión, donde nales de tinta plana cian,
se usan dos o más plan- magenta, amarilla y negra.
chas para añadir riqueza
y profundidad tonal a una Posee múltiples canales de Si estaba en modo RGB, se
crean canales de tinta plana
imagen de escala de grises. 256 niveles de grises, descom- cian, magenta y amarilla.
El problema que presenta este poniendo la imagen en tan-
modo es que en los duotonos, tos canales alfa como canales
.21
de color tuviera el original

20.07
CLASE 4
LENGUAJE
COMPUTACIONAL
diagramación de
bitácora formato Lo que más destaca del texto.
Definir un
“El diseñador debe tener la mas como libro, tener en de la imagen.
de la
capacidad de relacionar”A.M cuenta las imágen , notas a lo
largo, buscar el dramatismo
imagen
Para la de una imágen. Tratar de usar
diagramación imágenes.
hay más las
Toda imagen tiene un for-
que observar distintas jerar- Recopilación en la bitacora
mato, esto depende , del
quias, descubrir distintos el- .índice
programa en donde se este
ementos , tener la capacidad .paginación
trabajando la imagen o el
de relacionar. .portadillas: formato que uno eliga darle.
tarea 4
Busqueda de el formato
definitivo de la bitacora.
Dinamis-
mo tanto en el tex-
to como en en el diseño.
Uso de iamgenes q hagan
visual lo que aprendimod
.22

píxeles requieren una mejor resolu-
Esto se puede definir como con que son los
nativo, cion
formato que portadores de la informacion jpg/jpeg: se comprime la in-
como definición seria el for- gráfica (color,etc,) de la ima- formacion dela imágen.
mato propio que el programa gen es como una tejido. .pns
le da a la imagen. Distintos formatos de ima- .psd (photoshop)
la imagen digital también gen bitmap: .gif: toma colores como de
puede clasificarse de dos .tiff: guarda toda la infor- una paleta de finida.
formas: imagen de bitmap macion de la imagen sin .eps: es un formato que so-
(mapabit) o imagen vecto- comprimir,es deuna alta cali- porta iamgenes de birmap o
rial (.ai) El mapabit trabaja dad, se usa para diarios que vectoriales.
el pixel
El píxel (del inglés picture element, es decir, “elemento de la
imagen”) es la menor unidad en la que se descompone una
imagen digital, ya sea una fotografía, un fotograma
de vídeo o un gráfico. Al ampliar fuertemente una imagen
digital (zoom), por ejemplo en la pantalla de un ordenador,
pueden observarse los píxeles que componen la imagen. Los
píxeles aparecen como pequeños cuadrados en color, en blan-
co o en negro, o en matices de gris. Las imágenes se forman
como una matriz rectangular de píxeles, donde cada píxel
forma un punto diminuto en la imagen total.
. 23

TIPOS Nota: El sistema de color tricromático (red, green,
blue, (RGB)) en imagen digital, conserva cada uno
de sus componentes en un canal por separado y la
FORMATOS DE adición de los colores primarios en cada pixel, crea
IMAGEN canal alfa
el espectro visible. El o “alpha chan-
nel”, se refiere a un cuarto canal usualmente de 8
bits, interpretado por el sistema gráfico como una
transparencia en diferentes grados de tal forma que
sobrepuesto con un color tendrá el efecto de mezcla.
BMP(.bmp)
Profundidad del color:
· 1 (Mapa de bits) · Compuserve GIF: Mapa · RGB (1 canal)
· 4-8 bits (Escala grises) de bitsEscala de grises Canales alfa: SI (1)
· 8 bits (Color Indexado) Color indexado Compresión: SI (sin pérdi
· 24 bits(RGB) · GIF89a (GIF Animado): das)
Modos de color: Color IndexadoRGB (con QuicTime: 4 opcio-
· Modos RGB Canales alfa: NO nes para JPEG)
· Color Indexado, Compresión: SI (LZW) Notas acerca del formato:
· Escala de Grises, Notas acerca del formato: · Estándar de Macintosh
· Mapa de Bits · Creado por Compuserve · Bueno para compresión
Canales alfa: NO en 1987 imágenes con área color
Compresión: NO (excepto · Graficos color indexado sólido
en 4 y 8 bits) · Posibilidad visualización Uso: Transferencia de grá-
Notas acerca del formato: entrelazada (aparición ficos entre aplicaciones
· Formato estandar IBM gradual)
JPEG(.jpg; .jpe)
PC, · Transparencia y Ani-
Joint Photographic Ex-
· Uso: fondo escritorio, o mación
pert Group
imagenes sencillas de hasta · Uso: Internet
Profundidad del color:
256 colores
PICT (.pct; .pic) 24 bits
GIF(.gif) Profundidad del color: Modos de color:
Graphics Interchange . RGB: 16/32 bits · Escala de grises
Format · Escala Grises: 2,4, 8 bits · RGB
Profundidad del color: Modos de color: · CMYK
· 8 bits (256 colores) · Mapa de bits (sin canalaes Canales alfa: NO
Modos de color: Alfa) Compresión: SI: diversas
· Escala de grises calidades (con pérdidas)
.24 · Color Indexado Notas acerca del formato:

shop · RGB (1 canal)
LZW (Lempel-ZivWelch) · Guarda capas y seleccio- Compresión: SI sin pérdidas
es un algoritmo de com- nes (canales) Notas acerca del formato:
presión sin pérdida Uso: Creación y Trata- · Mayor capacidad de al-
miento Imagen macenamiento y capaci-
dades que el GIF
TARGA (.tga; · Genera transparencias de
.vda;.icb;.vst) fondo sin bordes dentados
· No muy extendido, con el
Profundidad del color:
tiempo sustiirá al GIF
16, 24 y 32 bits
· Uso: Internet
Modos de color:
· Junto con GIF y PNG es · Escala Grises,
el formato de Internet para · Color
TIF(.tif)
gráficos y fotografias. indexado, Tag Image File Format
· Formato de color ver- · RGB (16 y 24 bits sin ca- Profundidad del color:
dadero en el que no se nales alfa); 32 bits
produce pérdida de color, · RGB de 32 bits (un solo
Modos de color:
anque si se comprime SI, canal alfa)
·Mapa de bits sin canales
pues se eliminan datos. Canales alfa: Si (1) Alfa
Uso:fotografías Internet Compresión: NO · Escala de Grises con ca-
Notas acerca del formato:
PHOTOSHOP nales Alfa y archivos Lab
Uso: Exportación a edición · Color Indexado
profesional Video
(.psd) · RGB con canales Alfa y
archivos Lab· · · CMYK
Profundidad del color:
PNG(.png) Canales alfa: SI
32 bits
Portable Networks Graphics Compresión: SI (LZW)
Modos de color:
Notas acerca del formato:
· Admite todos los Modos Profundidad del color:
· Desarrollado por Aldus
de Color 24 bits
Corporation.
· Canal Alfa y de Tintas Modos de color:
· Reconocido por casi todos
Planas · Mapa de bits
los programas de Pintura y
· Guïas, trazados · Escala Grises,
Vectorización·
· Capas de ajuste, de texto, · Color Indexado,
· Compatible IBM PC y
efectos capa · RGB
Mac
Canales alfa: SI (varios) Canales alfa:
Uso: Imprenta e intercam-
Compresión: NO · Mapa de bits ( 0 canal)
bio de archivos
Notas acerca del formato: · Escala Grises, (1 canal) .
25
· Propio de Adobe Photo- · Color Indexado (0 canal),

27.07
CLASE 5
LENGUAJE
COMPUTACIONAL
y es trabajando con losde im- presión traduccio elec-
Investigación archi-
desarrollo vos postscript, luego
tronica de los perfiles con
primir el archivo en un for-
una valorización colometrica
mato PDF.
modela- de lo que imprime.
Internet es un modelo edito-
postscript distiller
rial.
miento setttings estandar para PDF
de la trama.
Adobe Abrobat salvar en
abrobat 5 pdf 1.4
comportamiento colome-
PDF.
La fortma de tener un archi- trico .ppd
perfiles de im- true type
vo PDF con una información
muy rica y sin perdida de ella copia de window para las
Problema en el traspaso de un archivo desde un formato a otro
Aunque en el documento se usaron colores CMYK, sorprendentemente el fichero PDF re-
sultante contiene definiciones de colores en RGB.
Soluciones
En primer lugar, comprueba los parámetros (settings) de Distiller y asegurate de que la
opción “convertir todos los colores a RGB” está desactivada. Comprueba también qué PPD
se usó para crear el PDF (o el fichero PostScript original). Debes usar preferentemente el
PPD de Distiller que viene con tu Acrobat. Algunas aplicaciones, como FrameMaker o
PageMaker usan el espacio de color por omisión (default colour space) que viene en el PPD.
En el PPD de Acrobat 4, ese espacio de color por omisión es CMYK.
Desgraciadamente, el espacio de color por omisión que venía con Acrobat 3 era el RGB.
Una aplicación como PageMaker 6.5.2 respetará este valor y cambiará los valores CMYK
usados en los rellenos. Para resolver este problema, se debe:
.26

fuentes de Mac (postscript) deformar ni pixelar la imagen Investigar acerca de las tipo-
postscrip t grafia true type y postcript
son tipografías vectoriales, a Vector
base de logartimos matemati- linea, dirección
cos.
escalamiento sin determinada
vector
Abrir el PPD en un editor de texto como BBEdit (Macintosh), el Bloc de notas (Windows)
o similar.
Buscar la línea donde pone: DefaultColorSpace: RGB
Cambiarla por: *DefaultColorSpace: CMYK
Guardar el PPD.
Volver a crear el fichero PDF.
En FrameMaker para Macintosh, las imágenes CMYK se pueden convertir a RGB si no
se asignan parámetros correctos a Acrobat Distiller. En Distiller 4.x hay que asegurarse de
que la opción “Dejar color intacto” está activada en el menú “Opciones de trabajo - Color”.
En Distiller 3.x, asegurate de que la opción “Convertir las imágenes CMYK a RGB” está
.27

TIPOS
DE FUENTES
TRUE TYPE
POSTCRIPT
Básicamente las fuentes ele-
trónicas se dividen en 2 cat-
egorías:
Fuentes de mapa de bits y
fuentes de contorno.
Fuentes de
mapa de bits. Fuente
Son conjuntos de letras
postscript
descritas mediante matrices
de puntos. Para el tamaño
al que fueron destinadas pu- y usual en artes gráficas profe-
matemáticas, mediante vec-
eden dar un resultado “acept- sionales. Se suelen componer
tores (ángulos, escribir recta
able” a la hora de imprimir de dos ficheros, uno ellos es
de x, y...). Eso permite aumen-
(generalmente van de 5 pts. la “maletita o suitcase” que
tarlas o reducirlas a placer sin
hasta máximo 36 o 48 pts.). contiene la fuente y el otro es
perder calidad. Se dividen
Por ejemplo, en cuanto deci- el del archivo de la impresora
básicamente en tres tipos:
das aumentarlas, los puntos o “outlines”. Las versiones
Fuentes
de la matriz pierden su for- para Mac y para PC no son
ma y se ven “pixeleadas”). compatibles (lo que compli-
de P o s t S c r i p t .
Fuentes ca mucho la vida de los fo-
Son, como su nombre indica, tomecánicos y diseñadores).
contorno un sistema de describir fuen-
Fuentes
. tes incluido en el lenguaje
Son letras que logran su PostScript (vectores). Básica-
True Type.
forma a base de operaciones mente son las llamadas “Tipo
.
28 1,2 y 3”. Son lo más extendido Como el sistema PostScript

es propiedad de la empresa
Adobe, otras firmas (Apple y
Microsoft) intentaron sacar
un estándar de fuentes de
contorno alternativo a las
fuentes PostScript. Las True
Type son compatibles entre
mac y PC, pero como mu-
chas de ellas estan muy mal
realizadas y las versiones an-
tiguas de PostScript tenían
problemas con ellas, han to-
mado muy mala fama (in-
merecidamente) entre algu-
nos profesionales del sector.
Fuentes
Open Type. ejemplo del archivo de letra opentype
Son el presente/futuro. Son populares todavía. Va a pasar erencia a su escalabilidad.
compatibles entre Mac y PC. algún antes de que puedan
Admiten muchos más carác- ser utilizadas extensamente Pero ojo, esto de los diferen-
teres, sobre todo especiales por proveedores, diseñadores tes iconos de pantalla sirve
(ligaturas, etc...). Nacen de y negocios de pre-prensa. para el Mac OS 9.x y ante-
un desarrollo conjunto de los riores. En el sistema 10.x pu-
principales fabricantes y fir- ¿Cómo se diferencia una eden aparecer ambos tipos de
mas relacionadas con el sector. TrueType de una Post- pantalla con el mismo icono.
OpenType es una tec- Script de pantalla y de una El archivo de impresora de
nología de tipos desar- PostScript de impresora? los Postscript (las Truetype
rollada entre Adobe y no tienen) no se puede alo-
Microsoft, que combina las Las PostScript tienen en su jar en maletas y su icono de-
tecnologías PostScript Tipo icono de pantalla una única pende del fabricante, además
1 de Adobe y TrueType letra “A” mientras las True de caracterizarse porque su
de Apple. Según las espe- Type (que solo constan de nombre está abreviado (p. ej.
cificaciones de Microsoft un archivo similar al de pan- Helvebolobl que sería el ar-
son multiplataforma y fun- talla Postscript), contienen chivo relativo al de pantalla
cionan tanto en Windows varias AAAs de diferen- Helvetica Bold Oblique).
29
como en Mac. No son muy tes tamaños que hacen ref- .