Segundo Trimestre


18.12.11

Práctica 11

Esta práctica consistía en la elaboración y maquetación de un calendario con 12 imágenes de las estaciones del año.
Para plasmar todos los conocimientos de Illustrator, Photoshop, InDesign, documentación en internet, etc. que vamos adquiriendo podíamos elegir entre 2 opciones de clases de imágenes.
En mi caso he escogido hacer tres de cada:

3 libres de derechos.
3 de Illustrator.
3 montajes de Photoshop.
3 montajes de Illustrator y Photoshop.

Para la maquetación en InDesign busqué una fuente en http://www.dafont.com/es/
Y maqueté el calendario desde la página maestra con tabuladores y moviendo las líneas (haciendo clic derecho en la línea, transformar, mover, 20 mm marcando la opción copiar).
Los días se han ido poniendo en cada página de cada mes, no en la página maestra.
El barniz lo llevan los días de la semana, he creado una caja de texto indéntica a la de los días de la semana, en la página maestra, a la que he aplicado un barniz.

CARACTERÍSTICAS TÉCNICAS

  • El formato final es 140 x 230 mm, con 5 mm de sangre, por cada lado, excepto en el superior que va encuadernado con espiral.
  • Tipografías usadas: Adolphus .ttf
  • IMÁGENES: de 150 x 70 mm en sus diferentes formatos .ai, .psd, .tif, etc.

A continuación explico un poco las imágenes elaboradas para cada mes (hay una explicación más a fondo de algunas para detallar bien cada tipo de imagen, cómo se ha hecho con qué elementos, etc. pero no se explican todas por tiempo y extensión):


ENERO

Es una imagen 100% vectorial hecha en Illustrator. Se ha utilizado un paisaje nevado de fondo y varios elementos como árboles, casas, setos, etc.


FEBRERO

Es una imagen obtenida en Flickr, en las opciones de búsqueda avanzada escogí buscar dentro de las de Creative Commons, y encontré esta imagen a la que tuve que ajustarle un poco las curvas y hacer el encuadre para 150 x 70 mm.
(La fuente y los derechos se adjuntan en un documento .rtf).
 
MARZO

Es una imagen mixta de Photoshop e Illustrator.

Me llevó bastante trabajo encontrar todos los elementos, que combinaran bien y luego tratarlos.

La imagen de fondo se ha modificado al encuadrarla, se han modificado las curvas y también tiene una capa de ajuste de tono/saturación.
Después hay otra imagen, la de la flor morada, que se ha seleccionado y copiado en las cuatro esquinas de la anterior. He hecho un trazado de recorte con ella. La he importado a Illustrator como trazado de recorte para poder colocarla en otra capa.
Así entre el fondo y las flores he colocado otras flores que yo misma he dibujado en Illustrator. Las he ido cambiando de color (bote de pintura interactiva) y copiando y pegando para colocarlas cambiándolas también un poco de tamaño.

ABRIL

Esta es otro mixta de Photoshop e Illustrator.
De forma parecida a la anterior, la imagen de fondo la he modificado con curvas, y clonando para ocultar una flor blanca que tenía, lo cual me llevó bastante tiempo aunque me quedó lo suficientemente bien como para usarla de fondo. La coloqué en Illustator en donde he combinado varios vectores que me bajé de internet, aunque tuve que eliminar bastantes ya que si no quedaba un archivo muy pesado y una imagen un tanto recargada, por lo que tuve que probar muchas combinaciones hasta dar con la adecuada.




MAYO

Esta es 100% vectorial. He combinado varias mariposas con un fondo primaveral. Al fondo le tuve que quitar bastantes elementos, como en la imagen anterior. Además he cambiado los colores para crear una combinación de 4 o 5 colores básicos cálidos y primaverales, por lo que tuve que ir pintando mariposa a mariposa con el bote de pintura interactiva, tratando de que los colores combinaran bien y a la vez fueran variados. También le he aplicado a las mariposas un efecto de textura de Illustrator (texturizar, arenisca). Y por último las fui colocando por el documento.

JUNIO

Para esta imagen realicé un fotomontaje de un castillo en la orilla de la playa. Me costó bastante encontrar una imagen de una playa que tuviera suficiente resolució y una orientación con la que luego pudiera poner el castillo. Después de seleccionar el castillo eliminando los elementos que tenía alrededor, que en su mayoría era gente con ropa de colores, por lo que habia que hacerlo con cuidado de que no quedara ningún píxel que desentonara. También le agregué sombra, jugando con las capas y las máscaras de capa la transperancia, el relleno, etc. y aplicar una máscara de capa para que no pareciera "pegatina". También utilicé el tampón de clonar para eliminar algunas hojas de palmera que había en la parte superior de la fotografía.

JULIO

Es una imagen 100% vectorial, todo con tonos y colores cálidos para sugerir calor y verano. Esta por suerte fue sencilla, lo vi claro desde el principio. Será porque es mi mes ;)


AGOSTO

Es un fotomontaje, con varias herramientas como el tampón de clonar, la máscara de capa, copiar y combinar capas, etc. eliminé algunas palmeras de la parte superior que recargaban mucho la imagen y le apliqué un filtro de fotografía.

La imagen de la playa me costó encontrarla, ya que debía tener una alta resolución y un determinado ángulo e inclinación para poder colocar la tortuga, pero ésta última la encontré rápido. La seleccioné  y la copié en el documento y manipulé la imagen (curvas, transformación libre, transparencia, etc.) hasta que quedó bien.


SEPTIEMBRE

Esta imagen es vectorial y de Photoshop.
Por una parte traté la imagen del banco. Con las curvas le di esos tonos anaranjados de otoño. Después de probar varios filtros me decidí por uno (distorsionar, resplandor difuso) que, tras modificarle los parámetros un poco, crea una especie de resplandor al fondo de la imagen a modo de niebla.
Después utilicé varios vectores de internet para crear las ramas y las hojas y algunos efectos, transformaciones y sobre todo transparencia para crear el efecto de las hojas cayéndose.


OCTUBRE

Esta imagen es libre de derechos.
Es una imagen obtenida en Flickr, después de búsquedas bastante poco fructíferas descubrí que en las opciones de búsqueda avanzada hay una casilla para buscar dentro de las de Creative Commons. De entre las que me salían escogí las de alta resolución. EN esta modifiqué las curvas y usé un mapa de degradado para avivar un poco los tonos de las hojas.
(La fuente y los derechos se adjuntan en un documento .rtf).


NOVIEMBRE

Esta imagen es un fotomontaje, me llevó bastante trabajo ya que tuve que modificar muchas cosas. Por un lado para la imagen de fondo apliqué numerosas capas de ajuste con sus correspondientes máscaras de capa para cambiar el tono de las hojas superiores a amarillo-pardo, ya que eran totalmente verdes, poco otoñales. Y a la imagen al completo también tuve que aplicarle capas de ajuste. Después de una larga búsuqeda encontré dos ardillas que podrían ir bien con mi imagen por su posición y resolución y las cloné, también tuve que aplicarles capas de ajuste y mascaras de capa e incluso el tampón de clonar para que no pareciera un fotomontaje.


DICIEMBRE

Es una de las imágenes de Fotolia de las que disponemos entre los recursos del Puerta Bonita. La encontré en nuestro servidor la encuadré y la utilicé para Diciembre.
(La fuente y los derechos se adjuntan en un documento .rtf).

1.12.11

Práctica 10

Esta práctica consisitía en el diseño y la realización de dos Christmas.

Después de una amplia documentación, con los Christmas de clase y mirando en internet, me decidí por hacer un árbol un tanto abstracto formado por muchos trazos.
Este era el boceto:


El primer diseño fue éste:



Está realizado íntegramente en Illustrator.
El árbol lo trazé y cree un motivo de estrella para adornarlo. También utlice la herramienta destello para la estrella superior que luego fui copiando y pegando para otras estrellas más pequeñas.
Después volví a consultar internet para sacar alguna idea más.

Así trazé varios tipos de copos de nieve, unos los rellene de blanco y otros de azul claro, ya que el fondo original era azul oscuro. A modo de marco puse en la parte superior del documento hielo en forma de estalactitas y nieve. Debajo los copos, y debajo a la derecha el árbol. El fondo además tiene un degradado circular de forma que al colocar el texto daba sensación de claridad y se destacaban las letras. El texto era un “Felices Fiestas” con un efecto de grietas que simulaba un spray de nieve.
Sobre este primer diseño, por consejo y con la ayuda de Ana, fui creando variaciones, cambiando el formato, el fondo, y prescindiendo de algunos elementos.
Las estalactitas las borré, pues al ser elementos triangulares transmiten agresividad, y no es algo propio de un Christma o de la Navidad. Hasta que no me lo dijo Ana no me acordé que Villafruela nos explicó el año pasado en los elementos del diseño.
Los copos podría haberlos dejado pero preferí prescindir de ellos y en su lugar insertar texto.
Mi primer texto estaba todo en caja alta, pero Ana me aconsejó caja baja para mejorar la legibilidad, y cómo esa tipografía en caja baja no me convencía tuve que buscar otra.
Con los cambios de formato la importancia de los elementos fue cambiando, así el árbol tomó más protagonismo al quedar en el centro,  para la parte de arriba decidí usar las mismas estrellas que para el árbol.

Esta es la evolución de los diseños:





Probando varios colores de fondo el rojo me llamó la atención y es el del diseño final.
De entre los dos formatos finales uno cuadrado y otro rectangular, me decidí por el rectangular ya que es el más adecuado para el sobre.
El logo del instituto va en la parte de atrás.
Este es el definitivo:


CARACTERÍSTICAS TÉCNICAS
  • El formato final es 200 x 160 mm, apaisado, con 5 mm de sangre, por cada lado y plegado al centro.
  • TEXTOS: Tipografías usadas: Helvetica cuerpo 8 para el nombre.
  • COLORES: Negro, Rojo Navidad C 30%, M 100%, Y 100%, K 0%, Azul C 100%, M 100%, Y 0%, K 10%, Rojo del logo del instituto: C 0%, M 100%, Y 100%, K 0%.
  • IMÁGENES: Todas las imágenes son vectoriales. El documento se ha creado con una resolución de 300 ppp para la impresión.
  • Se ha imprimido en la impresora de clase, en papel de mayor gramaje del habitual (configuramos la impresora para papel de más de 109 gr/m2). Después lo hemos cortado con cúter.
El segundo Christma lo realicé en Photoshop.
Use estas tres imágenes:



 
Monté la primera y la segunda, jugando con las curvas y los modos de fusión, está en modo luminosidad. Luego roté la tercera imagen, y coloqué la otra a la derecha, aplicandole efectos de capa para crear el marco doble, transparente y con azul de color base. La composición inicial fue esta:





Pero siguiendo el consejo de Ana, en lugar de quedarme con esta empecé a probar cambiando los colores, el formato, la posición de los elementos, etc. y me salieron muchísimas variantes entre las que no sabía cuál escoger.
Estas son algunas:









Comparando de dos en dos fui descartando, con ayuda de Ana, algunos de los diseños. Los criterios eran el contraste, la nitidez, que no destacara un elemento sobre otro, sino que estuvieran equilibrados, etc.

Así quedaron solo tres o cuatro diseños finales de entre los que elegí este:



Está montado en InDesign, colocando la imagen de Photoshop en la cara B, y con el logo del instituto en la cara interna. Tuvo que colocarse en la cara interna ya que en la externa no habría quedado bien por la imagen tan oscura y a página completa, así el plegado es asimétrico.

CARACTERÍSTICAS TÉCNICAS
  •  Son dos páginas no enfrentadas.
  • El formato final es 340 x 110 mm, apaisado, con 5 mm de sangre, por cada lado y plegado asimétrico (140 mm).
  • TEXTOS: Tipografías usadas: Helvetica cuerpo 8 para el nombre y Amperzand (bajada de Dafont) para el texto.
  • COLORES: Negro, Azul C 100%, M 100%, Y 0%, K 10%, Rojo del logo del instituto: C 0%, M 100%, Y 100%, K 0%.
  • IMÁGENES: Modo CMYK, resolución 300 ppp.
  • Se ha imprimido en la impresora de clase, en papel de mayor gramaje del habitual (configuramos la impresora para papel de más de 109 gr/m2). Después lo hemos cortado con cúter.

30.11.11

Práctica 09

En esta práctica hemos realizado un trazado de recorte en Photoshop, también hemos trazado el logo de Leroy Merlin en Illustrator. El cliente no nos proporciona ni la tipografía ni los colores, por lo que tendremos que buscar los más parecidos. Hemos creado sombra para los textos duplicando la caja, en lugar de con los efectos del InDesign. Para los topos se han usado matices y transparencias (en Efectos, opción Transparencia).


CARACTERÍSTICAS TÉCNICAS

Siguiendo las especificaciones de la OT y junto con el original físico y digital he maquetado la página.
  • Es una única página.
  • El formato final es 254 x 165 mm, apaisado, con 5 mm de sangre, por cada lado.
  • TEXTOS: Se han picado los textos que el cliente no nos proporcionaba. Para algunos se ha duplicado la caja de texto para ponerla detrás en negro para crear un efecto sombra. Tipografías usadas: Helvetica y Gill Sans.
  • COLORES: Negro, Verde Leroy C 50%, M 0%, Y 95%, K 0%, Rosa de fondo C 0%, M 70%, Y 50%, K 0%, Amarillo C 0%, M 0%, Y 100%, K 0%.
  • IMÁGENESse ha creado un trazado de recorte en Photoshop, y se ha guardado en el formato compatible EPS. Se ha trazado el logo en Illustrator, y se ha colocado también en InDesign.
  • Se ha imprimido en la impresora de clase.
Este es el resultado:

14.11.11

Práctica 08

En esta práctica hemos seguido trabajando con los tabuladores y los filetes para crear tablas. También hemos hecho otro duotono y una "cama" para el negro.


CARACTERÍSTICAS TÉCNICAS

Siguiendo las especificaciones de la OT y junto con el original físico y digital he maquetado la página.

  • No son páginas enfrentadas, es un tríptico a dos caras.
  • El formato final es A4, mide 210 x 297 mm, apaisado, con 10 mm de sangre, para incluir las marcas de plegado.
  • TEXTOSSe han tratado y maquetado los textos, con sangrías, espacio después, tabuladores y filetes para las tablas, etc. Tipografías usadas: Times y Gill Sans.
  • COLORES: Negro, Pantone 187 C y Pantone 150 C.
  • IMÁGENESse ha editado, con la herramienta recortar de Photoshop CS3 para las medidas correspondientes y con resolución de 200 ppp (Papel prensa, 100 lpp x 2) se ha definido el punto negro, y blanco en escala de grises, después se ha pasado a modo DUOTONO, con el negro y el Pantone 187 C. La curva del Pantone se ha modificado, en 20% se ha puesto 5% y en 100% el 80% y se ha guardado en el formato compatible EPS.
  • CAMA: Para la caja de imagen que va en color negro se ha creado una tinta mixta en las opciones de la paleta Muestras, con un 100% de negro y un 50% del Pantone 187 C. Así saldra un negro más intenso al imprimir y no apagado.
  • Se ha creado un PDF con sangre de 10 mm, marcas de corte y de plegado y se ha impreso en la impresora de la clase 036 (ya que en la nuestra tenemos problemas con los cartuchos) en un A3, a dos caras con volteo por el lado corto.
  • Se han sacado los PDFs de las separaciones.

Este es el resultado final.
Y las separaciones.









13.11.11

Práctica 07

En esta práctica hemos utilizado algunas de las herramientas de InDesign explicadas en el tutorial III, como Colocar archivos, la paleta enlaces o los efectos que podemos aplicarles a los objetos.


CARACTERÍSTICAS TÉCNICAS

Siguiendo las especificaciones de la OT y junto con el original físico y digital he maquetado la página.

  • Son las páginas  2 y 3, enfrentadas.
  • El formato final mide 250 x 180 mm, apaisado, con 5 mm de sangre.
  • TEXTOSSe han tratado y maquetado los textos, con sangrías, espacio después, tabuladores para la tabla, etc. Tipografías usadas: Times.
  • COLORES: Negro y Pantone Orange 021 C.
  • IMÁGENESse han editado, con la herramienta recortar de Photoshop CS3 para las medidas correspondientes y con resolución de 200 ppp (Papel prensa, 100 lpp x 2) se han definido el punto negro, y blanco de cada imagen, pasado a modo DUOTONO, con el negro y el Pantone. La curva del Pantone se ha modificado, en 20% se ha puesto 5% y en 100% el 80% y se han guardado en el formato compatible EPS.
  • Se ha creado un PDF con sangre de 5 mm, marcas de corte y se ha impreso en la impresora de clase en un A4 cada página.
  • Se han sacado los PDFs de las separaciones.


Este es el resultado final.
Y las separaciones.







6.11.11

Tutorial InDesign II

Aunque un poco tarde, por problemas varios (cortes de luz, incompatibilidad de versiones CS5 <-> CS3, etc.) aquí están algunas de las nuevas herramientas que hemos ido viendo en clase.

5.11.11

Práctica 06

En esta práctica hemos visto algunas paletas nuevas, explicadas en el TUTORIAL INDESIGN II.

La figura de la página 20 se ha trazado con la herramienta Pluma, que funciona exactamente igual que en Illustrator. La figura también tiene un pictograma, que se ha contorneado (menú Texto, Crear contornos) y trazos discontínuos.
La figura de la derecha es la que viene proporcionada en el archivo biblioteca de InDesign que podemos reconocer por tener la extensión .indl.

CARACTERÍSTICAS TÉCNICAS

Siguiendo las especificaciones de la OT y junto con el original físico y digital he maquetado la página.

  • Son las páginas 20 y 21, enfrentadas.
  • El formato final mide 194 x 251 mm, con 5 mm de sangre en cada margen, excepto el interior.
  • TEXTOS: Se ha tratado el texto proporcionado digitalmente. Tipografías usadas: Adobe Garamond Pro.
  • COLORES:
    Negro,
     C 0%M 50%Y 100%, K 0%
    C 70%
    M 75%Y 20%, K 0%

    C 50%
    M 20%Y 100%, K 10%

    C 20%
    M 100%Y 100%, K 0%.
  • IMÁGENES: se ha trazado una, la otra se ha obtenido de la biblioteca.
  • Se ha creado un PDF con sangre de 5 mm, marcas de corte y se ha impreso en la impresora de clase en un A3.

Este es el resultado final.


1.11.11

Práctica 05

En esta práctica hemos visto algunas cosas nuevas:
  • Hemos creado figuras poligonales, con la herramienta Polígono. Cambiando el número de lados y el margen de estrella conseguimos las figuras deseadas. Esos polígonos se han usado como cajas de imagen y como cajas de texto.





  • También han tenido que modificarse los contorneos de los textos, en la paleta Ceñir texto, ya explicada en el tutorial, o eliminar el contorneo, en la Opciones de marco de texto.



- También hemos usado las opciones de alineación del texto a la rejilla base.


CARACTERÍSTICAS TÉCNICAS

Siguiendo las especificaciones de la OT y junto con el original físico y digital he maquetado la página.

  • Son las páginas 14 y 15, enfrentadas.
  • El formato final mide 194 x 252 mm, con 5 mm de sangre.
  • TEXTOS: Se han tratado y maquetado los textos, con sangrías, espacio después, etc. Tipografías usadas: Garamond, Gill Sans y Myriad Pro.
  • COLORES: Negro C 20%M 100%Y 100%, K 0%, y C 0%M 30%Y 100%, K 0%.
  • IMÁGENES: se han editado, con la herramienta recortar de Photoshop CS3 para las medidas correspondientes y con resolución de 300 ppp (Papel estucado, 150 lpp x 2) pasado a modo CMYKse han definido el punto negro, gris y blanco de cada imagen, se ha asignado el perfil Coated FOGRA y se han guardado en el formato compatible TIFF.
  • Se ha creado un PDF con sangre de 5 mm, marcas de corte y se ha impreso en la impresora de clase en un A3.


Este es el resultado final.


23.10.11

Tutorial InDesign

Primer tutorial de InDesign.

Aquí he resumido algunas de las herramientas de InDesign explicadas en clase.