Scour Design. Tutoriales de Flash, ActionScript, CSS, Photoshop, ImageReady...


          


Botón con estilo de Capas

      

Autor: Carlos Carmona

Resultado

Resultado

Este botón lo vamos a hacer únicamente con estilos de capa, así que podrá tener la forma que querramos, para el caso, hemos elegido un circulo.

1) Crea un nuevo lienzo del tamaño que desees. Añade una nueva capa y con la herramienta circulo haz una selección de circulo. Vé a Edición> Rellenar con los parámetros:

Usar: Blanco.
Modo: Normal.
Opacidad: 100%
Preservar transparencia: Desactivado.

Ve a Selección>Deseleccionar.

2) Con la capa seleccionada, vamos a Capa>Estilode capa>Opciones de fusión, e introducir estos parametros:

Tutorial
Tutorial
Tutorial
Tutorial
Tutorial
Tutorial
Tutorial
Tutorial
Tutorial

Y listo, lo podemos añadir a nuestra colección de estilos, así no tendremos que volver a hacerlo cada vez que queramos usarlo.

Un saludo.

  • Este tutorial está bajo licencia CopyLeft. Se permite por tanto su libre copia y distribución a condición de poner el nombre del autor y un enlace a www.scourdesign.com
  • Respete por favor estas simples condiciones para que todos podamos ganar con la licencia CopyLeft.
Scour Design ™ Todos los Derechos Reservados © Carlos Carmona Xhtml 1.1 Strict Válido!CSS Nivel 2 Válido! Nivel Triple-A de Conformidad con las Directrices de Accesibilidad Web (WAI)