Como diseñar un boton

Sencillo tutorial que explica paso a paso cómo diseñar un botón para una página web.

Como hacer un boton paso por paso con Photoshop

1. Partiendo de la forma básica (1), aplicamos los efectos de capa que se muestran abajo (doble click sobre la capa), para conseguir efecto de volumen (2)

2. Creamos un óvalo por encima de nuestro botón (3, en verde, para que se vea), tiene que ser blanco, y se pone en modo luz suave, para darle un ligero brillo al botón (4).

3. Finalmente, escribimos el texto del botón (en caso que lo lleve integrado en la imágen) y
dibujamos un iconito, por ejemplo un signo”+”, que es muy fácil. El signo “+” lleva un efecto de trazo similar al del botón, pero exterior. (5)

Podemos crear una variación de nuestro botón, para que al pasar por encima cambie (hover). (6)

Más consejos y tutoriales sobre diseño web en www.manualdedibujo.com

Diseno web japones

Increibles ejemplos de increibles diseños de páginas web del pais del sol naciente. Un estilo de diseñar web muy diferente de los que estamos acostumbrados a ver.

Enlace: diseño web japonés

Efectos CSS avanzados

Muy buen post con 22 formas de crear efectos avanzados de texto con CSS. Entre ellos podemos ver como poner texto en distintas direcciones, como hacer texto con degradado o cómo ponerle sombra a un texto con css, todo ello sin imágenes, utilizando únicamente las hojas de estilo CSS.

Enlace: 22 formas de crear efectos avanzados de texto con CSS