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.
Publicado em: 29 de janeiro de 2009 | Leituras: 6.371 |
Canal: FireWorks |
Autor: Wellington César de Castro
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.

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.
Resposta em até 24 horas! (grátis)Dúvidas?
Autor da matéria
Últimas matérias escritas pelo autor:
|
Wellington César de Castro Cursando Sistemas de Informação, adoro programação mas também trabalho com imagens. Conhecimento em Fireworks, Flash, Dreamweaver, Pascal, C#, Html, Web2.0. |
Últimas matérias escritas pelo autor:
01/10 - Programas e sites que auxiliam o uso d...
21/09 - Crie seu cursor personalizado em FLASH...
18/09 - Colocando a opção de renomear na lixei...
15/09 - Clareamento de dentes com FireWorks
14/09 - A Escolha do C# e o que é FrameWork
11/09 - Desative de vez o cache de thumbnails ...
10/09 - Coloque vídeos como papeis de parede n...
09/09 - Trabalhando com o switch/case em C# -...
03/09 - FireWorks: Criando um fundo para seu T...
01/09 - Criando um Mini Navegador com 1 linha ...
19/03 - TextInput recebendo apenas números com...
25/02 - O que é ADOBE FLEX?
09/02 - FireWorks: Trocando a cor dos olhos
03/02 - Retirando o fundo de uma imagem de man...
21/09 - Crie seu cursor personalizado em FLASH...
18/09 - Colocando a opção de renomear na lixei...
15/09 - Clareamento de dentes com FireWorks
14/09 - A Escolha do C# e o que é FrameWork
11/09 - Desative de vez o cache de thumbnails ...
10/09 - Coloque vídeos como papeis de parede n...
09/09 - Trabalhando com o switch/case em C# -...
03/09 - FireWorks: Criando um fundo para seu T...
01/09 - Criando um Mini Navegador com 1 linha ...
19/03 - TextInput recebendo apenas números com...
25/02 - O que é ADOBE FLEX?
09/02 - FireWorks: Trocando a cor dos olhos
03/02 - Retirando o fundo de uma imagem de man...
Matérias relacionadas
Últimas matérias
Últimas notícias
Dicas do canal
- Fireworks CS4 - Criando papel de parede
Olá amigos hoje vamos trabalhar com o Fireworks CS... - Agrupar ou desagrupar objetos no FireWor...
Agrupe objetos selecionados individuais e manipule...







Fireworks CS4 - Criando Logo e Cartão de Visita
Fireworks CS4 - Criando papel de parede
Agrupar ou desagrupar objetos no FireWorks
O que você procura para sua vida profissional?
O planejamento agrega valor
E-mail marketing em 140 caracteres
Novos iPods, novo iOS, novo iTunes e nova Apple TV
Conheça as 100 primeiras cidades atendidas pelo Banda Larga ...
Linus Torvalds diz que mercado já se rendeu ao Linux