Cambios de última hora!

Y vaya cambios!
Hemos tenido que dar mil vueltas para encontrar una página que nos permitiera subir el sitio web. Lo intentamos en gratisweb, en miarroba, en multimanía y nada. Sin embargo, ayer, una vez entregado ya el proyecto a la profesora y sin cesar en nuestro intento por ver subido el sitio, lo intentamos en loleando, una página que nos recomendó un amigo.
Lo subimos allí y ya está colgada!!!!
Os dejo con la dirección y cualquier cosa que queráis comentar lo podéis hacer en el formulario de la web o aquí, en el blog.

www.debod.loleando.com

Cambios en la estructura del sitio

Hacía mucho tiempo que no os mostrábamos imágenes del sitio web que estamos creando para Debod, concretamente desde el 30 de abril, cuando colgamos una captura de lo que sería la home. Pues bien, desde entonces hemos progresado bastante y hemos realizado algunos cambios para mejorar, ante todo, el resultado visual de la página.

De este modo, comenzamos eligiendo la cabecera del sitio web, que sería la misma imagen utilizada en la home, pero, en este caso y tras escuchar las recomendaciones de Guillermina y consultarlo con los integrantes del grupo, llevamos a cabo algunas modificaciones. Así, se ha suprimido el nombre del grupo en la parte superior derecha y, para hacerlo más visible y para que quedara clara la temática de la página, hemos decidio escribir con letras blancas bien marcadas la temática del sitio, indicando claramente que se trata de un grupo de música. De esta forma, a un lado de la imagen aparece la palabra "grupo" y en el lado opuesto nos encontramos con el nombre propio, "Debod".

Juzgad vosotros mismos la evolución.




Como veis, además, el menú principal está realizado jugando con los colores de la propia cabecera, y está configurado por seis botones distintos:biografía, discos, agenda, imágenes, remember y contacto.

Esta plantilla es igual en todas las páginas y ha sido realizada mediante Photoshop, para luego trasladarla a Dreamweaver y completar el contenido de las distintas pestañas que conforman la web.

Gif definitivo

Como ya comentamos el pasado 18 de abril, realizamos un gif provisional para nuestra página web, pero hoy venimos a mostraros el resultado definitivo. Tras recopilar varias fotografías promocionales de nuestro grupo, realizadas y retocadas por un fotógrafo profesional, comenzamos a realizar el gif. En este caso, realizamos dos, que contienen tres imágenes cada uno, de forma que, transcurridos unos segundos, la imagen inicial va cambiando para mostrarnos diferentes fotografías del grupo. Este trabajo aparecerá en nuestra web, en la página de bienvenida del grupo.

Aquí os dejamos con el resultado de uno de los gifs. Como veréis, en este caso la imagen es estática, por eso hemos realizado capturas para mostraros cómo sería la transición que se produciría en la imagen.

Crea tu Warhol

¡Hola de nuevo!

Hoy vuelvo a Photoshop para enseñaros una de las prácticas voluntarias que realicé hace unas semanas pero que no he podido subir hasta hoy. Se trata de distintos efectos creados con el juego de posibilidades que ofrece el programa. Había que crear un efecto "moreno", otro "paisajístico" y por último, uno "warhol"

Éste es el que más me gusta de todos porque tiene un toque vanguardista que me encanta!! También hay que decir que la imagen estará más definida dependiendo del brillo y las sombras que tenga, pero creo que no está mal, ¿no?

Si alquien se anima y quiere su propio warhol le dejo el link con el tutorial que he seguido para realizar el efecto:

http://www.youtube.com/watch?v=x_44Vbqgl4E

Dreamweaver

¡Hola chic@s!


Hoy hemos visto en clase Dreamweaver y hemos realizado unas sencillas prácticas con tablas, vínculos y objetos por sustitución. Hemos jugado con todos estos elementos y los resultados han sido los que veréis más abajo.
Son muy sencillas pero aún así, como siempre, esperemos que os guste el resultado.

Aquí hemos seguido la práctica manteniendo los colores y el formato de la tipografía indocada.

A partir de esta práctica hemos empezado a definirnos estéticamente

Y cambiando hemos decidido que los ultimos diseños tuvieran, dentro de la sencillez de la práctica, una imagen más llamativa visualmente.

En estas dos últimas imágenes podéis ver como ha cambiado la imagen de yahoo al pasar el cursor por encima, eso es un objeto de sustitución.

Sitio Web

Hola!

Os dejamos con la entrada de nuestro sitio web sobre el grupo de música Debod. Esperemos que os guste, aunque aún tenemos que darle mucha más forma acorde a la filosofía del grupo. Os iremos mostrando imágenes de su evolución :)
Os iremos mostrando más imagenes poco a poco

Boceto gif

Buenas!

El otro día en clase estuvimos creando un gif, con una herramienta que ya hemos mencionado en este blog, concretamente en la entrada anterior, llamada ImageReady y que la teneis en vuestro Photoshop. Sí, tan cerca xD

Esta vez utilizamos imágenes del grupo de música sobre el que vamos a hacer el sitio web, a las que hemos puesto un retardo de 10 segundos. El nombre del grupo hemos decidido que cambie de color al pasar el cursor por encima, para que quede algo más chulo y elaborado.

De todas formas este es un boceto del que estará en la web, ya que en clase no teníamos los materiales necesarios (en cuestión de imágenes) para hacer algo verdaderamente bonito, desde nuestro punto de vista, claro.

Os dejamos con una imagen del gif.