Tutorial - Blend Elaborado + PSD

O post era para ontem, então ignorem a descrição. -qqqq
Boa noite, bem noite mesmo, meus amorzinhos. Amanhã tenho a penúltima prova do trimestre, é de inglês. Não vou estudar porque nem sei o conteúdo e é simples, já sendo inglês. Acho que são alguns "parentescos", as horas e matérias escolares. Não tenho certeza, minhas folhas da revisão sumirão, tipo sei lá onde foram parar. Claro que não sabe onde foi parar, Helena, é isso que acontece quando algo some! Então, me pediram um tutorial na ask de como criar um blend elaborado, então é isso que eu vou ensinar. Me inspirei em um da Bia gatosa. Espero que ela não me mate, mas eu creditei e espero que tudo esteja bem para ela. SIDUFHSDI' Bom, sigam para o tutorial que está uma merda porque não sei explicar nada direito. Mas espero que entendam  alguma coisa escrita. q


Antes de tudo, veja qual é a largura de sua tela. A minha é 1366 pixels, então essa vai ser a largura do meu header/ blend. A altura, escolhi 400px para caber uma barrinha para o menu e o resto: png's, efeitos, brushes e essas coisas. O resultado vai ser semelhante a este do blog, não sei se pode ser considerado blend, porém assim que entendi e vai isso. Se não for, me desculpa, anônimo. Especifique mais, please! ;u;

Crie um novo arquivo no Photoshop (CTRL+N or FILE > NEW) do tamanho que eu pedi acima, depois pinte o fundo da cor que mais lhe agradar. Eu escolhi #edc68e. Depois, procure PNG's de sua escolha, mas que estejam bem recortados, por favor, né gente. Adorei este e esse da Gayoon, então vou usá-los. Dois já servem. Ainda não vamos usá-los, mas se quiserem já colocá-los no header, coloquem, mas depois ocultem as camadas. Vamos às texturas e brushes que deixarão seu blend/ header lindão! q Recomendo o punk-rose para pegar texturas. Escolhi algumas do site e outras que tenho salvas: 1 - 2 - 3 - 4 - 5. Agora você verá como usá-las: (Não ligue para as camadas que não estou mostrando, já fiz o blend para saber ensinar)

Pegue primeiro a textura número 5, então coloque-a um pouco à esquerda do centro do blend, assim (x). Após, vá na aba das camadas e mode de Normal para Sobrepor/ Overlay. Opacidade 26% por aí. (x) Agora a do relógio, que é a número 4. Coloque-a acima da camada da textura 5, e então posicione-a bem no canto, e a configure como "Darker Color" opacidade 14% (x)... Pegue a número 2 e cole lá, vai ficar bem feia normal, mas verá que ela quase sumirá na hora que configurar: Overlay, opacidade 17%. (x) Bem melhor que aquelas nuvens todas feias aparecendo muito, né? Agora falta somente a 1 e a 3. A número um, você posiciona bem no meio, e a camada deve ser configurada com Screen, opacidade 20% (x) Finalmente a última textura, número 3: coloque onde quiser, recomendo no canto esquerdo, depois configure: Lighter Color, opacidade 44% (x). 

Podemos agora pôr os PNG's! Mas, antes, vamos editá-los. Eu fiz isso para vocês: adicionei PSD's e actions neles, para que fiquem agradáveis. Cliquem aqui e aqui. Claro que não precisam ser esses pngs, mas só estou dando prontos para ajudar. Enfim, deves escolher qual será o principal e o que será "mesclado" com o fundo. Escolhi o primeiro linkado para ser o principal, o coloquei assim (x) E o segundo, atrás dele, configurado assim: Lighter Color, opacidade 100% (x). Se quiser deixar mais claro o PNG, ponha esse brushe acima dele, e deixe a opacidade em 47% (x) Lembrem-se de deixar um espaço do topo para a barrinha. Falando nisso, vamos colocá-la: Escolha a altura dela, a minha foi de 36px, então fiz uma barrinha, com a ferramenta retângulo, de uma cor que combinasse com o fundo dessa altura, depois pintei e apliquei esse style listrado. Ela ficará assim (x).

Agora estaria pronto para quem quer algo elaborado, mas simples ao mesmo tempo. Porém, como eu amo brushes, eu vou trazer uns para vocês e dizer onde colocá-los, se quiserem dicas ou sei lá. Eu escolhe esses brushes: 1 - 2 - 3. Pegue o número 1, que é o coração e posicione-o próximo aos png's ou onde quiser. Coloquei na direita do png central, depois diminui a opacidade (x). Faça de sua escolha. Depois pegue o 3, e posicione-o no canto esquerdo. Configure como Overlay, 24% de opacidade. (x) Agora falta o número 2: pegue-o e coloque atrás do png central, como se ela tivesse asas. Configure assim (x).

Bom, é isso. Pode pôr texto se quiser, mas isso todo mundo sabe. Vou deixar para vocês o PSD do blend/ header. Baixem ele AQUI! Resultado abaixo, clique para ver maior.



14 comentários:

  1. Fica lindo, vou tentar assim que a preguiça sair de mim -q

    Beijos~

    ResponderExcluir
    Respostas
    1. Preguiça, sai desse corpo que não te pertence. -q Tenta sim, mas não sei se vai conseguir pela minha explicação merda. djfinsudf

      Excluir
  2. Ótimo tutorial! Muito bem explicado, adorei >33< E o resultado fica lindo, né? q.

    Beijinhos,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
    Respostas
    1. Ficou bem explicado mesmo? Sei lá, explico mal. -q Fica sim, em modéstia parte. o/

      Excluir
  3. Boa sorte na prova, adorei o tuto, como a Ju disse, ficou bem explicado e fica lindo :3

    http://welcome-to-kawaii-land.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Acho que me saí bem, DSIUFHSDF. Obrigada, muito obrigada. *-*

      Excluir
  4. Estou tentando fazer um aqui, Chanyeol perfeiçaum <33

    - Blue Stars

    ResponderExcluir
    Respostas
    1. Tomara que consiga. SIUFHDF Chanyeol perfeito demais, nem deve ser real. -q

      Excluir
  5. Fica muito #perfect!
    sonho-carolina.blogspot.com.br

    ResponderExcluir
  6. Respostas
    1. Achei ele bem bonitinho mesmo, obrigada. <3
      Não posso divulgar blogs aqui, desculpa. :c

      Excluir
  7. Eu faço de outro jeito, masok -q Só que os da bia sempre ficam melhores T_T

    ResponderExcluir
    Respostas
    1. Ela me ensinou assim, ou mais ou menos assim. -q ISUFSDHF Sempre mesmo. ç3ç

      Excluir