En este post les traemos varios recursos para botones, algunos sitios donde descargar botones en PSD listos gratis y listos para editar a su gusto y otros sitios donde pueden fabricar su botón con CSS y luego descargar el código.

Pixel Premium Buttons Tag

365PSD

Favbulous

Duckfiles

CSSButton.me

css3buttongenerator

CSS Tricks Button Maker by Chris Coyer

CSS3button.net

Fuente: Onextrapixel

En 1stepwebdesign han recopilado de diferentes portales una interesante colección de botones, luego de descargarlos al ordenador te darás con la sorpresa que puedes editar cada uno de ellos ya que están en formato PSD.

Para que creas que esto es real, me tome la libertad de sacarle una captura a uno de los botones de la colección desde Photoshop, como puedes ver en el margen derecho en el menú de las capas se encuentra cada uno de los elementos de los botones, pudiendo cambiar en instantes la figura  que representa cada uno de estos botones, retocar los efectos y mucho mas.

A mi me encantaron estos botones seguramente que ha ustedes les ocurrirá lo mismo, para que puedas pasar a descargar los botones, necesitas primero acceder al vinculo que dejamos al final del articulo, donde encontraras la lista completa de la colección de botones en PSD, siendo necesario solamente hacer un clic sobre la imagen del botón de tu interés.

Fuente: 1stepwebdesign

Para quienes diseñamos es muy útil obtener el tipo de recursos que vemos en la imagen. Red&Black es un paquete de botones para diseño web que incluye todo lo necesario en esta temática, en dos colores, además del “rollover” si deseamos agregarlo.

Son fácilmente editables, tanto su formato como el texto, y le sumaron comodidad al ubicar cada elemento en capas separadas, así que mejor no pensarlo y conseguirlo cuanto antes.

Comprar Black&Red ($5 dólares)

Diseñar una aplicación o un servicio (sea web o no, hablando simplemente de la parte grafica del proyecto) solemos utilizar botones, plantillas, formularios y demás elementos que nos ayudan a ahorrar tiempo y terminar nuestro proyecto bien, de forma que quede atractivo, fácil de utilizar y por supuesto profesional. Buscar estos elementos puede ser una tarea algo extensa, porque no abundan tanto como con otro tipo de recursos, o por lo menos no “agrupados”.

Para la suerte de muchos de nosotros, en Cssblog publicaron algunos paquetes de elementos de diseño de interfaz que pueden ser de mucha ayuda cuando estamos frente a un trabajo de este tipo. Les recomiendo que pasen y descarguen el que les guste, porque nunca se sabe cuando vamos a necesitarlo.

Es importante que los botones de nuestro sitio (sean parte del menú de navegación o no) sean atractivos, queden bien con el diseño, y se vean accesibles para los lectores.

Un nuevo tutorial de SixRevisions nos explica no solo cómo crear un botón en Photoshop con estilo 2.0 sumamente atractivo, sino también a cómo implementarlo de forma tal que al poner el mouse sobre él cambie de aspecto. Un efecto que se suele ver en todos los sitios y que muchos no saben como lograr.

Lo primero es obviamente crear nuestro botón, que en realidad serán dos, uno para el estado normal y otro para cuando está activo. Una vez terminado, veremos como es el código que nos permitirá gracias al CSS implementarlos en nuestro proyecto.