Criar Template #Fireworks Cs6

Como Criar o Template todo no Fireworks Cs6

Olá miguxas (os)
Muitas pessoas gostam de usar templates prontos, mas há aqueles que preferem criar um com o seu jeito, as suas imagens, os seus créditos... Então por este motivo, vou ensinar nesta postagem como cria-lo fireworks... (Nesta postagem apenas como criar.

Para começar baixe o Fireworks Cs6 Aqui

Baixou e Instalou?
Vamos começar?


  1. Abra o Fireworks 


2.  Vá em Criar Novo Documento do Fireworks (PNG)
3.  Coloque a Largura de 1350px e Altura de 1600px
4.  Clique na ferramenta *Retângulo* e cubra todo o documento. Assim:
5.  Escolha a cor que quiser... Eu escolhi a Branca. Ainda com a mesma ferramenta crie um retangulo com o tamanho de 1197px por 352px. ( Coloque uma cor diferente para saber onde colocar as imagens) Depois se quiser pode tirar. 
Exemplo:
6.  Agora comece a colocar as imagens no seu cabeçalho. Veja!

7.  Agora, coloque o nome que deseja. Ex: O nome do seu blog! No meu vou usar novamente a ferramenta retângulo e colocar acima das imagens, colocando então o nome do meu template. Ficando assim:
8.  Seu cabeçalho está pronto, vamos agora fazer o menu! Com a ferramenta ARREDONDADO você cria na largura do cabeçalho e altura de 46px. Com um retângulo de cor mais clara do que a forma arredondada você coloca uma largura de 120px por 46px... que será o efeito hover! Ficando assim:
9.  Vamos criar a área de postagens, colocando um retângulo com o tamanho de 542px por 581px. Com a cor que quiser, e se preferir pode criar um header para esta esta área, colocando um novo retângulo com cor mais escura e se quiser uma imagem com opacidade. Ficando por exemplo assim:

10.  Agora a sidebar, o retângulo novamente, com o tamanho de 259px por 354px.... Fazendo igual a área das postagens. Assim:

E agora quase acabando faça o rodapé ou footer. 
Igual ao tamanho do cabeçalho, Ficando assim:

Agora por ultimo tire aquele fundinho cinza... do cabeçalho e do rodapé
Ficando assim:
E pronto, seu template no fireworks está pronto!
Por final fica assim:

Bye *

Compartilhe : :

2 comentários:

  1. muito obrigada pela ajuda vc me ajudou muito ainda estou mudando muitas coisas no meu blog mais da uma passadinha lá.

    ResponderExcluir
    Respostas
    1. De nada flooor ><
      gostei muito de ter ajudado... de verdade rs :D
      deixa o link do seu blog pra eu ver

      Beijao :*

      Excluir

Seja Bem Vinda (o)
*Não xingue
*Caso não tenha gostado não deixe comentário maldoso
*Fique a vontade e escreva o quanto quiser
*deixe o link do seu blog, ficarei feliz em visitá-lo
*Obrigada!!*