/Design

voltar
/Design

Banners – Parte 02

PorFabio Lody em

Salve amigos! Hoje
daremos sequência à série sobre Banners. Trabalharemos
mais alguns estilos de fundo. Antes, eu so gostaria de mandar
um abraço para o pessoal da WOC e agradecer muito a oportunidade.

Um grande abraço também a todos meus
amigos.

Criando banners

Descrição:
Estudo sobre criação de fundos para banners
Software ultilizado:
Photoshop 7.0 em Inglês (Funciona em qualquer versão)

Grau de Dificuldade:
8,0
Ao som de: Freddy
Vs Jason – 07 – Chimaira-Army Of Me

1º Passo: Crie um arquivo
em RBG de 468×60 pixels, com fundo transparente (a escolha do
fundo fica a critério do criador, já que também
podemos usar branco como cor inicial). Em seguida, pressione "D"
para as cores voltarem as padrões.

Como podemos observar, o próprio Photoshop
já possui uma configuração de tamanho presente
para banners;

2º Passo: Vá na barra
de Opções: Window
> Documents >
New Window

Desta forma estamos criando mais uma visualização
para nosso arquivo. Como já disse aqui, gosto muito desse
recurso do Photoshop, já que podemos visualizar ao mesmo
tempo nosso documento em modos de zoom diferentes. Isso ajuda
muito quando precisamos nos preocupar com os detalhes. Posicione
onde desejar;

3º Passo: Altere suas cores
principais e de fundo, invertendo-as como abaixo:

4º Passo: Vá em Filter
> Render > Clouds;

5º Passo: Agora em: Filter
> Render > Difference
Clouds
;

6º Passo: Continuando…
Image > Adjust
> Invert ("ctrl+i");

7º Passo: Agora em Image
> Adjust > Levels.
E altere como abaixo:

Sua imagem ficaria como a imagem abaixo e já
poderiamos considerar como um bom efeito de fundo, restando somente
alguma cor;

Mas vamos continuar…

8º Passo: Vá em Filter
> Blur > Radial
Blur
e use as configurações
abaixo:

9º Passo: Duplique essa layer
e altere sua propriedade em blending option para "Color Dodge";

10º Passo: Clique sobre a
camada original e em seguida vá em: Image
> Adjust > Color
Balance
e use as opções abaixo:

Caso queira com outra cor, basta alterar suas configurações.
Com as que coloquei, teremos essa imagem final:

11º Passo: Clique sobre a
ferramenta "Eraser Tool"
e vá apagando alguns trechos da camada que colocamos em
color dodge. Lembre-se que se usarmos "["
podemos diminuir o tamanho da ponta da borracha e com "]"
aumentaremos.

Apos deletar alguns trechos, acrescentei texto
e um "Lens Flare".

Vamos criar mais um:

12º Passo: Repita o
1º passo e em seguida o
3º passo;

13º Passo:
Vá em Filter
> Render > Clouds;

14º Passo: Agora em
Filter >
Render
> Lighting Effects
e altere como a seguir:

Nossa imagem ficará assim:

Com algumas alterações de texto em
blending option:

Semana que vem falarei exclusivamente sobre o Image
Ready. Então, quem tem duvida sobre como utilizar esse
maravilhoso programa, não perca a próxima matéria.
Vou mostrar desde algumas das funções principais
até como dar movimentos mais complexos a seu banner. Um
abraço e fiquem com Deus.

Deixe um comentário! 11

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Comentando como Anônimo

  1. Gosto mto da sua coluna e do Photoshop, e reivindico, que vc coloque os nomes dos menus, botões e etc, em português e inglês, pois há amantes do Photoshop como eu que usam uma versão em português.

  2. Gosto mto da sua coluna e do Photoshop, e reivindico, que vc coloque os nomes dos menus, botões e etc, em português e inglês, pois há amantes do Photoshop como eu que usam uma versão em português.

  3. Obrigado Helton e Jose pela visita em minha coluna. Realmente pelo fato de eu ter de usar software original ( versao em ingles) nao poderia traduzir a tempo, mas como sao muitos os leitores que o pedem, farei sem problemas. Obrigado pela sugestao. Um abraço amigos.

  4. Parabéns pela ótima explicação.Tenho conferido todas as suas dicas e tem me ajudado bastante.Estou confeccionando um banner e esta dica veio bem a calhar!Mais uma vez, parabéns a todos!

  5. Sua matéria foi muito boa. Venho sempre buscar coisas novas, trabalho em uma agência e tenho que está sempre atualizada; só um comentário que queria fazer é que, eu como várias pessoas que acessam o seu site vem para buscar mais informações sobre o software, só que temos uma certa dificuldade na hora de seguir os passos, porque vc explica na versão em inglês, não teria como vc colocar também em português?
    Para seguir tenho que ter um dicionário em inglês, pois o meu inglês é muito fraco ainda, e como estou acostumada com o software em português, me complico toda!
    Ficaria super agradecida se vcs colocassem na versão em português!

    Obg!
    Laura Oliveira

  6. Boa tarde, a materia dada está acessivel. Acabei de criar um banner no photoshop 7 (inglês), e precisava de saber como se faz para criar link para um blog ou site. Obrigado

leia mais