jueves, 19 de junio de 2014

¿Qué es eso del PDFx? ¿Para qué sirve?

PDF, PDF alta resolución, PDF prensa, PDFx… Hay múltiples variantes del mismo formato. Conocer qué diferencias existen entre ellos a veces es fundamental.








El formato PDF (Portable Document Format) es un tipo de archivo que desde fue inventado por Adobe Systems y perfeccionado durante más de 20 años, se ha convertido es un estándar abierto para el intercambio de documentos electrónicos que mantiene la Organización Internacional de Normalización (ISO).
Al convertir cualquier tipo de documento a PDF, su aspecto será igual en todos los soportes. Sin embargo, a diferencia de los documentos impresos, los archivos PDF pueden contener vínculos y botones en los que se puede hacer clic, campos de formulario, vídeo y audio, e incluso programación para automatizar ciertos procesos.
Todo este tipo de posibilidades de incluir información o no es lo que supone cada una de las diferentes variantes del formato PDF.
PDFx
El formato PDFx es el formato estándar para la impresión sobre papel. Este es un punto vital. Es un formato que está pensado para reproducir sobre soporte papel y toda la información que contiene es la necesaria e imprescindible para ello.
El formato PDFx es un formato certificado, es decir, que cuando acaba el proceso de exportación el archivo está certificado que va a funcionar como se espera. Sin sorpresas. Si existe algún problema en la ejecución del formato nos avisará para que corrijamos los errores correspondientes.
Por otro lado, y esta es la diferencia más importante con relación al formato ‘Impresión de alta calidad’, elimina todos los elementos extra que sobran y no son necesarios para la reproducción. Pongamos ejemplos:
En el formato ‘Impresión de alta calidad’ se incluye en el archivo todo lo que el documento contenga. Si hemos colocado una imagen a 300 px de resolución y la hemos reducido un 50% tenemos una imagen a 600px de resolución, 300 px extra. Si hemos recortado la imagen con un ‘pegado dentro’, la imagen en su totalidad –aunque solo se visualice una parte– se exportará junto al PDF.
Con el PDFx esto no ocurre. La exportación eliminará la información innecesaria, reducirá las imágenes con resolución extra y eliminará todo aquello que no sea necesario para la reproducción en una imprenta, como metadatos, enlaces, vídeo, sonido… También, si se quiere, se pueden igualar todos los mapas de color para dejar todo el documento unificado.
Ese es el motivo por el que en ocasiones un documento en ‘Alta Calidad’ ocupa muchos megas y sin embargo, a calidad PDFx ocupa muy poco. Se ha eliminado lo que sobra.
Variantes PDFxCuando exportamos desde Illustrator o InDesign tenemos PDFx-1, PDFx-3, PDFx-4. Sus diferencias son mínimas, pero pueden ser fundamentales.
El PDFx-1 es el formato básico para papel en escala de grises, CMYK y tintas directas. Es decir, que la info que trasladará será esa y solo esa.
PDFx-3 está pensado para formatos híbridos. Por tanto, incluye información de color tanto en CMYK como en RGB, ya que en ocasiones nos interesa mantener la info original en RGB por si ese mismo documento se visualizará online o se distribuirá de forma digital.
PDFx-4 permite todo lo anterior y además transparencias y capas de información.
Existe también un nuevo PDFx-5 en el que se pueden utilizar imágenes externas que augura PDFs que se compondrán con imágenes enlazadas en la red.

viernes, 9 de mayo de 2014

TIPOGRAFÍA - 03 - GLOSARIO

The glossary





What is typography?
Key to image: 
1 Bowl; 2 Stem; 3 Counter; 4 Arm; 5 Ligature; 6 Terminal; 7 Spine; 8 Ascender; 9 Apex; 10  Serif; 11 Ear; 12 Descender;  13Crossbar; 14 Finial; 15 Ascender height; 16 Cap height; 17 X-height; 18 Baseline; 19 Descender line
La clave para la imagen: 
1 tazón de fuente; 2 Stem; 3 Contador;  4 Arm; 5 ligadura; 6Terminal; 7 Columna; 8 Ascender; 9 Apex; 10 Serif; 11 del oído; 12 Descender; 13 Travesaño; 14 Finial; 15 altura Ascender; 16 altura Cap; 17 X-altura; 18 Línea de base; 19 Línea descendente

Aesc (fonética: ash) 
Una ligadura de dos letras - 'a' y 'e'. El aesc deriva del Inglés Antiguo, donde se representaba una vocal diptongo, y ha migrado con éxito a otros alfabetos incluyendo danés e islandés.
abertura 
La abertura estrechada de un glifo, como se ve en la letra «e». La variación del tamaño de la abertura tiene un efecto directo sobre la legibilidad de un letterform y, en última instancia, mejorar la legibilidad.
Apex - ápice 
El punto en la parte superior de un carácter, donde los trazos de izquierda y derecha se encuentran. El ejemplo que se muestra aquí es el punto alto de una mayúscula a.
Arm - brazo 
Un trazo horizontal que no se conecta a un derrame cerebral o tallo en uno o ambos extremos - como la parte superior de la T mayúscula
Ascender - Ascender 
La parte de un letterform minúsculas que se proyecta por encima de la altura de la x de la fuente. Los ascendentes son importantes para facilitar la lectura prolongada, aunque la combinación de un exceso de ascender en altura y no lo suficientemente x-altura puede causar problemas.

Baseline - base 

La línea de base es donde los pies de tus letras mayúsculas se sientan. Debajo de esta línea son descendentes y bucles.

01 - Bowl - cuenco 

Las piezas torneadas, incluidas en las letras como 'p' y 'b'.

Beak - pico 

El terminal en forma de pico en la parte superior de las letras como la 'a', 'c', 'f' y 'r'.

Bicameral (as opposed to Unicameral) - Bicameral (en oposición a unicameral) 

Bicameral se refiere a los alfabetos que tienen formas de las letras mayúsculas y minúsculas, como el romano y el cirílico - a diferencia de los gustos de hebreo y árabe.

Bracket - soporte 

Una forma de cuña que se une a una serif al tallo de una fuente en algunos tipos de letra.

Cap height - altura Cap 

La altura de una letra mayúscula por encima de la línea de base.

Copyfitting - ajuste de texto 

El trabajo de ajuste de tamaño de letra y espaciado entre letras en un intento por hacer que el texto ocupe su espacio asignado de forma armoniosa.

Counter - contador 

El cerrado - o parcialmente cerrado - parte de formas de las letras como 'c', la parte inferior del 'e' y 'g'; fácil de mezclarse con la taza.

Crossbar - travesaño 

El travesaño se conecta a dos golpes, como en 'H'. No debe confundirse con el trazo transversal que corta a través del vástago de formas de las letras, como 't'.

Cursive - cursivo 

Estos son los tipos de letra que imita la escritura a mano. Siempre popular entre Joe Public, la comunidad del diseño es a menudo menos que emocionado por estas fuentes a veces floreados.

Descender - Descender 

La parte de la letterform que cae por debajo de la línea de base. En términos minúsculas, esto significa 'p', 'y' y 'q', y, a veces se aplica a mayúsculas 'J' y 'Q'.

Diacritical - diacrítico 

Diacríticos se refieren a los acentos aplicados a formas de las letras por idiomas incluyendo francés, checo y alemán, en un intento para mejorar la función del glifo.

Dingbat - dingbat 

Una vez conocida como flores de la impresora, dingbats son elementos decorativos que pueden variar de balas simples para la fauna y la flora a menudo delicados formados en colecciones temáticas.


Display fonts - fuentes de pantalla 

Cualquier tipo de letra destinado a ser utilizado en ráfagas cortas se puede definir como una fuente de la pantalla. A menudo son creados sólo para su uso en grandes tamaños en puntos, al igual que con los titulares y títulos.

Drop cap - Capitular 

Una letra mayúscula de gran tamaño a menudo se utiliza en el inicio de un párrafo que 'cae' en dos o más líneas de texto, pero también se puede subir hacia arriba.






TIPOGRAFÍA - 02 - CONCEPTOS BÁSICOS

Cada diseñador tiene que entender la tipografía.

La tipografía es, sencillamente, el arte y la técnica de la organización de tipo.

Es esencial para el trabajo y las habilidades de un diseñador y se trata de mucho más que lo que las palabras cuentan.

La elección de la tipografía y la forma de hacer que funcione con su disposición, rejilla , combinación de colores, diseño del tema y así sucesivamente harán la diferencia entre un buen y gran diseño.

Buena tipografía se debe en parte a la intuición creativa, pero es imposible llegar a ser experto en tipografía sin entender sus reglas básicas de la nave, incluso si es para romperlas.

conceptos básicos

01. Tamaño

Todos los tipos de letra no son creados iguales. Algunos son anchos delgados y estrechos. Así que las palabras que figuran en diferentes tipos de letra pueden ocupar una cantidad muy diferente del espacio en la página.

La altura de cada tipo se conoce como su 'x-height' (simplemente porque se basa en la letra 'x'). Al vincular los tipos de letra - como cuando se utiliza un rostro diferente para denotar un área de atención - por lo general es una buena idea usar los que comparten un x-altura similar. La anchura de cada carácter se conoce como el 'ancho establecido' - que se extiende por el cuerpo de la carta más un espacio que actúa como un tampón con otra carta.

El método más común utilizado para medir el tipo es el sistema de puntos, que se remonta al siglo XVIII. Un punto es 1/72 de pulgada. 12 puntos hacen una pica, una unidad utilizada para medir el ancho de las columnas. Tipo de tamaños también pueden ser medidos en pulgadas, milímetros o píxeles.

02. Leading

Describe el espacio vertical entre cada línea de texto. Se llama esto porque tiras de plomo fueron utilizados originalmente para separar líneas de tipo en los días de la composición tipográfica de metal.

Para ver el texto legible cuerpo una regla general es que el valor de interlineado debe ser mayor que el tamaño de la fuente; en cualquier lugar desde 1,25 hasta 1,5 veces.

03. Seguimiento y kerning

Kerning describe el acto de ajustar el espacio entre caracteres para crear una vinculación armoniosa.

Se relaciona con la separación de todos los personajes y se aplica de manera uniforme.

04. Medida

El término "medida" se describe el ancho de un bloque de texto.

05. Jerarquía y la escala

Si todo el tipo era del mismo tamaño, entonces sería difícil saber cuál era la información más importante en la página.

El tamaño no es la única manera de definir la jerarquía - que también se puede lograr con el color, el espaciado y el peso.








domingo, 27 de abril de 2014

TIPOGRAFIA - 00 - Los 7 trucos tipográficos de Erik Spiekermann

Los 7 trucos tipográficos de Erik Spiekermann



http://graffica.info/erik-spiekermann-trucos-tipografia/?utm_content=bufferc3ac4&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer

jueves, 24 de abril de 2014

LA IMPORTANCIA DE REPASARLO TODO...

Os comenté la importancia de repasarlo todo bien antes de mandar nada a imprenta...

Mirad lo que me he encontrado esta tarde en el Centro Cultural de Sanchinarro, el en cartel de la Feria de Arte... Lo han montado y la inaguración es esta tarde ya sin tiempo de cambiar nada...





FLYERS - 02 - UN EJEMPO

Si hemos leído y estudiado la entrada anterior podemos ver un ejemplo de su aplicación.

¿Cuál sería la diferencia entre un diseño profesional y uno amateur...

Si no aplicamos los consejos anteriores, podríamos hacer algo así...


Pero si aplicamos los consejos anteriores, con los mismos elementos podemos hacer algo así:


Cosas que ha hecho el diseñador:
  • ha buscado el contraste en las tipografías (contraste)
  • ha huido de la alineación centrada (alineación)
  • ha buscado un elemento de atención y lo ha potenciado. En este caso la cara del perro y el nombre del establecimiento (contraste)
  • Ha juntado esos elementos importantes (proximidad)
  • Ha agrupado la información en grupos lógicos usando los espacios para conectarlos (proximidad)
  • Más contaste... blanco y negro, azul del logotipo (contraste)
  • repite elementos, como hugs (repetición)





FLYERS - 01 - PANFLETOS - OCTAVILLAS - FOLLETOS

Los flyers o panfletos compiten con multitud de panfletos. Por ello hay que usar la imaginación y destacar.

Un panfleto es un buen espacio para usar tipos de fuentes divertidos y arriesgados.

La norma es no ser cobarde diseñando.

Cualquier cosa fuera de lo normal hará que la gente hará que la gente se pare a mirar.

LO QUE NO HAY QUE HACER

No poner cuadros o marcos alrededor de los párrafos. Es mejor dejar que sean las alineaciones marcadas lo que nos destaque el texto

No dejéis el  mismo espaciado o interlineado entre todos los elementos. Si los elementos forman parte de una unidad hay que agruparlos juntos.

No usar fuentes del sistema como Times, Arial, Helvética, Sand...

No usar guiones como boliches. Mejor intentar usar caracteres en Windings o Zapf Dingbats

No centrar todo y poner piezas pequeñas en las esquinas

Cuidado con los finales de línea. No es necesario romper las líneas en lugares extraños o usar guiones innecesariamente.

LO QUE HAY QUE INTENTAR

Utilizar un encabezado enorme o un elemento gráfico grande

Usar un tipo de letra interesante en grande

Arriesgar: recortar una fotografía o elemento gráfico en forma alargada y estrecha, ponerlo a lo largo del borde izquierdo, alinear el texto a la derecha.

O al revés alinear el elemento gráfico a lo largo del borde derecho y alinear el texto a la izquierda

Colocar el texto en varias columnas y alinear el texto a la izquierda

No pasa nada por poner textos con cuerpo pequeño. Si hemos captado la atención, el lector lo leerá

DEFECTOS COMUNES

Falta de contraste e información no jerarquizada, por ejemplo, poner todo grande. Y si todo es grande nada llamará la atención

Para evitarlo hay que usar un foco fuerte de atención y contraste para organizar la información

Podemos poner en la página una cosa que sea enorme, interesante y fuerte. Si captamos la atención con el punto focal, el lector leerá el resto.

SUBTITULAR

Después del foco de atención podemos usar subtítulos que contrasten, marcados.

Se trata de que el lector pueda ojear el panfleto para determinar el objetivo del mensaje.

Si los subtítulos les interesan, podrán decidir si leen o no el resto, pero si no hay subtítulos no leerán nada.

La mayoría de las personas hojea los folletos leyendo los titulares y subtítulos, así que han de ser claros y fuertes.

REPETICIÓN

Hay que levar algo del título y subtítulos al cuerpo del panfleto para crear repetición.

ALINEACIÓN

Hay que seleccionar una alineación. Tenemos que se fuertes y osados.

CABECERA

La cabecera es la parte más importante. Es la pieza que marca el resto del flyer.

PÁRRAFOS

Los primeros párrafos no deben sangrarse.

Utiliza espacio fuerte entre párrafos o sangrado, pero no ambos.

LEGIBILIDAD

Para una buena legibilidad usad un tipo de letra 

  • serif clásica (Garamond, Jenson, Caslon, Minion o Palatino)
  • serif cuadrada ligera (Clarendon, Bookman, Kepler, New Century Schoolbook, Warnock Pro Light de Adobe)

Si usáis fuentes sans serif dejad interlineado extra y acortad la longitud de línea



TIPORAFIA - 01 - los 10 mandamientos de la tipografía


  1. Conocer las familias de fuentes
  2. Combinar una fuente sans-serif con una fuente con serif
  3. Combinar una fuente serif con una fuente sans-serif
  4. No es buena idea combinar dos fuentes parecidas
  5. El contraste es la clave
  6. Trabajar con 2 fuentes. Sólo trabajar con 3 si no hay más remedio (pero mejor, no)
  7. No mezcles estilos o tendencias diferentes
  8. Podemos mezclar estilos o tendencias complementarias y modas temporales similares
  9. Usar diferentes pesos entre fuentes de la misma familia
  10. Evitar fuentes como...


viernes, 28 de marzo de 2014

EJERCICIO LOGO MMD Y GRID

Hola estoy subiendo el tutorial para el logo y el grid de MMD

El tutorial del logo está en el foro de Inkscape


El tuto del menú  estará enseguida en el foro de ejercicios

domingo, 23 de febrero de 2014

TUCAN - ALUMNOS

Hola, Javier y Miguel me mandan sus pruebas con el Tucán. Ambos parece que han podido trabajar con más comodidad usando una técnica que mencioné al final. Os muestro sus tucanes y explico la técnica en el blog de Ejercicios



viernes, 21 de febrero de 2014

EJERCICIO IMAGEN CORPORATIVA - 2

En muchas ocasiones, partimos de un sketch para realizar nuestro logotipo. Vamos a hacer un ejercicio inspirado en un logo que he visto en la calle de Enmedio, aquí, en Torrejón.

viernes, 14 de febrero de 2014

2T - EJERCICIO IMAGEN CORPORATIVA - SOLUCIÓN

2T - EJERCICIO IMAGEN CORPORATIVA

Partiendo de este archivo



Usar los elementos para crear una imagen corporativa.

IMAGEN CORPORATIVA (IC) - NOTAS - 02

Cuando la gente vea nuestro papel de carta, de sobre, pensará algo sobre nosotros... positivo o negativo dependiendo de su aspecto, de su diseño.

Qué hay que hacer: 

  • Ser valiente
  • Los 3 elementos, tarjeta, papel, sobre han de dar la impresión de pertenecer al mismo grupo
  • Si hay que centrar un logotipo habrá que intentar ser creativo con otros elementos como tipografía. colores...
  • Trabajar en las 3 piezas para asegurarnos de que hay coherencia
  • Descentrar el formato usando alineaciones marcadas
  • Debe haber un elemento dominante. Y éste dede ser el mismo en las 3 piezas
  • Si hay una alineación fuerte... hay que repetirla en las 3 piezas
Qué no hay que hacer:
  • Usar una disposición distinta en tarjeta, papel o sobre
  • No centrar todo en la página a no ser que el logotipo lo exija
  • Usar tipografías del sistema
  • Igual que en las tarjetas, evitar paréntesis, abreviaturas, palabras superfluas...