7 replies to this topic

[Inglid]

Oi pessoal, mais uma vez venho pedir a ajuda de vc´s...

Eu tava vendo uns sites por aí e vi um específico e gostaria de fazer um topo igual a esse. Já quebrei a cabeça e nada.... O último que eu fiz saiu igual a um Kibe....

O site é esse: http://www.atom-mails.com/


É um site de porcarias, mas, gostei do topo. E se nao for pedir demais, como fazer com que a página fique no centro e o fundo preto tipo o desse site mesmo.....

Será que alguem saberia fazer?!

Um abraço a todos.

[Stress]

o use a ferramenta caneta, imagens, degradês, textura.

as imagens esses recursos as imagens estão sobre opostas você decide.

o fundo preto é background após você ter exportado para o fireworks.

sobre os botões você tem converter para símbolo (F8) daí você escolhe se vai ser gráfico,animação ou botão.

acho que é quase isso.

[Inglid]

o use a ferramenta caneta, imagens, degradês, textura.

as imagens esses recursos as imagens estão sobre opostas você decide.

o fundo preto é background após você ter exportado para o fireworks.

sobre os botões você tem converter para símbolo (F8) daí você escolhe se vai ser gráfico,animação ou botão.

acho que é quase isso.

Oi Stress.... Não entendi... Pode me explicar mais detalhadamente?! Ou então, algum tutorial?!

Brigadão!!!!!!!!!!!!!!!!

[trit0n]

O site aqui não abre.

^^

['' sem.Ponto]

Para fazer um topo desse tipo, o que conta mais é o trabalho de sobreposição... é isso que o Stress quis dizer.

É possível ver claramente como fizeram o topo desse site. Parece que pegaram uma foto e recortaram no formato do topo. Depois, desenharam um vetor verde, que pode ser feito com a ferramenta PenTool, aplicaram a textura "quadrados", diminuiram a opacidade da camada e jogaram por cima da foto. Para finalizar, recortaram o notebook para fazer uma montagem com o topo e inseriram o logotipo e os links.

Quanto ao fundo preto, não é aplicado no Fireworks e sim, quando você está montando o html, assim como a centralização da página que é feita por CSS.

[Stress]

o use a ferramenta caneta, imagens, degradês, textura.

as imagens esses recursos as imagens estão sobre opostas você decide.

o fundo preto é background após você ter exportado para o fireworks.

sobre os botões você tem converter para símbolo (F8) daí você escolhe se vai ser gráfico,animação ou botão.

acho que é quase isso.

Oi Stress.... Não entendi... Pode me explicar mais detalhadamente?! Ou então, algum tutorial?!

Brigadão!!!!!!!!!!!!!!!!

Para fazer um topo desse tipo, o que conta mais é o trabalho de sobreposição... é isso que o Stress quis dizer.

É possível ver claramente como fizeram o topo desse site. Parece que pegaram uma foto e recortaram no formato do topo. Depois, desenharam um vetor verde, que pode ser feito com a ferramenta PenTool, aplicaram a textura "quadrados", diminuiram a opacidade da camada e jogaram por cima da foto. Para finalizar, recortaram o notebook para fazer uma montagem com o topo e inseriram o logotipo e os links.

Quanto ao fundo preto, não é aplicado no Fireworks e sim, quando você está montando o html, assim como a centralização da página que é feita por CSS.

opa, inglid desculpe não ter sido claro, mas o sem.ponto com certeza foi bem claro do que eu, certo?

é só seguir os passos do sem.ponto que você vai conseguir algo próximo do exemplo do qual você passou.

[Inglid]

Valeu Gente, eu consegui fazer aqui, mas nao com a ferramenta pen tools, consegui com a rounded retangle... Aliás, teria algum tutorial explicando como usar essa ferramenta, a pen tools?! Ela é um pouco complicadinha....

No mais agradeço mais uma vez a ajuda de vc´s, vc´s são muito importantes para quem ta aprendendo e tem muitas dúvidas sobre o assunto. O fórum está de parabéns por ter pessoas assim como vc´s.

Um abraço a todos.

['' sem.Ponto]

Agradecemos pelo elogio e confiança.

Quanto ao uso da ferramenta PenTool, recomendo aos seguintes artigos:

http://www.maujor.com/fw/pentool-1.php
http://www.maujor.com/fw/pentool-2.php

Boa sorte!

Edição feita por: '' sem.Ponto, 19/07/2007, 17:12.