elWebmaster.com

Al realizar un sitio web puede llegar a pasar que nos encontremos ante la necesidad de hacer que una imagen de fondo se convierta en un link, esto puede ocurrir cuando el logo esta siendo usado como fondo en la cabecera del sitio y queremos que, como cualquier sitio bueno, el mismo actúe de link a la página de inicio.

Con el siguiente truco CSS que les traigo, les resultará extremadamente sencillo convertir una imagen que esté cumpliendo el rol de papel tapiz en nuestro sitio en una en la que se pueda realizar clic hacia un link. Seguir leyendo

Si tienes una cuenta en Facebook y deseas descargar todas las fotografías de esta red social en las que apareces, podrás hacerlo gracias a la herramienta Get My Tagged Pics que mediante su sistema de etiquetas nos posibilita obtener todas las imágenes en las que estemos.

Esta aplicación se instala en nuestro perfil y nos mostrará diez imágenes por fila que podremos descargar con tan solo un clic en un archivo ZIP. Claro está que las fotografías deben estar etiquetadas con algo que nos caracterice para que se relacionen con nosotros :P.
Seguir leyendo

Una herramienta del tipo 2.0 que les puede resultar muy útil a los diseñadores gráficos es VectorMagic, sirve para convertir una imagen de mapa de bits en una imagen vectorial basada en figuras geométricas.

Esta aplicación online es muy sencilla de utilizar y fue desarrollada por la Universidad de Stanford a fin de realizar precisamente esta tarea en la que fallan la mayoría de las aplicaciones de diseño vectorial, como Corel Draw o Illustrator. Seguir leyendo

A la hora de hacer un sitio web es muy importante tener en cuenta la optimización del tiempo de carga, ya que los usuarios suelen dejar de lado aquellos sitios a los que tardan mucho tiempo en ingresar.

Es por esto que hoy les traigo algunos consejos que leí en Sentido Web y que pueden resultar muy útiles a la hora de reducir el tiempo de carga de una página poniendo especial atención en las imágenes. Seguir leyendo

Cualquier diseñador sabe la importancia de tener una gran colección de imágenes de todo tipo disponibles siempre en su computadora para cualquier posible trabajo en que las pueda llegar a necesitar, ahorrándose algún dolor de cabeza.

En la web de Diego Mattei me encuentro con un increíble pack de 253 imágenes de todo tipo -autos, tazas, botellas de vino, bolsas, etc.- en JPGs de excelente calidad y resolución y que pueden ser especialmente útiles en la creación de logos.
Seguir leyendo

Flickr mejoró su sistema de visualización de archivos, su “slideshow” basado en flash que ahora es altamente personalizable. Incluso podemos incrustar un slideshow con botonera de comando en nuestro blog o sitio web, con la misma facilidad y rendimiento con que embebemos un video de YouTube.

Hasta el momento teníamos que depender de algunas aplicaciones de terceros o de ciertas técnicas avanzadas de AJAX para incrustar una galería de Flickr de calidad en nuestro sitio (las opciones que daban no eran muy completas). Ahora, en cambio, podemos adecuar el slideshow de Flickr a cualquier diseño. Seguir leyendo

TinEye es un nuevo buscador que va a dar que hablar. Se trata de un buscador de imágenes que indexa los píxeles de las mismas, tal como Google hace con el texto de sitios web. En TinEye, en vez de escribir alguna frase o palabras clave para buscar, debemos subir una imagen alojada en nuestra computadora o su URL de la web. Luego el sistema “indexará” sus píxeles y los comparará con su base de datos de millones de imágenes.

De esta forma podemos conseguir versiones gigantes de fotos o ilustraciones que poseíamos como thumbnails o en baja resolución, además de usar el buscador para fijarnos si en algún sitio web han alojado imágenes con copyright sin autorización.

Si eres un diseñador en busca de texturas, en CG Textures encontrarás un catálogo con todo tipo de imágenes listas para descargar y en alta resolución. Papel, metal, plástico, ornamentos, naturaleza, agua, madera, comida, telas… prácticamente cualquier textura, ordenada por catagoría.

CG Textures propone además una serie de tutoriales de Photoshop para aprovechar las texturas al máximo, incluyendo trucos, tips de fotografía, cómo editar y colorear texturas e incluso el paso a paso para crear una textura desde cero. Visita CG Textures y cuéntanos qué te ha parecido.

Hoy en día todo lo que a diseño y presentación en un sitio web se refiere se hace con estilos CSS, por lo que siempre vienen bien estos trucos para aplicar algún detalle de calidad a nuestra página, claro, respetando los estándares.

Si tienes una galería de imágenes con vistas previas puedes usar este sencillo truco para ir ampliando las fotos al pasar el puntero del mouse por encima. Como utiliza la propiedad overflow, no desarma el diseño del sitio, además es muy veloz. Seguir leyendo

GettyImages –uno de los bancos de imágenes más importantes del mundo- convocó a 5 prestigiosos estudios de diseño para trabajar en torno a la interactividad de la imagen. ¿El resultado de la reunión cumbre? 10Ways, diez propuestas que llevan a la exploración y la experimentación del lenguaje visual.

La iniciativa contó con la participación de Sumona, The Barbarian Group, Tomato, Less Rain y Great Works. Cada estudio produjo dos piezas, que si bien se enmarcaron dentro de la misma consigna general de 10Ways, buscaron despertar la sensibilidad a partir de cuestiones bien diferentes, como el tiempo, el espacio o el color.

Seguir leyendo