Layout no fireworks
1a Parte – Criação do Topo Vamos começar! Primeiramente crie um novo documento com 900px de largura por looopx de altura com fundo branco (#FFFFFF). Com a ferramenta Rectangle tool (U) crie um retângulo com 880px de largura, 100px de altura e. Posicione-o com aproximadamente 10 esquerda. ar 2 Em cor, selecione Gr er:t. •- Swipe to page #C8C8C8 de cima pra Coloque também um e da margem as cores #FFFFFF e r #CCCCCC. m Filters > Shadow and Glow > Drop Shadow com cor #333333 e com as seguintes configurações: [PiC] Sua imagem deve estar assim: [pic]
Feito isso vamos finalizar nosso topo fazendo uma barra de pesquisa. Crie um retângulo com 330px de largura e 40px de altura e com os cantos inferiores arredondados e borda de 1 px na cor #CCCCCC e cor Gradient > Linear #FFFFFF e #EBEBEB de cima pra baixo. branco e bordas na cor #CCCCCC. Agora vamos fazer o botão onde o usuário ira clicar para fazer a busca. Faça um retângulo com 50px de largura e 25px de altura e defina a propriedade Rectangle Roundness com valor 30 com fundo branco e bordas na cor #CCCCCC. Com a ferramenta Text tool (T) digite “Busca” com letra Arial amanho 15 e na cor #666666.
Finalizamos nosso topo. Você pode trabalhar melhor com cores e formas e deixar o topo cada vez melhor, ai vai da criatividade de cada um. – Criação do Menu 2a parte Finalizado nosso topo vamos criar o menu. Crie um retângulo, com 110px de largura por 35px de altura, com as bordas inferiores arredondadas. Utilize preenchimento Gradient Linear nas cores #DIDIDI e #FFFFFF e bordas na cor #cccccc. Aplique uma sombra indo em Filters > Shadow and Glow > Drop Shadow na cor #333333 com as seguintes propriedades: Seu botão deve estar assi