MP3 Player do tipo ipod em 3D

Transcrição

1 Página 1 de 9 MP3 Player do tipo ipod em 3D Meu objetivo é mostrar o uso básico de algumas ferramentas do Fireworks e demonstrar que é possível criar um desenho no fireworks bem interessante de modo bem simples. Nesse tutorial vou ensinar como desenhar um MP3 Player do tipo ipod em 3D. A primeira coisa a ser feita é o painel do nosso Player. Painel do MP3 Player Para desenhá-lo inicie usando a ferramenta Doughnut do Fireworks e faça uma rosquinha de 260 por 260.

2 Página 2 de 9 O ideal é que a nossa doughnut fique bem fina para isso ajuste o circulo central: Agora que o painel foi desenhado, é hora de pintá-lo. Para obter um bom efeito 3D, clique no combo box de preenchimentos do Fireworks e escolha o tipo Gradient -> Radial. Após escolher o preenchimento Gradient->Radial selecione as cores que você vai usar na pintura, no nosso caso as cores Cinza #CCCCCC e branca #FFFFFF. Como resultado você deve obter:

3 Página 3 de 9 Botão de Play do MP3 Player Agora que o painel está desenhado, é hora de fazer o botão de play que fica no meio do painel. Para desenhá-lo basicamente usaremos a mesma idéia do painel. Só que dessa vez usaremos a ferramenta Elipse do Fireworks. O botão será feito por um circulo de 180 por 180. E ficará posicionado bem no meio do painel. Para o preenchimento utilize o mesmo que foi utilizado no painel. Símbolos nos Botões O próximo passo agora é desenhar os símbolos dos botões. Para desenhá-los basta usar a ferramenta as Pen (caneta) e Rectangle do Fireworks. Para o botão play desenhe um triangulo com a Pen: Agora complete inserindo o botão Pause, desenhando 2 retângulos com a ferramenta Rectangle:

4 Página 4 de 9 Os botões que passam e voltam a musica podem ser feitos aproveitando o botão play que já fizemos, basta usar algumas técnicas simples de manipulação. Primeiramente copie e cole o botão play 2 vezes um na frente do outro e selecione os 2 juntos: Manipule agora esta figura diminuindo o tamanho a metade, nesse exemplo passamos de para Temos agora o botão que vai uma musica pra frente, para desenhar o botão que vai uma musica pra trás, basta pegar o desenho obtido e girar pra trás usando a ferramenta do Fireworks Transform- >Flip Horizontal, ela aparece no menu clicando com o botão direito na figura: Agora pra finalizar os botões faltam os botões que sobem e abaixam o volume. Mais uma vez usando o Rectangle fica fácil desenhar, basta fazer os símbolos de + e -. Como resultado final temos o conjunto de símbolos: Unido com o primeiro desenho que fizemos temos:

5 Página 5 de 9 O painel do MP3 player agora está completo!! A próxima parte será o corpo. Mas sobre isso falarei no próximo artigo. Espero que tenham entendido e gostado desse meu tutorial de desenho no Fireworks pois esse é o objetivo, obrigado a todos. Corpo do MP3 Player Para desenhar a frente do corpo do MP3 Player use a ferramenta Rectangle e faça uma caixa de 150 por 225: Uma vez desenhado esse retângulo, para preenchê-lo use o preenchimento Gradient->Bars do Fireworks, nesse preenchimento utilize as cores preta # e branca #FFFFFF.

6 Página 6 de 9 O resultado deve ser esse: Mas esse não o resultado final desejado do preenchimento, o próximo passo é clicar nesse retângulo com a ferramenta Pointer Tool do e editar o preenchimento da seguinte maneira:

7 Página 7 de 9 O resultado final agora será: Lateral do MP3 Player Já que o nosso desenho nesse tutorial de Fireworks será tridimensional, agora teremos de desenhar o lado do nosso player. Para isso basta desenhar com a ferramenta Elipse uma pequena bola de 30 x 30 ao lado do corpo do MP3, uma vez desenhada à bola, use a ferramenta Knife do Fireworks e corte esta bola ao meio, separando-a ficando uma metade do lado de cada extremidade do corpo do player: Uma vez feito isso agora basta unir as 2 metades de circulo usando a pen. Tendo desenhado o lado do corpo do Player já podemos usar essas peças pra montar uma caixa 3D. Basta copiar e colar o lado do Player como na figura abaixo:

8 Página 8 de 9 Selecione as figuras marcadas em vermelho e aplique nelas a opção Modify- >Combine Parts->Union do menu principal do Fireworks, obteremos então a nossa caixa 3D do corpo do MP3 Player. Finalizando o Trabalho Agora que o painel e o corpo do MP3 Player estão prontos basta uni-los e aplicar alguns efeitos para realçar o tridimensional. Como você deve ter notado, o painel do MP3 desenhado no primeiro tutorial está numa proporção maior que o corpo, eu acho interessante fazer os desenhos maiores e depois diminuir se for preciso, porque assim fica mais fácil fazer os pequenos detalhes. Então para unir o painel ao corpo a primeira coisa é diminuir a proporção do painel, faça isso diminuindo a metade os atributos de tamanho do painel: Agora que estão proporcionais podemos unir os nossos dois desenhos:

9 Página 9 de 9 Pronto!! O player está pronto, mas podemos ir um pouco mais longe e criar um efeito tridimensional melhor, para isso basta selecionar o desenho inteiro, e aplicar a ferramenta Transform->Distort do Fireworks. Para acessar o menu com a ferramenta basta clicar no desenho selecionado com o botão direto do mouse. Agora jogando um efeito de sombra no nosso desenho, ele está pronto!! Resultado final: