En este nuevo tutorial vamos a aprender a hacer un botón que puede servir
para tu proyecto.
1) Crear una imagen de 164px. × 39px.
2) Vamos a la herramienta de rectángulo y creamos uno de 130px. ×
25px. con color #666666. La alineamos a X:16 e Y:7 y queda así:
![]()
3) Ahora, cambiamos la herramienta de rectángulo por la
herramienta Elipse (círculo), y creamos uno de 25px. × 25px., color #666666 y lo
alineamos a X:2 e Y:7 y queda así:
![]()
4) Seleccionamos el círculo y lo copiamos (CTRL+C) y lo
alineamos nuevamente a X:135 e Y:7, quedando como la siguiente imagen:
![]()
5) Seleccionamos el rectángulo y los dos círculos y vamos
a Modificar>Combinar Trazados>Unión y tendremos toda la base del botón en
una sola figura. Ahora, lo seleccionamos y cambiamos el largo a 150 y lo
alineamos a X:7 e Y:7. El siguiente es el resultado:
![]()
6) Seleccionamos la figura nuevamente y agregamos los
siguientes Filtros:
Sombra interna Bisel Interior Iluminado |
|
7) Ya tenemos el botón completo, y nos falta ponerle
texto arriba. Para eso, vamos a la herramienta de texto y creamos uno de 150px ×
25px., alineado en X:7 e Y:7, con el texto que quieran y con el siguiente filtro:
Sombra | Resultado: |
El botón está terminado. Podemos crear varios y así poder hacer,
por ejemplo, una barra de navegación para una web o botones para tu juego.
Descargar información de layers
(PNG Fireworks).
¡Espero que lo hayan disfrutado!
¡Hasta la próxima!
Los tutoriales publicados en esta seccion son creados por miembros del staff de DiseñAr y esta prohibida su reproduccion completa o parcial, a menos que se cite al autor y la fuente (DiseñAr)
${work_title} by ${work_author} is licensed under a
Creative Commons ${license_name} License.