Tutorial Como fazer um notebook no fireworks

O notebook será assim.

Crie um documento de 400 x 400 px ou menor si  preferir.

1. Crie um retângulo de 268 x 87 px com preenchimento linear nas cores abaixo.

Ficará assim.

2. selecione esse retângulo e com a ferramenta ?Distort tool (Q)? destoça o para fica como a imagem abaixo:


3. Coloque um efeito Bevel and Emboss >?Inner Bevel?

Resultado será esse da imagem abaixo:

4.Crie outro retângulo 268 x 87 px na cor #000000 (preto) e coloque o ?filters? ?Shandow and glow > solid shandow? .

5. Faça cinco linhas com as seguintes configuração:

Coloque de acordo a imagem Feita do notebook.
 
6. Crie um retângulo de 29 x 4 px na cor preta #000000 também de acordo com a imagem feita do notebook.

7. Agora use a ferramenta ?pen tool? na cor #E9E9E9 faça um desenho igual a que eu fiz abaixo.

A imagem feita.

Duplique essa imagem para fica assim com a cor preta #000000.

8. Faça mais outro retângulo de 37 x 9 px na cor abaixo:

9. Neste mesmo retângulo faça duais linhas de 5 x 1 px na cor branca #FFFFFF e também perto dessas linhas faça três linhas de 3 x 1 px na mesma cor da linha maior.

10. Nessa mesma etapa coloque uma linha na cor preta #000000 no meio como você está vendo.

11. Agora estamos entrando na parte mais dificio deste notebook, que é fazer o teclado o meu ficou muito bom eu acho, se vocês teverem uma boa criatividade ficará melhor.
Antes de fazer as teclas construa um retângulo de 204 x 36 px na cor #999999 e duplique e coloque o tamanho de 215 x 40 px na cor #FFFFFF vá no ?filters? Bevel and Emboss > Inset Emboss coloque ?duais? vezes, veja abaixo .

Resultados.

Veja como se fazer as tecla.
Faça um retângulo de 7 x 13 px ou com fica melhor, aplique um ?filters? Shandow and Glow > Solid Shandow ?três? vezes ficará assim:

O resultado será esse.


Acrescente as letras em cada tecla
Essa parte esta feita veja como ficou.

12. Faça um retângulo de 12 x 7 px com preenchimento linear nas cores:

Coloque o quadrado do preenchimento linear para cima.

Veja a imagem.

Depois duplique o retângulo de acordo a imagem acima.
13. Agora usem a ferramenta ?Pen tool? para desenha a tela, observe como ficou.

Depois de desenhado coloque a cor e ?filters? Bevel and Emboss > Inner Bevel observe.

14. Construa um retângulo de 209 x 110 px na cor preta e com o ?filters? Bevel and Enboss > Inset Enboss ?duas? vezes.

15. Construa outro retângulo com as seguintes configurações.

Como ficou.

16. Com a ferramenta elipse tool (U) faça um circulo duplique de 6 x 6 px aplique o preenchimento linear e duplique o circulo:

De uma olhada no notebook já feito no passo à frente para da função aos círculos.
 
17. Crie um circulo de 9 x 7 px e coloque a cor branca #FFFFFF em cima desse circulo criado faça outro de 5 x 5 px na cor preta #000000, Vejam.

Nosso notebook já esta pronto espero que vocês estejam gostados, se teve alguma coisa errada não ligue esse e o meu primeiro tutorial. Valeu!

1 comentário a "Tutorial Como fazer um notebook no fireworks"

  1. Thalitagatinha | às | Responder

    Legal! Mas eu queria um desenho em cima do notebook.

Comentar

O seu endereço de email não será publicado.


*