SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
Lenguaje
computacional
 Pre Prensa Editorial




                      Javier Muñoz Tavolari
                   Segundo Trimestre - 2007
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
29
               Junio
Portadas de
Diarios
Contenido
básico
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/
06
             Julio
Color e
Impresión
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
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”.
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.
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.
13
                Julio
Algunas
Herramientas
de InDesign
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.
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/
20
               Julio
Extensiones
de Imágenes
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.
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)
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
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.
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)
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
27
                Julio
PostScript y
TrueType
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.
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
Bitacora v2.0

Weitere ähnliche Inhalte

Was ist angesagt?

Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshopDiiianis
 
Tutorial de ilustración en vectores
Tutorial de ilustración en vectoresTutorial de ilustración en vectores
Tutorial de ilustración en vectoresPatricio Gonzalez
 
Tutorial de ilustración en vectores
Tutorial de ilustración en vectoresTutorial de ilustración en vectores
Tutorial de ilustración en vectoresPatricio Gonzalez
 
Tutorial Efectos Naturales Con Coreldraw
Tutorial Efectos Naturales Con CoreldrawTutorial Efectos Naturales Con Coreldraw
Tutorial Efectos Naturales Con CoreldrawAngelina Leal
 
Tutorial Efecto Lente De Coreldraw
Tutorial Efecto Lente De CoreldrawTutorial Efecto Lente De Coreldraw
Tutorial Efecto Lente De CoreldrawAngelina Leal
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)291992
 
Manual de diseño grafico la magia de photoshop(3)
Manual de diseño grafico   la magia de photoshop(3)Manual de diseño grafico   la magia de photoshop(3)
Manual de diseño grafico la magia de photoshop(3)Coneja Conejita
 
Manual de diseño grafico la magia de photoshop
Manual de diseño grafico la magia de photoshopManual de diseño grafico la magia de photoshop
Manual de diseño grafico la magia de photoshopmikyredhat
 
Manual Coreldraw Yessy Lucas Carrasco
Manual Coreldraw Yessy Lucas CarrascoManual Coreldraw Yessy Lucas Carrasco
Manual Coreldraw Yessy Lucas CarrascoCECYTEM
 
Manual Original De Corel Draw Ma. Luisa - Edith
Manual Original De Corel Draw Ma. Luisa - EdithManual Original De Corel Draw Ma. Luisa - Edith
Manual Original De Corel Draw Ma. Luisa - EdithCECYTEM
 
dibujos rápidos a mano alzada
dibujos rápidos a mano alzadadibujos rápidos a mano alzada
dibujos rápidos a mano alzadahanoienator
 

Was ist angesagt? (18)

Bitacora
BitacoraBitacora
Bitacora
 
Herramientas de photoshop
Herramientas de photoshopHerramientas de photoshop
Herramientas de photoshop
 
P3 icono y definicion
P3 icono y definicionP3 icono y definicion
P3 icono y definicion
 
Tutorial de ilustración en vectores
Tutorial de ilustración en vectoresTutorial de ilustración en vectores
Tutorial de ilustración en vectores
 
Tutorial de ilustración en vectores
Tutorial de ilustración en vectoresTutorial de ilustración en vectores
Tutorial de ilustración en vectores
 
Tutorial Efectos Naturales Con Coreldraw
Tutorial Efectos Naturales Con CoreldrawTutorial Efectos Naturales Con Coreldraw
Tutorial Efectos Naturales Con Coreldraw
 
Tutorial Efecto Lente De Coreldraw
Tutorial Efecto Lente De CoreldrawTutorial Efecto Lente De Coreldraw
Tutorial Efecto Lente De Coreldraw
 
Guia basica 3D
Guia basica 3DGuia basica 3D
Guia basica 3D
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
 
Aina bosch dv_pac3
Aina bosch dv_pac3Aina bosch dv_pac3
Aina bosch dv_pac3
 
Manual de diseño grafico la magia de photoshop(3)
Manual de diseño grafico   la magia de photoshop(3)Manual de diseño grafico   la magia de photoshop(3)
Manual de diseño grafico la magia de photoshop(3)
 
Manual de diseño grafico la magia de photoshop
Manual de diseño grafico la magia de photoshopManual de diseño grafico la magia de photoshop
Manual de diseño grafico la magia de photoshop
 
Manual Coreldraw Yessy Lucas Carrasco
Manual Coreldraw Yessy Lucas CarrascoManual Coreldraw Yessy Lucas Carrasco
Manual Coreldraw Yessy Lucas Carrasco
 
Manual Original De Corel Draw Ma. Luisa - Edith
Manual Original De Corel Draw Ma. Luisa - EdithManual Original De Corel Draw Ma. Luisa - Edith
Manual Original De Corel Draw Ma. Luisa - Edith
 
Mod1
Mod1Mod1
Mod1
 
dibujos rápidos a mano alzada
dibujos rápidos a mano alzadadibujos rápidos a mano alzada
dibujos rápidos a mano alzada
 
Diseografico
DiseograficoDiseografico
Diseografico
 
Barra de herramientas
Barra de herramientasBarra de herramientas
Barra de herramientas
 

Andere mochten auch

Andere mochten auch (20)

Detras del Reloj
Detras del RelojDetras del Reloj
Detras del Reloj
 
Copia De Pres
Copia De  PresCopia De  Pres
Copia De Pres
 
fotos
fotosfotos
fotos
 
Conociendo el IEEE
Conociendo el IEEEConociendo el IEEE
Conociendo el IEEE
 
Copia De Pres.Home Care
Copia De Pres.Home CareCopia De Pres.Home Care
Copia De Pres.Home Care
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
As Coordinacións Territoriais dos ENDL
As Coordinacións Territoriais dos ENDLAs Coordinacións Territoriais dos ENDL
As Coordinacións Territoriais dos ENDL
 
Presentación de la Iniciación
Presentación de la IniciaciónPresentación de la Iniciación
Presentación de la Iniciación
 
consejos Mari
consejos     Mariconsejos     Mari
consejos Mari
 
Greenpace.Ppt Bueri Mabel
Greenpace.Ppt Bueri MabelGreenpace.Ppt Bueri Mabel
Greenpace.Ppt Bueri Mabel
 
Atención al Cliente
Atención al ClienteAtención al Cliente
Atención al Cliente
 
Ttbordenervios
TtbordenerviosTtbordenervios
Ttbordenervios
 
Acercamiento al Software Libre
Acercamiento al Software LibreAcercamiento al Software Libre
Acercamiento al Software Libre
 
Diapositivas De Marlin
Diapositivas De MarlinDiapositivas De Marlin
Diapositivas De Marlin
 
Pablo Aquistapace - Palermo Valley Mendoza
Pablo Aquistapace - Palermo Valley MendozaPablo Aquistapace - Palermo Valley Mendoza
Pablo Aquistapace - Palermo Valley Mendoza
 
Montaña r USA
Montaña r USAMontaña r USA
Montaña r USA
 
Inventosargentinosjuncozarzavincelligonzalez
InventosargentinosjuncozarzavincelligonzalezInventosargentinosjuncozarzavincelligonzalez
Inventosargentinosjuncozarzavincelligonzalez
 
POR LA BOCA MUERE EL PAR
POR LA BOCA MUERE EL PARPOR LA BOCA MUERE EL PAR
POR LA BOCA MUERE EL PAR
 
Caso Exito IEEE-UNL
Caso Exito IEEE-UNLCaso Exito IEEE-UNL
Caso Exito IEEE-UNL
 
trabajo informatica
trabajo informaticatrabajo informatica
trabajo informatica
 

Ähnlich wie Bitacora v2.0

Ähnlich wie Bitacora v2.0 (20)

BitáCora Natalia Cancino
BitáCora  Natalia CancinoBitáCora  Natalia Cancino
BitáCora Natalia Cancino
 
bitacora
bitacorabitacora
bitacora
 
El dibujo 4º
El dibujo 4ºEl dibujo 4º
El dibujo 4º
 
Bitacora Para El Miercoles
Bitacora  Para El MiercolesBitacora  Para El Miercoles
Bitacora Para El Miercoles
 
Bitacoraclase5
Bitacoraclase5Bitacoraclase5
Bitacoraclase5
 
Bitacoraclase
BitacoraclaseBitacoraclase
Bitacoraclase
 
Bitacora Jaime Canet
Bitacora Jaime CanetBitacora Jaime Canet
Bitacora Jaime Canet
 
c_miranda_Tbitacora3
c_miranda_Tbitacora3c_miranda_Tbitacora3
c_miranda_Tbitacora3
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003
 
P Mancilla Bit Arreglo
P Mancilla Bit ArregloP Mancilla Bit Arreglo
P Mancilla Bit Arreglo
 
Gabriela marin entrega final pg2020 03.54.14
Gabriela marin   entrega final pg2020 03.54.14Gabriela marin   entrega final pg2020 03.54.14
Gabriela marin entrega final pg2020 03.54.14
 
Sandragm Bitacora
Sandragm BitacoraSandragm Bitacora
Sandragm Bitacora
 
Sandragm Bitacora
Sandragm BitacoraSandragm Bitacora
Sandragm Bitacora
 
BitáCora Final Natalia Cancino
BitáCora Final  Natalia CancinoBitáCora Final  Natalia Cancino
BitáCora Final Natalia Cancino
 
DiseñO Grafico Trabajo Rc
DiseñO Grafico Trabajo RcDiseñO Grafico Trabajo Rc
DiseñO Grafico Trabajo Rc
 
Expo 1 D
Expo 1 DExpo 1 D
Expo 1 D
 
Expo 1 D
Expo 1 DExpo 1 D
Expo 1 D
 
Expo 1 D DISEÑO
Expo 1 D DISEÑOExpo 1 D DISEÑO
Expo 1 D DISEÑO
 
Bitácora
BitácoraBitácora
Bitácora
 
Color en la Industria Grafica
Color en la Industria GraficaColor en la Industria Grafica
Color en la Industria Grafica
 

Mehr von kachucho

Taller - Presentacion Hospital
Taller - Presentacion HospitalTaller - Presentacion Hospital
Taller - Presentacion Hospitalkachucho
 
Modelos de distribucion de conocimiento: Bauhaus & Creative Commons
Modelos de distribucion de conocimiento: Bauhaus & Creative CommonsModelos de distribucion de conocimiento: Bauhaus & Creative Commons
Modelos de distribucion de conocimiento: Bauhaus & Creative Commonskachucho
 
Exposición Gráfica De Datos
Exposición Gráfica De DatosExposición Gráfica De Datos
Exposición Gráfica De Datoskachucho
 
Analisis Heuristico www.uoct.cl
Analisis Heuristico www.uoct.clAnalisis Heuristico www.uoct.cl
Analisis Heuristico www.uoct.clkachucho
 
Estudio y Mejorías www.uoct.cl
Estudio y Mejorías www.uoct.clEstudio y Mejorías www.uoct.cl
Estudio y Mejorías www.uoct.clkachucho
 
Imagen Y Soporte II
Imagen Y Soporte IIImagen Y Soporte II
Imagen Y Soporte IIkachucho
 
Lc2 I Flickr
Lc2   I FlickrLc2   I Flickr
Lc2 I Flickrkachucho
 
Javier Munoz Lc2
Javier Munoz Lc2Javier Munoz Lc2
Javier Munoz Lc2kachucho
 
Revista Colapso
Revista ColapsoRevista Colapso
Revista Colapsokachucho
 
Levantamiento De Contenidos Wired
Levantamiento De Contenidos WiredLevantamiento De Contenidos Wired
Levantamiento De Contenidos Wiredkachucho
 

Mehr von kachucho (10)

Taller - Presentacion Hospital
Taller - Presentacion HospitalTaller - Presentacion Hospital
Taller - Presentacion Hospital
 
Modelos de distribucion de conocimiento: Bauhaus & Creative Commons
Modelos de distribucion de conocimiento: Bauhaus & Creative CommonsModelos de distribucion de conocimiento: Bauhaus & Creative Commons
Modelos de distribucion de conocimiento: Bauhaus & Creative Commons
 
Exposición Gráfica De Datos
Exposición Gráfica De DatosExposición Gráfica De Datos
Exposición Gráfica De Datos
 
Analisis Heuristico www.uoct.cl
Analisis Heuristico www.uoct.clAnalisis Heuristico www.uoct.cl
Analisis Heuristico www.uoct.cl
 
Estudio y Mejorías www.uoct.cl
Estudio y Mejorías www.uoct.clEstudio y Mejorías www.uoct.cl
Estudio y Mejorías www.uoct.cl
 
Imagen Y Soporte II
Imagen Y Soporte IIImagen Y Soporte II
Imagen Y Soporte II
 
Lc2 I Flickr
Lc2   I FlickrLc2   I Flickr
Lc2 I Flickr
 
Javier Munoz Lc2
Javier Munoz Lc2Javier Munoz Lc2
Javier Munoz Lc2
 
Revista Colapso
Revista ColapsoRevista Colapso
Revista Colapso
 
Levantamiento De Contenidos Wired
Levantamiento De Contenidos WiredLevantamiento De Contenidos Wired
Levantamiento De Contenidos Wired
 

Kürzlich hochgeladen

Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 

Kürzlich hochgeladen (10)

Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 

Bitacora v2.0

  • 1. Lenguaje computacional Pre Prensa Editorial Javier Muñoz Tavolari Segundo Trimestre - 2007
  • 2.
  • 3. 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
  • 4.
  • 5. 29 Junio Portadas de Diarios
  • 7. 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/
  • 8.
  • 9. 06 Julio Color e Impresión
  • 10. 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
  • 11. 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”.
  • 12. 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.
  • 13. 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.
  • 14.
  • 15. 13 Julio Algunas Herramientas de InDesign
  • 16. 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.
  • 17. 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/
  • 18.
  • 19. 20 Julio Extensiones de Imágenes
  • 20. 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.
  • 21. 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)
  • 22. 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
  • 23. 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.
  • 24. 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)
  • 25. 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
  • 26.
  • 27. 27 Julio PostScript y TrueType
  • 28. 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.
  • 29. 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