miércoles, 25 de enero de 2012

Tutorial InDesign. (con dibujitos y todo) Cuarta parte.

Hojas De Estilo.
Las hojas de estilo son un conjunto de características en la tipografía y el párrafo independientes a cualquier texto. Pudiendo aplicarlas a una palabra, frase, párrafo o a la totalidad de un texto cualquiera. Las hojas de estilo existen en la mayoría de procesadores de texto. Aquí vamos a mirar las hojas de estilo en InDesign.
Primero, tenemos que saber donde están las hojas de estilo. Las podemos encontrar en el menú ventana>Texto y tablas. O en las pestañas Estilos de carácter y Estilos de párrafo en la disposición de pestañas básicas de la versión CS3:
El atajo de teclado (en windows) es F11 o Mayúculas F11.
En las pestañas las hojas de estilo están en el mismo grúpo que las pestañas carácter y párrafo.













Opciones de las hojas de estilo:
Las hojas de estilo, tanto de carácter, como de párrafo, tienen innumerables (en serio, muchas) opciones con las que podemos jugar para conseguir que nuestro texto mole "cantidubidá". Estás son las ventanas de las hojas de estilo.
Estilos de carácter:
Los estilos de caracter son el conjunto de características que afectan SOLO A LA TIPOGRAFÍA. Esto es, que al seleccionar cualquier estilo para un texto, las opciones de parrafo no se alterarán lo más mínimo.


Esta es la pestaña de Estilos de carácter.


Si el documento no tiene ningún estilo de antes, o es nuevo, no saldrá ningún estilo.








Podemos crear un estilo de dos formas diferentes (tanto en el estilo de carácter como en el estilo de párrafo).

Podemos Pinchar en las opciones de la pestaña y seleccionar "Nuevo estilo de carácter", o bien, pinchar en el icono central de la parte baja de la pestaña. (Si pinchamos en el icono nos saldrá automáticamente en la pestaña el estilo de carácter llamado automáticamente "estilo de carácter X", como sale en la captura de la derecha. Para editarlo basta con pinchar en él dos veces)

En cualquier caso, saldrá esta ventana:
Esta es la pestaña "general", aquí podemos definir las primeras opciones. La primera, IMPORTANTÍSIMO, el nombre. En algunos trabajos se pueden emplear un insano número de hojas de estilo, con lo que ponerle un nombre apropiado es vital.
"Basado en:" En esta opción podemos crear un estilo con opciones modificadas de otro ya existente. Así se ahorra tiempo.
En "método abreviado" podemos crear una convinación de botones a modo de atajo de teclado. 


Formatos de caracteres básicos.
Aquí podemos elegir la tipografía, el peso, el tamaño, el interlineado, el kerning, el tracking, en fin, todo lo concerniente al aspecto de la letra. Esto no tiene ningún misterio.

Aquí podemos cambiar las escalas, el desplazamiento vertical (que en cristiano es la línea base), sesgar (Que es deformar la letra inclinando su eje central, forzando una especie de cursiva rara de narices).
Resumiendo, que aquí lo importante es lo dejado para el final. El idioma. El programa debe saber en que idioma estamos escribiendo pa las opciones de separación de palabras, y aquí se lo decimos, no debemos olvidar mirar en que idioma se cree el programa que escribimos. MUY IMPORTANTE.

En esta ventana podemos elegir el color de la tipografía, desglosado en trazo, y relleno (como en illustrator) y su matiz (cantidad de color). Ademas en el trazo podemos especificar su grosor. Atención a las pestañitas de sobreimprimir.


El menú opentype no se para que es. Pero lo que tiene que estar seleccionado esalternativas contextuales. El estilo el predefinido y la forma posicional igual.


Las opciones de subrayado vienen siendo, mas o menos, las del filete. Se puede controlar el grosor, la posición, el tipo de filete, color... lo típico. Pero vamos, que para hacer rayitas, ¿qué mejor que la propia herramienta de filetes? Esto mejor no tocarlo.
Si el subrayado era mejor no tocarlo, esto menos. Aquí se configura las opciones en el caso de que queramos el texto tachado. Cosa bastante incomoda... pero, en fin, con las opciones, es lo que yo digo, mejor que sobren, a que falten.

Y aquí el final de las opciones de estilos de caracter.

Estilos de párrafo.
El estilo de párrafo afecta a todo el... párrafo (valga la redundancia), y, en el estilo de párrafo tambien se ve afectada la tipografía, esto es, que el estilo de párrafo tiene un estilo de caracter en su interior. 
Muchas de las opciones de los estilos de carácter están también en este, así que me las saltaré.

Es importante pararnos de nuevo en el panel general, ya que tiene una opción muy característica: "estilo siguiente:" Esto es muy fácil de explicar. A ver, si aplicamos un estilo de párrafo a un párrafo con "estilo siguiente: cualquier otro párrafo" automaticamente, al escribir un nuevo párrafo, posterior al párrafo escrito, el nuevo párrafo pasará a tener el estilo "cualquier otro párrafo", en vez del estilo de párrafo del primer párrafo. ¡Que parrafada!

Sangrías y espaciado: Aquí controlaremos lo que es el cuerpo principal y básico del texto. Su alineación, sus márgenes, esas cosas.  Aquí no hay, tampoco, ningún misterio.

Las opciones de tabulaciones de esta ventana son idénticas a la del menú de texto. En la barra blanca se colocan las tabulaciones y su alineación, el carácter de relleno y esas cosas.
Los filetes de párrafo tienen, como las tabulaciones, la misma ventana tanto aquí como en su respectivo menú de filetes. Se pueden poner los filetes por arriba, y por abajo, con mas trazo, con menos trazo, continuos, discontinuos, a rayitas, a puntitos, de azul, de verde, de azul verdoso, de verde azulado, en fin, las variantes son infinitas.



Aquí se configura si queremos partir un párrafo por la mitad, para que continúe en la sigueinte página o columna. Si seleccionamos conservar todas las líneas juntas no partirá nunca los parrafos. Si no lo seleccionamos lo partira. Podemos configurar el número mínimo de líneas que se quedarán juntas para evitar líneas viudas y huérfanas.



En esta ventana se configura cuando el programa decidirá partir una palabra en el párrafo. La opción de 5-2-2 que viene predefinida está mal, tendremos que poner algo con sentido, como 5-3-2, 5-2-3, esas cosas.


En la justificación podemos manipular el espacio mínimo y máximo que puede haber entre palabras para que el programa distribuya el texto de forma legible, ni con las palabras demasiado juntas ni demasiado separadas.


En Capitulares podremos poner capitulares al estilo de párrafo. No es buena idea, ya que si aquí pones que haya capitular, en cada nuevo parrafo del texto habrá una (o las que pongas) letra(s) capitulares. Y eso es de todo menos bonito. Otro día explicaremos los estilos anidados.

En viñetas y numeraciones podremos configurar el aspecto de las listas que hagamos en el texto, que tipo de párrafo va a ser, con que boliches se hará la lista, etc...

Y hasta aquí las hojas de estilo de InDesign. Acostumbrarse a utilizarlas nos ayudará a ir más rápido en nuestros trabajos de forma más cómoda, además de ser una señal de que el trabajo está realizado por un profesional.
Consejos: 
Planificar muy bien el trabajo antes de empezar, sabiendo cuantas hojas necesitaremos, y crearlas antes de empezar a hacer otra cosa. Esto nos ayudará a dar formato al texto de forma rapidísima, y a cambiarlo si no nos gusta como queda o necesita modificaciones (ya que si cambias las opciones de las hojas de estilo, todo texto que tenga asignada esa hoja cambiará a las opciones que hayas hecho).

Nombrar las hojas de estilo de forma que se identifique fácilmente (tu, y otras personas) a que partes de texto corresponde.



lunes, 16 de enero de 2012

Maquetación en Indesign: Creación publicidad "Tapizarte".

Para esta práctica hemos tenido que diseñar una publicidad a partir de un boceto creado a bolígrafo. Además de crear el diseño de las etiquetas y los sobres de la empresa.
Las especificaciones de los distintos trabajos son estas:
Publicidad
Colores: 1 publicidad a 1 tinta (negro) y otra en cuatricromía.
Papel: Creator star 120 gramos por metro cuadrado.
Tirada: 16.000 ejemplares.
Tipo de impresión: Offset.
Lineatura: 150 lpp.
Resolución: 300 ppp.
Tipo de encuadernación: Hoja suelta.
Formato de imágenes: PSD, PDF, TIFF, AI.
Programas utilizados: Photoshop InDesing CS3, Illustrator CS3, Acrobat.

Etiqueta
Colores: 2 colores (Pantone).
Papel: Creator star 120 gramos por metro cuadrado.
Tirada: 16.000 ejemplares.
Tipo de impresión: Offset.
Lineatura: 150 lpp.
Resolución: 300 ppp.
Tipo de encuadernación: Hoja suelta.
Formato de imágenes: PSD, PDF, AI.
Programas utilizados: Photoshop InDesing CS3, Illustrator CS3, Acrobat.

Sobre
Colores: 2 tintas (pantone).
Papel: Creator star 120 gramos por metro cuadrado.
Tirada: 16.000 ejemplares.
Tipo de impresión: Offset.
Lineatura: 150 lpp.
Resolución: 300 ppp.
Tipo de encuadernación: Hoja suelta.
Formato de imágenes: PSD, PDF, AI.
Programas utilizados: Photoshop InDesing CS3, Illustrator CS3, Acrobat.

Aquí el boceto original de la publicidad:









Teníamos vía libre para diseñar la publicidad a nuestro gusto, siempre que nos ciñéramos al boceto original del cliente. Podíamos elegir tipografías y demás parafernalia.


Este es mi trabajo final a una tinta:

















Este a cuatro tintas:


Primero hice el de una tinta, y al añadirle color varié un poco el trabajo, ya que al añadirle color podía jugar más añadiendo importancia a la imagen del logotipo y a las exclamaciones de la frase central. También agrandé el mapa. En definitiva, le di mucha más importancia a las imágenes que al texto. En la versión de una tinta esta un poco más centrada en el texto.









La etiqueta es así:


El logo está rotado ligeramente para quitarle seriedad al asunto (ya que la publicidad presentaba un aspecto de lo más serio). Con la variedad que ofrece las dos tintas jugué un poco con el texto.






El sobre... :

El logo lo había rotado, igual que en la etiqueta, pero no quedaba muy consistente, así que lo enderecé, quedando un aspecto muy serio, pero acorde a lo que se exige en un sobre.

miércoles, 11 de enero de 2012

Maquetación en Indesign: S MODA

En esta práctica hemos repasado como hacer barnices en photoshop y su compatibilidad con indesign. Pero el objetivo principal de la práctica era perfeccionar el uso de los filetes.
Características técnicas:
Colores: 4 (CMYK), más un barniz.
Papel: Creator star 180 gramos por metro cuadrado.
Tirada: 12.000 ejemplares.
Tipo de impresión: Offset.
Lineatura: 150 lpp.
Resolución: 300 ppp.
Tipo de encuadernación: Rústica fresada - encuadernación cola caliente.
Formato de imágenes: Tiff, aunque sería más adecuado usar EPS o DCS.
Programas utilizados: Photoshop InDesing CS3, Acrobat.

sábado, 7 de enero de 2012

Maquetación en InDesing: Calendario.

Con retraso de varios lustros procedo a hacer la entrada.
Para la entrada del nuevo año nos han mandado hacer las imágenes de un calendario. El periplo de su creación a sido largo y arduo, pero aquí está.
En el calendario debían incluirse:
3 fotos propias o de licencia libre.
3 fotomontajes.
3 vectoriales.
3 fotomontajes de imágenes vectoriales+bitmap.

Además una imagen debería tener un barniz reserva.
Bien, empecemos por el principio. 

Enero:
Para enero usé una imagen libre de derechos (al menos eso decía la página de donde la descargué).

La imagen es una montaña nevada normal de invierno.
















Febrero:

Lo de febrero es un vectorial+bitmap, además la imagen tiene barniz reserva. Es otra montaña nevada con el cielo decorado con bandas crecientes, que representa el sol que está apunto de llegar para la primavera. Todo un homenaje a la estética oriental más hortera, pero aún así con encanto.

Marzo:
Marzo es otra imagen libre de derechos. La particularidad esta foto está en el detalle de que las nubes aparecen otra vez en el calendario.  Con esta imagen se abre la estación primaveral.













Abril:

Abril es otro fotomontaje que junta imagen vectorial y bitmap. Aquí lo que he hecho, basicamente, es dibujar hojas, y florecillas sobre la imagen de un campo con más hojas y florecillas. De nuevo un homenaje al horterismo encantador que abunda en los calendarios.










Mayo:
Mayo es un fotomontaje hecho en photoshop.  Sobre el fondo de la imagen de el lago he añadido varias flores de distintas imágenes y añadido el filtro de bordes añadidos para conseguir un posterizado que hiciera efecto de dibujo sobre el agua.















Junio:
El vectorial final ha quedado como una versión incompleta de un diseño que resultaba sumamente recargado y llanamente feo. He quitado cualquier distracción del elemento principal, el sol, que hace de cielo en este dibujo, que nace en medio de la imagen y va creciendo apoderándose de toda ella.












Julio:
El último ejemplo de la fusión de vectorial e imagen basada en píxeles. Aquí tenemos la misma imagen en píxeles y en vectorial, con su efecto posterizado tan estético. Con la máscara de degradado se crea el paso de pixel a vector.













Agosto:
Agosto es una imagen propia hecha con mi cámara de fotos no recuerdo si por mí o por algún amigo. Es Madrid con el cielo despejado.












Septiembre:
Septiembre es un sencillo fotomontaje que fusiona la misma imágen con partes en escala de grises y color, ideal para describir al otoño, tan gris como bonito :).














Octubre:
Octubre es un vectorial lleno de marrones y amarillos. El contraste de la naturaleza muerta de las hojas marrones sobre el suelo de tonos cálidos amarillos le da a la creación un tono ambiguo de los más actual.
















Noviembre:
Si en septiembre escogí una foto llena de verde y vida, en noviembre no hay nada más indicado que este árbol arrebatado totalmente de sus hojas señalando el final del otoño. En este fotomontaje se repiten las nubes de la imagen de marzo, cambiando su significado a uno más amenazante y sombrío.







Diciembre:
Diciembre cierra el calendario con un vectorial. El copo de nieve sobre el cielo de tonos fríos hace una leve referencia a las fiestas de este mes, pero sin que se imponga a la representación del invierno.