Como fazer um notebook no fireworks

    Compartilhe
    avatar
    [Admin] Win32
    [Admin]
    [Admin]

    Masculino Mensagens : 175

    Como fazer um notebook no fireworks

    Mensagem  [Admin] Win32 em Sab Jan 22, 2011 11:06 am

    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!


      Data/hora atual: Sex Nov 16, 2018 11:21 am