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.

Tutorial de Fireworks: Desenho Vetorial Básico

O objetivo deste Tutorial de Fireworks é ensinar a usar algumas ferramentas básicas de desenho vetorial do Fireworks para editar a fachada de um prédio imaginário e posteriormente usar esta textura para produzir um prédio tridimensional ( como se fosse em um jogo por exemplo ).

Produzindo a Base da Fachada

A primeira etapa deste tutorial é desenhar a base da fachada. Para desenhar, utilize a ferramenta Rectangle Tool ( ferramenta vetorial para desenhar retângulos e quadrados ).

A base desta fachada será composta por alguns retângulos. Basicamente são 9 retângulos construidos da seguinte maneira:

Estes retângulos foram numerados para facilitar a identificação dos mesmos durante o tutorial de fireworks. Agora que os retângulos estão prontos, podemos passar para o próximo passo que é realizar a pintura dos mesmos.

Para dar um bom efeito de concreto e também de vidro para as janelas, pinte os retângulos 1,3 e 5 da cor #A7A7A6, os retângulos 2 e 4 da cor #999B98, o retângulo principal da parede da cor #CCCCCC e as janelas com as cores #373947 e #263E54. Como resultado dessa etapa, você deve obter:

Tutorial de Fireworks Prédio 3D: Aplicando Efeitos Visuais

Agora que a fachada está devidamente pintada, a próxima etapa do nosso tutorial de fireworks é aplicar alguns efeitos para dar um maior realismo. Para conseguir esse resultado, tire as bordas pretas dos retângulos e coloque uma borda da cor #59595C somente na janela. Após modificar a pintura desta maneira use o filtro Noise ( filtro de ruído, fica na sessão filters ) na sua figura, ajustando o nível para 2 ( pouco ruído ).

Após adicionar o efeito de ruído, selecione somente o retângulo principal da fachada e aplique nele um filtro de Inner Shadow configurando o efeito da seguinte maneira:

Agora que todos os efeitos foram aplicados,  a proxima etapa do nosso tutorial de fireworks é construir o andar completo, para isso, copie e cole 4x as janelas que você produziu lado a lado, você vai obter o seguinte efeito:

Tutorial de Fireworks Prédio 3D: Finalizando a Fachada

Agora que temos um andar completo, podemos passar para a etapa final deste tutorial de fireworks que é finalizar a fachada do nosso futuro prédio.

Já que temos um andar, podemos fazer um prédio com quantos andares quisermos, mas para facilitar, vamos fazer um edificio mais baixo com 7 andares.

Em relação a entrada do nosso prédio, ela pode ser feita de diversas maneiras, no nosso caso, para simplificar o nosso tutorial de fireworks optamos por um modelo simples, usamos uma versão modificada do que já temos, as portas de vidro sendo feitas a partir das janelas mesmo. Como resultado da nossa edição final tivemos a seguinte fachada:

Por enquanto é isso, no próximo tutorial de Fireworks desta série, vamos mostrar como transformar esta textura de fachada em um verdadeiro prédio 3D. Até a próxima !

Não há comentários ainda.

 

Tutoriais de Fireworks

O Adobe Fireworks é um programa de edição gráfica perfeito para profissionais de internet, na criação de layouts e edição básica de imagens.

Tutoriais de PHP

O PHP é uma linguagem de programação livre e gratuita utilizada por webmasters do mundo todo devido a sua qualidade e simplicidade de uso.

Tutoriais de Photoshop

O Photoshop é o programa de edição de imagens mais popular do mundo, pode-se fazer praticamente qualquer coisa com uma foto.

Tutoriais de Flash

O Flash é um programa ideal para artistas profissionais e amadores fazer todo tipo de animação. Rico em recursos e simples de programar.

Tutoriais de Corel Draw

O Corel Draw é um programa para desenho 2D muito utilizado para todo tipo de arte e ilustração: capas de livros, banners, cartazes, etc... .