Como Criar uma Árvore de Natal Estilizada

Como Criar uma Árvore de Natal Estilizada

 Como Criar uma Árvore de Natal Estilizada

Olá, Fireworkseiros de plantão!

Neste tutorial, mostrarei Como Criar uma Árvore de Natal utilizando o Adobe Fireworks.

Pré-Requisitos

  • Facilidade quanto ao manuseio do Adobe Fireworks CS3 / CS4 / CS5 / CS6

Objetivo

Criar uma Árvore de Natal utilizando o Adobe Fireworks CS6.

Conteúdo

1º Passo – Definir as Configurações do Documento

Pensando em criar uma árvore de Natal para colocá-la como papel de parede, vamos criar um documento com as dimensões: 1280 x 1024 pixel (pode ser um pouco maior ou menor; escolha qual se adequa melhor à resolução do seu monitor).

Fig. 01: Criação de um novo documento no Fireworks

Fig. 01: Criação de um novo documento no Fireworks

2º Passo – Criando um Background para a Árvore de Natal

Criemos um retângulo (U) com as mesmas dimensões do documento, 1280 x 1024 pixel. E configuremos no painel de propriedades (Properties), da seguinte forma:

Fig. 02: Criação retângulo

Fig. 02: Criação retângulo

Em seguida, apliquemos efeito gradienta radial, acessado também no painel de propriedades (Gradient Fill):

Fig. 03: Efeito gradient fill

Fig. 03: Efeito gradient fill

Alteremos as cores para dar um “ar” de Natal clássico com as cores preto e dourado (#51310D):

Fig. 04: Aplicação de cor radial ao background

Fig. 04: Aplicação de cor radial ao background

Agora, clicando e segurando sobre o centro do efeito gradiente, desloquemos um pouco para cima, como aproximado na imagem a seguir:

Fig. 05: Posicioinamento do efeito gradiente radial

Fig. 05: Posicioinamento do efeito gradiente radial

Para finalizarmos, apliquemos o filtro Noise (ruído):

Fig. 06: Aplicação do filtro de ruído - Noise

Fig. 06: Aplicação do filtro de ruído – Noise

E, como resultado do nosso background, teremos algo similar à imagem abaixo:

Fig. 07: Resultado final - background

Fig. 07: Resultado final – background

3º Passo – Criando os Galhos da Árvore com Pen Tool

Neste passo, será exigido um pouco de habilidade com a ferramenta Pen Tool (p). Caso ainda “apanhe” no manuseio desta indispensável ferramenta de design e criação de formas, recomendo o tutorial Photoshop’s Pen Tool: The Comprehensive Guide.

Conhecida e aprimorada a técnica, sigamos as instruções a seguir:

Fig. 08: Criação da árvore de Natal com Pen Tool

Fig. 08: Criação da árvore de Natal com Pen Tool

Com a forma definida, basta darmos preenchimento na cor branca:

Fig. 09: Curva da árvore de Natal com pen tool

Fig. 09: Curva da árvore de Natal com pen tool

O próximo passo é criarmos diversas cópias e irmos montando a árvore para chegar aproximadamente ao resultado a abaixo:

 

Fig. 10: Montagem dos galhos da árvore de natal estilizada

Fig. 10: Montagem dos galhos da árvore de natal estilizada

4º Passo: Criando a Estrela da Árvore de Natal Estilizada

Outra ferramenta bacana e às vezes, esquecida, é a star (estrela):

Fig.: 11 - Ferramenta Star

Fig.: 11 – Ferramenta Star

E, manipulando as alças auxiliares (em amarelo) deixemos a estrela com a seguinte forma:

Fig. 12: Criação da estrela da árvore de Natal estilizada

Fig. 12: Criação da estrela da árvore de Natal estilizada

5º Passo: Ajustes na Estrela e nos Galhos da Árvore de Natal Estilizada

A parte mais difícil foi realizada anteriormente. De agora em diante, basta “brincarmos” com filtros, texturas, efeitos nativos do Adobe Fireworks.

E, para começar, selecionemos todos os galhos da árvore de Natal e apliquemos uma borda de espessura 10 na cor  #85B200. Em seguida, em Strock Category, escolheremos um tipo de borda para os galhos, neste caso, Oil > Broad Splatter. Vejamos o resultado:

Fig. 13: Bordas dos galhos da árvore de Natal estilizada

Fig. 13: Bordas dos galhos da árvore de Natal estilizada

Para a estrela, utilizemos o filtro Photoshop Live Effects de acordo com as especificações da imagem abaixo:

Fig. 14: Aplicação do filtro Photoshop Live Effects

Fig. 14: Aplicação do filtro Photoshop Live Effects

6º Passo: Ajustes Finais da Árvore de Natal Estilizada

Vamos inserir mais algumas estrelas, aplicando o filtro Blur > Gaussian Blur > Blur radius 2:

Fig. 15: Estrela com filtro Gaussian Blur

Fig. 15: Estrela com filtro Gaussian Blur

Fig. 16: Resultado parcial da árvore de Natal

Fig. 16: Resultado parcial da árvore de Natal

E, para finalizarmos com chave de ouro ^^, utilizemos a fonte Candy Cane e a configuremos como na imagem a seguir:

Fig. 17: Fonte Feliz Natal estilizada

Fig. 17: Fonte Feliz Natal estilizada

E, eis o resultado:

Fig. 18: Resultado da árvore de Natal estilizada

Fig. 18: Resultado da árvore de Natal estilizada

Download do Arquivo-Fonte

[wpdm_file id=32 title=”true” desc=”true” ]

Até a próxima.

CarlosHPS Webdesigner 8)

Webtutoriais:4AA252AC


Posts Relacionados
Deixe uma resposta
Captcha Clique para atualizar o código