Bitácora Lenguaje Computacional

BITACORA Lenguaje Computacional

Evelyne Ramírez GonzálezDiseñ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 Lengua-je Computacional Profesor Jorge Barahona.Las imágenes corresponden a dibujos escanea-dos y croquis hechos en clases.


3

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.

INDICE


4


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


Lenguaje Computacional 6

CLASE 1

PRE PRENSA DIGITALDiagramació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.

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.

1.

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

2.


7 Clase

a o ¿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 /costoSi recibimos un texto con formato aumenta al doble nuestra hora de trabajo, configurar el texto significa mas costos.



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.

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).

A B A


9 Clase

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



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.


11 Clase

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.(filtro>>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



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 imagenFactor de escala porcentual=%Resolucion solicitada por el escaner=xDPISi 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.

5

5

10

10

Imagen aumentada en un 200% con una resolucion de 300 DPI según la fórmula.


13 Clase

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.



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


15 Clase

TEORIA DEL COLOREspctro 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.

2



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 .


17 Clase

Clase3Tintas 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

3



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


19 Clase

Reserva o sobreimpresion:

Existen dos técnicas diferentesTintas 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

3



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


21 Clase

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 InDesignLa 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

4



Pliego con dos paginas.

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.


23 Clase

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

4



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


25 Clase

Puedo manejar dos variantes en la tipografias Dibujo espacificoManejo 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.

4



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 proporcio-nales 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 co-municacional.

Tipografia con serif y sin serif

A BA B


27 Clase

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 , investigarAprendamos 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 cabecerasHacer grafico para distintos soportes, tomar el libro como un sistemaSomos 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 SantiagoLas Utimas Noticias, la informacion que salia en la tardeEl Diario era el elemento mas importante para comunicar

5



¿Cual es el encargo que se le hace a un diseñador cuando le paso un contenido ?

Ordenar Legibilidad del contenido Estructurar , EditarOptimizar la comunicacionEl 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 interfaxUno 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


29 Clase

¿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 signosEjemplo: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.



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.


31 Clase

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

6



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.


33 Clase

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

6



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 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. Helvetica2. Arial

a Ab B


35 Clase

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 2x2Separacion de dos columnas, en una va el texto en la otra las notas Las anotaciones deben ir fluidas con el texto.

Titulos:helvetica -bold- 18Texto gheneral:helvetica regularInterlineado 13Caracter 11

Notas:times new roman-regular-8Tracking:0Entre comillas si aparece otro autor

Justificar a la izquierda notas y texto

7



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. Titulobasado en nada-interlineado,automatico sin atributo2. texto generalinterlineado 14,basado en titulo3.Notas:interlineado automatico4.Citables: basado en notas, interlineado automatico.

Al final del texto debe ir una bibliografia.

1.Estilos de parrafo en in design

1.


37 Clase 7

Clase 8.

Examenfinal:La enterga es el dia Lunes 28 de Agosto A las 5:30Junto con el libro se debe integrar:Un CD con el archivo In DesignEn 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


Bitácora Lenguaje Computacional

Business

Transcript of Bitácora Lenguaje Computacional