Como fazer um banner

Olá designers e futuros designers! Tudo bem?

Hoje eu vou ensinar a vocês um tutorial bem simples de como fazer um banner para o seu blog. Primeiro abra o Fw (vamos chamar o Fireworks assim). Faça um arquivo de largura 200, e altura 200:


Em seguida, desenhe uma forma retangular arredondada:


Logo depois, escolha uma cor:


Agora coloque um traçado e uma textura (a textura é opcional). Se quiseram aplicar a textura, é só ver a postagem sobre os efeitos listrados. Já o traçado, vejam como se faz:


Clique na setinha ao lado do filtros e selecione a opção PhotoShop Live Effects. Em seguida vai aparecer umas opções e você seleciona a opção traçado:


Como podem ver na imagem acima, tem umas configurações: Tamanho, Posição, Opacidade, Tipo de preenchimento e Cor. No tamanho, você escolhe a largura do traçado, na Posição é aonde você  quer que fica o traçado, por exemplo:

-Eu gostaria que o traçado ficasse no interior da palavra ou da forma.
-Vou colocar meu traçado no exterior, para destacar mais!
-Acho que irei colocar o traçado no centro, pode ser que fiquei bonito!

A Opacidade é se você quer a cor mais fraca ou mais forte. O tipo de preenchimento é se você quer ele com gradiente, só cor ou o padrão. Bem, eu vou editar apenas a cor, pois é bem melhor, mas se quiser, pode mudar do jeito desejado. Vejam:


Agora vejamos como fica:


Vamos alinhar as pontas clicando e segurando o pontinho amarelo, coloque as pontas da maneira que você ache melhor. Vejam:


Agora solte:


Também tem outra forma, siga a explicação da imagem:


Agora vamos adicionar a logo e o pinguim. Clique em arquivo > importar, e selecione a logo e o pinguim:


Coloquei também o texto "Visite-nos!" e um retângulo por baixo. Agora salvem. Depois hospedem a imagem  recomendo: TinyPic, ImageShack e Imgur. Hospedem, pegue o link e clique nesse blog, Dicas para Blogs. Desça um pouco a página até achar um gerador de código, coloque o link da imagem no lugar pedido, nome do blog e o link do blog. Escolha a opção Caixinha Link-Me:


Pegue o código, e coloque em seu blog! Duvidas? Comente!


Nenhum comentário:

Postar um comentário