well 🧍♀️ as a reminder this blog is NOT a safe space for trump supporters but it IS a safe place for women, queers, trans ppl, people of color, undocumented people, and any marginalized group.
⠀⠀⠀⠀⠀HEY 〃 depois de uma eternidade, finalmente vim fazer o tutorial de header que foi tanto pedido. Nesse tutorial vou ensinar 3 técnicas que eu uso pra fazer e facilitar a vida de quem ainda é iniciante. Já aviso que esse tutorial tá MUITO grande e consequentemente tem muitos erros que fiquei com preguiça de revisar, então releve.
⠀⠀⠀⠀⠀────⠀DICAS:
Pegue as imagens com melhor qualidade possível, não precisa ser em 4k HD, só de conseguir ver com clareza já é o suficiente. O que define a qualidade realmente é action que você vai usar.
Quando for fazer o header, evite ao maximo dar zoom nas imagens pois vai tirar a qualidade dela, principalmente se editar no Ibis Paint.
Coloque as imagens mais bonitas no centro, pois é o que vai aparecer pra quem está no celular, mas também não abandone as laterias!
〃 TUTORIAL 0.1 ⠀⠀────⠀HEADER MAIS TRABALHADO
IMPTT › Vou ensinar 3 tipos de headers, o mais trabalhado, um mais simples e outro mais simples e rápido de fazer. Lembrando que estou ensinando de acordo com o meu estilo e com que eu considero bonito.
⠀⠀⠀⠀⠀Antes de tudo, vou disponibilizar pra vocês o mapeamento do header do Spirit Fanfic, a onde fica cada coisa pra caso queira fazer um header personalizado também:
⠀⠀⠀⠀⠀Agora vamos lá: como dito anteriormente, lembre-se de pegar imagens com um qualidade aceitável e bonitas também, se quer fazer um header monocromático pegue imagens que tenham tons parecidos ou que não sejam tão diferentes, se quiser dar destaque a uma outra cor secundária, então pegue fotos que tenham essa cor junto com a cor primária ( e abaixe outras que destaque apena essas cores ) por exemplo:
⠀⠀⠀⠀⠀E não tente fazer milagres com tons de cores que não combine, ok? Digo tom de cor, porque todas as cores combinam indiretamente, pois a unica coisa que você precisa achar é o subtom dela que combine com a outra cor por exemplo: roxo e marrom, parece impossível de combinar, mas não é bem assim, olha o que temos aqui:
É um tom de roxo e marrom que combinam, então sempre lembre: toda cor combina indiretamente com a outra, você só precisa encontrar os sub tons que se casem um com outro, ok?
⠀⠀⠀⠀⠀⠀⠀────⠀ANTES DE TUDO! DICAS DE PESQUISA:
Para achar as imagens pesquise pela cor em ingles + aesthetic (ex: green aesthetic)
Para achar frases ou decorações geralmente usadas para headers pesquise por: overlay letters e overlay layout.
Para achar imagens de layout de apps pesquise: layout app aesthetic + cor em ingles.
⠀⠀⠀⠀⠀Dando continuidade: primeiro vamos montar a base, o que seria isso? É basicamente o processo de cobrir todo o "quadro branco" com imagens, por exemplo assim:
⠀⠀⠀⠀⠀E agora, você vai espalhar as outras imagens por esse header. Se não sabe como, faça colocando uma encima e outra embaixo por exemplo:
⠀⠀⠀⠀⠀E não se preocupe em repetir as imagens que colocou embaixo, ok? Já que as imagens vão cobrir algumas partes.
⠀⠀⠀⠀⠀Depois de fazer isso, você vai colocar mais algumas imagens na região que liga uma a outra e uma dica: sempre deixe as imagens mais bonitas pra essa parte, e lembra as imagens de layout de app? Então, agora é a hora de colocar (essa imagens são um pouco difícil de achar, mas se enquanto estiver procurando por imagens e aparecer um, clique no pin para que o pinterest recomende mais)
⠀⠀⠀⠀⠀E temos praticamente um header pronto, mas ainda tem mais algumas coisas. Antes de tudo, se tiver aparecendo alguma parte que você não ache bonito, fique a vontade para cobrir, depois desse processo se quiser colocar mais imagens fique a vontade, se divirta.
⠀⠀⠀⠀⠀Quando tiver terminado, é agora que você usa os pinceis e lembra que eu falei sobre overlays de frases? Então, você pode usar agora ( mas não é obrigatório, eu gosto de usar).
⠀⠀⠀⠀⠀Depois que você tiver terminado de enfeitar o seu header, você vai ter um header 90% pronto desse jeito:
⠀⠀⠀⠀⠀Agora é o momento que você aplica nitidez em seu header e coloca o psd de sua preferência. Eu uso o photopea para isso, no final do post irei disponibilizar a action que eu uso e indicar alguns psd's
Depois de ter terminado, você terá um header lindinho e maravilhoso bem trabalhado.
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀────⠀HEADER SEM E COM PSD:
〃 TUTORIAL 0.2⠀& 0.3⠀────⠀HEADER SIMPLES
⠀⠀⠀⠀⠀Isso está ficando mais longo do que eu gostaria, mas como quero entregar algo bem feito, vamos seguir em frente, ok?
⠀⠀⠀⠀⠀Vou ensinar fazer um header um pouco mais simples e um ainda mais simples que o anterior, porém, esse exige que você escolha as imagens base com mais atenção e cuidado, pois elas precisam ser bonitas e ter uma boa qualidade querendo ou não.
⠀⠀⠀⠀⠀Você vai fazer o mesmo processo que o header mais trabalhado, vai montar a base, preencher o quadro branco, mas agora, você vai preenche-lo como se aquilo fosse o resultado final do header, por exemplo:
⠀⠀⠀⠀⠀Aqui, já é um header bem simples e rápido de fazer. Uma dica é: pegue imagens compridas e com boa qualidade ( ressaltando ), dê zoom apenas necessário para a imagem cobrir de cima a baixo, não mais que isso e faça o mesmo processo até preencher todo header. Caso a imagem seja quadriculada, faça um tipo de colagem, coloque duas encima e duas embaixo como na Imagem acima ou você já pode pegar colagens prontas do Pinterest que geralmente aparece, como eu fiz:
⠀⠀⠀⠀⠀Se quiser decorar mais, com pinceis e overlays fique a vontade, vai deixar o seu header ainda mais lindo, mas caso não esteja ainda satisfeita e ache simples demais, apenas coloque mais imagem e alguns pngs assim:
Após isso é só finalizar seu header aplicando nitidez e colocar o seu psd de preferência.
⠀⠀⠀⠀⠀E aqui está o header finalizado sem e com psd:
〃 PRESENTINHOS:
Antes de dar tchau, vou disponibilizar os meus pinceis, action e indicar alguns psd's que uso em minhas packs
Pinceis do Ibis Paint:
Action: link MediaFire
Essa action vem com um tipo de aberração cromática bem sutil, mas que dá uma diferença. Vai nas capas e clique duas vezes na primeira imagem até aparecer o que mostra embaixo "estilo de camada" e desative a opção G e B.
⠀⠀⠀⠀⠀Caso não queira essa opção, basta excluir a primeira camada, pois ela tem um qualidade menor que a camada original.
Recomendação de psd by @colour-source:
💬 0 🔁 3 ❤️ 48 · #lovedive, psd coloring [01] ·
pt-br: a. dê like ou reblog se baixar ou gostar; b. credite-me quando usar; c. não repost
💬 2 🔁 26 ❤️ 149 · — JOYRIDE, psd coloring
ENG.RULES: This psd is free for personal use, for commercial use you have the option to purchas
💬 0 🔁 26 ❤️ 68 · — SUNRISE, psd coloring 70
ENG.RULES: This psd is free for personal use, for commercial use you have the option to purch
💬 0 🔁 10 ❤️ 65 · #invu, psd coloring [15] · pt-br: a. dê like ou reblog se baixar ou gostar; b. credite-me quando usar; c. não reposte, re
💬 0 🔁 9 ❤️ 65 · #yesiam, psd coloring [14] · pt-br: a. dê like ou reblog se baixar ou gostar; b. credite-me quando usar; c. não reposte, r
💬 0 🔁 11 ❤️ 63 · #nature, psd coloring [09] · pt-br: a. dê like ou reblog se baixar ou gostar; b. credite-me quando usar; c. não reposte,
annaxmalina
snowghoul
blakekathryn
gummygunk
kaledo-art
theartofmadeline
