Diseño

Generador de botones CSS3 con degradados

por

CSS3 es un lenguaje que tiene tanto potencial que últimamente están apareciendo varios servicios o generadores de botones, como este que les quiero comentar hoy. Se trata de un generador que nos permite crear botones con degradados en CSS3, sin necesidad de imágenes.

Esta herramienta es tan completa que al principio nos puede marear con tantos parámetros, pero si le prestan un poco de atención y creatividad pueden lograr resultados muy buenos, todo con CSS.

Dentro de los parámetros que pueden configurar encontramos  el color de los degradados, el tipo de borde, las sombras, tipografías, colores, tamaños, y muchísimas cosas más.

Pero lo mejor de todo es que nos permite configurar el botón en sus tres estados posibles: Normal, hover y activo. Así podemos personalizar al máximo el diseño de nuestro botón.

Una vez que terminamos de diseñarlos el sitio nos genera el código CSS que tenemos que usar en nuestro sitio web.

Visto en Kabytes

Design Friday: Themes, Brushes y un toque retro

por

Arrancamos el mes con nuevos recursos en el Design Friday de hoy. Y si quieren usarlos para practicar, el último de la lista puede que les interese ;)

  • Diego Mattei nos acerca marcos trípticos para Photoshop.
  • Si buscan themes, en Slodive pueden ver 15 ideales para crear galerías en WordPress.
  • Our Tuts nos muestra 30 tipografías gratuitas para nuestros diseños.
  • Bittbox hace un tiempo liberaba un paquete de brushes para Photoshop con manchas que si todavía no tienen, hay que descargar.
  • Por último y como les adelantaba, en Webexpedition18 publicaron una lista con varios tutoriales que nos enseñan a crear diseños de estilo retro.

¡Que los disfruten!

Design Friday: Themes, Brushes y música

por

Terminamos la semana como siempre, con el Design Friday. En este caso sumamos fondos para renovar nuestra pantalla y aplicaciones que seguro resultan útiles.

  • Slodive publicó una lista con 20 themes para WordPress estilo Premium.
  • En Designer’s Terminal podemos ver 20 paquetes de iconos minimalistas.
  • Specky Boy nos muestra nada mas y nada menos que 1000 brushes estilo grunge para Photoshop.
  • Seguimos con Noupe y wallpapers relacionados al mundo de la música ideales para amantes de este arte.
  • Terminamos con Tripwire Magazine y su lista con mas de 20 herramientas para realizar presentaciones online.

¡Que los disfruten!

Hooked: Corto de Character Matters

por

Hooked es una animación creada por el estudio Character Matters y que tiene como protagonista a un simpático pez celeste que un día como cualquier otro, pasea por el océano buscando con qué entretenerse un rato.

Asi termina frente a un anzuelo, y comienza una «pelea» con un final inesperado.

CM comenzó hace ya 15 años en Ciudad del Cabo, Sudáfrica, encabezada por Ivan Greyling. Pueden conocer mas sobre su trabajo en su sitio oficial.

Design Friday: Grunge, fuentes y wallpapers

por

Arrancamos el Design Friday de hoy con 80 acciones para Photoshop gratuitas que nos muestran en Design Resource Box.

Designzzz publicó una recopilación con 60 brushes grunge para utilizar en Photoshop.

Por su parte, Smashing Apps nos acerca 40 fuentes gratuitas.

Smashing Hub armó una lista con 40 texturas de cuero variadas.

Y si bien no es algo que usemos para diseños, nunca está de mas renovar nuestro escritorio con alguno de los 10 fondos minimalistas que muestran en Orphic Pixel.

¡Que los disfruten!

Generador de textos con efectos CSS3

por


CSSWarp es una interesante herramienta que nos pemite generar textos con efectos CSS3 de una manera muy simple. Para ello hace uso de la propiedad text-transform y mediante un par de configuraciones podemos crear textos realmente originales, sólo con CSS.

Su uso es muy simple, tenemos un area de previsualización donde se ve el texto al cual queremos aplicarle el efecto, a la izquierza está el box para modificar ese texto y las demás configuraciones. Dentro de las opciones disponibles encontramos un texto con curva, uno en forma de círculo, y uno más personalizado que permite que nosotros especifiquemos los puntos para las curvas.

Por otro lado también podemos elegir la fuente que queremos para el texto, y lo mejor de todo es que podemos elegir fuentes desde Google Web Fonts para mostrar el texto con fuentes mucho mas elaboradas que lasque traen los sistemas operativos.

Una vez que terminamos de editar el texto pinchamos en el botón Generate HTML y el sitio nos generará el código HTML listo para que peguemos en nuestro sitio web. El resultado será exactamente el mismo que ven en la previsualización.

Enlace: CSSWarp

Visto en Kabytes

Design Friday: Estilos, themes y texturas

por

Día de Design Friday para empezar la próxima semana equipados con nuevos recursos.

  • En Six Revisions ofrecen estilos para Photoshop gratuitos.
  • Diego Mattei como siempre con sus geniales recursos, nos muestra en su blog tickets en formato PSD.
  • Por el lado de Design Resource Box podemos encontrar 35 motivos para Illustrator.
  • Creative Fan publicó themes para WordPress minimalistas ideales para quienes sigan este estilo.
  • Y terminamos con texturas de diferentes tipos de muros, que pueden descargar en PSDFan.

¡Que los disfruten!

Antes de morir, quiero…

por

Before I die… es una propuesta ideada y llevada a cabo por Candy Chang, artista, diseñadora gráfica y planificadora urbana. Para transformar un poco el paisaje de su vecindario, decidio volver a darle vida a una vieja casa abandonada, donde mediante stencils, creo este mural para que cualquier que pase pueda escribir que le gustaría hacer antes de morir. El sitio se encuentra en Marigny Street 900, en Nueva Orleans y puede ser visto desde Google Street View, antes de que se haya creado.

Vía: Neatorama

The silence beneath the bark

por

The silence beneath the bark es un hermoso corto dirigido por Joanna Lurie que nos muestra a dos criaturas caminando por un bosque, descubriendo en el transcurso del video lo increíble que es la nieve.

Para su realización se implementaron diferentes técnicas, que incluyen 3D para los personajes, fotografías para los fondos y demás detalles que logran transmitir la atmósfera que su creadora deseaba y que la llevó a estar pre-seleccionada para los últimos Premios Oscar.