Topo para site de Games

Aqui irei ensinar uma forma de criar um topo no Fireworks. Alguns preferem fatiar o
topo, outros não, aqui nós iremos utilizar um inteiro sem a fatiação, porém de acordo
com cada usuário, poderá ser fatiado. Ensinarei na próxima versão do tutorial.

Abra um arquivo 779x150 Pixels.

Inicialmente, para podermos utilizar melhor a criatividade vamos começar por parte,
algumas serão com a ajuda de imagens prontas, para haver melhor entendimento ao
decorrer do tutorial. O tema deste tutorial, será de um topo para site de games.

Vamos utilizar um papel de parede (wallpaper) pronto:

Clique na imagem para ampliar...

No fireworks, vá em "Arquivo > Importar", ou então, se a versão do seu software for

em ingles, "File > Import", se preferir pressione Ctrl + R.

Feito isso, ele irá pedir para você selecionar uma imagem do seu computador, selecione
o papel de parede que foi mostrado.

Agora, você terá que definir o local onde a imagem será posta, escolha qualquer lugar,
depois você vai deslocar o papel de parede até o local mais satisfatório, procure deixa-lo
dessa forma:

Vamos agora criar a arte... Pegue a ferramenta retângulo e coloque-a sobre a imagem
na cor azul - #0066CC - e sem a borda. O tamanho do retângulo será de 779x22 Pixels
e ele deverá ficar na parte superior da imagem.

Crie mais um retângulo semelhante ao anterior e coloque-o na parte inferior da

imagem.

O processo abaixo deverá ser feito nos dois retângulos.

Nós utilizaremos agora a parte de Blend Mode . Que se encontra na barra de
propriedades a direita do monitor.

Selecione o retângulo que está sobre a imagem. Feito isso, escolha o Blend com o nome
de "Lighten" ou "Ilumine" utilizando a porcentagem de 70%,veja:

Agora vamos utilizar a barra de propriedades, iremos utilizar processos com a cor de
preenchimento do retângulo que foi feito. Modifique a textura atual para a textura com
o nome de Grid 3 ou Grade 3 usando a porcentagem de 50%, veja:

Até agora a sua imagem está assim:

Clique no retangulo superior e copie (Crtl + C). Cole-o sobre o retangulo superior e tire
todos os efeitos, feito isso, deixe sem a cor de preenchimento e com a borda preta no
tamanho 1. Faça a mesma coisa com o outro retangulo.

A imagem ficará dessa forma:

Utilizando a ferramenta de texto, selecione uma fonte qualquer e procure escrever

sobre a imagem o nome Portal GMs, escreva na cor azul (#0066CC) e com borda preta.
Eu utilizei a fonte "Blattlefield", clique aqui para baixar.
Agora vamos modificar a cor de preenchimento colocando um efeito degrade, para isso
selecione a frase Portal GMs e precione Ctrl + G para agrupar, depois clique na caixa
Gradient.

Trabalhe pra deixá-las dessa forma:

Então a sua imagem ficará assim:

Escreva coisas interessantes como prévia do portal nos retangulos, note como fiz:

O seu topo está pronto!