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

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 

16 sept. 2012

Gimp. Programa de edición de imágenes de software libre


Icono Gimp
Hemos visto el programa libre de manipulación de imágenes “Gimp”. Es un programa bastante parecido a Photoshop, con algunas diferencias respecto a éste. Claro ejemplo, seria la cantidad de Plug-ins creados por distintos usuarios y que se pueden añadir al programa, mejorando las opciones y herramientas existentes, y agilizando así algunos procesos lentos y costosos.
Las ventanas del programa son similares al Photoshop en cuanto a iconos de las herramientas, pero sin embargo, las opciones de cada herramienta se muestran justo debajo de esta herramienta, no como ocurre en Photoshop que aparecen en la parte superior de la ventana debajo del menú principal.
Las ventanas de herramientas son flotantes. Las teclas a usar en las diferentes herramientas varia, sirva de ejemplo, para selecciona el área a clonar se pulsa la tecla CRTL y no Crtl+Alt como en Photoshop.
En Gimp existe la opción de clonar con perspectiva, en la cual, al clonado se le hace el efecto perspectiva marcado al comienzo del uso de la herramienta.  Otra diferencia es la apariencia de los cuadros de diálogo, en Gimp se despliegan varias opciones dentro de un mismo diálogo marcando la casilla del signo +.
Cuadro de diálogo del DBP (David's Batch Processor).
Lo bueno de los Plug-ins  es poder realizar los trabajos de una manera mas rápida y sencilla. En clase  hemos descargado e instalado el Plug-in DBP (David's Batch Processor), que permite realizar de una forma sencilla y automática cambios de color, dimensión, recorte, suavizado, nombre y/o formatos de un grupo de archivos de imágenes al mismo tiempo. Así ahorramos una gran cantidad de tiempo, no siendo necesario  trabajar los archivos de uno en uno. Imagina cambiar el formatos de una galería de 20 imágenes en tan solo cuatro pasos. Pues esto es lo que hace este Plug-in.
Os explico ahora brevemente como se utiliza. Se accede desde filtros, al final de los filtros aparecen los Plug-ins instalados.
Abrimos y aparece el siguiente cuadro de diálogo, en el que se identifican las opciones que varían en cada una de las pestañas del cuadro. Y desde ellas iremos seleccionando el conjunto de cambios que necesitamos para nuestro grupo de imágenes. Esto es de gran ayuda si necesitamos subir un grupo numeroso de imágenes a nuestro blog.

Artículo de

10 jul. 2012

Herramientas y Web 2.0


En clase, Víctor nos explicó la importancia de servirnos de distintas herramientas 2.0 para mejorar el aspecto general del blog y de nuestros artículos. Son aquellas herramientas surgidas de la Web 2.0, que nos permiten dejar de ser un receptor de comunicación y pasar a tener la oportunidad de crear y compartir información y opiniones con los demás usuarios de Internet.
Pues bien, en clase hemos utilizado algunas de estas herramientas. Por ejemplo, las aplicaciones de Google son uno de los muchos servicios y/o herramientas gratuitas que nos ofrece Internet y que podemos usar totalmente gratis según  nuestras necesidades.
  • Google + (Google más o Google plus) es un es un servicio de red social operado por Google.
  • Gmail es un servicio de correo electrónico gratuito, el primero que utilizamos.
  • iGoogle es un escritorio virtual que te permite crear una página principal personalizada que incluye un cuadro de búsqueda de Google en la parte superior y todos los gadgets que quieras en la parte inferior. Los gadgets son como ventanas que pueden adoptar una gran variedad de formas y permiten acceder a actividades y a información de toda la Web, con lo que no tienes que salir de tu página. este servicio desaparecerá en 2013.
  • YouTube que es el servicio mas utilizado para subir vídeos. Ofrece un servicio gratuito para compartir vídeos y acepta una gran cantidad de formatos. Para cargar los vídeos no es necesario, abrir otros programas. Además, existe la opción para que los propietarios de un blog puedan incorporar vídeos, copiando y pegando de manera sencilla un código html único que YouTube nos facilita para cada uno de los vídeos.
  • Picasa es un organizador de fotos o imágenes creado tanto para organizar como para editar imágenes digitales, además posee un sitio web integrado para compartir fotos.
  • Blogger. Un blog es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente.
Abriendo a principio de curso una cuenta en Gmail, ésta nos ha permitido tener acceso a todas las demás aplicaciones, y además es muy fácil integrar en el blog nuestros trabajos, ya que todas son de Google.

También hemos descargado programas gratuitos desde Internet y que nos han ayudado a agilizar muchas tareas:
  • OpenOffice es un programa de tratamiento de textos, ofimática, etc.
  • Gimp es un programa para editar imágenes digitales en forma de mapa de bits, tanto dibujos como fotografías.
  • Windows Live Movie Maker es un software de edición de vídeo creado por Microsoft, contiene características tales como efectos, transiciones, títulos o créditos, pista de audio, narraciones cronológicas, etc.
  • WinFF es un conversor gratuito de formatos de vídeo para sistemas Windows, Linux y Mac. Permite convertir un vídeo de un formato a otro de una forma fácil, rápida y en un solo paso.



O nos hemos servido de otras herramientas online como: 
  • Issuu, que es un servicio que permite la visualización de material digitalizado electrónicamente, como si fueran libros, portafolios, revistas o periódicos. El material subido es visto a través de un navegador y con un formato que permite la visualización de dos páginas a la vez.
  • Box.com es un servicio de almacenamiento remoto muy sencillo de utilizar y bastante potente. Para empezar, el servicio es gratuito y con un con límite de 5 GB, pero también puedes comprar una cuenta pro, y el límite sube hasta 50 GB.
  • Photobucket nos permite subir una colección de imágenes y luego obtener en línea una atractiva presentación que se muestra de forma secuencial y con efectos especiales. Se utiliza generalmente para álbumes fotográficos personales, el almacenaje de vídeos.... Los usuarios pueden mantener sus álbumes privados, permitir el acceso por contraseña, o abrirlos a todo el público.
Nos quedan muchas más por descubrir, os las iremos enseñando más adelante!

Artículo de

5 jun. 2012

Aprendemos Windows Live Movie Maker

Live Movie Maker es un programa de Windows gratuito, para crear tus propias películas con vídeo o imágenes fijas.
Primero hicimos un ejercicio en común todo el grupo, con las mismas imágenes de los planetas. Las arreglamos con Photoshop y seguimos el mismo proceso de trabajo. Este era el ejercicio:


Luego Víctor nos dejó trabajar sobre nuestros propios proyectos e ideas. Seguimos los pasos del primer ejercicio. Para hacer un vídeo secuencial de fotografías lo primero que tienes que hacer es recopilar las imágenes que quieres usar. Desde el cuadro de diálogo del programa se llaman las imágenes haciendo clic en  el botón agregar vídeos y fotos. Una vez subidas las imágenes aparecerán en el panel Línea de Tiempo, y las puedes ordenar como quieras. Presionando el botón play ya nos muestra un primer vídeo secuencia de nuestras fotos.
Ahora ya podemos poner el título de la película, crear una portada,  modificar la duración en segundos de las fotografías, también podemos poner animaciones desde la pestaña de efectos visuales, además de descripciones sobre cada imagen. Una vez hecho todo el proceso ya puedes guardar el proyecto y también la película con tu animación.
Luego aprendimos como subirlas a YouTube para que así fuera más fácil integrarlas en el Blog. 
Aquí tenéis alguna de nuestras películas. 

     
Película de Lola Sanchis                                 Película de Manoli Cebrián

Artículo de

18 may. 2012

Vamos de museos. Visita al IVAM y al MUVIM


El grupo en el IVAM
Con el objetivo de familiarizarnos con el arte y tras realizar varios trabajos sobre el collage, aprovechamos para visitar una exposición temática sobre esta técnica "Trozos, Tramos y Trazos" en el IVAM. En ella pudimos ver de cerca obras de artistas muy conocidos de diferentes épocas y conocer también nuevos creadores. La visita era guiada, y nuestra guía nos explicó las obras muy bien, y situándonos en la vida, entorno cultural e influencias de los autores. 


Varios de éstos nombres nos resultaban familiares ya que eran artistas de la Bauhaus y habíamos estudiado esta escuela en las clases teóricas de Víctor. El movimiento de La Bauhaus estaba influenciado por diferentes corrientes como el Constructivismo ruso. Su estilo se caracterizó por la ausencia de ornamentación en los diseños, claro ejemplo, es la construcción de su edificio sencillo con formas geométricas con base de hormigón y cristal, con un diseño estudiado para su funcionalidad. Como indican en su manifiesto: La construcción completa es el objetivo de todas las artes visuales. Combinándose así la academia de Bellas Artes con la Escuela de Artes y Oficios para "unificar sus actividades y eliminar las diferencias entre artistas y artesanos ".
Vimos en la exposición del IVAM obras de ellos como las dos de Laszlo Moholy-Nogy, Light Paintig y Sport Macht Appetit, o las de El Lissitzky como la cubierta del libro Russland Y el cartel To The Front


El grupo en el MUVIM
No sería capaz de elegir una sola obra favorita de todas las que vimos... Si bien, he de reconocer que me fascinaron las de Kurt Schwitters.
La exposición se encuentra dividida en cinco apartados; Materia y Forma, Imagen y Figura, Signo y Gesto, Memoria ,Tradición y Experimentación, Relato y Acción.
Como práctica tras la visita a la exposición se nos pidió en clase una interpretación de alguna de las obras vistas. Podíamos elegir la que quisiéramos y utilizar cualquier técnica.


Ese mismo día visitamos el MUVIM (Museo Valenciano de la Ilustración y la Modernidad). Vimos la obra permanente “La aventura del pensamiento” , un cúmulo de experiencias que te trasladan desde la época de los monasterios medievales, pasando por la invención de la imprenta y los demás momentos históricos importantes de descubrimientos y cambios hasta nuestros días. Todo ello mediante proyecciones, representaciones, sonidos y recreación de ambientes para hacernos sentir participes del recorrido del pensamiento y sabiduría a lo largo de los años.



Artículo de

14 may. 2012

El color. Un poco de teoría.

En el taller en las clases teóricas hemos estudiado teoría del color, con sus definiciones, modos, términos, resolución, colores Pantone, etc. En este artículo intento hacer un breve resumen de lo más usado en la realización de nuestro trabajo.

¿Qué es el color? Existen diferentes definiciones para describir el color. El color es una percepción de las diferentes longitudes de onda de luz que reflejan los objetos.

Modos color
Actualmente existen dos modos de color principales en diseño, color RGB y CMYK. Se utiliza uno u otro en función del posterior uso de la imagen. Si su uso va a ser para pantalla se usa el modo RGB (Red, Green, Blue) que son los colores luz de una pantalla, a partir de la mezcla de estos tres colores se conforman el resto. Si el uso posterior es ser impreso, entonces, se usa el modo CMYK (Cyan, Magenta, Yellow, Black) Que como podemos observar son las tintas que usan las impresoras. Hay que tener en cuenta el efecto que produce en los colores, el cambio de modo RGB a CMYK ya que los colores se distorsionan,  debido a que los colores que no tienen CMYK se ajustan al más parecido en RGB.

Otros atributos que ayudan a definir un color son: tono, saturación y brillo. 
El tono es la característica única de cada color, lo da la longitud de onda y nos sirve para diferenciar unos colores de otros visualmente. 
La saturación sería como la pureza del color, lo que lo diferencia mas o menos del gris, va del tono puro a un color gris, lo que convencionalmente llamamos tono intenso o no . 
Y el brillo es la cantidad de blanco o negro que tiene mezclado un color, es decir, lo claro u oscuro que lo percibimos.
En la siguiente imagen se muestra una fotografía original de cámara fotográfica, a la que se le han variado cada uno de los tres atributos en cada franja, sin tocar los otros atributos restantes, el resultado es muy visual.


Otro modo de gestión de color es el llamado color directo, y este se hace a través de una paleta de colores llamada PANTONE, los colores se obtienen directos o por medio de mezclas de colores directos. Este sistema de color es muy útil y utilizado en diseño para asegurar la impresión de un color concreto como colores corporativos de empresas. 
El sistema de color Pantone posee varias gamas de colores, colores especiales sólidos, de hexacromía, metalizados y pastel. El sistema posee un número de referencia único para cada tono y matiz como se ve en la imagen. Con unas letras que también tienen un significado U (uncoated, no estucado) C (coated, estucado), EC (Euro Coated, estucado) y M (mate).  

Ejemplo de elección de color de la gama Pantone

Artículo de 

9 may. 2012

La Escuela Bauhaus


Estuvimos haciendo un trabajo, sobre el denominado movimiento alemán nacido con la escuela de la  Bauhaus, la primera en el mundo que se especializó en diseño y sentó sus bases normativas y patrones. Dirigida en un principio por el arquitecto Walter Gropius en el año 1919, en la ciudad alemana de Weimar.
Gropius buscó una nueva unidad entre el arte y la tecnología, reconociendo las raíces comunes tanto de las bellas artes como de las artes aplicadas. Él se adhirió a esta nueva generación de artistas, con el fin de resolver los problemas del diseño visual creados por el industrialismo.

Se esperaba que un diseñador instruido artísticamente pudiera "hacer vivir un espíritu dentro del producto inerte de la máquina". Esta era la idea general de la Bauhaus en la que un triángulo amarillo, un cuadrado rojo y un círculo azul simbolizaban su idiosincrasia, figuras elementales y de colores básicos como metáfora de su lenguaje estilístico. 
Pues bien, empezamos a recopilar material fotográfico en Internet de aquellos docentes, directores, alumnos y artistas implicados en la escuela al igual que imágenes de sus obras. Y sobre un texto ya preparado por nuestro profesor, empezamos a maquetar las imágenes y a distribuir el texto en relación con las imágenes con el programa OpenOffice. Trabajamos los títulos, encabezados, pies de páginas, tablas, imágenes...
Más tarde lo transformamos a documento PDF.

En este ISSUU os mostramos algunas de las imágenes que recopilamos.



Artículo de

OpenOffice. Aprendemos a trabajar con tablas.

OpenOffice.org es un paquete ofimático que está publicado como software libre y código abierto que incluye dentro de sus aplicaciones un procesador de textos (OpenWriter), hoja de cálculo (OpenCalc), presentaciones (OpenImpress), herramientas para el dibujo vectorial (OpenDraw) y base de datos (OpenBase). Como veis en la captura de pantalla:


Lo primero que hicimos fue descargarlo desde Internet y anclarlo en la barra de tareas de nuestro ordenador. Uno de nuestros primeros trabajos consistía en hacer la página de un calendario. Concretamente el mes de mayo de 2012. Lo que hicimos fue trabajar con tablas, para ir distribuyendo cada uno de los elementos del calendario en su sitio: por ejemplo en la parte superior pusimos el logo de nuestro grupo Mass Disseny (que habíamos diseñado días antes), el mes y el año correspondiente. También incluimos los nombres de los días de la semana, los números e insertamos nuevas tablas para incluir los calendarios de los meses anterior y posterior. Al final de la hoja dejamos un espacio para escribir notas. Y este es el resultado:
                     

                       


Este trabajo lo hicimos con idea a un próximo encargo que tenemos en el taller, que es diseñar una agenda del año 2013, para nuestros compañeros del taller (los grupos de albañilería y SAD), los demás trabajadores del taller y Ayuntamiento. Esperamos que nos quede lo mejor posible porque hemos puesto mucho interés y esfuerzo. Cuando tengamos la agenda diseñada la subiremos al blog. Ya tenemos varios diseños para la portada y algunas páginas del interior.

Artículo de

19 abr. 2012

Imágenes HDR con Photoshop CS5


La función del HDR (High Dynamic Range) es reproducir adecuadamente las zonas oscuras y las zonas claras de una imagen. El HDR ya no es solo un medio para lograr buena iluminación, es decir, que el efecto en sí mismo se ha vuelto el objetivo final de una fotografía. Hay dos maneras de conseguir imágenes HDR en photoshop CS5:

  • La primera es ajustando una sola fotografía.
    Imagen → Ajustes → Tonos HDR
  • La segunda es fusionando distintas tomas (fotografías) de una misma imagen.
    Archivo → Automatizar → Combinar para HDR pro

En la primera opción lo que deberíamos editar en toda imagen es el detalle ya que nos permite enfocar o desenfocar la imagen, luego las sombras y luces, también podemos disminuir la exposición para bajar la iluminación general de la imagen.

Fotografía antes y después del tratamiento HDR

En la segunda opción podemos indicar cuales son las fotografías a fusionar y seleccionarlas (todas con distintas exposiciones). Una vez incorporadas Photoshop comienza con el procesado de fotos, y en el momento en el que las tenga todas fusionadas verás una pantalla que muestra una previsualización del resultado final. Luego ya es ir ajustando el aspecto de la fotografía HDR, el radio y la intensidad, el tono y el detalle, jugar con el color y por último el contraste.

Artículo de


18 abr. 2012

Papeleras de reciclaje

El diseño de estas papeleras de reciclaje fue un encargo que nos llegó desde el Ayuntamiento de Massamagrell a finales de marzo. Nos pasaron las siguientes medidas: 80 cm. de alto, 25 cm. de ancho y 25 cm. de profundidad. La tapa tenía 26 x 26 cm. 

Representación de una papelera a escala real

Estas papeleras iban a ser colocadas en distintos servicios públicos  del pueblo. 

Buscamos imágenes en Internet, luego las trabajamos en Photoshop, a una resolución a 200 como mínimo. Cada compañero hizo una versión muy particular de su papelera.  En la mía  se ve una ciudad con edificios de cartón sobre un suelo de bolas de papel reciclado. En la tapa, brilla un sol, representando una ciudad que sabe lo bueno que es reciclar. 

Nos pasaron un boceto hecho a mano, y nuestra compañera Pilar que conoce Autocad, dibujó a escala la figura geométrica para poder imprimir nuestras maquetas en un A4 (escala 1/5 de su tamaño real). En esta actividad pusimos en práctica lo aprendido sobre el tema del packaging (embalaje o empaque). 

En clase adaptamos nuestros diseños de las papeleras en A4, las imprimimos, las recortamos y las pegamos. Y así podíamos ver en unas maquetas a escala el resultado final. Este es el vídeo del proceso.


Artículo de

3 abr. 2012

Photomerge en Photoshop CS5


Photomerge es una opción del Photoshop CS5 que nos permite combinar varias fotografias con el fin de crear una imagen continua o una panorámica.
El 30 de marzo de 2012  salimos a hacer unas fotografías al lado del centro para nuestro trabajo. Se hicieron en el patio del Convento de la Magdalena de Massamagrell, teniendo en cuenta las pautas que nuestro profesor nos iba indicando. Fotografiamos con nuestras cámaras digitales.
Quien hacía las fotos se colocaba en un punto céntrico y sin usar el zoom ni mover demasiado la posición de la cámara iba tomando las fotos. Éstas debían ser continuas, una secuencia, teniendo cada foto una repetición de un trozo (al menos un 40%) de la foto anterior, de manera que, el programa encontrara un nexo de unión entre ambas para poder crear la panorámica. Mientras uno hacia las fotografías los demás nos íbamos colocando en distintas partes del patio, de manera que la presencia de alguno de nosotros se repitiera varias veces en la panorámica final.

Estas son las imágenes que tomamos

Ya con las fotografías descargadas en nuestro ordenador y con ayuda del Photoshop siguiendo el recorrido: Archivo>automatizar>photomerge y llamando en una tanda todas las imágenes (en este caso 8 fotografías) el programa genera la composición. Una vez la tenemos, se duplican las capas (para no perder las imágenes por separado), combinamos todas las capas duplicadas y con ayuda de las herramientas de retoque (tampón de clonar, parche...) ya podemos mejorar y concluir nuestro trabajo. Esta parte final fue la más complicada y costosa de todo el proceso, pero valió la pena sino juzgar vosotros mismos el resultado final!




Artículo de

30 mar. 2012

Photoshop CS5. La barra de herramientas.

Esta es la barra de herramientas de Photoshop CS5. Con ella se hacen infinidad de trabajos y correcciones. Hay herramientas de selección; otras para cortar y crear sectores; algunas de medida; para retocar; de pintura; de dibujo y texto y de navegación. Todas son muy importantes y funcionales, pero en este curso, hay algunas que hemos utilizado más que otras. Y aunque las hemos revisado todas, las que más hemos utilizado, son:

1ª. MOVER. Selecciona la zona o capa  que quieres mover y para reubicarla sobre el lienzo.
2ª. Herramienta MARCO. Con marco rectangular, marco elíptico, marco columna y marco fila única. La que más se usa es marco rectangular para seleccionar zonas rectangulares, y el elíptico para seleccionar zonas circulares.
3ª. LAZO POLIGONAL. Selecciona zonas punto por punto.
4ª. VARITA MÁGICA.  Seleccionar zonas del mismo color. Aunque podemos variar su tolerancia.
6ª. CUENTA GOTAS. Para muestras de color.
7ª. PARCHE. Lo utilizamos sobretodo, en retoque de fotografías antiguas y estropeadas. También tiene en su menú el pincel de ojos rojos.
8ª. PINCEL. Tiene muchísimos usos, sirve para pintar pero si cambias el modo también puedes borrar y hasta seleccionar zonas.
9ª. TAMPÓN. Esta herramienta es para clonar de una zona a otra presionando la tecla Alt.
15ª. SOBREEXPONER Y SUBEXPONER. Para aumentar y/o disminuir zonas oscuras o claras en imágenes y fotografías.
17ª. TEXTO.  La herramienta de texto es para escribir e incluir texto en nuestras imágenes y diseños.
23ª. ZOOM. Herramienta lupa para aproximar o alejar la imagen. Facilita el trabajo en zonas delicadas.
25ª. COLOR FRONTAL Y COLOR DE FONDO. Para conocer con que colores estamos trabajando.
26ª. Herramienta de MÁSCARA RÁPIDA, sirve para seleccionar con mucha exactitud una imagen o una zona concreta, permite usar pinceles de varios tamaños para ajustarnos a aquello que queremos conseguir.

Con estas herramientas hemos hecho muchos trabajos, entre ellos los carteles del Día de la Dona, trabajos de Pop Art, hemos retocado fotos antiguas, fotomontajes, trípticos turísticos, botones y banners para la web, las taquillas del aula, mejora de imágenes, diseño de papeleras de reciclaje, tarjetas para el centro, collages, etc., y todo aquel retoque, mejora o arreglo antes de publicar cualquier trabajo.

Artículo de

28 mar. 2012

Trabajamos el Collage.

Collage trabajo en grupo
En las clases de teoría, estudiamos la técnica del collage, una técnica artística que consiste en unir diferentes elementos para conformar un único todo. Primero vimos la definición de collage, y luego observamos desde Internet muchas obras pertenecientes a varios artistas en diferentes épocas. El término se aplica sobre todo a la pintura, pero por extensión se puede referir a cualquier otra manifestación artística. Viene del francés coller, que significa pegar.
La actividad propuesta fue realizar dos interpretaciones de la obra "La Primavera" de Sandro Botticelli. El trabajo consistía en dos ejercicios, un primer ejercicio de grupo, en el que trabajamos tijera en mano, recortando revistas, periódicos, pósters, catálogos... 
Y otro individual que consistía en hacer el mismo ejercicio, sobre la misma obra, pero esta vez en Photoshop. La idea era aprender a trabajar con capas y el uso las herramientas de selección y recorte. 
Sobre ella empezamos a colocar elementos de otras imágenes o a incluir nuevos personajes, que en apariencia no tenían nada que ver con el cuadro original, pero que iban adquiriendo sentido tal como ibamos  avanzando. Algunas interpretaciones, como la mía, tenían un aire irónico y un tanto absurdo.


También tuvimos que integrar las imágenes, para que pareciera lo mas natural posible, para ello jugamos con brillos, contrastes, tono, saturación y correcciones de color.
Cuando terminamos se nos pidió hacer un nuevo collage cuya única condición era que se tratara de una ciudad. Cada uno eligió los elementos y el fondo o ciudad que utilizaría para su composición. Yo lo hice sobre una imagen de Chicago a la que di un toque fantástico incluyendo rascacielos, un platillo volante y a Godzilla dentro del agua. En este ejercicio trabajamos mucho la luz con la idea de conseguir imágenes bien integradas. Y como veis en el vídeo los efectos fueron bastante conseguidos.



Artículo de

15 mar. 2012

Historia del diseño

En nuestro taller no solo trabajamos clases prácticas, también tenemos clases teóricas cuyo fin es enriquecernos de todo tipo de conocimientos sobre aquello que vamos haciendo y viendo. Todos nuestros trabajos tienen una historia detrás. 
Así que nuestro primer tema de teoría ha sido La Historia del Diseño. Víctor nos pasó un tema muy completo. Es un tema teórico fundamental que hace un recorrido desde las pinturas rupestres del Paleolítico, el nacimiento del lenguaje escrito con el "Libro de Kells", los comienzos del diseño, hasta la época actual y los avances de las  nuevas tecnologías. 
En el tema hemos conocido personajes históricos como Gutenberg y su imprenta, los primeros libros incunables, William Morris, Jan Tischold, la influencia de la Bauhaus, (cuyos tipógrafos como Herbert Bayer, Laszlo Moholy Nagy, el Lisstzy ... dejaron huella en el diseño) Frutiger,  Josep Muller (cartelista), Milton Glasser, David Carson... 
De todos ellos recopilamos imágenes de sus trabajos, que luego añadimos como guía visual al tema teórico, y eso nos ayudaba mucho a seguir la lectura. Aquí podemos ver algunas de esas imágenes que recopilamos realizando búsquedas en Internet. 


También hicimos un recorrido por el diseño publicitario, el packaging, el diseño de entidad corporativa, la señalética, el diseño web hasta llegar al diseño en la actualidad y cuales son hoy las pautas a seguir.


Artículo de

12 mar. 2012

Diseño tarjetas de visita para nuestro centro.

Algunas de las tarjetas diseñadas
A principios de Marzo nos llegó el encargo de realizar las tarjetas de visita para el T.E. “Molí de Baix III”, la directora del taller y el técnico de empleo del Ayuntamiento de Massamagrell.
El trabajo se realizó con Photoshop CS5. Los requisitos para este encargo eran que las tres tarjetas tuviesen un diseño común, llevaran el escudo del Ayuntamiento de Massamagrell, un tamaño de 5,5 x 8,8 cm. y el mismo grupo de colores. Utilizamos un burdeos (PANTONE DS 137-1 C), un blanco puro, un negro y un gris al 50%.
Luego aprendimos la forma normalizada de escribir las direcciones, teléfono , fax y correo electrónico. También que son los pictogramas, como utilizarlos y de que manera podíamos integrarlos en nuestros diseños. Diseñamos varios de ellos.
El escudo del Ayuntamiento se trazó con Illustrator CS5 y se nos pasó con un archivo .png para que conservara la transparencia.
A partir de estas bases, con las necesidades del cliente ( en este caso el centro) claras y definidas y disponiendo de los elementos necesarios para el diseño, comenzamos a diseñar. Todos trabajamos varios bocetos, pero elegimos solo algunos y se los presentamos a nuestro “cliente”.
El centro acabó eligiendo las tarjetas de Pilar Esteve, a la cual pidieron unos últimos cambios para ajustar el diseño a las necesidades del centro. Fue como un trabajo real, recibes el encargo, trabajas y recopilas los elementos necesarios para el diseño, presentas los boceto al cliente, te elige uno o varios, te pide modificaciones, las llevas a cabo y llegas a un acuerdo final. Las tarjetas se imprimieron y guillotinaron en el aula. 
Toda una experiencia laboral en el taller.



Artículo de

7 mar. 2012

¡¡ Hemos ganado el concurso de carteles del "Dia Internacional de la Dona" !!

"Pensamientos de Mujer" Primer premio!

Este trabajo lo realicé con el programa Photoshop CS5. Hice una recerca de imágenes, seleccioné los contornos y los rellené de negro, así obtuve diversas imágenes de siluetas con las que empecé a trabajar. El primer paso fue colocar el perfil de una mujer, a partir del cual, desde su cabeza y alrededor de su pelo ir colocando todas esas siluetas obtenidas anteriormente. Seguidamente busqué un rostro sonriente de otra mujer y obtuve el detalle de su cara en color blanco y lo coloqué sobre el perfil en negro. Con mi diseño quería expresar que las mujeres tenemos siempre miles de cosas en la cabeza, por eso el lema de mi cartel fue “Pensamientos de mujer”.

El grupo el día de la entrega del premio.
El día 6 de Marzo se inauguraba la exposición en el Centro Cultural de Massamagrell, y se hacía entrega de los premios. Mis compañeros del taller y yo estábamos allí, nerviosos, pues todos habíamos presentado un cartel. Habíamos trabajado muchísimo y el solo hecho de ver nuestros trabajos expuestos ya nos hacía sentir muy satisfechos. Cuando nombraron el lema del cartel ganador,  no me lo podía creer,  y gracias a  mis compañeros reaccioné, pues habían nombrado “Pensamientos de mujer” como el ganador! Me puse a llorar, emocionada, y todo el cuerpo me temblaba . Era la primera vez que me presentaba a un concurso y ya solo por eso fue una experiencia muy gratificante.  Además tuve la suerte de ganar, pero en realidad el premio era de todos nosotros.

Artículo de