Tuto sobre o Banner

By jana [tiajanaprof@yahoo.com.br]

O programa que eu uso é o Adobe Photoshop.

Depois de aberto, você vai abrir a(s) imagens(s) que você
quer no seu banner.
Vá em arquivo
abrir ou digite Ctrl+O e selecione a
imagem do seu computador.
Depois de aberta(s) a(s) imagem(ns) digite Crtl+N para
abrir uma nova tela de trabalho, que será o seu banner,
propriamente dito.

Quando você digitar, aparecerá uma janela assim:

Observe
os
seguintes
campos:

Neles, você vai digitar o tamanho do seu banner. No

exemplo acima eu já coloquei os valores mais comuns.
Outros valores podem ser também Largura 750 e Altura
142. Atenção ao Modo, que deve estar marcado Cores RGB.
Se não, pode ficar tudo cinza.
Agora, é trabalhar a(s) imagem(ns) escolhida(s):

Na 1º Imagem, vou usar a ferramenta Laço:

Clicando com o botão direito do mouse, você irá abrir as

outras opções de laço. Eu uso mais o Laço Poligonal ou o
Magnético. Nesse exemplo, vou usar o Magnético.
Você também pode alterar as definições do laço para que
ele reconheça mais ou menos nuances da cor, pois este
laço trabalha “procurando” as cores similares para
selecionar a sua imagem.

para alterar a definição, mude o valor aqui

Início da seleção da imagem:

Agora a imagem está selecionada, é

hora do Ctrl+C & Ctrl+V, para colar a
imagem na 1º janela que você abriu.
Como a ferramenta usada não é 100% precisa, a imagem
ficou um pouco “manchada”. Observe:

Então, vamos usar

a ferramenta
“borracha”, que
vai apagar essas
imperfeições em
rosa que aparecem
ao lado.

A ferramenta “borracha” funciona como a ferramenta

“pincel”, e você pode alterar suas definições:

Clicando com o botão direito do

mouse, você abre esta janela:

Se você quiser mudar o formato

da borracha ou do pincel,
clique na área em vermelho. Se
você quiser mudar o tamanho,
mova a setinha na parte azul.

O Photoshop trabalha as imagens em camadas. Para ter

certeza que está na camada certa,
observe sempre esta janela :
A camada que está selecionada, é a
da imagem que acabamos de colar.
Para apagar as imperfeições da imagem do exemplo, vou
aumentar o zoom para que eu visualize melhor o objeto
em que trabalho. A tecla de atalho é Ctrl+ (para diminuir,
use Ctrl-). Para mover a figura para onde você quiser, sem
ter que ficar mexendo naquelas barras de rolagem
chatíssimas, clique na barra de espaços. Irá aparecer uma
“mãozinha” com a qual você pode mover o desenho como
quiser.

Zoom maior

Apagando as imperfeições.

Agora, vou inserir outra imagem (que não combina, mas é

só pro tuto, so...).

Depois de escolher e abrir a imagem no Photoshop, eu vou

selecionar apenas a figura. Mas usando outra ferramenta
de seleção, a Varinha Mágica.
O processo é simples. Você apenas vai clicar no espaço em
branco (branco por causa da imagem q eu escolhi), e a
“varinha” vai fazer a seleção automaticamente:

Observe o tracejado, é a seleção.

O que está selecionado, é a área em branco. Para

selecionar as flores, você vai clicar com o botão direito do
mouse e escolha a opção “selecionar inverso”

Pronto, agora é só fazer o velho copiar e colar na janela

que você abriu já com o tamanho do banner.
A imagem escolhida é maior que
a área do banner. Para diminuí-
la até ficar exatamente do
tamanho que você quer,
selecione a camada desta
imagem:

Agora, clique em Ctrl+T que é a “Transformação Livre”

para ir diminuindo os lados da imagem até que ela fique do
tamanho que você quer:

Quando você achar que está bom, dê um “enter” e ela se

auto ajustará ao novo tamanho.

Para posicionar a imagem dentro da área do banner,

selecione a camada correspondente a ela e clique na
ferramenta “mover”:
Para ficar mais legal, vou adicionar umas coisinhas nestas
imagens.

Selecionei a 1º imagem e vou colocar

nela uma sombra.
Para isso, clico na opção “adicionar
estilo de camada”
“opções de
mesclagem”.

Vai abrir uma janela assim:

Vá alterando estas opções até obter o efeito que quer na

imagem

Você também pode selecionar as outras opções e ir

brincando para descobrir o que elas fazem.
O resultado obtido foi este:

Agora, vou fazer uns “carimbos” no plano de fundo pra dar

uma enfeitada. Selecione a camada de
plano de fundo e depois selecione a
ferramenta “Pincel”.

Escolhi um pincel e um lugar para clicar. No meu exemplo,

ficou assim:

Agora, vamos colocar uma camada de texto. Selecione a

ferramenta “texto horizontal”,
clique numa parte do banner e
escreva seu texto.
Ficou assim:

Esta parte é
onde você
altera a fonte,
etc.

Como o texto é uma camada, você pode editá-lo como

quiser. Pode usar qualquer das ferramentas que foram
usadas nas imagens.

Agora, como eu não quero enfeitar mais meu banner, vou

mostar o resultado final. Voilá!

Eu sei que não é essas coisas todas, e tals. Mas era só um

exemplo...
Antes de postar seu banner na net, você vai em Camada

Achatar Imagem. Depois vai em Arquivo
Salvar para a
Web e salva normalmente.
Para “upar” sua imagem, eu recomendo o site
http://www.imageshack.us/