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.

Si te encuentras armando un nuevo sitio o diseño, seguramente un buen paquete de botones te sea útil. Una opción a tener en cuenta es el que nos ofrecen en Dragonartz, con 48 botones estilo “glossy” que se ven atractivos y pueden implementarse de infinidad de maneras.

Los mismos vienen en dos estilos, y gran cantidad de colores, en un archivo de formato Eps y uno Svg con fondo transparente, además de tener una resolución de 550dpi (7639x7639px). Pueden descargarlo en un archivo de 3.2Mb de peso, solo con los formatos vectoriales, o uno de 11Mb, que trae los botones en formato Png. Y podremos elegir entre DepositFiles, o Rapidshare para realizar la descarga.