menú con botones y zonas interactivas.
Primeramente pasaremos a descargar los objetos con que trabajaremos como fuentes o
imágenes
Imagen Espada: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhumD-YwcfXUjlw9_9m7g0b4wRALidUppSl-EueAf_haE0_wvxnaLTvwr0oWlxgH7uI-urU_tAcNEjHlYtj10Ph0NHykfegeX51lDGWBimMcUP8ZcR3DXD6PqRHC7jiURDRFGNjxYOAVP2m/s1600-h/espada.jpg
Fuente Prexix: http://www.robney.org/file/prefix.ttf
1.- Abrir Macromedia Fireworks y creamos un nuevo documento con las medidas de 270 pixeles de ancho y 550 pixeles de alto, luego pasamos a importar la imagen que descargamos Archivo – Importar y seleccionamos la imagen espada.jpg
2.- Bueno lo primero que tenemos que hacer es agregar la forma de nuestros botones, para eso pasamos a darle click en el panel de herramientas vector seleccionamos las formas predefinidas manteniendo presionado el botón izquierdo del Mouse para luego escogemos rectángulo redondeado.
3.- Pasamos a dibujar el rectángulo redondeado con un fondo negro al lado derecho de la espada, luego pasamos ah agregar un borde de color blanco con un tamaño de punta de 2 pixeles, ancho de botón 170 y un alto de 35 pixeles para hacer los cambios recuerda presionar el puntero negro del panel de herramientas.
4.- Pasamos a escribir Inicio dentro del recuadro del botón, el texto esta escrito con la fuente Prefix.
5.- Pasamos a seleccionar el texto y el rectángulo redondeado para luego copiar y pegar 3
veces luego pasamos a insertar el botón en Inicio, seleccionamos el texto Inicio con el rectángulo redondeado con la tecla shift luego presionas click derecho y convertir en símbolo, escogemos el Tipo Botón.
6.- Pasa a crearse una zona interactiva de color verde claro le damos doble click sobre ella luego nos aparece una nueva ventana con los estados de arriba, sobre, abajo, sobre alto y área activa.
7.- Copiamos el botón del estado Arriba y pegamos en el estado
Sobre y pasamos a cambiar los colores del estado Sobre. Color de fondo de cuadro blanco, borde rojo y texto negro.
8.- Una ves echo el cambio respectivo le damos click en Listo, bueno ahora pasamos ah hacer eso con todos los botones para hacerlo mas rápido seleccionamos el texto y el rectángulo y presionamos la tecla F8.
9.- Terminado todo ahora pasamos a exportar nuestro trabajo Archivo - Exportar en nombre colocamos menu, en la parte inferior vamos a encontrar una
opción que dice colocar imágenes en subcarpetas le damos en activar esa opción para trabajar mas ordenado le damos en examinar y creamos una carpeta llamada imagenes y le damos en abrir y por ultimo en exportar.
VER VIDEO
Entradas
