**TOP 1024 CENTRALIZADO**

 

 

Sempre que criamos um top, vem a dúvida no momento de sua formatação.

Qual posição deixá-lo? esquerda ou centro?

A visualização do monitor neste caso não está relacionada somente às medidas, mas também na colocação das imagens. Espera aí.. espera aí!!!

As medidas não são o principal nesta história?

Calma... risos   São sim! As medidas são importantes, mas junto com elas precisamos fazer um "pacote" para determinar uma visualização perfeita no final de tudo.

 

Nisso tudo é necessário verificarmos:

 

**medida da altura: geralmente segue o padrão de 300 pixels.

 

**medida da largura: aí depende!

- se a largura é de 1024 pixels; será centralizado se as imagens que estão colocadas nele estiverem também centralizadas.

- se a largura é de 1024 pixels; será deixado à esquerda se as imagens que forarm colocadas nele estiverem também colocadas à esquerda do top, durante sua confecção.

- largura de até 800 pixels: sempre centralizado.

 

 

Vamos agora, desenvolver um top de 1024 pixels em que estaremos CENTRALIZANDO-O em sua formatação no outlook.

 

 

1- Abra uma nova imagem de 1024 x 300.

 

2- Escolha uma figura com a mesma altura e largura máxima de 390 pixels.

 

3- Ative a régua: VIEW / RULERS.

 

4- Agora vamos copiar esta figura e colar (numa nova layer) na imagem de 1024, bem no centro dela:

(se precisar, use o zoom para visualizar melhor)

 

 

Marquei como 512, mas pode deixar em 510 pois a medida de 2 pixels será difícil de conseguir.

 

(Deixe reservada a imagem que você usou para o top)

 

5- Agora vamos duplicar esta layer, IMAGE / MIRROR, vai ficar assim:

 

 

Acerte a imagem para que fiquem encontradas.

 

~~ * ~~

Aqui, vou fazer um comentário a respeito da largura da imagem que escolhi!

Ela tem 357 pixel, somando temos 714 de largura.

Coloquei como limite máximo de 390, pois ao duplicar, ela ficará com 780 pixels.

E 780 pixels é o máximo de largura para que um top fique centralizado

e ocupe seu espaço nas configurações de 800 x 600.

Caso você queira fazer experiência com imagens mais largas, o efeito também ficará bonito,

e o que passar dos 780 pixels, só será visualizado nas configurações de 1024,

ou seja: de 0 até 120 e de 900 até 1024.

De 120 até 900 é o seu top centralizado.

~~ * ~~

 

 

A figura escolhida, ficou exatamente no meio de sua imagem de 1024 pixels.

Na formatação ela precisa ser colocada na posição: CENTRO.

Por isso, não basta apenas a largura do top, mas também a colocação dessa imagem neste top.

Se a figura acima estivesse sendo trabalhada no canto esquerdo, então sua posição também seria esquerda

veja apenas como exemplo ilustrativo:

 

 

Mas não estamos trabalhando com ela na esquerda, voltemos ao centro... hehehe

 

Viu só? os "dependes"....

Depende da colocação da figura, depende da largura do top, depende.. depende.. depende... risos

 

6- Agora deixe invisível a primeira layer (que reservaremos para o fundo),

vá em LAYERS / MERGE VISIBLE nas outras duas:

 

 

 

 

7- Agora vamos ativar a layer do top (merged), e aplicar o seguinte efeito:

EFFECTS / TEXTURE EFFECTS / FUR:

 

 

 

8- Agora vamos redimensionar este top (em sua altura) com o canvas size.

 

 

Aumentei apenas na parte inferior do top (buttom) em 100 pixels para melhor visualizar possíveis emendas (cortes com sombras) e também aplicar o drop shadow.

 

~~ * ~~

Neste ponto gostaria de fazer uma pequena comparação:

Quando abrimos uma imagem de 770 pixels para fazer um top, e depois redimensionamos para 1024 de largura,

Estaremos fazendo o que fiz acima: CENTRALIZAR O TOP e deixará espaço por igual nas laterais.

Por isso em meus tutoriais começo com 770, redimensiono no final para 1024 e centralizo na formatação.

Porque a base para se centralizar um top é a distribuição dessa imagem dentro dele.

Mesmo com 1024, precisamos verificar se a distribuição dessa imagem está mais no centro, ou à esquerda.

Isso é vital para determinarmos a posição no outlook e não deixar cortes depois.

 

~~ * ~~

 

9- Como falei acima, o redimensionamento no canvas size tem a intenção de corrigir possíveis probleminhas que acontecem quando aplicamos algum efeito, sombra ou imagem.

Em nosso top aconteceu um probleminha quando apliquei o efeito FUR.

Como ele tinha espaço nas laterais, o efeito se deu esfumaçado e total nas laterais,

mas na parte inferior ficou cortado.

veja:

 

 

(pintei o fundo de branco com a intenção de ilustrar melhor o problema)

 

 

Vamos dar um "jeitinho" nisso?

 

10- Na layer do top, ative a ferramenta SELECTION, clique em CUSTOM SELECTION:

 

 

 

11- Coloque nas configurações abaixo:

 

 

Fizemos uma seleção apenas na parte inferior do top,

 pois pretendo aplicar um efeito que suavize o corte brusco na imagem.

 

12- Fui buscar um efeito em EFFECTS / DISTORTION EFFECTS / WAVE:

 

 

 

13- Clique em LAYER / PROMOTE SELECTION TO LAYER.

Com isso, colocamos este efeito numa layer sozinho, para termos liberdade para mexer com ele.

 clique na ferramenta MOVE e movimente para onde você preferir.

 

 

 

14- Tire a seleção (select none), aplique o fundo de sua preferência.

 

15- Aplique tanto no top, quando nesta borda enviezada, o drop shadow a seu gosto (opcional).

 

16- Ative a imagem que você reservou no comecinho deste tutorial e aplique nela uma mask de sua preferência (usei a 2020).

 

17- Aplique esta imagem no top e dê seu acabamento.

 

18- Aqui, dupliquei 2 vezes a layer do efeito enviezado e distibuí pelo top.

 

 

 

19- Bom...

Na verdade a minha intenção não era de fazer um top "brastemp"... risos

E sim de mostrar quando um top de 1024 pixel de largura deve ser centralizado.

Mostrar que depende da colocação da imagem e sua distribuição pelo top.

É mais um jeitinho na prática, em que estou tentando "cercar" as várias possibilidade de

formatação, configuração, distribuição de imagem, medidas, etc.

Só conseguimos aprender quando estudamos!

Alguns possuem dificuldades maiores, e por isso a necessidade de "destrinchar" bem o assunto!

 

Espero ter ajudado mais um pouquinho nesse entendimento.

Dúvidas, comentários, críticas, sugestões, contribuições são bem vindas:

 

Esteja Deus sempre presente em todos os nossos momentos!

 

beijinhos

brisa

 

 

 

Tutorial  criado e escrito  em 22 de junho de 2005.  É protegido por lei de Copyright® e não poderá ser copiado,

retirado do seu lugar, traduzido ou utilizado em listas de discussão sem o consentimento prévio de sua autora,

brisa (Naide).  email-me brisa_unica@yahoo.com.br

 

 

Gentilmente autorizado para publicação no Caderninho

 

 

midi: teenager_in_love