20 dic. 2012

¿Qué es Google Sites?


Google Sites es una aplicación online gratuita de Google que permite crear páginas web con contenido multimedia muy fácilmente. No se necesita conocimiento de HTML y no necesitamos instalar ni mantener ningún tipo de software en nuestro ordenador.

Ventana para administrar la barra de navegación
Para crear un sitio web con Google Sites debemos tener una cuenta de correo Gmail. Accedes a Google Sites con ella, con la misma contraseña. Una vez hemos accedido, ya podremos empezar a crear nuestra página. Tenemos la posibilidad de elegir varias plantillas predeterminadas, a las cuales también podremos hacerles cambios de color y aspecto. Elegimos un nombre y en el momento ya tenemos creada nuestra página principal.

El siguiente paso es empezar a generar contenido. Podremos crear nuevas páginas que irán ordenándose por orden alfabético en la barra de navegación. Pero esto no es un problema, porque podemos cambiar el orden en función de nuestras necesidades desde la opción “Administrar sitio” > “Presentación del sitio” > “Barra lateral” > Editar > "Organizar automáticamente mi navegación". 

Con la opción “Editar” de cada página, iremos creando contenido en ellas. Podremos insertar imágenes, presentaciones de Picasa, tablas, cambiar el diseño, colocar enlaces...

Destacaríamos las siguientes características:
  • Crear páginas con facilidad
  • Disponemos de plantillas ya diseñadas
  • Manejo fácil de archivos
  • Posibilidad de personalizar la interfaz de tu sitio
  • Facilicidad para colocar contenido multimedia


Sites nos permite crear sitios propios, de colaboración online, de seguimiento de proyectos, compartir todo tipo de información, etc. Podemos editar Sites por grupos pequeños, individualmente o tener colaboradores de todo el mundo. La verdad es que Sites facilita mucho las cosas.

Artículo de 

11 dic. 2012

Visitamos la exposición de Andy Warhol


El día 10 de diciembre, fuimos al Centro Cultural Bancaja en Valencia, para visitar la exposición de Andy Warhol Superstar. En la exposición pudimos ver una selección  de 63 obras del artista norteamericano. La obras provienen de la colección de The Andy Warhol Museum de Pittsburgh. La exposición es un viaje por su obra y biografía desde la década de los 60 hasta su muerte en 1987. Es la primera vez que se presentan en España esta obras. 

Centro Cultural Bancaja de Valencia
Nada más entrar en la sala nos encontramos con un autorretrato de Andy Warhol que preside la exposición y con una recreación de una parte de The Factory, lugar donde Warhol trabajaba y rodaba sus películas. Allí había un sofá idéntico al que tenía en este estudio y una mesilla baja también muy parecida. El visitante de la exposición puede sentarse en ese sofá y posar ante la cámara de vídeo igual que se hacía en la Factory y verse en una pantalla proyectada sobre la pared. A su vez en la parte izquierda se proyectan imágenes de las películas que rodaban allí y donde vimos imágenes de la que fue la musa de Warhol, Edie Sedgwick. El sofá se sorteará entre todos aquellos visitantes de la exposición y que quieran participar en un concurso de fotografías. 

En el taller hemos hecho varios trabajos inspirados en las obras de Warhol. Hemos simulado la técnica de la serigrafía pero trabajando con capas en Photoshop.


Además en la exposición pudimos contemplar y disfrutar de algunas de las obras más importantes del artista, las latas de sopa Campbell, retratos de famosos como Marilyn Monroe, Liza Minneli, Albert Einstein, Michael Jackson... Es una exposición muy interesante que recomendamos a todo el mundo y que podréis visitar hasta el día 5 de enero de 2013.

Artículo de

10 dic. 2012

Diseñamos una agenda para el año 2013


Desde dirección nos llegó hace unos meses el encargo de diseñar una agenda para el próximo año 2013. La idea era que esta agenda fuese el regalo de Navidad para todos los compañeros del centro. 

Nuestra agenda
En su diseño hemos trabajado con los programas Photoshop, Illustrator y OpenOffice. Empezamos revisando diferentes agendas, sus contenidos, los apartados en que estaban divididas y así fuimos decidiendo como queríamos que fuese la nuestra. Pensamos en el diseño de las hojas centrales, en si llevaría fotografías en su interior, dibujos, ilustraciones... Y cuando ya tuvimos claro el contenido y el número de páginas, nos repartimos las tareas.

Utilizamos OpenOffice para las páginas interiores ya que debíamos trabajar con tablas para diseñar los calendarios, el planning mensual, las semanas y los días. Con Photoshop trabajamos fotografías que habíamos tomado de Massamagrell, y mejoramos los colores y la iluminación mediante tratamientos HDR. Y con Illustratror trabajamos ilustraciones, pictogramas e imágenes vectoriales. También un mapa comarcal de la Comunidad Valenciana que incluimos como página final de la agenda.

La agenda consta de:

  • Una portada en la cual se nos dio libertad para su diseño. Todos diseñamos varias y luego se decidió por votación la portada final. Estuvo muy reñido, pero finalmente fue elegida la de Pilar Esteve.
  • Datos personales
  • Calendarios anuales 2013-2014.
  • Planning mensuales. Una hoja por mes. 
  • Páginas centrales dividiendo las hojas por semanas y días y teniendo en cuenta el diseño y las diferencia entre páginas izquierdas y páginas derechas.
  • Fotografías de Massamagrell y sus respectivas ilustraciones (en total 4), como presentación de cada trimestre del año. Las ilustraciones se han impreso en papel vegetal.
  • Páginas pare eventos y fechas importantes
  • Páginas para notas
  • Páginas para direcciones, correos y teléfonos
  • Plano comarcal



Una vez terminados los diseños, se revisaron cuidadosamente todos los datos, meses, días y páginas para evitar errores. También se revisó la ortografía , la continuidad de la tipografía y el tamaño de as imágenes. Se hicieron varias pruebas de impresión y se corrigieron algunos colores.

Una vez hecha toda la pos-producción, se generó el documento definitivo, se llevó a imprenta y esperamos el resultado final.  En la imagen podéis ver como ha quedado nuestra agenda!

Artículo de  

23 nov. 2012

Diseñamos la orla del centro


Estando a punto de terminar nuestro año de formación en el Taller de Empleo "Molí de Baix III" nos han encargado desde dirección, realizar una Orla donde aparezcan las fotos de las  tres especialidades impartidas en el centro y el equipo directivo. 
Una orla es un documento en el que se reúnen las fotografías de los participantes de una misma promoción, cuando terminan sus estudios o consiguen el título.
Guías creadas en Illustrator CS5
Nuestra orla tiene unas medidas de 42 cm ancho por 29,7 cm alto (un A3). Empezamos recopilando las fotos de todos los alumnos y personal del taller. Una vez las tuvimos, las escaneamos y las trabajamos en  Photoshop. Les hicimos correcciones varias con la idea de que todas las imágenes tuviesen un color y una iluminación similares. Las herramientas más utilizadas para los arreglos fueron el parche, el tampón, los ajustes de tono y saturación, de brillo y contraste. También correcciones selectivas y efectos HDR.  Fue un trabajo costoso y complicado pero conseguimos que todas las fotos quedaran lo más naturales posibles.

El diseño de la Orla se hizo en Illustrator y trabajamos ilustraciones de edificios de Massamagrell. Escogimos algunas fotografías de las que hicimos para el tríptico turístico y empezamos a trazarlas con la herramienta pluma.  Una vez tuvimos los dibujos, elegimos los tonos con los que queríamos trabajar. Nos costó decidirnos pero al final decidimos usar gamas de grises y colores claros. 

Una vez tuvimos diseñada la imagen fondo de la orla había que distribuir el espacio para acoplar las fotos por grupos. Primero se crearon unas guías para que las distancias y espacios fueran siempre iguales. Entonces empezamos a distribuir las imágenes desde abajo y de forma piramidal.  Fuimos acoplándolas todas y luego hubo que insertar los nombres y textos sobre las imágenes. También se insertaron, marcos, el escudo de Massamagrell y algunos detalles más que enriquecían el diseño. Al tener que trabajar con tantas imágenes sobre un mismo documento, Víctor nos enseñó como aislar grupos de imágenes y así no tener problemas con aquellas partes sobre las que no queríamos realizar cambios. 

Aquí podéis ver el resultado de las dos orlas seleccionadas como finalistas. 




Artículo de

15 nov. 2012

Google Drive. ¿Qué es y para qué sirve?

Logotipo de Google Drive
Google Drive es un servicio de almacenamiento de archivos en línea. Es un reemplazo de Google Doc que cambió su denominación por Google Drive en abril del 2012. Otra aplicación de Google que hemos aprendido a utilizar. Para poder tener acceso a ella, tienes que tener una cuenta de correo Gmail.
Es una nueva unidad de almacenamiento virtual, que tiene una capacidad de 5 Gigabytes gratuitos. Se utiliza para guardar y compartir archivos. Esto significa que con el lanzamiento de Google Drive, Google ha aumentado el espacio de almacenamiento de Gmail a 10 GB. Además está disponible para ordenadores y portátiles, para Mac, Android, iPhone y iPad, con lo cual podremos usarlo desde nuestros teléfonos.
Es una herramienta muy útil ya que desde cualquier ordenador con acceso a Internet tienes a mano todo los archivos y documentos que en él tengas almacenado. Lo mejor de Google Drive es que te da opción a poder acceder a tus archivos sin conexión a Internet. ¿Cómo? Pues creando un acceso en el escritorio de tu ordenador. Puedes trabajar, guardar y borrar archivos en esa carpeta sin conexión a Internet. Luego, al conectarte a tu correo Gmail, Google Drive reflejará estos cambios en la nube y se actualizarán también en tu cuenta Drive.  Incluso es posible recuperar documentos Google de la papelera de tu ordenador. También si haces cambios en tu cuenta Drive desde otro ordenador, se actualizarán en la carpeta-acceso de tu propio ordenador, portátil y/o teléfono. Es como una sincronización bidireccional. 

Entonces este sistema de sincronización de archivos nos permite:
  • editar tus archivos en el ordenador y tenerlos disponibles en la nube
  • contar con backup automático
  • contar con un control de versiones, pudiendo acceder a versiones anteriores de un archivo después de ser modificado
  • realizar subidas o bajadas masivas de archivos, respetando nuestra estructura de carpetas


Artículo de

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