Criando um rodapé em curva com Fireworks 8

Nesse tutorial iremos criar um rodapé em curva, para o seu site, deixando o com um formato mais moderno e bonito.

Por | @wcesar4 Softwares
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:

Criando um rodapé em curva com Fireworks 8


Agora deixa o retângulo com o degrade LINEAR:

Criando um rodapé em curva com Fireworks 8


Deixando ele com o seguinte aspecto:

Criando um rodapé em curva com Fireworks 8


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".

Criando um rodapé em curva com Fireworks 8


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".

Criando um rodapé em curva com Fireworks 8


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

Criando um rodapé em curva com Fireworks 8


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:

Criando um rodapé em curva com Fireworks 8


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:

Criando um rodapé em curva com Fireworks 8


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

Criando um rodapé em curva com Fireworks 8


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.

Mais sobre: fireworks, tutoriais, design
Share Tweet
DESTAQUESMais compartilhados
Comentários
AINDA NÃO SE INSCREVEU?

Vem ver os vídeos legais que
estamos produzindo no Youtube.