Criar topo para site de games

Abra um arquivo 779×150 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:
http://www.tutorzone.com.br/fireworks/topo.jpg

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 779×22 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”, http://www.dafont.com/dl.php?os=win&fichier=battlefield
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:

Explore posts in the same categories: Uncategorized

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s


%d blogueiros gostam disto: