Entradas con la etiqueta “gráficos”

Efecto bokeh para home y landing pages

10 de marzo, 2010 - por | | Diseño, Tips

Poco a poco el efecto bokeh se ha ido convirtiendo en uno de los recursos más frecuentes para conseguir gráficos atractivos. Con frecuencia, se utiliza sobre imágenes de fondo posicionadas en la cabecera o en el body de las home y de las landing pages, es decir, de aquellos espacios que esperan no sólo el mayor número de visitas sino también rebajar el porcentaje de rebotes.

Con ocasión de un proyecto reciente que hemos estado preparando para la gente de noalamonotonia.com, hemos tenido la oportunidad de probar distintas técnicas sobre distintas suites gráficas para conseguir ese efecto. Hemos visto también que la comunidad ha generado un montón de buenos tutoriales, ejemplos y patrones de texturas listos para usar. Así que hemos seleccionado varios de los recursos que más nos han gustado. A ver qué te parecen.

Plugins para GIMP

20 de febrero, 2010 - por | | Diseño, Tips

En Grosshat utilizamos GIMP para las tareas habituales de manejo de gráficos. En proyectos con clientes muchas veces se nos cae, bien porque no es el programa habitual en esos otros entornos, bien porque no incorpora las capacidades vectoriales que otros programas combinan con las netamente gráficas. En este sentido, Fireworks de Adobe sigue siendo una especie de navaja suiza realmente productiva.

Bueno, el caso es que si como nosotros eres de los que tiran de GIMP de forma habitual, manejar plugins se convierte con el tiempo en algo inevitable; de hecho, el programa está pensado como un core alrededor del cual la comunidad genera utilidades en forma de plugin. Así que profundiza, una vez más, en la exitosa forma de funcionar de la tradición open source: módulos sencillos que se interconectan fácilmente a partir de una base común.

Algunos plugins que seguro te van a ayudar un montón:

  • Image subdivide te permite dividir un gráfico en n filas y n columnas, y salvar cada celda de la matriz
  • Liquid Rescale trae a GIMP el escalado típico de Photoshop que posibilita redimensionar un gráfico de forma no uniforme pero sin distorsión
  • Save for Web es imprescindible si quieres manejar unos pesos razonables en gráficos para la web
  • Pencil drawing from Photo te proporciona un hermoso efecto de lápiz sobre un gráfico, muy bueno para diseño de sitios livianos y muy lineales
  • Layer Effects te suministra operaciones típicas de shadow, glow, bevel, overlay, etc.
  • Quick sketch ofrece un precioso efecto de esbozo sobre el gráfico que le proporciones; combina muy bien con el de Pencil que comentábamos más arriba

La instalación de algún script puede en ocasiones resultar un poco pesada, pero en general es algo sencillo y rápido. Y con la ventaja de cuentas con el código fuente y puedes modificar cosas triviales o profundas a tu gusto.

Más allá de estos plugins que destacamos aquí, apúntate como sitio de referencia el GIMP Plugin Registry.