Bitacora v2.0

1,349 views

Published on

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • javier buena propuesta, sobriedad y elegancia. La forma de usar esa imagen separador azul que va en cada pagina tiene un dopble sentido, hacer presencia del diseño y separar temas. Buen aporte
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total views
1,349
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
29
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Bitacora v2.0

  1. 1. Lenguaje computacional Pre Prensa Editorial Javier Muñoz Tavolari Segundo Trimestre - 2007
  2. 2. Indice Portadas de Diarios:::29Junio.........................5 Color e Impresión:::06Julio...............................9 Herramientas InDesign:::13Julio................15 Extensiones de Imágenes:::20Julio..............19 PostScript y Trupetype:::27Julio...................27 :::03Agosto................31 :::10Agosto................35 :::17Agosto................39 :::24Agosto...............43 :::31Agosto...............47
  3. 3. 29 Junio Portadas de Diarios
  4. 4. Contenido básico
  5. 5. La diagramación es un juego de geometría, más importante que el diseño es el contenido. Se diseña para colocar contenido. Jakob Nielsen (1957-, Copenhague) expone que lo habitual es que un usuario no lea con detalle ni siquiera una mínima parte de los textos de una página web. En su lugar, y por economía de tiempo, el usuario se limita a hojear la página. Es decir, el usuario realiza un rápido barrido visual de cada página buscando elementos que llamen su atención. Por Jakob Nielsen tanto es fundamental la utilización de elementos como: * Palabras resaltadas mediante negrita y cambios de color o de tamaño. En este sentido los hipervínculos actúan como elementos de Tarea1: atracción visual pues se destacan del resto del texto. * Listas de elementos con viñetas o numeradas. Reconocer distintas * Títulos de sección y titulares breves intercalados (también llamados maneras de disponer ‘ladillos’). el contenido en una portada de un periódico Debido a esta economía de lectura, según Nielsen, el internacional. contenido de un texto debe organizarse correctamente para ganar la atención del lector. Por ejemplo las ideas más importantes deben aparezcer al principio, y luego la argumentación de la misma. De esta forma, nos aseguramos que el posible lector recuerde mejor la información. http://www.newseum.org/todaysfrontpages/default.asp http://www.garcia-media.com.ar/ http://www.useit.com/alertbox/
  6. 6. 06 Julio Color e Impresión
  7. 7. Color En los colores encontramos los colores primarios RBG (red, blue, green) y RGB los colores secundarios CMYK (cyan, Modelo Aditivo magenta, yellow, key color). Con estos últimos se forma la cuatricromía, que es la impresión de CMYK atraves de puntos lo cual da la CMYK ILUSION DEL COLOR. Modelo Substractivo Espectro visible y gamas de color
  8. 8. Tramas de Semitono Efecto Moirè Es un efecto óptico que Con Tinta Negra aparece cuando las direcciones de trama se superponen de manera errónea, formando rosetas irregulares. En Cuatricromía En apariencia son como unas aguas que se forman en la fotografía, distorsionando el resultado y eliminando los detalles. La trama de semitono en cuatricromía, cuando estan en su ángulo correcto (cian a 105º, amarillo a 90º, magenta a 75º, negro a 45º) surge un motivo poligonal que recuerda a una flor, llamado “roseta”.
  9. 9. Trapping o Colores de Reventado Cuatricromía Es el descalce del color y es ajustar cómo imprimen los colores de las diferentes planchas para corregir los defectos visuales que producirán los inevitables pequeños fallos en el registro de las planchas al imprimir. El orden de impresión en Cuatricromía es Cyan – Magenta – Amarillo – Negro. Al imprimir un color sobre otro se van formando la variedad de colores necesarios para la imagen que se quiere imprimir.
  10. 10. Reserva o Sobreimpresión La sobreimpresión es imprimir una tinta encima de otra. Es decir, imprimir los colores de todos los elementos sin tener en cuenta los colores que puedan tener elementos que haya debajo, sumando así los valores de todos ellos donde coincidan. Tarea2: Tomar el diario de Tarea No.1 y sobre la base de la geometría y descubrimientos del Diseño hacer una réplica del diario en un archivo de InDesign.
  11. 11. 13 Julio Algunas Herramientas de InDesign
  12. 12. Importando Imágenes Si traemos imágenes al documento de la forma QuarkXPress es un programa de Autoedición Drag&Drop, estás le suman peso innecesario al para computadores Mac archivo, por lo que se utiliza la herramienta Place OS X y Windows. (Ctrl+D), la cual hace una referencia del archivo Una de las primeras tecnologías que hicieron ubicado en una carpeta expecifica. Se recomienda que despuntar al programa esta carpeta contenga todas las imágenes necesarias, fue el uso de XTensiones y que se ubique dentro de la carpeta que contiene el que permiten a desarrolladores externos documento. implantar su propio software mediante el uso de extensiones creadas por ellos mismos. QuarkXPress es el único, junto a Adobe InDesign, que está considerado como una herramienta verdaderamente profesional, dentro del gremio de editores, impresores y fotomecánicos. Lo mismo se recomienda para las fuentes, en otra carpeta.
  13. 13. Checkeo de Links Selector Herramienta que sirve Para verificar que todas las para seleccionar uno o más objetos contenidos imágenes estén bien vinculadas en alguna parte del al documento, se usa el Linker documento. También se (Shift+Ctrl+D), el cual entrega pueden agrupar con la función Ctrl+G. el estado de cada imagen, junto con su ubicación dentro del documento. Por lo mismo, es recomendable que cada imagen tenga un nombre claro y explícito Tarea3: de su contenido. Crear una Bitácora Digital de las Clases en InDesign. Valorizar, tomar apuntess e investigar, ser productivo al proponer ideas, uso permantente de PDF (Portable Document Format) es un formato de Herramientas Digitales. almacenamiento de documentos, desarrollado por la empresa Adobe Systems. Es multiplataforma, puede integrar cualquier combinación de texto, gráficos, imágenes e incluso música, es uno de los formatos más extendidos en Internet para el intercambio de documentos, y, entre otras cosas, es una www.quark.com especificación abierta. http://www.adobe.com/es/products/acrobat/adobepdf.html http://mashable.com/2007/07/25/pdf-toolbox/
  14. 14. 20 Julio Extensiones de Imágenes
  15. 15. PSD Photoshop Document PSD es un formato que guarda una imagen como un grupo de capas, métodos de fusión, colores, textos, máscaras, canales de color, canales alfa, trazados, formas, configuración de tonos, entre otras. Este formato permite trabajar con distintas capas después de haber cerrado el programa, al contrario que el jpeg, pero ocupa mucho más espacio y es necesario tener Photoshop, ya que no se puede abrir con programas como el visor de imágenes y fax de Windows. EPS Encapsulated PostScript EPS es un formato de archivo gráfico PostScript que satisface algunas restricciones adicionales. Estas restricciones intentan hacer más fácil a programas de software el incluir un archivo EPS dentro de otro documento PostScript. Se usa cuando transformamos una imagen RGB a CMYK y crea 5 separaciones de color.
  16. 16. TIFF Tagged Image File Format TIFF es un formato de fichero para imágenes. Su nombre (formato de archivo de imágenes con Imagen Original, etiquetas) se debe a que los ficheros TIFF contienen, Sin Comprimir (108,5KB) además de los datos de la imagen propiamente dicha, “etiquetas” en las que se archiva información sobre las características de la imagen, que sirve para su tratamiento posterior. Trabaja con todo tipo de Compresion Baja, imágenes en profundidades de bit desde 1 a 32. Un 84% menos de aspecto muy práctico del formato TIFF es que permite Informacion (9,37 KB) almacenar más de una imagen en el mismo archivo. Además, es capaz de manejar distintas gamas de colores como el CMYK. Compresion Media, 92% menos de Informacion (4,82 KB) Compresion Alta, 98% menos de Informacion (1,14 KB)
  17. 17. JPEG Lossy compression Joint Photographic Experts Group Se denomina algoritmo de compresión con pérdida JPEG es un algoritmo diseñado para comprimir a cualquier procedimiento de codificación que tenga imágenes con 24 bits de profundidad o en escala como objetivo representar de grises. Es un algoritmo de compresión con cierta cantidad de pérdida, Esto significa que al descomprimir la imagen información utilizando una menor cantidad de la no obtenemos exactamente la misma imagen que misma, siendo imposible teníamos antes de la compresión. una reconstrucción exacta de los datos originales. La compresión con pérdida sólo es útil JPG al 1600% cuando la reconstrucción Es el formato más utilizado para almacenar y exacta no es indispensable transmitir archivos de fotos en la Web, pero la para que la información tenga sentido. compresión con pérdida del formato no conviene a diagramas que incluyen textos y líneas. Una de las características que hacen muy flexible el JPEG es el poder ajustar el grado de compresión. Si especificamos una compresión muy alta se perderá una cantidad significativa de calidad, pero obtendremos archivos de pequeño tamaño. Con una tasa de compresión baja obtenemos una calidad muy parecida a la del original, y un archivo mayor. JPG con mayor compresión a la derecha
  18. 18. GIF Compuserve Graphics Interchange Format GIF es un formato sin pérdida de calidad, siempre que partamos de imágenes de 256 colores o menos. Una imagen de alta calidad, como una imagen de color verdadero debería reducir literalmente el número de colores mostrados para adaptarla a este formato, y por lo tanto existiría una pérdida de calidad. Permite transparencia de 1 bit, de Al convertirse a GIF una imagen de más de 256bit, tal forma que cada pixel de la imagen puede ser o se obtiene un resultado no transparente. Sus últimas versiones permiten granulado hacer animaciones simples, aunque la compresión es muy deficiente. PNG Portable Network Graphics PNG es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps. Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de color y transparencias (hasta 4 canales, RGB + alfa). PNG comprime mejor que el formato GIF, también Comparación de resolución entre JPG y proporciona unos rangos de color mucho más ricos y PNG precisos, pero no es capaz de soportar animaciónes.
  19. 19. Bitmap Vs. Vector Los Bitmaps son imágenes en mapas de bits, los cuales mapean las coordenadas X y Y junto con el color de cada pixel contenido. Cada pixel contendiro dentro de un mapa de bits contiene 3 datos, su ubicación en X, su ubicación en Y, y el color que lleva. En el caso de la primera imagen, la información almacenada es (8,8,0) Luego dibujaremos un círculo en un Mapa de Bits: (8,4,0) (7,5,0) (8,5,0) (9,5,0) (6,6,0) (7,6,0) (8,6,0) (9,6,0) (10,6,0) (5,7,0) (6,7,0) (7,7,0) (8,7,0) (9,7,0) (10,7,0) (11,7,0) (4,8,0) (5,8,0) (6,8,0) (7,8,0) (8,8,0) (9,8,0) (10,8,0) (11,8,0) (12,8,0) (5,9,0) (6,9,0) (7,9,0) (8,9,0) (9,9,0) (10,9,0) (11,9,0) (6,10,0) (7,10,0) (8,10,0) (9,10,0) (10,10,0) (7,11,0) (8,11,0) (9,11,0) (10,11,0) (8,12,0)
  20. 20. En vez de mapear cada pixel, una imagen vectorial usa una ecuación matemática para definir las secciones o vectores de una imagen. En vez de los 3 datos del Bitmap, el dibujo vectorial toma dos medidas y una funcion para hacer el dibujo. (X1,Y1,X2,Y2,Función) Donde: X1,Y1 es el pto. de inicio, X2,Y2 es el pto. de término, A simple vista ambas extensiones son iguales, pero la Función es la función diferencia está al tratar de agrandarlos. Al hacerlo, La usada para crear el objeto. imagen vectorial sólo cambia las coordenadas, no la función, por lo que no importa la medida de la imagen, siempre se verá igual. Un mapa de bits no puede generar más pixeles de los que ya tiene, entonces, para compensar, replica los existentes entregando un nuevo tamaño, pero cada vez más borroso. Los vectores pesan mucho menos que los bitmaps, y aunque tienen facilidad al ser escalados, no se pueden comparar con la calidad y realismo fotográfico que http://aralbalkan.com/759 entrega un Mapa de Bits. http://www.prepressure.com/image/bitmapvector.htm
  21. 21. 27 Julio PostScript y TrueType
  22. 22. PostScript Es un lenguaje de descripción digital de página, es decir, un lenguaje que proporciona instrucciones para que cualquier máquina sepa qué y cómo se debe imprimir o representar una página. Puede contener tanto textos como imágenes en mapa de bits o vectoriales. Su gran ventaja está Charles Geschke en que es independiente del dispositivo y resolución ya que lo único que se necesita es que la máquina sea compatible con postscript, es decir, que entienda e interprete esas instrucciones. Esto permite poder diseñar una página en un ordenador y poderlo imprimir en cualquier impresora postscript de cualquier marca o modelo.Fue desarrollado por Adobe Systems en 1984 y adaptado por Apple un año más tarde convirtiéndose en el sistema estándar John Warnock. de las principales máquinas y programas digitales de diseño e impresión. Los fundadores de Adobe e inventores del lenguaje PostScript.
  23. 23. TrueType Una fuente truetype es simplemente un conjunto Las primeras fuentes TrueType creadas son de dibujos vectoriales (que se pueden escalar sin Times Roman, Helvetica pérdida de calidad: más información en nuestros y Courier, por Sampo artículos sobre diseño gráfico digital), guardados Kaasila. dentro de un fichero, con el formato: nombre_fuente.ttf Este tipo de fuentes fue creada por Apple Computer, Inc. a finales de 1980. También existe una versión en inglés de cómo se creó TrueType desde el punto de vista de Microsoft. http://www.microsoft.com/typography/TrueTypeHistory.mspx http://gusgsm.com/que_es_postscript http://www.truetype-typography.com/tthist.htm http://www.postscript.org/FAQs/language/FAQ.html

×