Maratona de Símbolos de Clubes de Futebol – Parte 4 (Cruzeiro)

Como vai galera da MX Studio?

Cruzeiro de novo?! Aposto que é o que vocês estão se perguntando… Mas, sim, de novo, entretanto uma figura completamente diferente, técnicas completamente distintas do artigo anterior. O que aconteceu foi um desentendimento entre a equipe de colunistas da MX Studio, na primeira coluna da maratona eu disse que a próxima matéria seria sobre o cruzeiro, mas o Fábio Massarato não leu – nem tinha obrigação disso, claro -. Por já ter escrito que iria fazer na própria coluna nem registrei isso no fórum de colunistas. Acabou que o Fábio postou a coluna dele e depois que foi ver que eu já ia fazer, acontece que eu já tinha escrito quase todo o artigo, portanto não termina-lo, nem posta-lo seria um desperdicio, visto que, apesar de ser sobre o mesmo clube, as imagens ficaram bem diferentes.

Para quem quiser ler o artigo do Fábio Massarato: Maratona de Símbolos de Clubes de Futebol – Parte 3

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 Cruzeiro, portanto vale a pena faze-lo, mesmo que não torça para o time.

Requerimentos: Conhecimento da ferramenta Pen

1 – Crie um círculo azul (#234F84) de 112px de latura e 112px de largura.

2 – Duplique esse círculo (Ctrl + Shift + D). Selecione o de trás (mais abaixo no painel Layers – veja a figura 2.1) redimensione-o numericamente (Modify -> Transform -> Numeric Transform; ou Ctrl + Shift + T), na caixa onde se pergunta a porcentagem do redimensionamento coloque 146%.

3 – Mude o preenchimento desse vetor, agora o maior, para branco e o contorno para azul (#234F84).

4 – Com a auto-forma “Estrela”, desenhe quatro estrelas brancas no círculo azul como mostra a figura à seguir:

5 – Escreva “CRUZEIRO ESPORTE CLUBE”, note que há dois espaços entre “Cruzeiro” e “Esporte”. Formate o texto com as seguintes propriedades:

6 – Duplique o círculo do centro, o com preenchimento azul. Redimensione numericamente (Ctrl + Shift + T) a cópia para 105%.

Observação: A cópia é a que aparece mais em cima no painel Layers.

7 – Com o círculo que você acabou de aumentar e o texto selecionados simultaneamente, vá em (Menu Text -> Atach to Patch; ou Ctrl+ Shift + Y).

8 – Com a ferramenta Scale ( – Q ) rotacione o texto até ficar como a figura abaixo.

O símbolo está pronto. Vamos aplicar alguns efeitos agora.

9 – Agrupe as estrelas (Ctrl + G).

10 – Torne todos os objetos invisíveis, menos o círculo azul do centro, não iremos usa-los agora.

11 – Modifique o preenchimento do círculo azul para um gradiente radial das cores #39A4CC para #234F84.

12 – Aplique ao círculo a textura “Oilslick” em 8%.

13 – Adicione uma sombra interna na cor #28517D com distância 13, opacidade 65%, softness 13 e ângulo 90º. (Filters, em Propriedades -> Shadow and Glow -> Inner Shadow).

14 – Adicione outra sombra, igual à de cima, mudando apenas o ângulo para 270 º.

15 – Duplique o círculo (Ctrl + Shift + D), selecione a cópia, o objeto mais acima. Redimensione esse objeto numericamente (Ctrl + Shift + T) para 90% de largura e 100% de altura.

Obsevação: Não se esqueça de desmarcar a caixa “Constrain proportions”, ela torna o redimensionamento proporcional assim não permitindo que se coloque valores diferentes nas duas caixas.

16 – Modifique a cor das sombras nesse novo objeto criado. Para isso selecione o objeto e clique duas vezes no primeiro inner shadow, na caixa “Filters”, em propriedades. Mude a cor para #49ABCA. Faça o mesmo com o outro inner shadow.

17 – Coloque esse vetor em Feather de intensidade cinco.

18 – Defina a opacidade desse objeto para 25%.

19 – Duplique (ctrl+shift+d) o maior círculo, o do fundo. Redimensione a cópia numericamente (Ctrl + Shift + T) para 98%.

20 – Utilizando a Pen Tool ( – P ) crie dois pontos (circulados em verde na figura abaixo) no círculo redimensionado no passo anterior e delete outros dois (circulados em vermelho).

21 – Com a Subselection Tool ( – A ) mova o ponto mais inferior no circulo para cima, como mostra a figura abaixo.

Dica: Utilize a tecla Ctrl para alternar entre as ferramentas Pen e Subselection.

22 – Retire os dois inner shadows e também a textura.

23 – Altere o preenchimento desse vetor para um gradiente linear de transparência da cor branca.

24 – No painel layers, altere a posição desse objeto para cima de todos os círculos.

25 – Duplique (ctrl+shift+d) esse objeto. Modifique o novo vetor (o mais em cima no painel layers) com a ferramenta Pen e Subselection para que ele fique como a figura a seguir:

Obs.: Não expliquei esse passo detalhadamente pois isso levaria pelo menos mais uns 10 passos, portanto caso não consiga fazer, aconselho que leia o artigo “Vector – Parte 1” e/ou assista o vídeo sobre como fazer esse passo.

26 – Modifique a disposição do gradiente para que fique como a mostrada na imagem abaixo.

27 – Duplique o círculo principal (o maior). Redimensione a cópia numericamente (Ctrl + Shift + T) para 98%.

28 – Através das ferramentas Pen e Subselection modifique o vetor surgido na duplicação para que fique como a imagem abaixo:

Caso não consiga aconselho que leia o artigo indicado no passo 25 e/ou assista o vídeo sobre como fazer esse passo.

29 – Retire os efeitos de inner shaddow e de textura, assim como foi feito no passo 22.

30 – Altere o preenchimento para branco sólido e a opacidade para 7.

31 – Duplique (ctrl+shift+d) esse vetor e vire horizontalmente (Modify -> Transform -> Flip Horizontal) o que surgiu.

32- Mantenha-no posicionado na mesma altura, mas do outro lado do círculo.

33 – Agrupe todos os objetos desse círculo (ctrl+shift+g) e torne visível a grupo de obejetos que contém as estrelas.

34 – Altere o blend mode desse grupo para “Soft Light”, caso você não tenha o Fireworks 8 ou superior instalado, alterar a opacidade para 50% dá um efeito parecido, mas não igual.

35 – Torne visível o maior dos círculos, aquele que circula o principal.

36 – Altere o traçado para branco e o preenchimento para um gradiente linear de prata(#D9D9E1) para branco para prata(#D9D9E1), fazendo um efeito metálico.

37 – Para terminar o efeito metálico duplique (ctrl+shift+d) esse círculo e selecione o que aparecer mais em baixo no painel layers para aplicar o passo seguinte.

38 – Altere o traçado para a cor #B5B5C1 e defina sua disposição para “Outside Patch”.

39 – Torne visível o texto “Cruzeiro Esporte Clube”.

40 – Aplique ao texto um gradiente em forma de cone alterando entre azul claro (#2C96BE) e azul escuro (#234F84):

41 – Adicione a esse texto um efeito glow branco de Raio=1; Opacidade=65%; Soft=2.

---

Pronto! O escudo está terminado, você pode utilizar esses efeitos para várias outras coisas. Espero que tenham gostado e entendido, qualquer dúvida envie um e-mail para tiagoperes@mxstudio.com.br, tiago@tiagoperes.com ou poste em nosso fórum.