MXStudio » fabioMarassatto

Coluna Fireworks – Maratona de Símbolos de Clubes de Futebol – Parte 5 (paraná)

fabioMarassatto — Thu, 14 Jun 2007 00:00:00 +0000

Maratona de Símbolos de Clubes de Futebol – Parte 5 – Paraná Clube

Introdução
Neste artigo veremos como fazer o símbolo do time do Paraná.

Pré-Requisitos
Macromedia Fireworks 8, fonte Brush Script MT, Conhecimento na ferramenta Penn Tool

Objetivo
Criar o símbolo do time do Paraná e desenvolver a habilidade com a ferramenta Penn Tool muito utilizada.

Conteúdo
1- Desenhe um retângulo (Rectangle Tool) de 170px de comprimento por 200px de largura na cor #000000.
2-
Desenhe uma circunferência (Elipse Tool) de 18px de comprimento por 18px de largura na cor #FF0000 também.
3- Duplique as circunferências (Ctrl + Alt + D)
4- Aline as circunferências e posicione-as de modo que fique como a imagem abaixo:

5-
Selecione o Retângulo e uma das circunferências, em seguida vá em Modify -> Combine Paths -> Punch
6- Repita o passo 5 para a outra circunferência, ficando assim:

7- Usando a ferramenta Penn Tool, crie cinco pontos na base de baixo da imagem.

1. Faça um ponto a 20px de distância do ponto da ponta à esquerda.
  A mesma coisa para o ponto da ponta à direita.
2. No meio da base faça mais um ponto
3. Faça um ponto a 25px de distância do ponto central, para a esquerda e para a direita

DICA: Use as Linhas Guias

8- Utilizando a Penn Tool, faça uma curva suave nos pontos inseridos nas pontas dessa forma:

9- Arraste o ponto central para baixo cerca de 15px
10-
Aplique uma curva suave nos pontos ao lado do central (com a Penn Tool) , exemplo

11- Aplique a borda com valor 1, na cor: #CCCCCC

12- Na cor de preenchemento iremos fazer uma Gradiente Linear, como abaixo:

13- Duplique essa imagem (Ctrl + Alt + D)

14-
Redimensione o tamanho para 150px por 190px

15-
Remova a cor de fundo e altere a borda para valor 3, na cor #000033

16- Selecione a Subselection Tool (A) e remova os pontos da semicircunferência do lado direito somente (clique no ponto e pressione delete), pois iremos fazer uma nova e maior e deveremos alinhar com a da esquerda.

17-
Desenhe uma circunferência de 22px de comprimento por 22px de largura

18-
Alinhe com a semicircunferência à esquerda

19- Repita o 5º passo

20- Repita os passos 15, 16 e 17, mas inverta o lado (direito agora), ficando assim:

21- Iremos fazer agora a imagem vermelha de dentro, para isso duplique a imagem

22- Redimensione para 96px por 150px

23- Remova a semicircunferência do lado direito utilizando a Subselection Tool (A)

24- Crie uma circunferência de 36px por 36px

25- Alinhe o centro da circunferência na borda da imagem base

26- Repita os passos 23,24 e 25, mas para o lado esquerdo

27- Como preenchemento , faremos Gradiente Radial como abaixo:

28- Duplique a imagem vermelha que acabamos de criar, pois agora faremos o pássaro de fundo

29- Altere o modo de cor para Solid e na cor #002477

30- Com a Subselection Tool (A) remova as 3 linhas de pontos contando de cima para baixo, ficando assim:

31- Agora é importante usar a criatividade, vamos mexer os pontos da imagem azul somente

32- Arraste o ponto 1 para o centro da imagem, exemplo:

33- Arraste o ponto 2 para fora e para cima da imagem, cerca de 20px para s esquerda e 10px para cima, exemplo:

34- Arraste o ponto 3 para cima e para o centro, ficando entre o ponto central e a lateral esquerda, exemplo:

35- Exclua o ponto 9 (selecione-o e pressione delete)

36-
Selecione a ferramenta Penn Tool, aplique uma curva suave no ponto 1 (clique no ponto, segure e arraste devagar para a esquerda)

37- Com a Subselection Tool, clique uma vez no ponto 2. Arraste essa “cordinha” até o centro do ponto, até a imagem ficar “bicuda”

O círculo verde focaliza o que deve fazer

38
- Aplique uma curva suave no ponto 3, utilizando a Penn Tool

39-
Faça cinco circunferências de 8px por 8px na cor #FFFFFF e posicione-as no corpo do pássaro como mostra a figura abaixo:

40-
Faça na terceira circunferência uma linha com a ferramenta Line Tool (N) em branco até a base:

41-
Faça o olho, circunferência na cor #BB0000 do tamanho 8px por 8px
42-
Escreva “Parana” com a fonte Arial tamanho 46, cor #002477 em negrito. Horizontal Scale: 37% , Leading: 202 . Posicione no topo
43-
Com a ferramenta Line Tool (N), faça uma linha de 8px em cima da última letra A (acento) e altere borda para 2 cor #002477
44-
Escreva “Clube” com a fonte Brush Script MT, tamanho 30, cor #FFFFFF, posicione embaixo de “Paraná”
45-
Escreva “BRASIL” com a fonte Arial, tamanho 5, cor #002477. No campo Horizontal Scale: 250% posicione abaixo de “Clube”.

Vamos fazer as estrelas

Na barra de ferramentas a esquerda, em Vetor, selecione “STAR”
Preencha com a cor #FFCC00
Em Live Filters, aplique o efeito Drop Shadow com as seguintes configurações:
Aplique também Inner Bevel com as configurações:
Duplique a estrela (Ctrl + Alt + D)
Posicione as duas em cima do símbolo

Terminamos finalmente!
Resultado Final:

Considerações Finais

Espero que tenham gostado e que tenham entendido principalmente. Tentei explicar de modo bem detalhado.
Abraço a todos!
Autor: Fábio Marassatto – Colunista Fireworks do Portal MXSTUDIO

Qualquer dúvida envie um email para fmarassatto@gmail.com ou acesse o nosso fórum e visitem meu BLOG

Maratona de Símbolos de Clubes de Futebol – Parte 3 – Cruzeiro

fabioMarassatto — Sat, 17 Mar 2007 00:00:00 +0000

Coluna Fireworks – Maratona de Símbolos de Clubes de Futebol – Parte 3 (Cruzeiro).

Pré-Requisitos

Macromedia Fireworks 8.

Objetivo

Criar a seguinte imagem:

Conteúdo

Selecione a circunferência Doughnut e desenhe uma de 210px de largura por 210px de altura.
Ao terminar o desenho, irá aparecer 3 pontos amarelos, clique e arraste para a direta o ponto amarelo da direita, deixando com uma borda fina como abaixo:

Preencha com a cor #000796, em Live Filters, aplique Drop Shadow:
Faça uma circunferência normal de 150px de largura por 157px de altura com a ferramenta Ellipse Tool (U).
Em seguida, escreva CRUZEIRO em letras maiúsculas e com a fonte Arial Black tamanho 27.
Selecione a circunferência e o texto. No menu, clique em Text -> Attach to Patch (CTRL+Shift+Y). 4.1- Dê um duplo clique no texto, posicione o cursor antes da primeira letra, pressione a barra de espaço 5 vezes para que o texto fique corretamente alinhado com a circunferencia externa azul.
Faça outra circunferência, mas com 190px de largura por 90px de altura.
Escreva ESPORTE CLUBE com as letras maiúsculas e a fonte Arial Black tamanho 27.
Selecione o texto ESPORTE CLUBE e a circunferência.Pressione Ctrl+Shift+Y ou vá em Text -> Attach to Path. Ainda no menu Text, clique em Reverse DirectionFicando assim: 7.1- Com o auxilio da ferramenta Scale Tool (Q), vire o texto, de forma que fique alinhado com a circunferência azul e o texto CRUZEIRO.
Faça uma nova circunferência (U) de 143px de largura por 143px de altura.
Preencha com Gradiente Radial com as seguintes cores e da seguinte forma:
Posicione ao centro da circunferência maior de borda azul.
Desenhe mais uma circunferência de 220px de largura por 220px de altura.
Adicione contorno com valor 1, cor #B2B2B7 e mude o tipo de traçado para Pixel Soft.
Preencha com Gradiente Linear com as seguintes cores e da seguinte forma:
Em Live Filters- aplique Drop Shadow com as características abaixo:
Desenhe uma estrela (Star em shapes) de tamanho 23px de largura por 23px de altura.
Aplique a cor branca #FFFFFF de fundo. Em Live Filters, adicione Drop Shadow e Inner Bevel com as características abaixo:
Duplique (CTRL+Alt+D) a estrela mais 3 vezes.
Posicione as estrelas dentro da circunferência menor azul, de modo que fique como o cruzeiro do céu Resultado Final:

Considerações Finais

Pronto, espero que tenham gostado e principalmente entendido facilmente o tutorial.

Abraço a todos!

Autor: Fábio A. Marassatto – Colunista Fireworks do Portal MXSTUDIO

Qualquer dúvida envie um email para fmarassatto@gmail.com ou acesse o nosso fórum e visitem meu BLOG

Maratona de Símbolos de Clubes de Futebol – Parte 2 (Botafogo)

fabioMarassatto — Wed, 28 Feb 2007 00:00:00 +0000

Coluna Fireworks – Maratona de Símbolos de Clubes de Futebol – Parte 2 (Botafogo).

Introdução

Após algum tempo sem escrever,volto com meu segundo tutorial para fazer parte dessa maratona que vai fazer muito sucesso pela frente.
Nesse tutorial vamos fazer o escudo do Botafogo do Rio de Janeiro, depois, escudo do Grêmio, Paraná e Palmeiras. Após o término desses quatro times aceitarei sugestões.Vamos começar.

Pré-Requisitos

Macromedia Fireworks 8.
Conhecimento básico da ferramenta Pen Tool.

Objetivo

Criar a seguinte imagem:

Conteúdo

1- Selecione a ferramenta Rectangle Tool e desenhe um retângulo de 165px de largura por 130px de altura sem cor de preenchemento.

2- Desagrupe o retângulo ( CTRL+Sifht+ G) para que possamos adicionar alguns pontos. Em seguida selecione a Pen Tool (P) e adicione dois pontos no centro da parte superior e inferior. Agora na parte superior, adicione mais um ponto do lado esquerdo e outro do lado direito. Como na imagem abaixo:
Dica: Use as Linhas Guias.

3- Selecione a Subselection Tool (A), e eleve o ponto do meio da parte superior 15px.

4- Aplique, nos 3 pontos da parte superior, uma leve curva, utilizando a Pen Tool (P), de modo que fique como a imagem abaixo:

5- Delete os dois pontos da parte inferior, como mostra a seguinte imagem:

6- Insira mais dois pontos, com a feramenta Pen Tool (P) no meio das retas.

7- Antes de fazer as curvas, selecione o ponto da extremidade inferior, e afaste-o para baixo 35px.

8- Agora sim, afaste os pontos laterais para seus respectivos lados ( o da direita para a direita e o da esqueda para a esquerda) e aplique com a Pen Tool (P), uma curva de leve em cada lado. Altere a expessura do contorno para 3 e o tipo de contorno mude para Soft Runded.

Ficando assim:

9- O principal está feito. Agora duplique o objeto (Ctrl + Shift + D).

10- Altere o tamanho do novo objeto para 135px de comprimento e 150px altura. Alinhe com o objeto maior para ficar no meio.

11- Insira cor de Preenchemento para Grandiente Linear da seguinte forma:

12- Duplique a parte preta do escudo.

13- Retire o contorno.

14- Faça um preenchemento de Grandiente Radial Branco mas com transparência como mostra imagem abaixo:

15- Na caixa de ferramentas, selecione o Shape STAR

16- Faça uma estrela de 90px de comprimento por 90px de largura

17- Utilizando Live Filters, aplique Inner Shadow com as seguintes características, em seguida, posicione a estrela no centro do escudo preto.

18- Sua imagem deverá ficar como essa:

19- Duplique o escudo maior.

20- Redimensione-o com as seguintes medidas: 175px de comprimento por 190px de altura. Depois posicione-o atrás de tudo de modo que fique todo símbolo no meio do objeto.

21- Altere a expessura da borda para 1 com a cor #666666.

22- Insira um Preenchemento de Gradiente Linear nas seguintes características:

23- Selecione novamente o shape Stars para fazer as estrelas acima do símbolo.

24- Faça uma estrela de 29px de comprimento por 27px de altura.

25- Aplique a cor #FFCC00 de preenchemento e na borda, insira a cor #FFFF33 e defina a expessuara para 1.

26- Duplique 3 vezes.

27- posicione-as de modo que obtenha o seguinte resulatdo final:

Considerações Finais

Terminamos! Espero que gostem e esteja bem explicado.
Para quem já fez o símbolo do Atlético Mineiro com o tutorial do Tiago Peres, com certeza irá fazer esse com muita facilidade e vive-versa.
Abraços…

Autor: Fábio A. Marassatto – Colunista Fireworks do Portal MXSTUDIO

Qualquer dúvida envie um email para fmarassatto@gmail.com ou acesse o nosso fórum e visitem meu BLOG

Visual Grunge

fabioMarassatto — Mon, 20 Nov 2006 00:00:00 +0000

Visual Grunge .

Introdução

Aproveitando essa moda do estilo ‘largado’, muito usada em camisetas, bonés e até mesmo na apresentação da novela malhação.Vamos aprender a criar esse visual muito bacana que agrada a todos.
Esse é meu primeiro tutorial aqui no MX Studio, espero que gostem.

Pré-Requisitos

Fonte WC Rhesus A Bta
Fonte Base 02
Imagem de Fundo
Fireworks 8

Objetivo

Estimular a criatividade partindo de uma simples imagem de fundo e chegar no resulado abaixo:

Conteúdo

1º Crie um documento em branco de 500px width por 400px height

2º Exporte a imagem imgfundo.jpg ( Ctrl+R, ou File – Import).
Deixe de modo que pegue todo o canvas (Dica: W:490 H:695).

3º Selecione a Fonte WC Resus e escreva MX STUDIO,tamanho 65, obviamente não da para ler, posicione bem embaixo no rodapé.

4ºSelecione a fonte BASE 02, escreva MX, tamanho 96. Deixe o M preto ( #000000) e o X branco (#FFFFFF).
Com a ferramenta Scale Tool (Q), vire “MX” de modo que fique inclinado para cima e o X em cima do preto, e o M na parte branca.

5º Repita o quarto passo mas escreva STUDIO de branco (#FFFFFF), tamanho 96 e deixe a letra “O” na cor preta (#000000) e posicionado como a imagem abaixo:

Quase pronto, vamos enfeitar.

No painel Vector, selecione STAR, e desenhe uma estrela com as seguintes dimensões: 69px por 66px.Cor de Preenchemento: Branco.

7º Desenhe outra estrela, com as seguintes dimensões: 49px por 46px.Cor de Preenchemento: Preto. Alinhe no centro da estrela maior.

8ºEm shapes novamente, selecione Doughnut, desenhe vários pelo canvas,(você pode alterar a largura da borda arrastando o ponto amarelo da direita), alterando apenas os preenchementos, ora preto ora branco e enfeite a tela como sua imaginação mandar.

9º Faça o mesmo com as estrelas, agora quem manda é você!

10º Faça um quadrado do tamanho do canvas ( 500px por 400px).Na painel Layers, altere a trasnparência para 30%. Cor de preenchemento altere para #FF9999 (rosa).
Texture (textura), altere para Grid 7 , com 100%.
Você poderá alterar a cor como desejar, isso vai do seu gosto ok?

Considerações Finais

Nesse tutorial aprendemos a usar novas ferramentas do Fireworks 8, os novos shapes, que pouca gente teve a curiosidade de usar eu acho. Também vimos que efeito causa uma imagem sobreposta cor com certa quantidade de transparência. A idéia principal é usar a criatividade.

Autor: Fábio A. Marassatto – Colunista Fireworks do Portal MXSTUDIO

Dúvidas envie um e-mail para fmarassatto@gmail.com, ou acesse o nosso fórum e visitem meu BLOG

Até a próxima….