Criando Notebook no Fireworks
Neste tutorial para fireworks você vai aprender a fazer um notebook com aparência 3d, usando ferramentas rápidas com gradiente...
E ai galera? Eu vou ensinar como construir um notebook, prontos para desenvolver, então vamos ou trabalho.
O notebook será assim.
1º Crie um documento de 400 x 400 px ou menor si preferir.
2º Crie um retângulo de 268 x 87 px com preenchimento linear nas cores abaixo.
Ficará assim.
3º selecione esse retângulo e com a ferramenta “Distort tool (Q)” destoça o para fica como a imagem abaixo:
4º Coloque um efeito Bevel and Emboss >“Inner Bevel” .
Resultado será esse da imagem abaixo:
5º Crie outro retângulo 268 x 87 px na cor #000000 (preto) e coloque o “filters” “Shandow and glow > solid shandow” .
Logo após o resultado...
6º Faça cinco linhas com as seguintes configuração:
Coloque de acordo a imagem Feita do notebook.
7º Crie um retângulo de 29 x 4 px na cor preta #000000 também de acordo com a imagem feita do notebook.
8º 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.
9º Faça mais outro retângulo de 37 x 9 px na cor abaixo:
10º 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.
11º Nessa mesma etapa coloque uma linha na cor preta #000000 no meio como você está vendo.
12º 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.
13º 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.
14º 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.
15º Construa um retângulo de 209 x 110 px na cor preta e com o “filters” Bevel and Enboss > Inset Enboss “duas” vezes.
16º Construa outro retângulo com as seguintes configurações.
Como ficou.
17º 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.
18º 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!
