# Tutorial — como fazer headers ! passo a passo . .
Eu estava entediado e notei que até agora não vi nenhum tutorial explicando como fazer headers. Então eu pensei e decidi fazer um para ajudar quem quer aprender!
É tipo muito muito fácil, só parece complicado mesmo. Então, let's go !
# 1 :: para começar, você escolhe as imagens para fazer o header. Eu recomendo pegar pelo Pinterest ou qualquer outro lugar disponível para o uso gratuito.
Dica 01: na barra de pesquisa, coloque "[cor] icons aesthetic", de preferência o nome da cor em inglês. Assim fica mais fácil para você conseguir encontrar fotos para o seu header.
Em relação a quantidade, fica na sua escolha, dependendo de como você quer fazer o header. Mas normalmente eu pego entre 5 a 8 imagens.
Atenção 01: as imagens devem conversar entre si com o estilo, cores e etc. Não dá pra utilizar imagens muitos distintas entre si (tipo uma imagem fofa com outra dark), pois fica uma coisa tenebrosa na >>MINHA<< opinião, mas a decisão é sua tbm.
# 2 :: assim que você escolher as imagens, entre no Ibis Paint e aperte a opção "A Minha Galeria". No canto inferior da tela à esquerda, selecione o ícone "+" e, assim que abrir a aba, digite o tamanho do header que o Spirit FanFiction aceita, que no caso é 1200x350. Por fim, é só apertar em "OK".
# 3 :: assim que seguir para a parte de edição, vamos finalmente poder começar a produção do header!! Antes de tudo, o Ibis só suporta uma imagem por vez. E caso você não saiba como faz para selecionar é só ir:
Nesse ícone de "três quadradinhos" e clicar nele.
E depois vai nessa "câmera". Assim você poderá selecionar as fotos que você fez o download para compor o header.
# 4 :: assim que você importar a imagem, deve posicionar ela da forma como preferir. Normalmente, sempre escolho uma para ser a "principal" no header, colocando-a no centro ou em uma área que pegue mais destaque que as outras.
E para você posicionar é bastante fácil. Pode ser tanto manualmente ou usando as ferramentas que o Ibis proporciona.
Movimento X : esquerda e direita.
Movimento Y : em cima e embaixo.
Zoom : o famoso ampliar e reduzir.
Atenção 02: cuidado na hora de reduzir a imagem. Caso você reduza demais, ela perderá muita qualidade e mesmo colocando nitidez depois ficará estranho e até feio.
# 5 :: agora, você só precisa organizar tudo bonitinho para deixar com mais cara de header. Eu, por exemplo, gosto de fazer utilizando o total de 3 ou 5 imagens, isso se for headers detalhados, dependendo da minha criatividade ou coragem. Caso seja minimalista, uso apenas 1 ou 2 imagens.
E o header para o tutoras ficou assim:
# 6 :: se você desejar, pode colocar outras imagens e elementos em png ou de outros tipos para deixar o seu header mais bonitinho ou detalhado.
Para o tutorial, irei colocar mais algumas imagens soltas e alguns pngs da colour-source, que eu recomendo muito procurar no perfil dela e fazer o download, são muito bons para colocar nos headers.
EXTRA ! ! Para uma melhor visualização, aqui está o vídeozinho como eu fiz tudo direitinho:
# 7 :: depois que você fizer o download da imagem, vá para o Google e pesquise "Photopea". Clicando no primeiro site, acesse a opção “Abrir do Computador” e selecione o header.
# 8 :: para colocar mais nitidez, aperte a opção "Filtro" > "Aguçar" > "Nitidez Maior."
# 9 :: há outra coisa que eu gosto muito de usar para dar maior nitidez: um action da colour-source (aqui). É opcional, mas é uma ótima ferramenta para deixar seu header mais legal. Faça o download e o deixe salvo no Drive.
Para colocar o action no Photopea, você vai em "Arquivo" > "Abrir" > "Drive" > "Meu Drive", aí você seleciona o action.
Se por um acaso o action não funcionar, deve ser porque você não ativou o uso dele. Para isso, você arrasta a barra de ferramentas da parte de cima da direita para esquerda, clica em Janela e depois em Ações.
# 10 :: com isso, aperte esse sinal de "play", depois a seta da pasta "#coloursource2K", clica em cima da opção "Only Sharpness" e, para colocar, aperte nessa outra opção de "play" entre esse ícone de círculo e pasta.
Com nitidez, o header ficou assim:
Bem sem graça né? Mas ainda não terminamos !
# 11 :: após colocar a nitidez, você vai novamente em "Arquivo" > "Abrir" > "Drive" > "Meu Drive", aí é só selecionar algum PSD que você fez download e salvou no Drive (o que eu aconselho muito, pois fica mil vezes melhor para acessar). No meu caso, eu irei usar três PSDs criados por mim: Summer, Physical e Malona.
Há muitos criadores de PSD coloring por aí, uma das mais famosas é a colour-source, mas no DevianArt também tem a Nhela, neighbourhood-ps, purbleuwu, jeonggyo e mais outros.
Nhela e colour-souce são duas divas, eu recomendo muito você usar os PSDs e Actions delas !!
# 12 :: para colocar os PSDs é bastante fácil. Você somente precisa apertar esse ícone de "três retângulos", clicar em cima da pasta e arrastar até o header. Você deve deixar a pasta em cima da imagem, pois, senão, não aparece o efeito do PSD.
E ele ficou assim com os três PSDs que eu escolhi:
Dica 02: se os PSDs ficar com as cores muito vibrantes ou bizarro por está usando mais de um, mexa nas porcentagens da opacidade deles >>SOMENTE<<. Assim poderá utilizar mais de um em uma única imagem.
# 13 :: por fim, agora é só colocar o efeito glitch ou mais conhecido como 3D. Para isso, você precisa abaixar algum pack de action que tenha o efeito disponível.
No perfil da colour-source há muitos, mas caso você não queira ir procurar, aqui está o efeito 3D que eu utilizei no meu header: ♡
Colocar o Action do efeito 3D no photopea é fácil e a mesma coisa que ativar o de nitidez da colour-souce.
Aperte no ícone de "play", clique na seta da pasta "# Glitch ♡ ! — @AMOXACOLORS . .", selecione a pasta com o glitch e aperte no outro ícone de "play" entre o círculo e a pasta.
Vá no ícone de "três retângulos", depois em "Layer" ou "Background Copy" e clique duas vezes. Assim que abrir uma aba, desmarque o G e o B, deixando apenas o R e, em seguida, aperte em "Aceitar".
Dica 03: se o efeito 3D ficar tenebroso de alguma forma por conta do PSD, vá em "Camada" e em "Achatar Imagem", aí é só colocar novamente o efeito que ficará tudo bonitinho.
Perdão pela qualidade porca nos Gifs. Eu tive que reduzir a qualidade porque o Tumblr é fresco e não tava aceitando uma qualidade superior.
# 14 :: para você salvar sua edição, é só ir em "Arquivo" > "Exportar como" > "JPG" ou "PNG" > "Salvar."
Garanta que a barrinha esteja 100% pois isso pode ferrar com a qualidade quando salvar.
E foi isso, gente. Mamão com açúcar, né? 😋
Lembrem-se que a prática leva a perfeição. Vocês podem fazer headers feios no começo, mas depois irão arrasar neles! No final das contas, tudo é sobre saber combinar os elementos, cores, PSD e etc para compor um bom header.
Não se esqueçam de sempre dar os devidos créditos aos criadores de Actions e PSDs que vocês usarem! É muito importante para nós que usem e deem os créditos. 🫶
Dúvidas, dificuldades ou dicas, entrem em contato comigo comentando nesse post ou usando a ask, anônima ou normal. Sempre que possível, eu estarei respondendo tudinho. 💋