Crea tablas comparativas con Compare Ninja

Creacion de tablas comparativas

Creacion de tablas comparativas

El uso de tablas comparativas es muy útil para cuando tenemos que mostrar una serie de productos o servicios similares y remarcar las características que tiene cada uno. Los estilos con los que podemos jugar son muchos y basta un poco de imaginación para ver como expresamos esta comparación.

Compare Ninja es un sitio que nos ayudará con la tarea de crear este tipo de tablas en forma gratuita, en donde luego de registrarnos seguiremos los siguientes pasos:

  • Detalles básicos. Le daremos nombre a la tabla y especificaremos cuantas columnas y líneas tendrá inicialmente (luego se puede editar). También podremos elegir el ancho de la tabla en pixeles o porcentaje.
  • Estilo de la tabla. A continuación elegiremos un estilo de los 10 que ofrece el sitio. Claro que luego podremos modificar desde el código los colores y detalles que querramos, pero aquí le damos los lineamientos generales.
  • Edición de la tabla. Ya en este paso nos muestra la tabla, por lo que nos queda editar los items de las líneas y las columnas y modificar los iconos de cada campo comparativo. También nos permitirá agregar una imagen referencias a cada columna.
  • Código. Una vez finalizada la edición, podemos hacernos con el código en HTML o en HTML y CSS por separado.

Elace | Compare Ninja


Velocímetros en vectores

tablero1

tableros de automoviles vectoriales

Al mejor estilo “Rápido y Furioso” estos vectores arrojan vértigo sobre el diseño que quieras, ya que los ángulos de vista y los colores que se utilizan inclinan nuestra imaginación hacia la velocidad.

El pack cuenta con 4 sets de coloridos velocímetros y algún que otro tacómetro y medidor de combustible, todos ellos en formato EPS para editarlos con Illustrator.

Descarga | Velocímetros (6.25 Mb)


40 fantásticos tutoriales para Cinema 4D

Tutoriales para Cinema 4D

Tutoriales para Cinema 4D

Debo admitir que el 3D no es lo que mejor se me da (materia pendiente) pero seguramente haya lectores que busquen este tipo de tutorial ya que el tema es apasionante. El solo ver estos tutoriales invita a imaginar todas las posibilidades de crear elementos sumamente reales.

En WebBlog 360 han realizado una recopilación de 40 tutoriales para Cinema 4D que para los aficionados al 3D y la animación les será de enorme utilidad. Algunos de estos tutoriales se encuentran en video, mientras que otros los veremos a la vieja usanza, con capturas y texto.

Enlace | 40 Fantastic Cinema 4D Tutorials


Set de texturas de madera + ejemplo de uso

textura de madera

Buscando texturas para un trabajo dí con un sitio que cuenta con una gran variedad de packs. En verdad las texturas de madera son las que buscaba, pero hay un gran número encontrando tambien texturas de papel, estilos vintage, piedra, agua, césped y mas…

Todas ellas vienen en formato JPG de alta resolución y el uso de las mismas son gratuitas para fines personales o comerciales, una gran ventaja a tener en cuenta.

Enlace | Textures Wood

Para los que recién empiezan y quizás aún no vean los beneficios de contar con texturas, hice rápidamente un PSD de ejemplo para mostrar que con algunas texturas y una que otra capa de iluminación se pueden lograr ambientes para realizar composiciones. Para descargar el PSD hagan click en la siguiente imagen.

PSD ejemplo de utilizacion de texturas en Photoshop


Colorido UI Kit minimalista

Google plus UI Kit

Google plus UI KitSi hay que resaltar algo en el diseño minimalista que caracteriza a Google es la combinación simple pero llamativa que utiliza en sus colores, dando un tono alegre y contrastando contra el blanco de genial manera.

Lo cierto es que si necesitan un buen set de interface de usuario (UI) para su nuevo proyecto, este puede venir muy bien. Cuenta con todos los elementos típicos de este tipo de kit, en donde no faltan los botones y barras de progreso.

Enlace y Descarga | Minimalistic UI Kit Google +


Recursos gráficos de deportes

vectores de deportes

vectores de deportes

Los deportes a menudo se resumen visualmente con los iconos mas destacados de cada disciplina y contar con dichos elementos en buena calidad no es tarea fácil.

Si están necesitando recursos sobre fútbol, tenis, hockey, boxeo, pool, bowling, ping pong, golf, fútbol americano, baloncesto, voley, beisbol o camisetas deportivas, este es el pack que deben descargar. Como verán, la lista es extensa y la calidad de los elementos excelente. El formato de los archivos es AI y EPS.

Descarga | Deportes (4 Mb)


Web Banner Templates. Acción para Photoshop

web banners templates

web banners templates

La creación de banners publicitarios, salvo que sea todo un conjunto que debemos crear, no es el trabajo mas rentable dentro de nuestra profesión. Por lo tanto, automatizar algunas tareas no está de mas.

En Beekeeper´s Blog han creado una acción para Photoshop en donde podremos encontrar 22 formatos de banners para web en donde los tamaños mas populares se hacen presente. En el listado de acciones podremos ver las medidas de cada banner y al utilizar cualquiera de ellos, nos abrirá un objeto inteligente para que diseñemos el banner con la dimensión y características que necesitamos. La acción es de libre descarga.

Enlace y Descarga | Web Banner Templates