26 oct. 2012

Diseñamos los trípticos turísticos de Massamagrell

Nuestros trípticos impresos
En el mes de mayo el Ayuntamiento de Massamagrell nos encomendó un proyecto turístico con la idea de animar el comercio y dar a conocer el lugar dónde vivimos y la oferta turística local que tenemos. El proyecto consistía en confeccionar un tríptico para así poder distribuirlo en zonas turísticas u hoteles.
¿Que es un tríptico? Un tríptico es un folleto informativo doblado en tres partes que por lo regular es del tamaño de una hoja de papel. Contiene la información del lugar e institución que se publicita u organiza un evento. Sirve fundamentalmente para publicitar o informar sobre algo, ya sea de alguna empresa o como en nuestro caso de Massamagrell.
Las medidas pueden variar en función de la necesidad del cliente, el que nos propuso el Ayuntamiento tenía las siguientes medidas; de ancho 43,5 y de alto 14,5. En total el folleto consta de 6 caras, 3 del anverso y 3 del reverso. Y una vez doblado, el formato final es cuadrado.
Pues bien rápidamente y con mucha ilusión nos pusimos a trabajar ya que era un trabajo en el cual podíamos plasmar muchas de las cosas aprendidas. Nos pusimos a buscar imágenes en Internet de Massamagrell, pero al encontrar prácticamente pocas que nos sirvieran, decidimos ponernos en marcha y salir a hacer nuestras propias fotografías. Visitar los lugares más importantes y fotografiar todo aquello que nos pareciera interesante para el trabajo. Aquí tenéis un documento que explica esa visita:


El diseño en principio era libre, pero sí debía tener un plano del pueblo, que confeccionó nuestro profesor con Illustrator CS5 y en donde figurarían todos aquellos lugares de interés o monumentos de la ciudad. Cada uno de nosotros hizo un diseño diferente en el que incluimos un texto que redactaron desde el Ayuntamiento sobre nuestra historia, costumbres, fiestas, monumentos, museos, etc. Además mejoramos todas las imágenes con procesos HDR.
Una vez tuvimos los diseños hechos, los imprimimos para ver sus posibles fallos de impresión, hacer la corrección de textos y comprobar si en el doblado se guardaban los márgenes de seguridad y que ni texto ni imágenes quedaban sobre los pliegues.

En definitiva trabajamos todo aquello que al visitante le pudiera interesar y facilitarle así la visita de nuestro pueblo. Por tanto incluimos; una pequeña descripción del pueblo y de los sitios que puedan visitar, algo de historia, datos de utilidad, localización de lugares sobre un mapa, indicaciones de cómo llegar, teléfonos de contacto, horarios de visita a los museos, fechas de tradiciones y fiestas locales y los días en los que tenemos nuestros mercados.

El resultado final de nuestros trípticos lo podéis ver aquí: 
         

      Artículo de

14 oct. 2012

¿Qué es Blogger?


Blogger es un servicio creado por Pyra Labs, que fue adquirido por Google en 2003. Permite crear un sitio web para recopilar artículos, textos, imágenes, vídeos, presentaciones... Aparecerán por orden cronológico, saliendo en primer lugar el artículo más reciente.

Antes de crear este blog, tuvimos que aprender a trabajar con Blogger. Y así nació “Mass Disseny”, nuestro blog. Aquí vamos describiendo todo lo que vamos aprendiendo, nuestras experiencias y como lo hacemos y siempre complementamos todo lo que subimos con presentaciones de distintas herramientas 2.0. De esta manera podemos compartir con otros nuestros conocimientos y el proceso de aprendizaje que seguimos. Por tanto, un blog es un sitio web que:

  • Se actualiza periódicamente y que recopila artículos o textos.
  • Permite acompañar nuestras entradas con imágenes y vídeos. Se pueden colocar enlaces a otras páginas para ampliar información.
  • Puede estar creado por uno o varios autores.
  • Es único y particular, los hay de muchos tipos ( educativos, salud, periodismo, personales etc..).
  • Permite a los lectores dejar comentarios, siempre que el autor dé su consentimiento.
  • Nos deja etiquetar los artículos y modificar la apariencia estética de las plantillas del blog, sin la necesidad de conocer código HTML.

FrontEnd y BackEnd del blog Mass Disseny

Un blog consta de dos partes principales denominadas interfaces que son el FrontEnd que es la parte que se ve y que cualquier usuario puede leer de nuestro blog y el BackEnd, que es el espacio donde el autor del blog escribe el contenido del mismo.

El FrontEnd consta de:
  • Cabecera. Donde se pone el título del blog o una imagen (banner). Puedes diseñar tu propio banner y colocarlo.
  • Entradas o publicaciones. Contiene los artículos o entradas que publicamos. Éstas irán apareciendo cronológicamente y siempre se colocará arriba la más reciente.
  • Barra lateral: Contiene los gadgtes, un buscador, traductor, nube de etiquetas, enlaces, etc....
  • Comentarios: Donde los lectores podrán dejar sus comentarios y opiniones debajo de los artículos publicados.
EL BackEnd es el lugar donde el autor del blog escribe sus artículos, a los cuales puede insertar imágenes, audios, vídeos... Podremos guardar la entrada como borrador tantas veces como se quiera hasta que consideremos oportuna su publicación.



Artículo de

4 oct. 2012

Aprendemos a dibujar con Adobe Illustrator


Adobe Illustrator, es el nombre o marca comercial oficial que recibe uno de los programas más populares de la casa Adobe, junto con sus programas hermanos Adobe Photoshop y Adobe Flash, y que se trata esencialmente de una aplicación de creación y manipulación vectorial.
Como vimos en el primer tema que nos preparó Víctor, una imagen vectorial contiene numerosos objetos ampliables definidos por fórmulas matemáticas o líneas en lugar de píxeles. Por esto, son ampliables y no dependen de la resolución de imagen. Entonces, al estar basadas en líneas, pueden ampliarse tanto como queramos sin perder nitidez.
Para comprender esto, que mejor que trabajar sobre un ejemplo práctico, para ello el profesor nos preparó un tutorial de dibujo con Illustrator con unas pautas a seguir. El ejercicio consistía en dibujar una mascota a partir de un personaje inicial dibujado a lápiz sobre un papel.
Dibujamos las mascotas en un papel, la escaneamos y las llamamos en Illustrator. Luego creamos un par de pinceles personalizados con la herramienta elipse y empezamos a trazar el boceto ajustando el grosor del trazo según la necesidad del diseño. El dibujo a lápiz lo guardamos en una capa a la que llamamos “boceto”, la bloqueamos y creamos una segunda capa a la que llamamos “trazos”. Nos situamos en esa capa y dibujamos todo el contorno del dibujo con la pluma.



Finalizamos con detalle todas las líneas y las formas del dibujo, después con la opción “Objeto> expandir apariencia” convertimos nuestra línea en dibujo para poder colorear. Una vez expandido empezamos a colorear la ilustración con el “Bote de pintura interactiva”. Seleccionamos un grupo de colores y los guardamos en muestras.
La mayoría de veces quedan huecos al trazar el dibujo y entonces no podemos colorear. Eso tenemos que tenerlo en cuenta y corregirlo mediante la opción “Objeto> pintura interactiva> opciones de hueco”. Así cerramos los espacios entre lineas para poder rellenar. Esto debemos hacerlo siempre.
Una vez tuvimos el personaje dibujado y coloreado, ya pudimos añadirle sombras con el fin de darle volumen. Añadimos los detalles que consideramos necesarios y así fuimos mejorando el aspecto de nuestro personaje.
Para finalizar creamos la capa fondo y así situamos nuestro personaje en algún entorno, en un espacio concreto. Le dimos el color, unos últimos retoques y algunas sombras por debajo del dibujo que generaran efecto de profundidad. En el slideshow que hemos creado con Photobucket podéis ver las diferencias entre los bocetos iniciales a lápiz y el resultado final conseguido con Illustrator CS5.

Artículo de