Criando um rodapé em curva com Fireworks 8

Canal: FireWorks  |  Autor: Wellington César de Castro  |  Publicado em: 29/01/2009  |  Views: 4.746
Nesse tutorial iremos criar um rodapé em curva, para o seu site, deixando o com um formato mais moderno e bonito.

1º passo, crie uma tela no tamanho de 770 x 160 e um retângulo de 770x85:




Agora deixa o retângulo com o degrade LINEAR:




Deixando ele com o seguinte aspecto:




Agora você deve transformá-lo em um Path. Para isso, basta dar um clique em qualquer um dos 4 pontos que o formam com a ferramenta "Subselection Toll".




Convertido em path, o retângulo já pode ser editado. Para editar normalmente os 4 pontos, basta clicar e arrastar um dos 4 pontos que o formam. Para isso agora usaremos a ferramenta "Free Form Tool".




Selecionando esta ferramenta, o painel de propriedades mostrará as seguintes opções:




O size das propriedades serve para ajustar o tamanho da curva, quando se quer uma curva mais fechada diminui o seu tamanho mas quando se quer uma curva mais aberta aumenta o tamanho do mesmo.

Pronto, vamos trabalhar então as suas curvas, criar no retângulo uma curva puxando ela de dentro para fora do retângulo, deixando seu formato:




Para melhorar ainda mais sua aparência e destacar suas curvas, iremos fazer mais uma, agora do seu lado oposto e puxando ela de fora para dentro do retângulo:




Feito isso, agora é só colocar os dados que os rodapés possuem como: Nome da empresa, telefone, e-mail e etc...




Pronto, está feito nosso rodapé. Caso a cor escolhida para esse artigo não seja compatível com seu site basta trocar por outra o mesmo serve para o tamanho do retângulo.
Creative Commons Esta obra está licenciada sob uma Licença Creative Commons. Você pode copiar, distribuir, exibir, executar, desde que seja dado crédito ao autor original (Citando nome do autor, data, local e link de onde tirou o texto). Você não pode fazer uso comercial desta obra. Você não pode criar obras derivadas.
Vote no artigo:
NR. DE VOTO(S): [1]

Compartilhe:

[x] Fechar Preencha os campos abaixo para indicar esta página:
Seu nome:
Seu e-mail:
Nome do indicado:
E-mail do indicado:
Deixe uma mensagem:
Anti-spam:

(nova imagem)
Preencha o que vê:
Twitter diHITT Facebook delicious envie por e-mail comentar

comentarComentários:

Preencha o formulário para comentar:

[x] Fechar
Nome:*
E-mail:* (não será exibido)
Site: (http://)
Comentário:*
Anti-spam:

(nova imagem)
Preencha o que vê:

Deseja receber as respostas dos comentários

Daniel Paulino de Souza
Publicado em:
29/01/2009 - 19:30
Wellington muito bom o tutorial cara!
Parabéns e vamos fazer valer nosso título de editor aqui no Oficina.
Alexander
Publicado em:
05/10/2009 - 15:28
Valeu pela dica, vou tentar colocar no site, esse é meu 1 site, mais e meu sei q ta feio mas com as suas dicas vou melhorar
grato
Anderson Luiz  Souza Sabino
Publicado em:
01/12/2009 - 17:54
Anderson Luiz Souza Sabino
Cara sempre usei o Fireworks e sem querer me gabar mas sempre tive facilidade no Fire mas isso eu ainda não sabia kkk...Sempre que ia criar curvas o meu retângulo ficava todo torto.....Valeu pelo tuto..
Abraço!!!