Coluna Fireworks – Avatares para Copa – Parte 1

Introdução

Salve comunidade MX Studio! Tudo bem com vocês? Estarei abordando nessa coluna a criação de avatares para Copa, está será a primeira parte, então chega de papo e vamos ao que interessa. Bom aprendizado!

Pré-requesitos

Adobe – Macromedia Fireworks 8.

Apesar desta coluna ser escrita de modo simples e claro será necessário conhecimentos das ferramentas vetoriais e de preenchimentos:

Vector – Parte 1
Vector – Parte 2
Atalhos da Pen Tool
Desenhando objetos vetoriais

Objetivos

Criar avatares para Copa com auxilio das Ferramentas Vetorias e de Preenchimentos.

Importante: Uma citação do Leonardo Vallim, que achei bem importe: “Lembrando, não siga 100% a forma que eu estou fazendo, estou mostrando somente para uma questão de estudo. Exercite sua criatividade, utilize outros preenchimentos, outras cores. Pode parecer bobeira falar isso, mas muitos seguem ao pé da letra e acabam não exercitando a própria criatividade.”

Avatar 1

1) Abra o Fireworks e crie um novo documento File » New (atalho: ctrl + N) de 100×100 pixels com fundo branco:

2) Com auxílo da ferramenta Rectangle Tool (atalho: U, 1) crie um quadrado de 100×100 pixels e desagrupe-o: menu Modify » Ungroup (atalho: ctrl + shift + G):

3) Selecione a ferramenta Subselection Tool (atalho: A, 1) e delete o ponto superior direito do quadrado:

4) Agora Clone a forma criada (ctrl + shift + D), depois gire horizontalmente (menu: Modify » Transform » Flip Horizontal) e verticalmente (menu: Modify » Transform » Flip Vertical) de modo que fique como a imagem abaixo:

5) Com auxílio do preenchimento Gradiente, preencha a Forma 1 com o seguinte Gradiente Linear:

	Cor: #F4C400
	Cor: #F4EE00

6) E a Forma 2 com o seguinte Gradiente Linear:

	Cor: #329B00
	Cor: #44D400

7) Em seguida configure os gradientes como mostrado na figura abaixo:

Com auxílio da Elipse Tool (U, 2) crie um círculo de 125×125 pixels e posicione-o em X: -53 e Y:-53:

9) Selecione o cículo e aplique o seguinte Gradiente Radial:

	Cor: #0052FD
	Cor: #0040C4

10) Configure o gradiente como mostrado na figura abaixo:

11) Vá até o painel de Filters e aplique o efeito Drop Shadow como mostrado na figura abaixo:

Até agora se avatar deve estar semelhante ao mostrado na figura abaixo:

12) Com o auxílio da ferramenta Star crie 6 estrelas com tamanho aproximado de 25×25 pixels e distribua sobre o círculo como mostrado abaixo, aplique também um efeito Drop Shadow nas estrelas:

13) Para finalizar, vamos escrever HEXA no canto inferior direto do avatar, eu utilizei a font Impact em caixa alta, tamanho 22 pixels e coloquei o seguinte Gradiente Linear:

	Cor: #003DBB
	Cor: #0052FC

14) Finalmente, configure o gradiente como mostrado abaixo e coloque um contorno branco no texto de 5 pixels. Pronto!

Avatar 2

1) Abra o Fireworks e crie um novo documento File » New (atalho: ctrl + N) de 100×100 pixels com fundo branco:

2) Com auxílo da ferramenta Rectangle Tool (atalho: U, 1) crie um quadrado de 100×100 pixels e aplique o seguinte Gradiente Linear:

	Cor: #329B00
	Cor: #46D900

Configurando assim:

3) Com auxílo da ferramenta Rectangle Tool (atalho: U, 1) crie um retêngulo de 100×53 pixels em cima do quadrado anteiror e desagrupe-o: menu Modify » Ungroup (atalho: ctrl + shift + G):

4) Com auxílio da Pen Tool (atalho: P, 1) crie um ponto no meio da linha inferior do retêngulo e desloque-o 11 pixels para baixo, como mostrado na figura abaixo:

Dica: Para achar com mais facilidade o meio linha você usar as Réguas, Guias e Grades explicadas nessa coluna: Clique aqui!

5) Feito isso aplique o seguinte Gradiente Linear:

	Cor: #003DBB
	Cor: #0052FC

Configurando assim:

6) Com auxílo da ferramenta Rectangle Tool (atalho: U, 1) crie um retêngulo de 100×42 pixels, faça o mesmo processo do Passo 4, mas deslocando o ponto para baixo 20 pixels, como mostrado na imagem abaixo:

5) Feito isso aplique o seguinte Gradiente Linear:

	Cor: #F4C400
	Cor: #F4EE00

Configurando assim:

6) Com o auxílio da ferramenta Star crie 5 estrelas com tamanho de 16×16 pixels e 1 estrela com 22×22 pixels, distribua como mostrado abaixo, aplique também um efeito Drop Shadow nas estrelas:

Dica: Para alinhaR com mais facilidade as estrelas você usar as Réguas, Guias e Grades explicadas nessa coluna: Clique aqui!

7) Para finalizar, vamos escrever BRASIL na parte superior do avatar, eu utilizei a font Impact em caixa alta, tamanho 29 pixels e coloquei o seguinte Gradiente Linear:

	Cor: #003DBB
	Cor: #0052FC

14) Finalmente, configure o gradiente como mostrado abaixo e coloque um contorno branco no texto de 5 pixels. Pronto!

Considerações Finais

Bom! Chegamos ao fim de mais um coluna onde abordamos a criação de avatares , espero que tenham gostado e aprendido um pouco mais.

Até a próxima e muito obrigado!

Marcelo Ariatti – Colunista de Fireworks

Qualquer dúvida envie um email para marcelo_ariatti@mxstudio.com.br ou acesse o nosso fórum .

Voltar ao topo