Nesta aula vamos aprender criar botoes, gerando um menu completo.VAMU LA!!! VALENDO!!!!Solicite um novo documento com as caracteristicas abaixo:Largura: 160 pxAltura: 400 pxResolucao: 72 px/inchCor do CANVAS: WhiteInsira um retangulo para servir de plano de fundo da pagina e personalize com as cores e texturas que voce desejar. Veja um exemplo abaixo:Digite: MENU PRINCIPAL e aplique as caracteristicas abaixo:Arial Rounded MT BoldTamanho: 12NegritoCor: BRANCO (desde que apareca em seu plano de fundo)Insira um BEVELED RECTANGULE (RETANGULO CHANFRADO), encontrado no mesmo botao do RETANGULO, com as caracteristicas abaixo:W: 137Y: 36X: 12Y: 27Agora aplique um estilo sobre este objeto, no exemplo abaixo, foi utilizado o estilo TEXT EFFECT MEDIUM 016 (ou outro estilo que combine com seu trabalho). Veja como ficou:Digite o texto : Novidades. Aplique as caracteristicas abaixo:Arial Rounded MT BoldTamanho: 15NegritoCor: #680066 (desde que apareca em seu trabalho)Veja o resultado:Agora transformaremos estes objetos em um botao.Selecione os 02 objetos (RETANGULO CHANFRADO e TEXTO) e em seguida va ate o Menu Modify, aponte para Symbol (SIMBOLO) e clique em CONVERT TO SYMBOL (CONVERTER EM SIMBOLO).Na janela de dialogo que aparecera escreva e marque as caracteristicas abaixo:Automaticamente aparecera uma SLICE sobre o botao criado:Agora vamos editar nosso botao:De um duplo clique no botao, evitando clicar na are central do SLICE. Note que seremos direcionados para uma nova janela conforme abaixo:Vamos identificar e anotar algumas caracteristicas desta janela:1o - A ABA tem o mesmo nome dado ao botao, isso indica que estamos trabalhando dentro dele;2o - Apareceram novas guias (UP OVER DOWN OVER WHILE DOWN ACTIVE AREA);3o - O nosso plano de fundo ficou oculto.Agora vamos editar estas GUIAS. Primeiro a guia UP:UP representa a forma como o botao aparecera no site ao carregar. (nao precisamos editar esta fase, pois ja definimos isso ao criarmos os objetos no CANVAS).Clique na guia OVER:OVER representa como o botao ficara quando o internauta colocar o MOUSE sobre este. (geralmente utilizamos algo discreto como alterar uma cor ou adicionar negrito ao texto)Quando clicamos em OVER, temos a seguinte janela:Nela clicaremos no botao que fica na parte inferior da janela para podermos copiar os objetos que temos no estagio anterior (COPY UP GRAPHIC COPIAR OS GRAFICOS DO ESTAGIO UP).Agora que ja temos os graficos vamos alterar o texto, modificando sua cor para #6600CC. Basta.Clique na guia DOWN:DOWN representa o momento em que o usuario clicar no botao. Como o clique e muito rapido nao aconselho alteracoes nas caracteristicas.Clique apenas no botao COPY OVER GRAPHIC para termos os mesmos objetos do estagio anterior (OVER).Clique na guia OVER WHILE DOWN:OVER WHILE DOWN representa a fase em que o internauta coloca o mouse em um botao que esta sendo utilizado no momento. Tambem nao aconselho mudancas, pois tornariam poluidos nossos objetos.Clique na guia ACTIVE AREA:ACTIVE AREA e a area util do botao, ou seja, onde o internauta pode clicar para que o botao funcione. Devemos ser muito exatos nesta guia, para que a area de clique de um botao nao sobressaia a outro.Note na imagem abaixo, que a area de clique sugerida pelo FIREWORKS e bem maior que nosso botao, isso ocorre porque