Este documento es una bitácora de las clases de Lenguaje Computacional impartidas a estudiantes de Diseño Gráfico. Incluye notas sobre temas como la historia de la imprenta, imágenes digitales, escaneo de imágenes, modelos de color, tipografía, y programas de diseño como InDesign. La bitácora fue creada por la estudiante Evelyne Ramírez para registrar los conocimientos adquiridos en el taller.
PRESENTACIÓN NOM-004-STPS-2020 SEGURIDAD EN MAQUINARIA
Bitácora de Lenguaje Computacional
1. BITACORA
Lenguaje Computacional
Evelyne Ramírez González
Diseño Grafico 2 Año
tarea de xoli.2indd.indd 1 28/08/2006 9:49:36
2. Esta Bitacora fue diseñada y producida por la
alumna Evelyne Ramirez estudiante de Diseño
Grafico Segundo Año para el Taller de Lengua-
je Computacional Profesor Jorge Barahona.
Las imágenes corresponden a dibujos escanea-
dos y croquis hechos en clases.
tarea de xoli.2indd.indd 2 28/08/2006 9:49:37
3. INDICE
CLASE 1:
•Guttemberg y la imprenta.
•Imagenes digitales :mapa de bits,vectoriales.
•Sobre In design
•Escanear imagenes.Guia de escaneo
CLASE2:
•Color e impresion.Modelos de color
•Teoria del color
•Tramas de semitono
CLASE5:
CLASE3:
•Diamagración de contenidos. El diseñador
•Tintas planas y matices •Los comportamientos del ser humano ante las señales.
•Colores de cuatricomia. Separacion de colores
•Sobreimpresion CLASE6:
•Trapping o revenrtado.
•Kerning y Tracking
CLASE4. •Fuente Digital.Definicion
•Fuentes Postcript
•Trabajar con doble pagina.Los cortes y las pá- •Fuente True Type
ginas
•Trabajar con color.Tipografía con y sin serif. CLASE7:
•Pre exámen.Taller de America.
CLASE8:
•Examen Final.
3
tarea de xoli.2indd.indd 3 28/08/2006 9:49:39
5. ¿Qué es la Bitácora de Lenguaje Computacio-
nal?
La Bitácora consiste en un registro semanal de todas
las clases del Taller.En ella anotamos los nuevos co-
nocimientos adquiridos ademas de nuestras propias
dudas y la informacion que nosotros mismos buscamos
para estudiar. Contiene imagénes escaneadas y nues-
tros propios croquis que sirven ayuda y como ejemplo
para cada materia
5
tarea de xoli.2indd.indd 5 28/08/2006 9:49:39
6. CLASE 1
PRE PRENSA DIGITAL
Diagramación sobre medios digitales:
Nuestros trabajos estan basados en el uso de programas como photo-
shop, In- Design, Quarxpress. Todos estos programas trabajan de la
misma manera ,el mas complejo es el primero que acabamos de nombrar
ya que posee mas herramientas y hay que tener un conocimiento previo
de fotografía para utilizarlo. 1.
Los conceptos:
Pre prensa digital.
Todo lo que hacemos proviene de un mundo análogo.Los conceptos vie-
nen de un mundo análogo y tipográfico.
La imprenta
En la antiguedad no habian diseñadores ni tipografos.Operar requeria
de algo, del error para construir un oficio.
Linotipo:
Era una maquina a leña , análogo a un diseñador, se escribe en una
maquina una linea luego son moldeados en un diario este era un metodo
rudimentario.
En el Tipomovil(imprenta,550años) , se ordenan las tipografías y se
entintan , invertido se hace prensa.
2.
Gu-
ttemberg produjo la primera página impresa de tipo móvil se entintaba el tipo y se imprimía
en el papel.
2. Imprenta
Lenguaje Computacional 6
tarea de xoli.2indd.indd 6 28/08/2006 9:49:40
7. ao ¿Como eran los procesos productivos que se utilizaban an-
tiguamente ?
Son los mismos de ahora esta es nuestra fase para entender El programa
toma lo mismo que toma Guttemberg
El computador es solo una herramienta en nuestro oficio, hay que saber
utilizarla ,pero tambien es vulnerable.
Detras de todo esta la esencia, tiene que ver con el oficio.
El diario:
Se utiliza papel Bio-Bio, la luz provoca que cambie de color tiene un
ancho universal,las cosas se entregan de forma universal (enumera-
cion, corte, fibra papel. Las piezas del diseño tienen un soporte , un
flujo, todo tiene un proceso,debemos utilizar bien los recursos, cumplir
con las normas.
Tips(datos ,trucos)
txt: texto sin atributos
respaldo de la informacion, box en internet
A traves de los archivos comunico ,el diseñador no acepta textos con
formato
¿cuanto vale nuestra hora?
h/h:hora -hombre
hora /costo
Si recibimos un texto con formato aumenta al doble nuestra hora de
trabajo, configurar el texto significa mas costos.
7 Clase
tarea de xoli.2indd.indd 7 28/08/2006 9:49:41
8. Hablar de Mapa de bits es diferente a Modo bitmap.
Imágenes digitales:
Mapa de bits:
Sistema en plano cartesiano de bits en cada espacio se ubica un color,
podemos acercarla con zoom.
Vectoriales:
Representan la imagen sobre la base de vectores que generan un dibujo,
tiene un borde y un relleno.
Logotipos: A B A
Construccion en tamaño cualquiera puede escalarse de manera libre no
se deforma esta basado en un algoritmo matematico.
Sobre In Design:
Construir un objeto no sirve para pegarlo en este programa, existen
ciertos formatos que sirven JPG, TIFF, GIFF.
En el taller veremos porque estos sirven y como se llegan a estos forma-
tos.
El lenguaje de textos tiene un nombre ASCII.
Transformar un texto a una tipografia, existen cinco que son universa-
les, solaris, times, georgia,
Las tipografias son utilizadas con diferentes propositos necesitamos co-
nocerlas (taller de tipografia).
Lenguaje Computacional 8
tarea de xoli.2indd.indd 8 28/08/2006 9:49:41
9. GUIA DE ESCANEO:
Digitalizar una imagen con escaner de escritorio
Cualquiera sea el escaner de escritorio que utilices estos vienen en dos
presentaciones
•Para opacos , que permiten digitalizar imagenes impresas.
•Para opacos y transparencias, que permite digitalizar las anteriores y
las transparencias como negativos y diapositivas.
Para el caso siempre necesitaras controlar algunos parametros propios
de la imagen digital y que son:
1.Seleccion de la imagen en la cama del escaner (preview)
2.El tipo de imagen que convertiras en digital (tipo de original)
3.La resolucion que tendra la imagen resultante. (dpi)
4.El tamaño que tendra la imagen resultante (escala)
5.El formato que tendra la imagen resultante (formatos graficos
Selección de la imagen en la cama del scaner(preview)
Todos los scanner de escritorio tienen bajo su tapa una superficie trans-
parente que es habitualmente un vidrio grueso.Es muy importante que
este vidrio este limpio y libre de rayas por lo que es vital la mantencion
del mismo.Para colocar la imagen que deseas digitalizar debes ponerla
boca abajo igual que con las fotocopiadoras sin embargo hay algunos
escaner que debes cuidar de que la imagen quede invertida, ya que al
momento de hacer la previsualizacion esta voltea la imagen
Pre prensa digital
9 Clase
tarea de xoli.2indd.indd 9 28/08/2006 9:49:42
10. podemos cambiar en copia de archivo a una mas baja
Es habitual que un buen escaner tenga reglas en los lados externos de la
cama al menos en pulgadas.En la cama del escaner se grafica en pan-
talla que presenta el programa que maneja tu escaner.Debes seleccionar
con el mouse la seccion de la imagen que deseas digitalizar.
2.El tipo de imagen que convertirás a digital(tipo de origi-
nal)
a.Line art:llamada tambien bitmap o de un bites el modo perfecto para
digitalizar imagenes puras blanco y negrocomo dibujos, logos, firmas
,etc.Line escaneara a la misma resolucion de salida final y obtendras el
maximo de detalles.
b. Escala de grises: es el mejor modo para producir imagenes en blanco
y negro con rango tonal de grises. Esta configuracion continua de 8 bits
produce 256 variaciones de grises.
c. Color :es el modo seleccionado cuando trabajamos con imagen color o
cunado queremos colorizar una imagenblanco y negro.Esta configura-
cion de tono continuo de 24 bits produce 256 variaciones de cada uno de
los tres colores ,rojo, azul,y verde(RGB) para un total de 16.777.256
posibilidades de color (256x256x256).Es usado primariamente para
producir fotos de color o diapositivas.
3. La resolucion que tendrá la imagen resultante(DPI)
a. Line art, una impresora laser de 300DPI de resolucion de salida
necesita una resolucion de 300 DPI o un multiplo de 300 (150DPI)
para realizar una correcta definición en el
Letra con muy baja resolución.( retícula de sólo 20 celdillas lineales) Letra con mayor resolu-
ción ( retícula de 66 celdillas). El detalle es mejor. Retícula de 200 celdillas, complejo ,nítido.
Lenguaje Computacional 10
tarea de xoli.2indd.indd 10 28/08/2006 9:49:43
11. papel impreso.Siempre digitalizar una imagen en line art resultara una
de menor peso en killobytes, ya que manejara solo un canal y una
resolucion mayor es mejor compensada.El resultado es que tienes una
imagen de alta resolucion pero de peso mediano ya que es a un bit.
La resolucion minima es de 600DPI .
Truco para tener fidelidad de de reproducción:
1.Digitaliza tu dibujo en line art a 600 DPI de resolucion de salida
2.Abrelo en photoshopy convierte tu imagen de un bit a una de 8
bit(imagen>>modo>>escala de grises)
3.Aplica filtro desenfoque gaussiano en seteo de 1.5 a 2.0 pixeles.(filtr
o>>desenfoque>>desenfoque gaussiano)
4.Abre el cuadro de dialogo de Nivelesy en los datos de umbral mueve
el HI y SI hacia el centro. Puedes experimentar con las imagenes hasta
alcanzar el nivel adecuado. Como media te recomiendo usar en los im-
put levels:115-1.00-139(niveles>>115,1.00,139>>ok)
b. Escala de grises: usualmente digitalizamos entre 1.41 y 2.00veces la
frecuencia de salidaen LPI(lineas por pulgada)que es la resolución de
impresion de los dispòsitivos que van desde una impresora laser a una
imprenta. Por ejemplo una que tendrá una resolución de impresión de
150 LPI (como una laser con factor 2)se digitalizaentre 212 a 300
DPI.
c. Color: usamos el mismo criterio que en escala de grises. Porque un
color RGB es tres veces que la version digitalizada en escala de grises.
Una norma en la industria es digitalizar entre 600 y 600 DPI , de
manera de quedarse con un buen original. Luego en programas como
photoshop
Scaner
11 Clase
tarea de xoli.2indd.indd 11 28/08/2006 9:49:46
12. 5
5
4. El tamaño que tendra la imagen resultante(escala)
10
Escalar una imagen desde el escaner. Existe una formula que se aplica
para determinar que cantidad de resolucion debo aplicar a una imagen
que sera escalada
Esa formula dice que la resolucion de salida se multiplica por el factor 10
de escala porcentual que determinara el tamaño final de la imagen
Factor de escala porcentual=%
Resolucion solicitada por el escaner=xDPI
Si tenemos una imagen de lado 10 que deseamos dejar en lado 20un
200%el factor es 2.
Pero ademas deseamos que la imagen quede con una resolucion de 300
DPI, la resolucion de salida en el escaner es de 600 DPI.
5. El formato que tendra la imagen resultante (formatos gra-
ficos )
Los modos mas usados para salvar imagenes digitalizadas son TIFF
y EPS. Todos los softwarede edicion de imagen como el Photoshop y
muchos scanners soportan estos dos formatos.
a. TIFF(target image file format)es tal vez el formato mas usado ya que
es posible importarlo desde casi todos los programas de edicion como In
design, page marker, o quark express.Trabaja con todo tipo de imagenes
(line art , escala de griseso color) en profundidades de bit desde 1 a 32.
sta para Pc y Mac.
Imagen aumentada en un 200% con una resolucion de 300 DPI según la fórmula.
Lenguaje Computacional 12
tarea de xoli.2indd.indd 12 28/08/2006 9:49:46
13. TIFF es el formato mas versatil y recomendado para guardar los esca-
ner originales.
b.EPS( encapsulated post script)es tan popular como el TIFF. EPS
es comunmente usado cuando transformamos una imagen de RGB a
CMYK que crea cinco separaciones de color cuatro para cada color y
un sola para las posiciones. Las cinco separaciones del color EPS son
conocidas tambien como DCS(digital color separation). Tambien EPS
es muy usada cuando el destino de las imagenes RGB es una grabadora
de diapositivas. EPS es un formato que genera archivos pesados pero
ricos en informacion.
c.JPEG(joint photographic experts group) es un formato de perdida
de informacion ya que comprime los datos de la imagen. Es un formato
muy versatilya que permite la transferencia de los archivos de manera
rapida y eficiente. Es por defecto el formato en que encontramos las
imagenes fotograficas en la internet.
Apesar de ser muy popular no es conveniente guardar archivos directos
de scaner a JPEG cuando tenemos otros como el TIFF.
Sin embargo y por su popular manera de comprimir los archivos y la
necesidadde transferirlos en discos u otros es que se utiliza, pero no es
recomendable en absoluto como almacenador de originalesde escaner.
Es bien recibido por programas varios.
d. GIFT es un formato de paleta de 8 bits(256 colores )usado funda-
mentalmente en la world wide web.
13 Clase
tarea de xoli.2indd.indd 13 28/08/2006 9:49:46
14. CLASE 2 .
Pre -prensa digital:
Es el proceso entre diseñar y producir. Pre prensa /antes de
prensa,imprimir.
Existen dos tipos de diseño:envases de packaring y digital. Nuestros
diseños estan colgados. En diseño hay requerimientos, como cotizar.
Guttemberg: prensar tipos de moviles sobre papel para que se reproduz-
can.
COLOR E IMPRESION.
Propiedades del color:
Aditivo:modelo de color. colores basicos/rojo,verde, azul(RGB).Cuan-
do se sumanconstruyen luz(blanco).son colores que funcinan como
separacion de colores (celula r, cajero,tv).Se comportan segun la reso-
lución de pixelesde color.
Suatraccion:se va hacia el negro.
MODELOS DE COLOR
Espectro visible y gamas de color:
Fisico:es sinonimo de color, calor. In cidencia como lo traducimos y
como lo transformamos.
Lo que nos dicen los colores ,que nos comunican. Azul,uniforme,
formalidad,limpieza, disciplina.Algunas marcas importantes lo
tienen,IBM, y laboratorios bancos, etc.
Verde, relaja, fertilidad, lo utilizan en los hospitales,es complementario
del rojo.
El circulo de los colores es un diagrama cromaticobasado en la disposicion de
los colores basicos y de sus compuestos
Lenguaje Computacional 14
tarea de xoli.2indd.indd 14 28/08/2006 9:49:47
15. TEORIA DEL COLOR
Espctro visible:
Escuchamos parte del sonido.
RGB (pantalla del computador ) vemos margen de colores que no se
pueden reconocer. El cerebro solo ve una parte.Los colores tienen coinci-
dencia que tiene que ver con el blanco.
Del photoshop por cuatricomia mas oscuro.
Area de tono continuo:
Hablamos del original cuando deja de ser fotodiapositiva a original se
llaman imagenes de tono continuo.
El escaner arte de tono continuo(dibujo).
Diapositiva 9x13, fotografia,duras y de alta resolucion.
Tramas de semitorio( con tinta negra)
Se utiliza una sola tinata(imagenes).
Las imagen se separa en puntos, no tienen un orden aleatorio,las impre-
soras a inyeccion de tinta son aleatorias,el chorro no cae en el mismo
lugar,es impredecible,tiene un atractivo plastico que notiene la impreso-
ra laser.
La impesion de inyeccion a tinta es aleatoria. Trama semi tono en tinta
negra la variacion angular es de 45% si no la imagen se deformaria, si
tiene un 47%se veria una mancha.
¿Como se separa el color?
Tomar como referencia los envases como :yogu-yogu y las pastas.
Se utilizan colores plenos y especiales
Descomposicion de colores magenta cyan amarillo , los tres colores superpuestos dan como
resultado negro.
15 Clase 2
tarea de xoli.2indd.indd 15 28/08/2006 9:49:48
16. Tramas de semitono:
Algunas revistas como PAULA y COSAS, presentan cuatricomía.
El espectro ve ciertos colores ya que la tinta es acuosa y liquida.
El cian sobre amarillo produce verde, amarillo y margenta otra gama
cercana a negro, este con los anteriores produce el efecto de la cuatrico-
mia, cercana a la realidad.
Roseta(pentagono), puntos en registro.Cuando los puntos de color
estan en angulo correcto se produce el efecto roseta,los colores estan
calzados.
El puntillismo
El puntillismo se refiere a hilbanar cosas. Es un fenomeno del arte
moderno(cuatricromia), sus exponentes mas importantes son: Pizarro,
Zorat.
Efecto Moire:
Cuando estamos cerca podemos ver puntos y cuando estamos lejos
vemos algo.
El fenomeno comics habla de como se producen en cuatricromia las
cosas.
Picasso, Rembrand, comienzan a utilizar los metodos , ocupan graba-
dos, xilografia , litografia, tambien irrumpen medios como la prensa.
El puntillismo aparece como un descubrimiento artístico para producir
emoción. Los fenómenos van hilbanando y afectando el arte .
Lenguaje Computacional 16
tarea de xoli.2indd.indd 16 28/08/2006 9:49:50
17. Clase3
Tintas planas y matices:
La tinta plana (llena) es de un 100%. Los puntos se juntan tanto que
forman un color pleno.
Trama, es a un 80% de la tinta plana, hay menor cantidad de pun-
tos.
Trama al 60% los puntos se van alejando.
Trama al 40% los puntos disminuyen perimetro, los puntos tienen igual
distancia entre sus ejes, el punto se achica.
Trama al 20%, desapareca el color.
Todo color tiene 99% matices.Normalmente trabaja de 10 en 10, el diez
es cercano al cien,.El soporte del papel debe ser bueno para ver el blanco.
Con suerte vemos el 80% y 20% blanco.
El diario es una condicionante del diseño y economia, es efimero, al
terminarse el dia ya no sirve para nada. Se pone amarillo al ir sufriendo
un proceso de oxidacion.
Es por eso que el dibujante busca un papel que absorba la acidez ,asi el
pael no se oxida y se protege el original.
Con un color podemos lograr varios tonos, no varios colores. Se esta-
blecen los tonos de un color y se va degradando en tramas,La fotografía
digital,bitono, tritono, monocromatica. Es una imagen que recibe una
tinta y se comporta con diferentes matices.El tramado es un tipo de
descomposición de la imagen en claroscuro por medio de la imagen. La
luz pasa con mayor intensidad por las partes claras y se obtiene un
punteado mas grande
Las diversas orientaciones de la reticula de los angulos de los colores de la
cuatricromia
17 Clase 3
tarea de xoli.2indd.indd 17 28/08/2006 9:49:53
18. Colores de la cuatricromia:
Los puntos caen en angulos determinados, ilusion de color, los pontos
estan uno al lado del otro.
Orden:
Cian , magenta y amarillo.Son colores translucidos y uno puede jugar
con ellos contrastarlos con pruebas de colores.
El negro puede colocarse al final para cubrir imperfecciones(sombras).
Separación de colores:
Con la cuatricromia podemos formar colores especiales.
La coca- cola es un ejemplo, esta marca piensa en sus envases con un
color de rojo diferente. Quarkxpress crea colores especiales para marcas
como el amarillo, este le permite tener a las marcas una imagen global.
En fotografia los colores se separan.
Maquina sobre planchas metalicas, el negativo se revela y la plancha
trae un positivo.
Transposicion de imagenes 1-2-3-4 en el rodillo.
El color se transvasija de rodillo en rodillo. Lo que la tinta libere es
lo que se tiene que imprimir. Se vacia la tinta para que el papel no se
manche.
Metodo de impresión:
Un archivo digital lo llevo a la imprenta, la fotomecanica saca un
negativo, un cian, un magenta..., luego se coloca en una plancha cada
una y se contamina con tinta y hace que se imprima
La descomposicion de la imagen a traves de la superposicion de colores primarios mas el negro.
Original, megenta,cyan, magenta y cyan, amarillo, magenta=cyan,amarillo, negro
Lenguaje Computacional 18
tarea de xoli.2indd.indd 18 28/08/2006 9:49:54
19. Reserva o sobreimpresion:
Existen dos técnicas diferentes
Tintas acuosas son translucidas,suman pigmentos y al revés de ellas
tenemos las aceitosas xerigráficas como el óleo y el acrílico.La sobreim-
presión es cuando sumamos un color.
Un color pleno sobre otro, reserva de color o calado, cae la tinta con
letras caladas.
Trapping (o reventado)
Esta tecnica es utilizada para que no se produzca un descalce(de color).
Este fenomeno puede ocurrir porque la maquina esta mal calibrada, por
eso aparece el fondo.
En las imprentas los papeles son susceptibles de modificar su tamaño por
el calor o el frio pueden contraerse o dilatarse. Para que esto no ocurra
se colocan separados en columnas y algunas veces les colocan estufas.
Tenemos que dominar la tecnica sobre los fenomenos de la imprenta,
cada vez estan mas sofisticadas.Comprender e integrarlo en el proce-
so de impreso.Tambien podemos integrar el trapping como un efecto de
diseño.
Imagenes mapa de bits y resolución de salida
Las resoluciones son directamente proporcionales al soporte que las va a
reproducir.La pantalla no leea mas de 72 DPI (fotos de internet), como
las imagenes navegan por un cable telefonico ,eso implica mas resolu-
cion y mas peso. No superior a 72 DPI es suficiente para el papel.
Descalce de color, Trapping o reventado.Las pruebas digitales permiten verificar el trapping,
retículas especiales, fuentes tipográficas y archivos vinculados, además de dar una idea de los
colores que se obtendran
19 Clase 3
tarea de xoli.2indd.indd 19 28/08/2006 9:49:55
20. Los trabajos en la imprenta estan hechos a 300 DPI.
La foto del diario(de mala calidad) con 300 DPI es innecesario un
soporte entre 120-150 DPI es bueno ya que el diario tiene muy baja
performance.
La revista , cuche blanco no mas de 200 DPI.
Estos tres tipos de impresoutilizan cuatricromia.
Lineatura o frecuencia de trama:
Si tenemos muchas lineas mas trama va a quedar, y eso va a influir en
la cantidad de tinta.
Su formula es :
El cuadrado de la resolucion de salida dividido por la lineatura mas
uno, esto nos da los niveles de gris.
Tambien depende que la mauina tire en buena lineatura.
Densitrometro, calidad del gris que vamos a obtener a cuantas lineas
Imagen reproducida en cuatro tipos de diversos de trama
Lenguaje Computacional 20
tarea de xoli.2indd.indd 20 28/08/2006 9:50:01
21. Clase 4.
De la correccion de las pruebas y las tareas:
El taller de lenguaje compputacional es un ramo tecnico, lo que se dice
es y punto no hay otra respuesta. En las pruebas debemos aplicar esos
conocimientos tecnicos ,hay que dominarlos y luego saber aplicarlos.
Nuestros trabajos beben mostrar que somos diseñadores.Ser diseñador es
una actitud tenemos que serlo siempre. A traves del dibujo comunicamos
lo que sabemos.
Para nuestro trabajo:
Prepararse en todo lo que tenga que ver con escaneo trabajar con nues-
tros propios dibujos.
Preocuparse de la digitalizacion de los textos,armar lo que tenemos para
que cuando lleguemos examen tengamos listo nuestro trabajo.
Sobre la entrega:
En cada taller entregamos un proyecto.
Como se utiliza el color en InDesign
La pagina:
Cuando trabajamos con word no nos encontramos con paginas enfren-
tadas o enrostradas.En In Design cuando tengo paginas enfrentadas
empieza a correr un proceso de como se imprime .Este proceso tiene que
ver con enumeracion 3, 5.
Detras de un numero impar siempre va a ver uno par.
Los numeros impares son las paginas de tino, que es lo primero que se
imprime y las que vienen por el reverso se llaman retiro y son las pagi-
nas pares, tienen una ubicacion.
Numeración de las páginas, impar al lado derecho, par al izquierdo
21 Clase 4
tarea de xoli.2indd.indd 21 28/08/2006 9:50:02
22. Todo impreso comienza necesariamente con una pagina de tiro impar.
Cuando esta encuadernada es la primera siempre Este es concepto essen-
cial que proviene de donde se imprime.
Todo impreso comienza necesariamente con una pagina de tiro impar.
Cuando esta encuadernada es la primera siempre .Este es concepto es-
sencial que proviene de donde se imprime.
La ultima pagfina es impar porque queda sola.
Ejemplo:
En la revista COSAS,en su tapa y contratapa,la ultima pagina es
par no impar.
En el libro la portada tiene que ver en como se imprime y como se apro-
vecha el papel. El tamaño del papel esta relacionado con el tamaño del
corte.
En pre prensa se manejan conceptos que significan lo que dicen.
¿Cuantas hojas cartas caben en un pliego?
La pagina minima de pliego es la que tiene 2 paginas.
Centro de impresion:
La impresora de un PC tiene un tamaño predeterminado que cada uno
lo maneja .
Tamaño ancho de impresion, una hoja carta. Alto maximo una hoja
de oficio.
La industria editorial, relaciona el pliego con la capacidad de la ma-
quina para imprimir .Este proceso tiene que ver con la economia(costo,
granaje,etc). Nada es al lote.
Trabajar con un formato cuadrado es muy caro.
Pliego con dos paginas.
Lenguaje Computacional 22
tarea de xoli.2indd.indd 22 28/08/2006 9:50:03
23. Si vamos a una libreria y tomamos unos libros de diferente editorial
podemos ver que tienen mas o menos un tamaño estandar y los rasgos
diferenciadores son caros,esto se deba a que el libro y la prensa tienen
que ver como se aprovecha el papel y como lo coloco.
Normalmente los folletos van plegados y se cobran los cortes de la
guillotina.Se imprimen dos folletos por cada tiro y retiro.
El tamaño del papel es importante tengo que pensar en el trabajo como
una unidad.
Antiguamente era imposible imprimir al borde , adentro estaban los
tipos moviles.
Los margenes provienen de la era Guttemberiana, la parte en donde
imprimo van los tipos móviles. Los márgenes estaban representados por
unos palos, en la intercolumna tambien habia otro eran los espacios
donde no iba la tinta, lo que estaba dentro se llamaba caja de impre-
sion.
Si vamos a la imprenta y llevamos el original el tamaño tendra relacion
con el corte.
La Fotografia:
En la prensa la fotografia se coloca en una posicion, un poco mas
amplia que la caja de corte.
El diario:
La Epoca, este diario se destacaba por sus grandes fotos en blanco y
negro. Su objetivo era denunciar a traves de la imagen.Las fotos ocu-
paban la mitad de la pagina.
En la foto, contrapicada hace que la imagen se vea mas grande y la
picada viceversa .Estos son lenguajes de la imagen.
El diseñador es el que traduce la imagen igual que nosotros
Corte de la página en la guillotina
23 Clase 4
tarea de xoli.2indd.indd 23 28/08/2006 9:50:03
24. ¿Como trabajo con el color?
In Design trae una paleta de colores para manejarlos, puedo escribir
textos y darle un color al borde.
Pero con el borde puedo deformar la tipografia su caracteristica de di-
seño.
Las letras tienen un diseño tipografico entre ellas la distancia entre la
terminacion de una y otra.
El contorno de color no es recomendable por el diseño de la tipografia ,
pero es recurso.
¿Cual es el daño que sufre?
Referencia de In design
Ventana/contorno aciclinado/pincel o strow.
Al trabajar con objetos tipograficos podemos manipular los espesores.
El programa Ilustrator trabaja con eldibujo y le quita asignacion ca-
racteristica tipografica y la transforma en dibujoahi puede recibir un
contorno.
Quitarle atributo tipografico a una tipografia para mantener sus leyes
cuando la transformo en un dibujo.
Ilustrator:dotar a la tipografia, dibuja un contorno relativo a la tipo-
graia.
La diferencia de contorno es causado por el pincel que uno dibuja la
tipografia.Que la tipografia se comporte como trazo le quita la carac-
teristica, de asociarse con otras palabras.
Consejo:
No transfgormar un libro completo a outlines ya que no se podra editar
la tipografia.
En la tipografia aparecen nodos, porahise define el radio de corte .Se
transformaen dibujo en un contorno.
Lenguaje Computacional 24
tarea de xoli.2indd.indd 24 28/08/2006 9:50:05
25. Puedo manejar dos variantes en la tipografias
Dibujo espacifico
Manejo de como dibujo
De tipografia a dibujo se puede modificar.Para hacer un logotipo debo
quitarle atributo a una tipografia.
¿En qu formatos puedo exportar na tipografia?
Algunos de ellos pueden ser :TIFF, PNG, JPG.
Dato:
Si utilizamos autocard debemos transformar.
TIFF no es un formatodde perdida.la imagen no tiene perdida de infor-
macion.
JPG ,transmite por redes , es unpesimo formato para las revistas.
Exportar TIFF 72 dpi/CMYK.
PDF en pantalla sin impresion, si es con impresion es alta 300 dpi, anti
atras , no comprimir( solo redes).
Macintosh y PC:
Comprar un computador es una compra tecnica. El primer aldus page
market estaba en Macintosh y lo exportaron luego a PC. En Macin-
tosh es mas fino mas ordenado que en un PC .
Sobre In Design:
Cuando aparece un cuadrado con una cruz(subicono de texto) signi-
ficaque hay mas texto. Apretamos shift para que caiga el texto sucesi-
vamente.
El parrafo afecta el desempeño tipografico de la tipografia.
En la tipografia como dibujo , vemos un dibujo dentro de ella y otro
fuera, tiene un ovalo.
25 Clase 4
tarea de xoli.2indd.indd 25 28/08/2006 9:50:05
26. Los programas de diagramacion usan un concepto la imagenliteralmente
no esta ahi.
Muestra imagen para diagramar con ella lo que hace es un vinculoen
la imagen.
Le deja a la imagen que se vincule .Si un archivo lo termino en mi casay
lo traigo a la escuela y o coloco las fotos estas no se van a ver. Tiene
vinculo.
Dato:
El texto pesa 0. Las imagenes no pueden pesar 3 megabits.Se establece
vinculo entre imagen y archivo.Coloco las imagenes y las vinculo.
No hacer jamas en diagracion prensa.La foto no se puede modificar.La
fotoes unarepresentacion.La imagentiene que venir del tamaño ya no se
puede achicar.
El diario:
El diario vespertino,trae noticias urgentes, se diferencia del que se entrega
AB
en la tarde (semantica),
El diario tiene poco peso para la investigacion, utiliza una tipografia
sin serif, haciendo su lectura mas rapida,y son directamente proporcio-
nales al diseño de una revista.
El diario de la manaña es de una lectura mas reposada,genera opinion.
AB
¿Que significa leer una tipograia con serif y una sin serif?
Tiene que ver con la tecnica y es objetivo. Cada una representa algo.
“El diseñador es llamado para resolver algo”...... sobre una decision co-
municacional.
Tipografia con serif y sin serif
Lenguaje Computacional 26
tarea de xoli.2indd.indd 26 28/08/2006 9:50:06
27. Clase 5:
El motivo de colocar nuestros croquis es practicar con el scanner.Nues-
tro trabajo no es una enciclopedia sino una bitacora de trabajo, donde
colocamos interes en nuestros croquis.
Nosotros como diseñadores debemos dibujar , investigar
Aprendamos a registrar digitalmente.Hacer algo mas claro y mas con-
ciso.
Tarea:
Investigar, leer, informarse sobre lo que estudiamos, hacer un indice.
Colocar los dibujos graficos que tienen permanencia en las paginas.
Incorporar los elementos que dan continuidad, subtitulos cabeceras
Hacer grafico para distintos soportes, tomar el libro como un sistema
Somos diseñadores graficos no solo de libros :
Editorial
Periodistico
Digital
Juegos,
Estos son otros de mnuestros campos
En el mundo editorial la portada es lo ultimo que se imprime
El diario :
La Segunda, se llama por ser la segunda edicion de Santiago
Las Utimas Noticias, la informacion que salia en la tarde
El Diario era el elemento mas importante para comunicar
27 Clase 5
tarea de xoli.2indd.indd 27 28/08/2006 9:50:07
28. ¿Cual es el encargo que se le hace a un diseñador cuando le
paso un contenido ?
Ordenar
Legibilidad del contenido
Estructurar , Editar
Optimizar la comunicacion
El diseño tiene que ver con el uso
El diseñador transforma el contenido, la estetica tambien comunica, ve
el diseño desde el usario.
Ejemplo:
En los silabarios vemos una tipografia de acuerdo al tipo de usario en
este caso los niños.
Existen codigos de lectura que son convensionales.
“EL MEDIO ES EL MENSAJE”
Marshal Mc Lujan. La galaxia de Guttemberg
El mensaje no es lo que se transmite sino el aparato, nos habla de como
las personas adscriben su memoria
“El pez no sabe que esta fuera del agua hasta que lo sacan”
El diseñador va construyendo para guiar al usario y que utilice el sis-
tema
El ojo consume sobre la base de la interfax
Uno accede al sistema a traves de las señas.
Al igual que un diario posee un cuerpo A, B , el libro tambien es un
sisetema de varias partes
La tipografia utilizada en los silabarios letras simples y faciles de leer
Lenguaje Computacional 28
tarea de xoli.2indd.indd 28 28/08/2006 9:50:08
29. ¿Como se comporta el ser humano ante las señales que se van
construyendo?
Comportamientos:
Asociamos las cosas observando.
1. Reaccionamos ante señales y signos
Ejemplo:
La linea amarilla es una señal.
2. Asociamos: Un objeto grafico a uncomportamiento natural.
Ejemplo:
Si tenemos dos trianglos con un cuadrado al centro tal ves no signifi-
quen nada pero nosotros le damos continuidad.
Tomamos algo para suplir lo que falta.
3. Optar: ejemplo la bolsa de te
4. Explotar: Explotar cosas que ya estan en el sistema, es tomar un
elemento prestado y luego lo exploto.
Ejemplo:
El diseño de lomos para juntar libros, para dar continuidad grafica.
5. Adaptar: Tomamos un objeto para darle otro uso.
Ejemplo:
Ocupamos unlapiz para sugetar el cabello,asumimos comportamientos
que tienen patrones sociales , condiciones que otros tienen respecto alo
que hacen otros.
29 Clase
tarea de xoli.2indd.indd 29 28/08/2006 9:50:10
30. Clase 6
Kern y el track.
Dos conceptos a tener en cuenta antes de modificar el espacio entre letras,
son el track y el kern.
Los tipógrafos han usado el track o tracking para alterar la densidad
visual del texto o el espacio global entre un grupo selecionado de
caracteres. Esta alteración afecta a todos los caracteres, como regla
general, cuanto más grande es el cuerpo más apretado debe ser el track.
El track ajusta el espacio que existe entre los carácteres, abriendo los
cuerpos más pequeños y cerrando los mas grandes.
El Kern o kerning es el espacio existente entre dos caracteres individuales,
para cuando dos de estos carácteres se encuentran demasiado juntos
o separados. El kern es proporcional, ya que es del mismo tamaño en
puntos que el cuerpo de los carácteres. Si un texto es de 10 puntos, el
kern mide 10 puntos.
¿Qué es una fuente digital?
Una fuente digital, es un conjunto de dibujos vectoriales que se pueden
escalar sin pérdida de calidad. Se almacenan principalmente en archivos
de tipo TrueType(TT) o Postscript Tipo1 (PS1). Són tecnologías de
fuente escalable que mantienen buena calidad independientemente de la
resolución.Este tipo de fuentes son reconocidas en la mayoría de sistemas
operativos. Cada fuente TT se almacena en un solo fichero, mientras
que la PS1 requiere dos ficheros separados, uno para la impresora y otro
para su visualización en pantalla.
Lenguaje Computacional 30
tarea de xoli.2indd.indd 30 28/08/2006 9:50:10
31. Este fichero contiene, además, la información necesaria para hacer
corresponder cada imagen al carácter correspondiente, y también para
el espaciado de los caracteres.
1.Fuentes PostScript
También llamadas ‘tipo 1’ (existía un ‘tipo 3’ pero casi ha
desaparecido).
En PC: Cada fuente se compone de dos ficheros. En uno se detallan
los contornos (outlines) (*.pfb) y en el otro las medidas (metrics)
(*.pfm).
Una tipografía con su redonda, cursiva, negrita y negrita cursiva se
compone, pues, de ocho ficheros (cuatro *.pfb y cuatro *.pfm)
Si hubiera más variantes, habría más ficheros.
Además, puede haber unos ficheros accesorios con las extensiones *.inf
y *.afm, pero es muy inusual que un programa los necesite.
En Macintosh: Cada fuente tiene dos ficheros también, uno es lo que
se llama ‘la fuente de impresora’ (printer font) y otro es ‘la fuente de
pantalla’ (screen fonts).
La peculiaridad es que, a diferencia de Windows, las fuentes de impre-
sora de una tipografía se agrupan en un sólo fichero, mientras que las
de pantalla van metidas dentro de un fichero/carpeta con un icono de
maleta (suitcase), de donde, por cierto, no es conveniente sacarlas.
Los iconos clásicos de fuentes PostScript en Macintosh. De arriba ha-
cia abajo: La fuente de impresora, una fuente de pantalla, una fuente de
pantalla de Adobe, y una maleta de tipos de pantalla.
Hinting (conjuntode instrucciones o sugerencias que se incorporan a la fuente .Este ejemplo
Postcript muestra unas lineas de instrucciones de color verde
31 Clase 6
tarea de xoli.2indd.indd 31 28/08/2006 9:50:11
32. 2.Fuentes True Type:
Las fuentes True Type –en español Fuentes Escalables-,son un avance
significativo cuya principal característica es la de mostrar e imprimir
letras en cualquier tamaño con perfecta nitidez, ayudando de paso al
proceso de Wysiwyg (What You See Is Wath You Get – Lo que usted
ve es lo que usted obtiene)
Antes de True Type se utilizaban juegos de letras específicas con sus
diferentes tamaños, generalmente de 8 a 24 puntos, las cuales presenta-
ban una calidad muy pobre –muy aserradas- si eran aumentadas de
tamaño.
Esto era una gran limitante para quienes pretendían hacer autodiseño en
la PC, campo en el cual la tecnología Macintosh había tomado ventaja
con los archivos de gráficas PostScript –que pueden contener dibujos
creados con líneas, fotografías y texto- y que se pueden modificar a
cualquier tamaño sin que pierdan su calidad.
True Type incluye un convertidor de perfiles con una serie de funciones
especiales, que permite mejorar el aspecto de las fuentes tanto en la pan-
talla como en la impresora, eliminando los bordes dentados y sustitu-
yendo éstos por curvas más suavizadas.
Cada fuente True Type contiene su descripción matemática, es decir que
cada línea recta o curva está definida por una fórmula, de tal manera
que cuando se cambia su tamaño sencillamente se pasa la ecuación re-
sultante a una representación de mapa de bits –bitmap- en la pantalla
o en la impresora.
Éste es el icono de una fuente True Type en Macintosh.
Lenguaje Computacional 32
tarea de xoli.2indd.indd 32 28/08/2006 9:50:12
33. Este es un concepto que se comparte con los programas de dibujo vec-
torial –como Corel Draw-, en donde cada objeto es una ecuación que
describe los tipos de línea, la extensión, los ángulos, los rellenos y los
filetes.
De esta manera se garantiza la misma calidad de impresión a diferentes
escalas, de donde proviene el nombre de Fuentes Escalables.
Además, la tecnología True Type permitió la compatibilidad de docu-
mentos, de tal manera que se pueden compartir archivos entre diferentes
computadores, con la seguridad de que las fuentes utilizadas en ellos
pueden ser vistas o impresas en forma idéntica, ya que es el sistema
Windows el encargado de hacer la operación y no cada programa en
particular.
True Type también permite que las fuentes de un documento se puedan
guardar en el mismo, de tal manera que si ésta no existe en el otro com-
putador se puede obviar la situación aprovechando esta opción.
En general, las fuentes True Type que se copian durante la instalación
de Windows o de otros programas pueden ser enviadas con el docu-
mento, ya sea bajo la restricción de “solo lectura” o la más amplia de
“lectura-escritura”
Con true type todos los diseños y datos estan contenidos en un solo archivo dentro de una
sola carpeta .Ambas capturas de de pantalla muestran los iconos tal y como aparecen en el
Mac OS
33 Clase 6
tarea de xoli.2indd.indd 33 28/08/2006 9:50:12
34. Algunos datos:
Cuando Microsoft hizo de TrueType el formato estándar de fuente para
Windows 3.1 optaron por utilizar la Arial en vez de la Helvetica, pro-
bablemente porque era más barata y sabían que la mayoría de la gente
no notaría la diferencia ni se preocuparía por ella. Apple también hizo
estándar el TrueType al mismo tiempo pero ellos incluían la Helvetica,
no la Arial, y le pagaron los derechos a Linotype. Windows 3.1 tuvo
mucho éxito y por lo tanto ahora la Arial está en todas partes, un efecto
secundario fruto del deseo de evitar pagar los derechos de licencia.
La situación actual es que la Arial ha reemplazado a la Helvetica como
la fuente estándar en casi todas las obras no-profesionales de impresión,
televisión y web, donde se ha convertido en la fuente estándar principal-
mente porque Microsoft lo incluye con todo lo que vende—incluso para
los Macs, que ya traen la Helvetica.
El uso de la Arial para estos trabajos en la web no es muy importante
ya que, vista a través de la baja resolución de la pantalla, podría ser la
Helvetica y se notaría la diferencia.
En todo caso, la Arial es una de las pocas opciones para trabajos en la
aA
web. A pesar de su omnipresencia el diseñador profesional rara vez—
por lo menos de momento—escoger la Arial.
Para los diseñadores profesionales la Arial es una copia mala de una
fuente que está pasada de moda. Tiene lo que se podría llamar un estigma
de ‘gama baja’.
1. Helvetica
bB
2. Arial
Lenguaje Computacional 34
tarea de xoli.2indd.indd 34 28/08/2006 9:50:13
35. Clase 7
Ser diseñador requiere de una diciplina, de entender y tener una cierta
cultura saber como saber.
Pre-examen:
Trabajar con el taller de America con podcast, que son las grabacio-
nes on-line que se pueden descargar. Transformarlo en algo editorial
Transcribirlos.
Diagramación:
Documento de 20x20 cm .
Caja de 2x2
Separacion de dos columnas, en una va el texto en la otra las notas
Las anotaciones deben ir fluidas con el texto.
Titulos:helvetica -bold- 18
Texto gheneral:helvetica regular
Interlineado 13
Caracter 11
Notas:times new roman-regular-8
Tracking:0
Entre comillas si aparece otro autor
Justificar a la izquierda notas y texto
35 Clase 7
tarea de xoli.2indd.indd 35 28/08/2006 9:50:14
36. Crear estilos de parrafo:
Trabajar con estilos tiene que ver con el diseño Manejar estilos nos per-
mite manejar el texto,podemos jugar nuestra decision de como colocar el
texto es mucho mas facil.
1. Titulo
basado en nada-interlineado,automatico sin atributo
2. texto general
interlineado 14,basado en titulo
3.Notas:
interlineado automatico
4.Citables: basado en notas, interlineado automatico.
Al final del texto debe ir una bibliografia.
1.
1.Estilos de parrafo en in design
Lenguaje Computacional 36
tarea de xoli.2indd.indd 36 28/08/2006 9:50:15
37. Clase 8.
Examenfinal:
La enterga es el dia Lunes 28 de Agosto A las 5:30
Junto con el libro se debe integrar:
Un CD con el archivo In Design
En el deben estar los estilos de parrafo utilizados
Los estilos de caracter
Paleta de colores
Transformar las fotots de TIFF a JPEG
Si colocamos imagenes en la portada estas deben salir un poco del
margen para luego ser recortadas.
Ele mentos del libro:
•Portada
•Portadilla
•Indice
•Introducción, etc
37 Clase 7
tarea de xoli.2indd.indd 37 28/08/2006 9:50:16