Como fazer um Header para seu blog com o Photoshop
Por Matheus |O Degas| Paviani em 07/04/2008 - Categorias: imagem, photoshop
Depois de meses de promessa, vou tentar explicar agora passo-a-passo, como que eu faço alguns dos headers que compõe o visual do Blog do NewsErrado.
Então, sem mais delongas seguem os screenshots e alguma breve explicação.
Partindo do pressuposto que o seu photoshop já está aberto, clique em NEW [Ctrl+N] (não vou colocar a descrição de cada menu em português, pois além de não saber, me daria mais trabalho ainda, hehehhehe)
Vai abrir uma janelinha para especificar o tamanho, coloque tudo igual a imagem abaixo:
Em seguida, clique em OPEN [Ctrl+O]
Escolha uma imagem bem bonita.
Copie essa imagem para dentro da janela que você tinha feito antes
Agora clique no "T", da barra de ferramentas, que é a função para escrever um texto. Escreva o nome do seu blog.
Escolha a fonte. A do Blog do NewsErrado é a Reznor.
Ajuste o tamanho. Caso queira fazer igual o nosso, siga a imagem.
Nessa parte eu ajustei a frase de cima do nome do blog.
Agora vem um ajuste fino, de cores e efeitos na fonte. Lá na parte dos "layers", clique com o botão direito, e escolha a opção "styles". O primeiro ajuste é a cor do preenchimento da fonte.
Seguindo mais ou menos esse gradiente do exemplo, fica um estilo meio "web 2.0"
Logo depois eu coloco uma borda.
E depois uma sombra quase imperceptível para dar um efeito mais bonito.
Com o botão direito eu copio as propriedades do texto grande, para a frase pequena.
Eu ainda ajustei mais uma vez a imagem de fundo colocando-a um pouco mais pro lado. Feito isso, vamos salvar para a web.
Esse grau de compactação marcado, deixa uma qualidade boa e um tamnho pequeno de arquivo.
Pronto! É só dar o nome que quer que o header tenha e tá pronto o serviço.
Uma dica importante é não esquecer de salvar o arquivo original PSD, para que os futuros headers sejam mais fáceis de fazer.
Pronto. Divirta-se e crie vários. Se criar um para o BNE não esqueça de me enviar, pois se ficar pelo menos um pouco bonito, vai aparecer por aqui.
PS.: é especial pro Tonho esse post.
Loading ...
Sempre que salvo pra web, salva como gif, ou jpg. Ql´vc acha melhor…
[Responder]
Carol, essa tua dúvida vai depender da seguinte questão: é uma imagem de poucas cores (tipo um desenho), ou é uma imagem de muitas cores (tipo uma foto). O gif mantém um tamanho pequeno quando trabalhando com poucas cores. Já o JPG otimiza os pixels existentes em uma foto, sendo então a minha preferência, pois quase sempre trabalho com uma gama maior de cores.
[Responder]
Vou fazer uns magenta e lilás…rs. Mas, sério…vou fazer uns depois te mando…!Com essa super aula, fica fácil, até o Sr. antonio consegue!
[Responder]
SE O TONHO CONSEGUIU, TODO O TRABALHO VALEU A PENA!
[Responder]
Toda vez que clico em “Salvar para a Web” o photoshop fecha.
Pelo menos dessa vez eu tinha salvo em PSD antes.
[Responder]
muito bom esse tutorial, mas vc sabe me dizer como eu faço para colocar quando ja se tem um outro header no blog que venho junto com a template?
[Responder]
Tem um link errado aqui: http://newserrado.com/2007/10/05/como-fazer-um-header-aleatrio-no-seu-blog-wordpress/
vê se serve, Sr. aws.
[Responder]