Arquivo para a categoría 'Tutoriais'.

Gravatar, pequeña aclaración para usuarios de este blog.

Miércoles, Abril 16th, 2008

Veamos, he visto que varios de los que habeis dejado comentarios en este blog no teneis avatar. Este blog saca los avatar de Gravatar.com. El proceso es simple, os registrais en esa web y subis una imagen, la propia página ya tiene un sistema para ajustar el tamaño de la imagen (que no puede ser de más de 80×80 pixeles).

Gravatar

Grávatar asocia la imagen que subais a un correo electrónico, que tiene que ser vuestro ya que enviará un mensaje de confirmación. Cada vez que dejeis un comentario en un blog compatible con Grávatar, como este, saldrá automáticamente la imagen que tengais asociada a ese correo-e, si teneis varios correos podeis asociarlos a diferentes imágenes, además si cambiais la imagen esta se cambiará simultáneamente en todos los sitios donde dejasteis los comentarios.

Tutorial: Aqua Effect Express

Miércoles, Marzo 26th, 2008

En este breve tutorial voy a exponer cómo conseguir el llamado “aqua effect”, le llamo express porque este va a ser la forma sencilla y rápida para hacerlo. Utilicé el Adobe Flash, pero se podrá hacer con cualquier programa de diseño gráfico ya que usa herramientas básicas y comunes a todos ellos.

Base

Primero dibujamos una base, no es obligatoria pero nos servira para hacer un marco de color al objeto en cuestión. Acto seguido dibujamos la siguiente figura con un degradado de color, en este caso escogí un degradado rojo.

Cor

Lo siguiente será añadir el reflejo superior, que será un rectángulo de menor tamaño de color blanco con una opacidad progresiva de 0% a 50%.

aquaexpres_03.jpg

Como veis ya se podría dar por terminado pero conviene añadir un detalle más, un reflejo inferior, lo marqué en la imagen de color verde, debería ser un blanco al 20% de opacidade e acto seguido hay que desenfocarlo (con flash Modificar / Forma / Suavizar bordes de relleno), testead que cantidad de desenfoque es el óptimo, ya se sabe que el diseño grafico tiene una dosis muy elevada de “sentido común”

aquaexpres_04.jpg

Pues esto fue todo, jugando con esta pequeña base se pueden conseguir cosas bastante chulas y de forma rápida.

aquaexpres_05.jpg

En próximos tutoriales evolucionaré un poco sobre la idea del aqua effect para conseguir cosas más espectaculares aunque, por supuesto, incrementando un poco la complejidad.