SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
Clase 3 lA IMAGEN




Clase 3 lA IMAGEN
Clase 3 lA IMAGEN



Legibilidad                     (repaso)

las condiciones óptimas para comunicar

RETICULA O GRILLA:
Orden con el máximo de variables
dentro de un sistema definido.

CODIGO - ESTRUCTURA -
SISTEMA DE RELACIONES DE LOS ELEMENTOS
NARRATIVA VISUAL (REPETICION DE LOS ELEMENTOS)


CONCEPTOS DE LEGIBILIDAD: TEXTOS
Ancho de columna - Interlinea - interletra - justificado - viudas y huerfanas - jerarquía y
codificación con el uso de variantes de la misma tipografía - elección de los cuerpos de
texto v/s interlinea

Elementos de página: Título - subtítulo - bajada - caja texto - notas - folio - imagen
Clase 3 lA IMAGEN



Criterios de legibilidad                                     (repaso)

Jerarquía de la información

La jerarquía depende del                    Revelar un mensaje a través de una jerar-
complemento y contraste                     quía integrada es una acercamiento efec-
de los elementos visuales.                  tivo para organizar el contenido y enfatizar
                                            el valor del diseño.
Cuando los elementos dominantes y los
subordinados coexisten armónicamente,       La jerarquía es la principal condición
la atención permanece en la pieza. El ojo   para que un texto tenga significado
comienza a reconocer el sistema de or-      y consiste en dividir la información por
ganización de la pieza que lo va guiando    importancia.
hacia todos los puntos de una manera
lógica y con sentido.                       Importancia quiere decir, que parte quiere
                                            el diseñador que se lea primero, segundo,
                                            tercero y asi.
Clase 3 lA IMAGEN



Imagen bitmap
Photoshop
Las imágenes de mapa de bits están construidas mediante una gran cantidad de cuadra-
ditos, llamados pixel. Cada uno de estos cuadraditos está relleno de un color uniforme,
pero la sensación obtenida es el resultado de integrar visualmente, en la retina, las
variaciones de color y luminosidad entre píxeles vecinos. Se llama mapa de bits porque
la información real digital sería algo así como “casillero 1: rojo oscuro; casillero 2: verde
aguamarina; casillero 3: azul; etc…”

Las imágenes bitmap no permiten el cambio a una escala mayor.

¿Que es la resolucion?
La capacidad de reproducir los detalles de una imagen. Este concepto tambien se aplica
a una impresora, un monitor, una cámara digital o un escáner y en la reproducción en el
soporte elegido. (Imprenta offset, impresión digital, o formatos digitales como pdf)
La resolución de una imagen es la cantidad de píxeles que la componen.
Se mide en píxeles por pulgada (o por centímetro).
Cuanto mayor es la resolución de una imagen más calidad y más peso.

• Formato impreso y digital CMYK 300 dpi y RGB a 72 dpi
Clase 3 lA IMAGEN



Imagen vectorial
Illustrator
Las imágenes vectoriales son ideales para grandes formatos, y dibujos que se escalarán
como en imagen corporativa, logotipos etc., es decir en todas aquellas situaciones en las
que una misma imagen, hecha con una gama reducida de tintas planas, debe ser repro-
ducida en distintos soportes y a distintos tamaños.
Clase 3 lA IMAGEN



Formatos
de archivos de imagenes digitales
Photoshop (.psd)
Es el formato propio de Photoshop. Permite usar capas

JPEG (.jpg)
Es un formato de mapa de bits comprimidos, que resulta muy liviano, por eso es ideal
para la web y lo digital.

Photoshop eps (.eps)
Al guardar un archivo en este formato lo estamos “traduciendo” al sistema que usan las
imprentas offset. Es ideal para trabajos de impresión de calidad.

TIFF (.tif)
Es uno de los más usados porque comprime mapas de bits pero sin perder información,
es como si zipeáramos un archivo.

BMP (.bmp)
Tiene buena calidad pero su peso suele ser excesivo.
Clase 3 lA IMAGEN



Uso a de tintas con el presupuesto de imprenta.
Aplicadas una publicación, relación

• CMYK              • Escala de grises            • Duotono
  4 tintas            1 tinta                       2 tintas
Clase 3 lA IMAGEN



Uso de tintas
cuatricromía y pantone
Clase 3 lA IMAGEN



Indesign • Illustrator • Photohop


Molorem ipsustie dolorpe rcipit luptat ipit, ver sum zzrit, si tat.
Lenis num do ercil il eugiam vel ullam zzriuscilla con exero del-
iqui smoloreet nibh elesto dolortin hent wis nullan henit alis au-
guerostrud tio consectet augait loborem ipsustrud modolor si
euguero et esto conulla feugait num dionsequatio et la feugiat
                iril dio digna commod doloreet lam et, veliquatue
                        modolorem vel exerillaore dunt ulputatin
                                    henis dolut prat exerostrud diam,
                                     sim iliquis augiam dolorem
                                     ipismodolore er ad dipit loboreet
                                     augiam ipsum ad ero ex el ullan
                                     vel dolorem aliquat, quat, core do
                                     do doloborper sum alit exer alit     - Estilos de caracter
                                     el ero conse min vullam, qui euis    - Texto e imagen
Clase 3 lA IMAGEN



El Afiche
También llamado póster o cartel.


Su finalidad es atraer la
atención en un corto
espacio de tiempo.                 Textos
                                   Imágenes
¿Cómo lograrlo?
                                        - Fotografías
Mediante los
recursos visuales.                      - Ilustraciones
                                        - Planimetrías
                                   Tablas
                                   Diagramas
Clase 3 lA IMAGEN



El pliegue
Su objetivo es reducir el tamaño de
una obra impresa para que resulte
manejable.

Aporta en mejorar la organización del
contenido y del diseño.

Existen diferentes opciones que se definen
según la óptima presenteción de la obra.
Clase 3 lA IMAGEN



Tipos de plegado
Clase 3 lA IMAGEN



Links
de interés

http://platea.pntic.mec.es/~lgonzale/tic/imagen/conceptos.html                    imagen - conceptos
http://www.gusgsm.com/trazados_recorte                                            trazos de recorte
http://www.gusgsm.com/pequenos_detalles_para_aumentar_la_productividad_con_indesign    indesign
http://www.gusgsm.com/siluetear_imagenes_adobe_indesign                           silueta de imagen
http://www.gusgsm.com/tutoriales_illustrator                                      illustrator
http://www.gusgsm.com/sello_logotipo_circular_illustrator                         para escribir circular
Producción de Publicaciones de Arquitectura de OMA / AMO (ver páginas siguientes, al final de esta entrevista)
                          OMA / AMO production of Architectural Publications (see following pages, at the end of this interview)


Clase 2 LEGIBILIDAD



Encargo Afiche
Formato
A2 = 420 x 594 mm
Plegado igual o menor a
A5 = 148 x 210 mm
Individual
                                                                           [Conversación entre Beatriz Colomina y Rem Koolhaas]

                          LA ARQUITECTURA DE LAS PUBLICACIONES
                          Rotterdam, Febrero 2007



                          En OMA ha existido desde siempre una relación muy íntima entre el                Since the beginning of OMA there has been a very intimate rela-
                          mundo de las publicaciones y el de la práctica profesional. El pri-              tionship between publications and practice. However, although
                          mero es inseparable del segundo. Y sin embargo, las publicaciones                your publications are inseparable from your practice, they have
                          nunca han sido parte fundamental de las monografías dedicadas a                  never been part of any special issue devoted to OMA, including
                          OMA, ni siquiera en los números tan sólidos y minuciosamente deta-               these very thorough, detailed surveys in El Croquis. Even AMO,
                          llados que ha publicado El Croquis. Y además está el caso de AMO,                which analyzes everything, doesn’t seem to analyze itself. There
                          que lo analiza todo menos a sí mismo. No hay publicaciones sobre                 are no publications about publications, no timelines of publis-
                          las publicaciones, ni listados de obras publicadas. Por eso me gus-              hed works. That is what I would like to do— to think about this
                          taría reflexionar acerca de este aspecto fundamental de su trabajo,              huge aspect of your practice, which ironically enough is not part
                          del que irónicamente no hay registro.                                            of the record.

                            Su planteamiento es claro y absolutamente cierto; es una                          Your argument is totally clear and absolutely true, a bizarre absence.
                          ausencia que da que pensar.


                          Entonces, ¿por qué no empezar por sus archivos? Tiene uno gigan-                 So why don’t we start with the archives? You have a massive
                          tesco, pero aventurarse en él es como ir a Lagos. Claro, ahora podría            archive, but entering this archive is a bit like going into Lagos.
                          decirme que bajo el aparente caos de Lagos hay un orden extraordi-               Now of course you can tell me that under the apparent chaos of
                          nario. Pero comparado con su archivo en Power-point, que parece                  Lagos there is this extraordinary order. But compared to your
                          una ciudad moderna —todo orden, claridad y racionalidad—, es un                  Power-point archive, which is like a modernist city —all order, all
                          lío. Últimamente ha habido en su oficina esfuerzos de sistematiza-               clarity, all rationality— this is a mess. Recently there has been
                          ción y racionalización. Por ejemplo, en 2000 se empezó a hacer un                some efforts to rationalize. For example, in 2000 your office star-
                          recuento del número de páginas publicadas sobre OMA, y queríamos                 ted to count the number of pages of publications about OMA,
                          usar esos datos como parte de nuestro gráfico de publicaciones, así              and we want to use this data as part of our publication timeline,
                          que ayer empezamos a contar las páginas anteriores al año 2000.                  so yesterday we started to count the pre-2000 pages.

                            En estos momentos seguramente sabe sobre el asunto más                            At this point, you probably know more about it than I do.
                          que yo.


                          350

Más contenido relacionado

Similar a Conversación OMA AMO publicaciones

Similar a Conversación OMA AMO publicaciones (20)

Sandragm Bitacora
Sandragm BitacoraSandragm Bitacora
Sandragm Bitacora
 
Sandragm Bitacora
Sandragm BitacoraSandragm Bitacora
Sandragm Bitacora
 
Unidad 4 Maquetación
Unidad 4 MaquetaciónUnidad 4 Maquetación
Unidad 4 Maquetación
 
Unidad 4 - maquetación
Unidad 4 - maquetaciónUnidad 4 - maquetación
Unidad 4 - maquetación
 
Arte y diseño gráfico de un curso en línea.
Arte y diseño gráfico de un curso en línea.Arte y diseño gráfico de un curso en línea.
Arte y diseño gráfico de un curso en línea.
 
Retículas
RetículasRetículas
Retículas
 
Bitacora.V.Perez
Bitacora.V.PerezBitacora.V.Perez
Bitacora.V.Perez
 
Presentació sense títol (1).pptx
Presentació sense títol (1).pptxPresentació sense títol (1).pptx
Presentació sense títol (1).pptx
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorial
 
EJEMPLOS DE WORD
EJEMPLOS DE WORDEJEMPLOS DE WORD
EJEMPLOS DE WORD
 
Octubre de 2014 1ª parte
Octubre de 2014 1ª parteOctubre de 2014 1ª parte
Octubre de 2014 1ª parte
 
Informatica
InformaticaInformatica
Informatica
 
Tema6enpowerpoint
Tema6enpowerpointTema6enpowerpoint
Tema6enpowerpoint
 
Ejerciciosword Okkkkk
Ejerciciosword OkkkkkEjerciciosword Okkkkk
Ejerciciosword Okkkkk
 
T2.pa3.sebastian c.dg
T2.pa3.sebastian c.dgT2.pa3.sebastian c.dg
T2.pa3.sebastian c.dg
 
El dibujo 4º
El dibujo 4ºEl dibujo 4º
El dibujo 4º
 
Cartel
CartelCartel
Cartel
 
LA FOTOGRAFÍA EN NUESTROS DÍAS
LA FOTOGRAFÍA EN NUESTROS DÍASLA FOTOGRAFÍA EN NUESTROS DÍAS
LA FOTOGRAFÍA EN NUESTROS DÍAS
 
Pequeño diccionario del diseñador
Pequeño diccionario del diseñadorPequeño diccionario del diseñador
Pequeño diccionario del diseñador
 

Conversación OMA AMO publicaciones

  • 1. Clase 3 lA IMAGEN Clase 3 lA IMAGEN
  • 2. Clase 3 lA IMAGEN Legibilidad (repaso) las condiciones óptimas para comunicar RETICULA O GRILLA: Orden con el máximo de variables dentro de un sistema definido. CODIGO - ESTRUCTURA - SISTEMA DE RELACIONES DE LOS ELEMENTOS NARRATIVA VISUAL (REPETICION DE LOS ELEMENTOS) CONCEPTOS DE LEGIBILIDAD: TEXTOS Ancho de columna - Interlinea - interletra - justificado - viudas y huerfanas - jerarquía y codificación con el uso de variantes de la misma tipografía - elección de los cuerpos de texto v/s interlinea Elementos de página: Título - subtítulo - bajada - caja texto - notas - folio - imagen
  • 3. Clase 3 lA IMAGEN Criterios de legibilidad (repaso) Jerarquía de la información La jerarquía depende del Revelar un mensaje a través de una jerar- complemento y contraste quía integrada es una acercamiento efec- de los elementos visuales. tivo para organizar el contenido y enfatizar el valor del diseño. Cuando los elementos dominantes y los subordinados coexisten armónicamente, La jerarquía es la principal condición la atención permanece en la pieza. El ojo para que un texto tenga significado comienza a reconocer el sistema de or- y consiste en dividir la información por ganización de la pieza que lo va guiando importancia. hacia todos los puntos de una manera lógica y con sentido. Importancia quiere decir, que parte quiere el diseñador que se lea primero, segundo, tercero y asi.
  • 4. Clase 3 lA IMAGEN Imagen bitmap Photoshop Las imágenes de mapa de bits están construidas mediante una gran cantidad de cuadra- ditos, llamados pixel. Cada uno de estos cuadraditos está relleno de un color uniforme, pero la sensación obtenida es el resultado de integrar visualmente, en la retina, las variaciones de color y luminosidad entre píxeles vecinos. Se llama mapa de bits porque la información real digital sería algo así como “casillero 1: rojo oscuro; casillero 2: verde aguamarina; casillero 3: azul; etc…” Las imágenes bitmap no permiten el cambio a una escala mayor. ¿Que es la resolucion? La capacidad de reproducir los detalles de una imagen. Este concepto tambien se aplica a una impresora, un monitor, una cámara digital o un escáner y en la reproducción en el soporte elegido. (Imprenta offset, impresión digital, o formatos digitales como pdf) La resolución de una imagen es la cantidad de píxeles que la componen. Se mide en píxeles por pulgada (o por centímetro). Cuanto mayor es la resolución de una imagen más calidad y más peso. • Formato impreso y digital CMYK 300 dpi y RGB a 72 dpi
  • 5. Clase 3 lA IMAGEN Imagen vectorial Illustrator Las imágenes vectoriales son ideales para grandes formatos, y dibujos que se escalarán como en imagen corporativa, logotipos etc., es decir en todas aquellas situaciones en las que una misma imagen, hecha con una gama reducida de tintas planas, debe ser repro- ducida en distintos soportes y a distintos tamaños.
  • 6. Clase 3 lA IMAGEN Formatos de archivos de imagenes digitales Photoshop (.psd) Es el formato propio de Photoshop. Permite usar capas JPEG (.jpg) Es un formato de mapa de bits comprimidos, que resulta muy liviano, por eso es ideal para la web y lo digital. Photoshop eps (.eps) Al guardar un archivo en este formato lo estamos “traduciendo” al sistema que usan las imprentas offset. Es ideal para trabajos de impresión de calidad. TIFF (.tif) Es uno de los más usados porque comprime mapas de bits pero sin perder información, es como si zipeáramos un archivo. BMP (.bmp) Tiene buena calidad pero su peso suele ser excesivo.
  • 7. Clase 3 lA IMAGEN Uso a de tintas con el presupuesto de imprenta. Aplicadas una publicación, relación • CMYK • Escala de grises • Duotono 4 tintas 1 tinta 2 tintas
  • 8. Clase 3 lA IMAGEN Uso de tintas cuatricromía y pantone
  • 9. Clase 3 lA IMAGEN Indesign • Illustrator • Photohop Molorem ipsustie dolorpe rcipit luptat ipit, ver sum zzrit, si tat. Lenis num do ercil il eugiam vel ullam zzriuscilla con exero del- iqui smoloreet nibh elesto dolortin hent wis nullan henit alis au- guerostrud tio consectet augait loborem ipsustrud modolor si euguero et esto conulla feugait num dionsequatio et la feugiat iril dio digna commod doloreet lam et, veliquatue modolorem vel exerillaore dunt ulputatin henis dolut prat exerostrud diam, sim iliquis augiam dolorem ipismodolore er ad dipit loboreet augiam ipsum ad ero ex el ullan vel dolorem aliquat, quat, core do do doloborper sum alit exer alit - Estilos de caracter el ero conse min vullam, qui euis - Texto e imagen
  • 10. Clase 3 lA IMAGEN El Afiche También llamado póster o cartel. Su finalidad es atraer la atención en un corto espacio de tiempo. Textos Imágenes ¿Cómo lograrlo? - Fotografías Mediante los recursos visuales. - Ilustraciones - Planimetrías Tablas Diagramas
  • 11. Clase 3 lA IMAGEN El pliegue Su objetivo es reducir el tamaño de una obra impresa para que resulte manejable. Aporta en mejorar la organización del contenido y del diseño. Existen diferentes opciones que se definen según la óptima presenteción de la obra.
  • 12. Clase 3 lA IMAGEN Tipos de plegado
  • 13. Clase 3 lA IMAGEN Links de interés http://platea.pntic.mec.es/~lgonzale/tic/imagen/conceptos.html imagen - conceptos http://www.gusgsm.com/trazados_recorte trazos de recorte http://www.gusgsm.com/pequenos_detalles_para_aumentar_la_productividad_con_indesign indesign http://www.gusgsm.com/siluetear_imagenes_adobe_indesign silueta de imagen http://www.gusgsm.com/tutoriales_illustrator illustrator http://www.gusgsm.com/sello_logotipo_circular_illustrator para escribir circular
  • 14. Producción de Publicaciones de Arquitectura de OMA / AMO (ver páginas siguientes, al final de esta entrevista) OMA / AMO production of Architectural Publications (see following pages, at the end of this interview) Clase 2 LEGIBILIDAD Encargo Afiche Formato A2 = 420 x 594 mm Plegado igual o menor a A5 = 148 x 210 mm Individual [Conversación entre Beatriz Colomina y Rem Koolhaas] LA ARQUITECTURA DE LAS PUBLICACIONES Rotterdam, Febrero 2007 En OMA ha existido desde siempre una relación muy íntima entre el Since the beginning of OMA there has been a very intimate rela- mundo de las publicaciones y el de la práctica profesional. El pri- tionship between publications and practice. However, although mero es inseparable del segundo. Y sin embargo, las publicaciones your publications are inseparable from your practice, they have nunca han sido parte fundamental de las monografías dedicadas a never been part of any special issue devoted to OMA, including OMA, ni siquiera en los números tan sólidos y minuciosamente deta- these very thorough, detailed surveys in El Croquis. Even AMO, llados que ha publicado El Croquis. Y además está el caso de AMO, which analyzes everything, doesn’t seem to analyze itself. There que lo analiza todo menos a sí mismo. No hay publicaciones sobre are no publications about publications, no timelines of publis- las publicaciones, ni listados de obras publicadas. Por eso me gus- hed works. That is what I would like to do— to think about this taría reflexionar acerca de este aspecto fundamental de su trabajo, huge aspect of your practice, which ironically enough is not part del que irónicamente no hay registro. of the record. Su planteamiento es claro y absolutamente cierto; es una Your argument is totally clear and absolutely true, a bizarre absence. ausencia que da que pensar. Entonces, ¿por qué no empezar por sus archivos? Tiene uno gigan- So why don’t we start with the archives? You have a massive tesco, pero aventurarse en él es como ir a Lagos. Claro, ahora podría archive, but entering this archive is a bit like going into Lagos. decirme que bajo el aparente caos de Lagos hay un orden extraordi- Now of course you can tell me that under the apparent chaos of nario. Pero comparado con su archivo en Power-point, que parece Lagos there is this extraordinary order. But compared to your una ciudad moderna —todo orden, claridad y racionalidad—, es un Power-point archive, which is like a modernist city —all order, all lío. Últimamente ha habido en su oficina esfuerzos de sistematiza- clarity, all rationality— this is a mess. Recently there has been ción y racionalización. Por ejemplo, en 2000 se empezó a hacer un some efforts to rationalize. For example, in 2000 your office star- recuento del número de páginas publicadas sobre OMA, y queríamos ted to count the number of pages of publications about OMA, usar esos datos como parte de nuestro gráfico de publicaciones, así and we want to use this data as part of our publication timeline, que ayer empezamos a contar las páginas anteriores al año 2000. so yesterday we started to count the pre-2000 pages. En estos momentos seguramente sabe sobre el asunto más At this point, you probably know more about it than I do. que yo. 350