Coluna Fireworks – Maratona de Símbolos de Clubes de Futebol – Parte 1 (Atlético Mineiro)

Como vai galera da MX Studio?

Depois de muito tempo sem escrever, tenho o prazer de publicar a primeira coluna do ano na área de Fireworks. Seguindo o tema sugerido pelo membro do fórum Compositornil, abordo nessa maratona que começa hoje a construção do escudo do clube de futebol Atlético Mineiro. Sou de Minas, portanto vou começar com os times do meu estado, nesse artigo Atlético, no próximo Cruzeiro. Bem, mas chega de blá blá e vamos ao que interessa!

O objetivo do tutorial é construir a seguinte imagem:

Nele você vai aprender alguns efeitos que poderão ser usados em vários tipos de ilustração e não apenas no escudo do Atlético Mineiro, portanto não deixe de faze-lo se não for atleticano, hehe.

Requerimentos: Conhecimento razoável da ferramenta Pen

1- Com a ferramenta Rectangle desenhe um quadrado preto de 127px de largura por 156px de altura.

2- O retângulo é uma auto-forma, portanto, para edita-lo como vetor desagrupe-o (Ctrl + Shift + G). Agora, com a Pen Tool ( ), crie um ponto na metade da parte superior do retângulo e outro na inferior.

3 – Com a ferramenta Subselection ( ), mova os pontos dos cantos da parte superior cerca de 28px para baixo.

Dica: Para alternar entre a Pen Tool e a Subselection Tool utilize a tecla Ctrl. Enquanto estiver com a Pen segure Ctrl para usar a Subselection.

4 – Delete os pontos dos cantos da parte inferior do retângulo.

5 – Para encurvar as linhas laterais, com a Pen Tool, crie dois pontos no meio, um em cada lateral.

6 – Afaste um pouco os dois pontos para o lado de fora da figura.

7 – Com a Pen Tool, encurve esses pontos.

8 – Agora está na hora de finalizar a parte de cima. Para isso crie dois pontos com a pen tool, um na diagonal esquerda e outro na direita.

9 – Com a Subselection Tool, mova esses pontos para o lado de dentro do escudo.

10 – Com a Pen tool, encurve esses pontos.

11 – Pare um pouco e observe seu trabalho… Hum… Estão os dois lados da imagem iguais?

É… realmente… o meu não está simétrico. O seu também não? Então utilize a técnica descrita nos passos 12 ao 16. Caso o contrário, recomendo que siga os passos abaixo mesmo assim, mas não há problemas em pular para o passo 17.

12 – Escolha o lado que esteja mais legal, escolhi o direito. Crie um retângulo sobre o outro lado.

13 – Selecione o quadrado e o escudo. Vá no menu “Modify”, na seção “Combine Patchs” e selecione “Punch”.

14 – Agora você tem apenas um dos lados da figura. Duplique esse lado (Ctrl + Shift +D). Na cópia, dê um “Flip Horizontal” (Modify -> Transform -> Flip Horizontal).

15 – Arraste essa figura para formar o escudo novamente, agora simétrico.

16 – Com os dois lados do escudo selecionados una-os (Modify -> Combine Patchs -> Union).

17 – Duplique o vetor (Ctrl + Shift + D). Selecione o de trás (o mais em baixo no painel layer, ver figura 17.1) e transforme seu tamanho numéricamente (Modify -> Transform -> Numeric Transform; ou Ctrl + Shift + T). Na caixa onde pergunta qual a porcentagem do redimensionamento coloque 116% (Ver figura 17.2).

18 – Com a mesma figura selecionada, altere seu fundo para branco e adicione um contorno preto.

19 – Com a ferramenta Line (N), trace linhas conforme a figura abaixo:

20 – Defina a expessura do traçado para três e o tipo para Soft Line.

21 – Escreva as iniciais do clube na parte superior seguindo a seguinte formatação:

O escudo está pronto! Mas, que tal jogar nele uns efeitos bem bacanas?

22 – Agrupe (Ctrl + G) o texto e as linhas, e já que não vamos utiliza-los agora torne-os invisíveis (Clique no olho circulado em vermelho na figura abaixo).

23 – Duplique a parte preta do escudo. Selecione a cópia criada e redimencione-a numéricamente (Ctrl + Shift + T) para 96%.

24 – Com a Pen Tool adicione um ponto à forma, o circulado em verde na figura abaixo, e logo após delete outros dois pontos, os circulados em vermelho.

25 – Clique no ponto criado anteriormente com a Pen Tool para tirar seu encurvamento. Seu vetor deve ficar como a figura abaixo:

26 – Crie um ponto no meio da diagonal formada pelo vetor:

27 – Com a Subselection Tool, mova esse ponto para dentro da figura como mostra a imagem abaixo:

28 – Encurve esse ponto.

29 – Adicione como preenchimento ao vetor um gradiente linear de transparência da cor branca, como mostra a figura abaixo:

30 – Selecione a parte preta do escudo e modifique seu fundo para um gradiente linear da cor #333333 para Preto. Use a figura abaixo para fazer o gradiente.

31 – Agora vamos alterar a parte de fora do escudo. Para isso, selecione-a e aplique um gradiente linear das cores #E2E2E7 para Branco e novamente para #E2E2E7, isso para dar um efeito metálico. Aplique o gradiente conforme a figura abaixo.

32 – Modifique o contorno desse vetor para branco.

33 – Duplique essa parte de fora do escudo (Ctrl + Shift + D). Selecione a mais à baixo (de acordo com o painel “Layers” – veja a figura 33.1), mude seu contorno para a cor #A4A4B5 e seu modo de exibição para “Outside Patch” (Veja a figura 33.2).

34 – Ainda no mesmo vetor utilizado no passo anterior, adicione uma sombra (Filters, em Propriedades -> Shadow and Glow -> Drop Shadow) com os valores abaixo:

35 – Lembra-se do conteúdo do centro do escudo que agrupamos e tornamos invisível? Está na hora de trabalhar com ele novamente, vá no painel “Layers” e torne-o visível novamente.

Observe seu escudo.

Se como o de cima, as linhas estiverem ultrapassando a parte preta, siga os passos 36 e 37, caso não continue à partir do passo 38.

36 – Duplique o interior, a parte preta, do escudo (Ctrl + Shift + D) e mova essa cópia para cima de todos os outros objetos no painel “Layers”.

37 – Modifique a cor desse vetor para branco.

38 – Aplique o vetor, agora branco, como máscara ao grupo de objetos que contém o interior do escudo. Para isso, selecione agora, simultaneamente, os dois objetos, o vetor e o grupo de objetos, vá em Modify -> Mask -> Group as Mask.

Observação: A cor do vetor que serviu de máscara é branca pelo fato de que ao se aplicar uma máscara a cor branca significa opacidade e a preta transparência. Assim, tudo que for branco aparece, tudo que for preto some e as tonalidades entre as duas cores formam transparências, quanto mais perto de branco mais opaco, quanto mais perto de preto mais transparente.

39 – Altere a transparência do objeto resultante do passo anterior para 90%.

Seu escudo deverá ter ficado assim: