18.12.12

Tutorial- Cabeçalho



Boa noite gente!

Foi pedido um tutorial ensinando a fazer um cabeçalho tipo o meu. Assim, trouxe para vocês, mas não ensinarei a fazer especificamente um igual o meu, mas sim um similar. O exemplo não ficou muito bom, mas é só para dar a explicação à vocês. 
Não sei se conseguirei fazer outro post ainda hoje, mas tentarei. Caso não dê, amanhã posto os outros dois pedidos *-* Enfim, clique em Leia Mais e veja o tutorial.



**CLIQUE NAS IMAGENS PARA AUMENTAR**

1-Bom, primeiramente abra um arquivo no photoshop do tamanho que desejar. Eu uso o tamanho 900px por 390px. Agora faça um retângulo bem no centro. Assim:


2- Depois aperte Ctrl+T, dê um clique com o botão direito em cima da imagem e clique em WARP. Pra quem tem o photoshop em português, é o que fica abaixo de perspectiva. Note que algumas linhas e pontos vão aparecer. Agora é só ir "moldando" o cabeçalho do jeito que quiser. Por exemplo, eu puxei as linhas do topo, uma pra cima outra para baixo, e ficou com essa ondinha. No exemplo eu puxei as duas pra baixo e ficou assim:


3- Aplique a sombra e alguns efeitos que desejar. Depois escreva o nome do seu blog e aplique algum style. Você pode encontrar vários styles AQUI. Por enquanto, etá assim:


4-Agora vamos fazer o espaço para o slide. Primeiro clique na ferramenta que fica em cima da mãozinha e abaixo da seta preta ( não sei o nome da ferramenta). Clique com o botão direito em cima dela e selecione a segunda opção: Rounded rectangle tool, e faça um quadrado ou retângulo no canto usando ela e aplique algum style ou edite as propriedades da camada e ponha alguns efeitos. Então faça a mesma coisa e faça um retângulo ou quadrado branco menor dentro desse que você tinha feito, mas não coloque nenhum style dessa vez. Depois escreva "Loading" ou "Carregando" dentro do quadrado ou retângulo branco. Para por o slide no cabeçalho, use esse, esse e esse tutorial.



5-Agora no espaço que sobrou, usando a mesma ferramenta ( a que fica acima da mãozinha) e faça um retângulo ou quadrado branco. Depois clique duas vezes sobre a acamada e selecione a opção Inner Shadow, e deixe ela do jeito que desejar, com a opacidade em 28. 


Pronto! Agora salve em .png. Resultado:




Lembrando que é só um exemplo. Sei que não ficou tão bom assim o cabeçalho (ok, ficou péssimo) Mas é só para dar a explicação para vocês. Espero que tenham entendido! Beijos ♥



12 comentários:

  1. A cada tutorial um mais incrível que o outro :)) amei

    confissoes-de-um-garoto.blogspot.com.br/

    ResponderExcluir
  2. Oii linda amei seu blog :)
    estava a séculos a procura de um tutorial desses
    P-E-R-F-E-C-T :*
    Seguindo , me ajuda na minha meta de 100 seguidores?
    Beijos,morango mordido

    ResponderExcluir
  3. Sempre quis aprender esse tutorial,ainda bem que vc ensinou <3 Vou favoritar! ^^
    Beijos~~
    cotidianodeumabarbie.blogspot.com.br

    ResponderExcluir
  4. Adorei, pois a parte do lay que tenho mais dificuldade é o cabeçalho, então tudo que eu puder aprender é bem vindo!
    Meu blog! http://sonhosdemell.blogspot.com/

    ResponderExcluir
  5. Aiin, fica lindo!! Pena que eu não sou boa com o photoshop, então, me viro com o pf e ps! amore, já te coloquei na elite, ok?? Beeijos!
    pqngarota.tk

    ResponderExcluir
  6. Super legal o tuto, adorei.
    Eu que não sei mexer em photoshop, ja tenho base!
    Beijos

    BANGTEEN.BLOGSPOT.COM

    ResponderExcluir
  7. Fica lindo, ótimo tuto.

    Beijos, Laris
    garotadilemablog.blogspot.com

    ResponderExcluir
  8. Nossa como fica lindo , amei !
    Rosario-vampire-animes....

    ResponderExcluir
  9. Oiii linda queira saber qual photoshop vc uso por que o meu é CS3 beijos

    ResponderExcluir
  10. Oiie flor eu não sei usar o photoshop e por isso desenrrolo com o photoscape sera que você poderia fazer um tuto de como fazer um cabeçalho legal com o ps ?
    Brigada desde já . Bjs

    ResponderExcluir
  11. Ameei *O*
    Não sabia que dava pra fazer esse efeito pelo photoshop
    fica liindo
    Ta tendo um sorteio no meu blog valendo um colar de directioner, gostaria que partiocipasse!
    Aqui está o link
    http://comentariosde1garotaqualquer.blogspot.com.br/2013/02/sorteio-valendo-colar-de-directioner-3.html

    ResponderExcluir