A Enciclopedia do SEO e Tutoriais Web

Tutorial de Fireworks: Desenhando um Prédio 3D - Parte 2

Nesta segunda parte do nosso tutorial de fireworks, aprenda a usar a distort tool para criar efeitos tridimensionais básicos.

Tutoriais de Fireworks

Tutorial de Fireworks: Finalizando a Fachada do Prédio

Tutorial de Fireworks: Desenhando um Prédio 3D

Na primeira parte deste Tutorial de Fireworks ensinamos como desenhar a fachada principal do nosso prédio, utilizando algumas ferramentas de desenho vetorial.

Caso tenham alguma duvida, ou queiram relembrar bastar dar uma olhada na parte 1 do nosso tutorial: Tutorial de Fireworks: Desenhando a Fachada do Prédio.

Agora que temos a fachada principal, nosso próximo passo nesse tutorial de fireworks é desenhar a fachada lateral. Para produzi-la, nossa sugestão, para facilitar é usar os próprios elementos da fachada principal, só que sem as janelas, da seguinte maneira:

A Ferramenta Distort e a Produção de Objetos 3D no Fireworks

A ferramenta distort ( Distort Tool ) é uma ferramenta do Fireworks bem útil para produzir efeitos de perspectiva e 3 dimensões, no caso deste tutorial de fireworks será mais um efeito isométrico ( efeito tridimensional mais básico, sem a perspectiva ).

Antes de poder trabalhar com a nossa fachada do prédio com a ferramenta distort, nossa dica é transforma-la em um símbolo ( Symbol ), isso vai facilitar bastante o nosso tutorial de fireworks, pois transformando a figura em um simbolo ao invés de ter que trabalhar com todos os polígonos a figura toda da fachada será encarada como uma figura única.

Para transformar a figura da fachada em um simbolo basta seleciona-la inteira, clicar com o botão direito e depois clicar na opção Convert to Symbol, fazendo da seguinte maneira:

Convertendo a nossa figura vetorizada para um símbolo

Agora que temos a fachada pronta, para produzir a lateral do prédio, basta copiar e colar a figura do andar da lateral e produzir uma torre da mesma altura. Como resultado final das nossas fachadas vamos ter:

Fachadas para o nosso prédio concluídas

O próximo passo do nosso tutorial de fireworks agora é realizar a transformação 3D em sí.

Usando a Ferramenta Distort para o Efeito Tridimensional

Para obter o efeito tridimensional do nosso tutorial de fireworks, selecione a sua fachada, e clique na ferramenta Distort Tool, assim que você clicar, edite os novos ângulos usando o mouse, faça em duas etapas como mostrado na figura abaixo:

Tutorial de Fireworks: Editando a figura com a ferramenta distort

Use o mesmo princípio para editar a textura da lateral do prédio, só que do lado oposto, como resultado final você deve obter:

Resultado final da nossa edição

Agora já está quase pronto ! A última etapa do nosso tutorial de fireworks agora é desenhar o topo/lage do prédio. Para isso, utilize a ferramenta Caneta ( Pen Tool ), construindo um polígono que complete o teto da seguinte maneira:

Tutorial de Fireworks: Aplicando a Pen Tool para desenhar o topo do prédio

Como resultado final dos trabalhos, temos pronto o nosso prédio 3D:

Tutorial de Fireworks - Prédio 3D: Resultado Final dos Trabalhos

Por enquanto é isso, qualquer dúvida só comentar, até o próximo !

Artigos do Tema: Fireworks

Vetorização do Logo do Rio 2016 no Fireworks

Aprenda neste tutorial de Fireworks como vetorizar o logotipo das olimpíadas do Rio 2016, usando as ferramentas de desenho vetorial básico do Fireworks.

Tutorial de Fireworks: Desenhando um Prédio 3D - Parte 1

Nesta primeira parte do nosso tutorial de fireworks vamos ensinar a usar algumas ferramentas de desenho vetorial do Fireworks para produzir as texturas da fachada do prédio.