Criando uma Paisagem no Fireworks

[AdeptDesign 0]

Tuto para iniciantes. Bem fácil.

Eu sou um fã do Fireworks, então estou trazendo esse tutorial para aqueles que querem aprender a usa-lo!

Vamos Trabalhar um pouco com gradiente?!

Feito em Fireworks MX 2004

Passo 01. Crie um novo documento com tamanho de 400 x 300, para isso clique emfile>new, definindo o tamanho a resolução deixa como padrão mesmo, 72.

 

 

Passo 02. Agora vamos criar um retangulo usando a ferramenta Rectangle tool, faça um retangulo com tamanho de 400 x 150 e coloque no topo do seu documento.

 

 

Passo 03. Agora iremos aplicar nosso degradê no retangulo usando a ferramenta, essa ferramenta se encontra no mesmo lugar da Paint Bucket tool ( ferramenta balde ), clique sobre ela e segure até que apareça a segunda ferramenta, Gradient Tool.

 

 

Passo 04. Com a ferramenta Gradient Tool selecionada, clique sobre o retangulo que você fez, com isso a imagem irá pegar o gradiente que está pradrão no momento.

 

 

Passo 05. Nesse passo iremos editar o gradiente, para isso na barra de propriedades clique 2 x no quadrado ao lado da palavra linear, onde linear é o tipo de degrade que iremos usar.

A imagem abaixo mostra com detalhes.

 

 

Passo 06. Após aplicamos o gradiente na imagem ela ficará como a imagem abaixo, agora você deve clicar sobre a bolinha que está com um circulo em vermelho e arrastar com a ferramenta seleção ( seta preta ) e com o quadrado faça o mesmo.

 

 

Passo 07a. Depois de termos arrastado o circulo e o quadrinho da reta preta que define o sentido do seu gradiente, a imagem deverá ficar como a imagem abaixo.

 

 

 

 

Passo 07b. Com seu gradiente aplicado na imagem como mostrado na imagem acima, selecione o retangulo e faça uma copia dele, selecione de um Crtl + C e Crtl + V, nessa copia iremos espelhar essa copia, para isso use a ferramenta Flip Vertical como a imagem abaixo mostra, a opção é a última, da esquerda pra direita.

 

 

PS: Caso você não esteja vendo essa opção, clique na parte superior em Window > Toolbars > e marque modify. Depois de espelharmos e com nosso gradiente ficaremos com a imagem idem a abaixo, repare que eu editei o gradiente de baixo e coloquei algo mais escuro. Para você editar o selecione o retangulo de baixo e na barra de propriedades tem um quadrado ao lado da palavra linear, caso não se lembre, veja a imagem do passo 05.

 

 

Passo 08. Agora iremos criar um retandulo preto sem o gradiente, fala um retangulo como mostra abaixo, se tiver aparecendo o gradiente, na imagem do passo 05 mostra a palavra linear, clique sobre ela e marque solid, faça isso com seu novo retangulo e caso não esteja com a cor preta, na barra de ferramentas, no final rem um balde com um quadrado ao lado, clique sobre esse quadrado e selecione o preto.

 

 

Passo 09. Repare que no retangulo existe uns quadradinhos muito pequenos na quina de cada lado do retangulo, com a seta branca clique sobre um desses quadradinhos, após isso clique na ferramenta Pen tool que fica na barra de ferramentas na parte de vetores, com essa ferramenta lique em varios pontos sobre a linha azul que contorna o retangulo, porem você deve criar esses pontos na parte superior. Passo 10. Depois de ter criado os pontos, clique na seta branca da barra de ferramentas e clique sobre cara ponto criado e vai arrastando de modo a ter uma imagem semelhante a abaixo.

 

 

Passo 11. Depois de ter criado sua imagem preta como mostra na imagem acima, copie essa imagem e faça um espelhamento como você fez no passo 07.

Passo 12. Nessa copia, clique na ferramenta seta branca e tente deixar mais suave onde tem as áreas mais pontudas, pois como essa parte será a sobra da montanha, deve ser uma coisa mais leve. Quando terminar essa parte, daremos uma transparência a essa imagem, para fazer isso, com a imagem selecionada irá ativar na barra de propriedades essa opção, eu coloquei como 20%, a imagem abaixo mostra onde configurar essa opção.

 

 

Após esse passo teremos algo como a imagem abaixo, caso você fez todos os passos corretamente.

Passo 13. Seguindo os conhecimentos até o momento, crie retandulos pretos nos dois cantos da imagem ma parte inferior, você deve ir trabalhando as imagens até chegar em algo como mostra a imagem abaixo.

PS: Detalhe que o barco também foi feito através de um simples retangulo, e usando as ferramentas subselection tool ( seta branca ) e usando a ferramenta Pen tool.

 

 

Passo 14. Agora iremos fazer os coqueiros, para isso faça os mesmos passos que usou para fazer o barco e as montanhas e teremos algo como mostra abaixo.

Passo 15. Agora iremos fazer um sol, com a ferramenta ellipse toll faça um circulo e aplique um gradiente, porem agora com opção radial, como mostra a imagem abaixo. O processo é o mesmo da linear, só que agora vamos selecionar o radial.

 

Para colocar atrás da montanha usamos as opções que mostra na imagem abaixo, vai clicando na ferramenta que está marcada abaixo até que ela ir parar atrás da montanha.

Passo 16. Depois de o sol concluido, iremos fazer o reflexo do sol na água, você pode fazer isso copiando o sol e modificando sua forma de acordo a encaixar na sombra da montanha, e aplicaremos nessa sombra uma transparência um pouco maior, a imagem abaixo mostra que coloquei 17%, você escolhe o que achar melhor.

Resultado: Agora esse é nosso resultado final.

 

Nota: Todos os Direitos reservados ao autor Carlos Silva Jr. Thx!

 

 

Espero que Gostei...

Trarei mto tutoriais de Fw para a Otnet ( não só voltados a Signs e avatares )

[Gorgulf 0]

@AdeptDesign

Parabens, você vem desenvolvendo varios tutoriais bons na part de fireworks, parabens novamente

[Geladinhos&cia 0]

VEIH ficou muito dahora! vlw mesmo ^^

MTO rox.. dificil de fazer mais fika dahoraum! vou postar a imagem ake >] pra vc da uma olhada... nao ficou que nem o seu... mais ficou legalzin >]:yes:

[AdeptDesign 0]

Parabéns ficou bem boa a sua imagem geladinhoo xDD

[plomentes 0]

Não foi você que fez o tutorial.

foi o Carlos Silva Jr

veja:

tutorial igualzinho ao dele.

http://maujor.com/fw/paisagemfw.php

[AdeptDesign 0]

Caro amigo, se você não teve a capacidade de ler todo o tutorial, então tu não tem moral pra falar nadaa..

 

pois o créditoo está no final do Post, e sempre esteve..

 

e eu não falei nada ali sobre ser de minha autoriaa

 

 

att.

[ADMShynzoxD 0]

caralho mlk boa gostei

[Blakk 26]

Parabens cara o tuto ta patrão!

Vo tenta aki!

[Perry Smith 0]

MEDALHA DE OURO. Uns dos melhores tutoriais!