Montando o Fundo

A montagem de um template se inicia com a idéia que você tem, do que pretende fazer. Que tipo de template deseja ter? Um template fofo, cute? Um template com uma imagem exótica? Um template com a sua foto?

Escolha então a imagem que você deseja trabalhar. Esta imagem você pode encontrar na Internet, scannear de livros ou revistas, fotografar em uma máquina digital.

1. Abra no Fireworks um arquivo novo com as seguintes medidas: 768 x 600. Você já pode escolher a cor da tela em Personalizar ou esperar para escolher mais tarde. Trabalhar com tela branca pode dificultar na hora de enxergar. Prefira, então, trabalhar com tela Transparente ou já com a cor que você deseja.

Trabalhe SEMPRE com cores que fazem parte da figura que você estará utilizando ou que combinem entre si.

2. Vá em Arquivo e escolha , dentro do seu computador, a foto que você deseja trabalhar. Abra-a. Este Tutorial irá trabalhar com esta foto do Ursinho Pooh. Selecione a foto clicando sobre ela ate que apareça uma linha azul. Vá em EDITAR --> COPIAR (ou utilize os atalhos Ctrl + C e depois Ctrl + V). Cole a foto/fundo no arquivo novo que você abriu.

3. Redimensione a imagem de fundo clicando na Ferramenta Dimensionar (atalho = Q).

Escolha a opção Personalizar. Clique na cor que estiver a mostra e espere aparecer a tabela de cores. Automaticamente aparecerá a ferramenta Conta-Gotas. Esta ferramenta, também encontrada na Barra de Ferramentas, serve para selecionar qualquer cor da imagem que você está trabalhando. Coloque o Conta-gotas sobre a cor da imagem utilizada no fundo para que esta cor seja selecionada. Em seguida clique em OK. A cor da tela mudará para a cor que você selecionou.

Você também poderá inserir o código da cor na caixinha de cores. Todo código de cor se inicia com o símbolo "#", como você pode ver na foto.

4. Na Barra de Ferramentas, escolha, na opção VETOR, a figura geométrica que você deseja utilizar para desenhar o local onde ficará o post e o perfil. Aqui foi escolhida a ferramenta Retângulo Arredondado. Escolha as cores de linha e de fundo da imagem que você irá desenhar. Observe a figura.

Arrastando o mouse, desenhe o espaço conforme a figura abaixo. Observe que a parte de baixo da figura geométrica ficou fora da tela. Isso é proposital. Faça o mesmo , do outro lado, onde ficará o Perfil, só que com uma largura menor.

5. Na Barra de Ferramentas, escolha a Ferramenta TEXTO (atalho = T). Clique sobre o fundo e, após escolher uma Fonte e o tamanho da fonte, escreva o título do seu blog e outras coisas que você desejar, como "Post" e "Perfil".

Configure o tipo de fonte , tamanho, estilo, cor... na barra de Propriedades. Aplique efeitos sobre textos ou figuras. Basta selecionar com o mouse e clicar em EFEITOS. Você encontrará diversos tipos de efeitos como:

IMPORTANTE: Antes de salvar o fundo, verifique qual extensão deixará seu arquivo mais leve.

Para salvar clique em ARQUIVO ---> VISUALIZAR EXPORTAÇÃO. Observe no canto superior esquerdo que você poderá escolher de que forma deseja salvar: JPG, GIF, GIF ANIMADO (somente para imagens animadas), PNG (arquivo do Fireworks, o que te possibilita de, mais tarde, editar sua imagem), BMP. Escolha ou JPG ou GIF. Veja qual dos arquivos deixará o seu fundo menos pesado e mais rápido de carregar.

Na imagem acima observamos que o tamanho do arquivo é de 55.13 k e que este arquivo demora 8 segundos para carregar em uma velocidade de 56 kbps, a velocidade normal de uma conexão discada em um Modem de 56. Um arquivo de 50 k é considerado grande para a internet. Você pode reduzir o tamanho diminuindo o número de cores. Neste caso ele está configurado para 128 cores. Experimente diminuir o número de cores para ver o tamanho. A qualidade da imagem ficará cada vez pior. Escolha uma qualidade e um tamanho que não afete muito a resolução da sua imagem.

Na imagem acima observamos que o tamanho do arquivo é de 50.95 k e que este arquivo demora 8 segundos para carregar em uma velocidade de 56 kbps, a velocidade normal de uma conexão discada em um Modem de 56. Um arquivo de 50 k é considerado grande para a internet. Você pode reduzir o tamanho no ítem QUALIDADE, logo abaixo do Formato. Diminua a qualidade e observe que o tamanho também diminue. Porém, a qualidade da imagem fica cada vez pior. Escolha uma qualidade e um tamanho que não afete muito a resolução da sua imagem.

Repare que, apesar de tamanhos diferentes (em GIF, 55 k e em JPG 50 k) os dois arquivos carregam exatamente no mesmo espaço de tempo. Logo, não fará diferença em que tipo de extensão você salvará. Tente apenas diminuir para carregar cada vez mais rápido. O ideal seria um carregamento de 4 seg a 56kbps. Quanto menos tempo, mais leve estará sua página, mais fácil a navegação, mais rápido o carregamento de imagens.

7. Seu fundo ficará mais ou menos assim (vide foto). Mas antes de passá-lo para o Frontpage, faça a linha de fundo. Depois corte o que não será utilizado para diminuir o tamanho do gif.