Image Map

26/03/2012

Tutorial: Como fazer Cabeçalho & Banner

 mini pãozinho com mini geléia *o*
 Bom dia minhas comentaristas 
 Tudo bem com vocês? Tomara que sim, porque hoje o tutorial é grande! O tuto de hoje foi pedido por uma leitora muito querida, a Nanda.
 A fofa pediu pra que eu fizesse um tutorial ensinando a fazer banners e cabeçalhos. Como eu já disse pra vocês, eu estou começando a fazer desenhos no Inkscape, e por isso hoje o tutorial vai usar 2 desenhos que eu fiz. Depois eu falo das regrinhas pra usar eles, hahaha. Mas agora, chega de papo e vamos ao tuto!

  Vá no Photoscape e abra um fundo transparente (se não tiver o Photoscape, baixe-o aqui). Pra fazer um cabeçalho, eu uso as medidas 1003 X 354.
  Clique no ícone de escrever e escreva o título do seu blog (no tutorial, eu usei o exemplo de Bananas & Cupcakes). Pra que fique mais bonito, eu sempre coloco um contorno branco, e se o título for colorido uma sombra cinza, e se for preto/cinza uma sombra colorida. Outra dica é usar fontes personalizadas, eu ensinei como baixar e instalar elas aqui.
 É sempre bom dar um lugar de destaque ao título do blog, eu geralmente coloco ele assim, no meio.
  Se o seu blog tiver mais de um nome (tipo Bananas e Cupcakes, Piink Cookie, etc.) use fontes diferentes, pra que fique ainda mais bonito.
  Depois clique em Adicionar Objeto, e abra os brushes que você vai usar. Sempre use brushes e png's com fundos transparentes, pra que fique tudo transparente (sério? pensei que ficaria tudo cor de burro quando foge)
  Aí é só arrumar os brushes do modo que você quiser. Sempre tome cuidado pra não lotar o seu cabeçalho de imagens, porque assim fica muito desarrumado.
  Na hora de salvar talvez apareça esse aviso, aí você clica em "Não", ok?
  Pra fazer o banner é bem fácil. Pegue um fundo transparente menor (ou diminua o que usou antes) e coloque o título do seu blog, de preferência com a mesma fonte de antes.
   Pegue alguns brushes ou pngs, pode ser com os mesmos do cabeçalho.
  Arrume eles e coloque o link do seu blog. Pronto! Agora é só salvar!
 Os meus ficaram assim:
 cabeçalho
banner
 E os brushes/png's que eu usei (clica que aumenta):
 Não posso repassar os outros porque eles não são de minha autoria, e eu não lembro de quem eu peguei, então dificulta, né? hahaha. Pra usar os brushes é simples: só não tirar os créditos. Nem é pedir muito, não é mesmo? Espero que gostem e usem :)
  E aí, gostaram? Espero que sim, porque pretendo trazer mais brushes e png's pra vocês! E espero ter ajudado quem ainda tinha dúvida! Só pra quem ainda não sabe, eu faço todos os meus layouts usando só o Photoscape :)
 É isso! Beijinhos com glitter :*
 Oi bananinhas! A linda leitora Nanda me avisou que eu não repassei o fundo transparente! Vê se pode? Eu falo que é pra todo mundo ter mas não disponibilizo :P
 Agora pra ninguém botar defeito, o fundo:
><
 Ta transparente mas tá aqui! Boa sorte na hora de fazer 

41 comentários:

  1. Nossa Paula ficou muito lecaus e nao eh nada dificil neh? Muito obrigada por ter compartilhado esse tuto com a gente, tenho certeza que ajudou muitas garotas.

    Abraço linda.

    http://vestidodebolinhaesaltoalto.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Pior que é mesmo! E quando eu não sabia eu chegava nos blogs e pensava: Como é que a pessoa conseguiu fazer isso? hahaha
      Bom que gostou, flor!
      Beijinhos :*

      Excluir
  2. Ja sabia, mas sei que ajudou muita gente.
    Beijos, Lyah.

    Princesa Imperfeita.

    ResponderExcluir
    Respostas
    1. Poisé, esse tuto foi especialmente pra quem não sabia!
      Beijinhos :*

      Excluir
  3. Amei, amei, pena que não posso baixar nenhum Photoshop...

    ResponderExcluir
    Respostas
    1. Nem é Photoshop, é Photoscape, hahaha
      Mas te entendo! Tomara que possa mais pra frente!

      Excluir
  4. Poxa poxa, vi no meu painel um post sobre Pin-up, mas quando vim conferir a pagina nao foi encontrada, que do que do.

    Abraço.

    ResponderExcluir
    Respostas
    1. Aaah, flor, é que essa postagem está programada para quarta *--*
      E também tem algo especial nela, espera só pra conferir!
      Beijinhos :*

      Excluir
  5. Caramba, eu amei o resultado! Por enquanto espero que não muita gente use o tutorial, porque fiquei querendo! HAHA Egoísmo mode on!
    Beijos!

    ResponderExcluir
    Respostas
    1. Nossa, que bom que gostou flor! Eu fico com o egoísmo mode on ao passar pra vocês, hahahah *--*
      Beijinhos :*

      Excluir
  6. Nossa q legal, seu blog vai me ajudar muito,
    depois eu vou ler ele todo e ver se com suas dicas eu consigo fazer um do jeito q imagino,
    o seu por exemplo é muito lindo,
    e tem gato no cabeçalho, eu adooro gatos,!♥
    obrigada pelo carinho lá no blog
    hoje e amanhã estou apresentando as novas parcerias ok
    venha conhecer ok, e se ja conhece deixe sua opinião
    eu adoooro♥
    bjinhosઇઉ
    www.coisasdeladdy.com

    ResponderExcluir
    Respostas
    1. Que bom flor! Muuito obrigada pelos elogios, é ótimo saber que está agradando!
      Vou ir lá conferir o seu!
      Beijinhos :*

      Excluir
  7. Nossa ficou muito legal.
    Não sabia que você fazia só como photoscape, para ficar lindo assim achei que usava mais.
    Beijos e ajuda: http://neversaynever-believe.blogspot.com.br/2012/03/ajudinha.html

    ResponderExcluir
    Respostas
    1. Bom que gostou, flor!
      Vou ir lá ajudar!
      Beijinhos :*

      Excluir
  8. FILHA DA PUTA!

    ResponderExcluir
  9. VAI TOMAR NO VOCÊ SABE ONDE!

    ResponderExcluir
  10. Ai,ainda assim deu dúvida : em qual página do photoscape que abre o "fundo transparente" ? Estou custando para achar!!!!
    help me, : * ;D Nanda.
    gbrilliance.blogspot.com
    plittlewriter.blospot.com

    ResponderExcluir
    Respostas
    1. Meu Deus, agora notei que eu não disponibilizei ele!
      Não tem como "abrir" no Photoscape, é como se abrisse uma foto, entende? Vou colocar ele agora mesmo na postagem!

      Excluir
  11. FILHA DA MÃE!

    ResponderExcluir
    Respostas
    1. Deixa de ser mal educado! A paula posta só para quem quer ajuda! :@Se não quer, some daqui!

      Excluir
  12. Amei o tutu, nossa o banner e o cabeçalho ficaram mt lindos :D Flor esta rolando um sorteio lá no blog (o primeiro) caso vc queira participar entre aqui: http://fantasyteens1.blogspot.com.br/2012/03/oi-meus-dengos-haha-tudo-bom-vim-dar.html Para saber mais Beijo

    ResponderExcluir
    Respostas
    1. Bom que gostou!
      Vou ir lá participar agora mesmo ^^
      Beijinhos :*

      Excluir
  13. Haha boa sorte s2 Obrigada por participar. http://fantasyteens1.blogspot.com.br

    ResponderExcluir
  14. Adorei as dicas!! Vou usá-las o quanto antes para otimizar os recursos do meu blog.

    http://mulher-consult.blogspot.com

    Bjs

    ResponderExcluir
  15. Este comentário foi removido pelo autor.

    ResponderExcluir
  16. p.c, onde fiica o fundo transparentee!!

    ResponderExcluir
  17. Oi Flor , por favor me responde assim que puder .. Que PhotoScape é esse que tem letras lindas ?! Responde lá no meu blog em qualquer postagem meninafashoin.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Simples, eu só baixei mais fontes e instalei ^^ tem tuto aqui no blog!

      Excluir
  18. HAHAH' minha fotinhaa ta lá no seu print!

    meninasmaniateen.blogspot.com.br

    ResponderExcluir
  19. Como nós fazemos para as imagens ficarem transparentes atrás?
    Beijos! Amei o blog!

    ResponderExcluir
    Respostas
    1. Você pega o fundo transparente e/ou as imagens que tem o fundo transparente.

      Excluir
  20. Amorée , eu consegui fazer um! Me ajudou muito, apesar de algumas cooisas eu já saber ! Mais tenho certeza que ajudoou a quem não sabia ! Kissus maria *-* . Visita meu blog ? Bigada . Avisinho : eu tive q ficar com as cores do Negrito, italico e sublinhado iguais ao seu! Nãao sabia como ajeitar aas cores ;*

    ResponderExcluir
  21. ajudou muito, muito, muito!!!! Valeu, :D hoje é minha primeira visita ao blog :3

    ja to amando HSUAHU :)
    (e seguindo)
    blond-and-crazy.blogspot.com

    ResponderExcluir
  22. amei o blog laura e paulinha

    ResponderExcluir