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.