Como fazer um notebook no fireworks

COMO VAI FICAR


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.
[img]http://www.tutorzone.com.br/tutorial/fireworks/criar-notebook-41.jpg[/img

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!