A Enciclopedia do SEO e Tutoriais Web
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 !
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 2
Nesta segunda parte do nosso tutorial de fireworks, aprenda a usar a distort tool para criar efeitos tridimensionais básicos.
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 2
Nesta segunda parte do nosso tutorial de fireworks, aprenda a usar a distort tool para criar efeitos tridimensionais básicos.
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.
Animação do Planeta Terra Girando em Flash: Aprenda a Fazer
Aprenda a fazer uma animação super legal do planeta terra girando no nosso tutorial de Flash. Tutorial básico para quem está aprendendo animações em Flash.
