Olá amigos, tudo bem com vocês?
Vamos dar continuidade à série. Caso você não tenha lido, clique aqui para ver a primeira parte do artigo.
Desenhe um retângulo com a seguinte configuração:
Chegamos ao seguinte resultado para finalizarmos o fundo do site:
Crie a área da newsletter e desenhe um retângulo com a seguinte configuração:
Agora vamos configurar os efeitos do retângulo:
Preenchimento:Degradê Linear
Cor 1: #FF6600 - Cor 2: #FFC164Filtro Inner Glow: cor - #FF6600
Teremos o seguinte resultado:
Agora vamos adicionar os textos e criar os campos:
Assine nossa newsletter - Fonte: Agency FB, tamanho 18, estilo negrito e cor #FFFFFFFique por dentro das novidades - Fonte: Agency FB, tamanho 14, estilo negrito e cor #FFFFFF
Nome e E-mail - Fonte: Agency FB, tamanho 14, estilo negrito e cor #FFFFFFConfiguração das caixas de campo:
Cor de preenchimento: #FFFFFFCor do contorno: #666666
Veja o resultado:
Vamos construir o botão OK para finalizarmos esta parte:
Desenhe uma elipse no tamanho 67 x 67 com as seguintes configuraçõesPreenchimento: Radial, Cores: #FFFFFF e #438BCC
Contorno: #438BCCDeixe o degradê na seguinte posição:
Vamos adicionar os filtros:
Inner Glow:Cor do efeito: #438BCC
Drop Shadow:
Cor da sombra: #666666 

Abraços e Sucesso!
Junio Albino
Parabéns pelo artigo, gostei dos efeitos utilizados no fireworks para o botão ok.
Wellington Moreira
Parabens ficou muito bom o layout, chega desse negocio de que temos que seguir certas regrinhas. As cores q vc usou foi muito bem escolhidas, tem tudo a ver com a proposta, é uma ACADEMIA, então precisa de cores vibrantes, chega de sites com menu do lado esquerdo, tem que sair mesmo da monotonia. Com relação ao menu no centro do topo não vejo nada de mais nisso, a idéia da mulher invadindo a parte superior da pagina ficou muito legal, unica coisa que não gostei que ja foi citado em alguns comentários foi o OK, excedeu bastante o que seria normal, mas no restante parabens, muito bom mesmo, a gente precisa é de webmaster desse nivel pra nos tirar dessa monotonia do POLITICAMENTE CORRETO.
Leonardo Dias
Gostei do jeito de fazer o layout, bem rápido e leve!
Quando irá continuar o tutorial?
Poxa, pode passar as outras partes do tutorial?? Eu estou repassando este tutorial como exercício para meus alunos!
(:
2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.