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

Esta Bitacora fue diseñada y producida por la alumna Evelyne Ramirez estudiante de Diseño Grafico Segundo Año para el Taller de Lenguaje Computacional Profesor Jorge Barahona. Las imágenes corresponden a dibujos escaneados y croquis hechos en clases.

tarea de xoli.2indd.indd 2

28/08/2006 9:49:37

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

CLASE3: •Tintas planas y matices •Colores de cuatricomia. Separacion de colores •Sobreimpresion •Trapping o revenrtado. CLASE4. •Trabajar con doble pagina.Los cortes y las páginas •Trabajar con color.Tipografía con y sin serif.

CLASE5: •Diamagración de contenidos. El diseñador •Los comportamientos del ser humano ante las señales.

CLASE6: •Kerning y Tracking •Fuente Digital.Definicion •Fuentes Postcript •Fuente True Type

CLASE7: •Pre exámen.Taller de America.

CLASE8: •Examen Final.

3

tarea de xoli.2indd.indd 3

28/08/2006 9:49:39

4

tarea de xoli.2indd.indd 4

28/08/2006 9:49:39

¿Qué es la Bitácora de Lenguaje Computacional? La Bitácora consiste en un registro semanal de todas las clases del Taller.En ella anotamos los nuevos conocimientos adquiridos ademas de nuestras propias dudas y la informacion que nosotros mismos buscamos para estudiar. Contiene imagénes escaneadas y nuestros propios croquis que sirven ayuda y como ejemplo para cada materia

5

tarea de xoli.2indd.indd 5

28/08/2006 9:49:39

CLASE 1 PRE PRENSA DIGITAL Diagramación sobre medios digitales: Nuestros trabajos estan basados en el uso de programas como photoshop, 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 vienen 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.

Guttemberg 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 tarea de xoli.2indd.indd 6

6 28/08/2006 9:49:40

ao

¿Como eran los procesos productivos que se utilizaban antiguamente ? 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 (enumeracion, 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 tarea de xoli.2indd.indd 7

Clase 28/08/2006 9:49:41

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:

Construccion en tamaño cualquiera puede escalarse de manera libre no se deforma esta basado en un algoritmo matematico.

A B A

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 formatos. El lenguaje de textos tiene un nombre ASCII. Transformar un texto a una tipografia, existen cinco que son universales, solaris, times, georgia, Las tipografias son utilizadas con diferentes propositos necesitamos conocerlas (taller de tipografia).

Lenguaje Computacional tarea de xoli.2indd.indd 8

8 28/08/2006 9:49:41

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 transparente 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 tarea de xoli.2indd.indd 9

Clase 28/08/2006 9:49:42

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 pantalla 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 original) 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 configuracion 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 resolución ( retícula de 66 celdillas). El detalle es mejor. Retícula de 200 celdillas, complejo ,nítido.

Lenguaje Computacional tarea de xoli.2indd.indd 10

10 28/08/2006 9:49:43

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 imput 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 tarea de xoli.2indd.indd 11

Clase 28/08/2006 9:49:46

5

4. El tamaño que tendra la imagen resultante(escala) 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 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 10

10

5. El formato que tendra la imagen resultante (formatos graficos ) 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 tarea de xoli.2indd.indd 12

12 28/08/2006 9:49:46

TIFF es el formato mas versatil y recomendado para guardar los escaner 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 fundamentalmente en la world wide web.

13 tarea de xoli.2indd.indd 13

Clase 28/08/2006 9:49:46

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 reproduzcan. COLOR E IMPRESION.

Propiedades del color:

Aditivo:modelo de color. colores basicos/rojo,verde, azul(RGB).Cuando se sumanconstruyen luz(blanco).son colores que funcinan como separacion de colores (celula r, cajero,tv).Se comportan segun la resolució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 tarea de xoli.2indd.indd 14

14 28/08/2006 9:49:47

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 coincidencia 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 impresoras a inyeccion de tinta son aleatorias,el chorro no cae en el mismo lugar,es impredecible,tiene un atractivo plastico que notiene la impresora 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 tarea de xoli.2indd.indd 15

Clase 2 28/08/2006 9:49:48

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 cuatricomia, 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 grabados, 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 tarea de xoli.2indd.indd 16

16 28/08/2006 9:49:50

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 puntos. 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 establecen 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 tarea de xoli.2indd.indd 17

Clase 3 28/08/2006 9:49:53

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 tarea de xoli.2indd.indd 18

18 28/08/2006 9:49:54

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 sobreimpresió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 proceso 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 resolucion 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 tarea de xoli.2indd.indd 19

Clase 3 28/08/2006 9:49:55

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 tarea de xoli.2indd.indd 20

20 28/08/2006 9:50:01

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 nuestros 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 enfrentadas 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 paginas pares, tienen una ubicacion.

Numeración de las páginas, impar al lado derecho, par al izquierdo

21 tarea de xoli.2indd.indd 21

Clase 4 28/08/2006 9:50:02

Todo impreso comienza necesariamente con una pagina de tiro impar. Cuando esta encuadernada es la primera siempre Este es concepto essencial 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 essencial 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 aprovecha 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 maquina 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 tarea de xoli.2indd.indd 22

22 28/08/2006 9:50:03

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 impresion. 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 ocupaban 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 tarea de xoli.2indd.indd 23

Clase 4 28/08/2006 9:50:03

¿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 diseñ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 caracteristica 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 tipograia. La diferencia de contorno es causado por el pincel que uno dibuja la tipografia.Que la tipografia se comporte como trazo le quita la caracteristica, 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 tarea de xoli.2indd.indd 24

24 28/08/2006 9:50:05

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 informacion. 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 Macintosh es mas fino mas ordenado que en un PC . Sobre In Design: Cuando aparece un cuadrado con una cruz(subicono de texto) significaque hay mas texto. Apretamos shift para que caiga el texto sucesivamente. 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 tarea de xoli.2indd.indd 25

Clase 4 28/08/2006 9:50:05

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 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 proporcionales al diseño de una revista. El diario de la manaña es de una lectura mas reposada,genera opinion.

¿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 comunicacional.

AB AB

Tipografia con serif y sin serif

Lenguaje Computacional tarea de xoli.2indd.indd 26

26 28/08/2006 9:50:06

Clase 5: El motivo de colocar nuestros croquis es practicar con el scanner.Nuestro 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 conciso.

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 tarea de xoli.2indd.indd 27

Clase 5 28/08/2006 9:50:07

¿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 sistema 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 tarea de xoli.2indd.indd 28

28 28/08/2006 9:50:08

¿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 signifiquen 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 tarea de xoli.2indd.indd 29

Clase 28/08/2006 9:50:10

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 tarea de xoli.2indd.indd 30

30 28/08/2006 9:50:10

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 impresora 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 hacia 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 tarea de xoli.2indd.indd 31

Clase 6 28/08/2006 9:50:11

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 presentaban 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 pantalla como en la impresora, eliminando los bordes dentados y sustituyendo é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 resultante 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 tarea de xoli.2indd.indd 32

32 28/08/2006 9:50:12

Este es un concepto que se comparte con los programas de dibujo vectorial –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 documentos, 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 computador 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 documento, 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 tarea de xoli.2indd.indd 33

Clase 6 28/08/2006 9:50:12

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, probablemente 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 principalmente 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 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 2. Arial

aA bB Lenguaje Computacional

tarea de xoli.2indd.indd 34

34 28/08/2006 9:50:13

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 grabaciones 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 tarea de xoli.2indd.indd 35

Clase 7 28/08/2006 9:50:14

Crear estilos de parrafo: Trabajar con estilos tiene que ver con el diseño Manejar estilos nos permite 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 tarea de xoli.2indd.indd 36

36 28/08/2006 9:50:15

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 tarea de xoli.2indd.indd 37

Clase 7 28/08/2006 9:50:16