#header tutorials

so, once i decided to use a scene of my girl samira, i actually went to my fave color palette generator website -- coolors.co -- for some inspo for a new theme for the blog. as i am a cool colors connoisseur (self-imposed), i ended up choosing this one:

hex codes from left to right: #1f2421, #216869, #49a078, #9cc5a1, #dce1de

i made my gif with the header dimensions of 640px x 360px and colored it normally with my psd for the pitt, so we have this once sharpened:

then i slapped a good old gradient map on top that looks like this:

the two colors are from the color palette above, with the darkest color on the left and the second-lightest on the right. i pulled the right one in a bit just to brighten up the gif. that brings us here:

i then decided to add a couple video overlays, one of shifting light leaks and one of bokeh. i put these both beneath the gradient map layer and set the blending modes to screen. here's what that looks like now:

now for the text! here are the settings i used for the main "gifmaker resource" text:

and the layer style settings:

note: for this gradient overlay to work, you have to have your text written in white and set the blending mode of the layer to difference or exclusion!

for the outline of the text, duplicate your text layer. turn off all the layer effects and set the blending mode back to normal. then, right-click on the new layer and select "rasterize type." once it's rasterized, right click on the layer THUMBNAIL (the highlighted part in the below screenshot where you see the checkered background) and choose "select pixels."

then go to edit -> stroke. set the color to white and while i usually choose just 1px, i went with 2px this time. i then set the blending mode to soft light.

here are the settings for the script font in the middle:

and here's the (technically) finished gif!

to do the ripped paper bottom edge, select all your layers (including the gif itself) and using ctrl+g, put them into a group. then add a layer mask using the highlighted button at the bottom:

choose your ripped paper brush (check my brushes tag or use google if you don't have any) and make sure your color is set to black. with layer masks, a black brush will take away your image and white will bring it back. size your brush as necessary so it covers the width of the image and simply stamp it near the bottom!

PORTUGUÊS

Oi moressssss. Eu estava tentando fazer uma coisa diferentona no photoshop com algumas texturas e consegui fazer essa header aí. Vamos ao tutorial.

Crie um novo documento com as medidas de 1500 de largura e 500 de altura e pinte da cor que quiser, eu usei a cor #a09380.

Feito isso, você irar copiar essa imagem:

link com qualidade. 

Feito isso, cole essa imagem no seu documento e ajuste ela para que fique centralizada:

Feito isso, vá no modo de mesclagem e mude para ‘Subesposição de Cores’ ou ‘Color Dodge’ se seu Ps for em inglês:

sua header vai ficar assim:

Agora crie uma nova camada e mova para baixo da imagem anterior e com a ferramenta de elipse (U):

Crie um circulo achatado dos lados, usando o espaço de dentro da imagem como referência, assim:

Agora nesse botão:

Clique em ‘Traçado’ ou ‘Stroke’ e uma janela irá se abrir, deixe nessas configurações:

Ou você pode ir alterando de acordo com seu gosto. 

Escolha uma imagem e cole em cima da camada do circulo achatado. Eu acabei escolhendo uma fanart da Aurie de Aurora Rising da l004p. Ajuste a imagem para que fique certinha em cima da elipse. Agora com o botão direito do mouse, clique em cima da camada da imagem e clique em ‘Criar mascara de recorte’ ou ‘Create clipping mask’ e a sua imagem irar ficar dentro da elipse:

Feito isso, vamos para o texto. Eu usei a fonte hey november para escrever o nome. Você escreve o nome do personagem e divide ele no meio, para ficar menor, clicando na teclar ‘enter’ do seu pc: 

sem dividir:

dividido:

E faça isso no segundo nome do personagem. 

Caso você queira essa listra parecida como tinta nos olhos do seu personagem, baixe esse brush, e importe ele para o seu photoshop. Para importar é bastante fácil. Clique na ferramenta de pincel (B) e lá em cima clique nesse botão:

E uma janela vai aparecer:

Clique onde a imagem indica e clique em ‘Importar brush’ ou ‘Import Brush’ e daí você vai na pasta em que você salvou o brush, selecione ele e clique em ‘Carregar’ ou ‘Load’. Feito isso seu brush vai estar na sua biblioteca de pincéis. 

Agora com o pincel selecionado, passe uma lista em cima dos olhos do seu personagem. Para que ela fique reta, segure a tecla ‘shift’ do seu teclado enquanto pintar a lista.

E é basicamente isso. Caso tenha alguma dúvida, só me mandar uma ask que irei te ajudar.

SE ESSE TUTORIAL FOI ÚTIL PARA VOCÊ DE ALGUM MODO, POR FAVOR, DÊ LIKE/REBLOG NO POST. 

ENGLISH

Hi angelsssssss. I was trying to do something different in photoshop with some textures and I managed to do this header. Let's go to the tutorial.

Create a new document with the measurements of 1500 wide and 500 high and paint the color you want, I used the color #a09380.

Once this is done, you will copy this image:

link with better quality.

Once this is done, paste the image into your document and adjust it to be centered:

Once this is done, change its blending mode to 'Color Dodge':

your header will look like this:

Now create a new layer and move bellow the image and with the ellipse tool (U):

Crie um circulo achatado dos lados, usando o espaço de dentro da imagem como referência, assim: 

Now on this button:

Click on 'Stroke' and a window will open, leave in these settings:

Or you can go changing according to your taste.

Choose an image and paste on top of the flat circle layer. I ended up choosing a fanart of Aurie from Aurora Rising made by l004p. Adjust the image so that it’s right on top of the ellipse. Now with the right mouse button, click on the top of the image layer and click ‘Create clipping mask' and your image will stay inside the ellipse:

Once that's done, let's go to the text. I used the font hey november to write the name. You write the character's name and divide it in the middle, to get smaller by clicking on the 'enter' key of your pc:

without dividing:

dividing:

And do it in the character's second name.

If you want this stripe that looks like paint on your character's eyes, download this brush, and import it into your photoshop. To import is quite easy. Click the brush tool (B) and above in the Photoshop settings click on this button:

And a window will appear:

Click where the image indicates and click on 'Import Brush' and then you go in the folder where you saved the brush, select it and click 'Load'. Once that's done your brush will be in your brush library.

Now with the brush selected, pass a list over your character's eyes. To make it straight, hold the 'shift' key on your keyboard while painting the list.

And that's basically it. In case you have any questions, just send me an ask that I'll help you.

i used the 'Canva' site to make the header actually! it's by far the most convenient app around for 'making your presentations cute~', plus it's free (aside from the whole premium package,, that its EXPENSIVE) and i'm super stingy (there is no way i am spending my money for anything) :D it's really tiring for me to use multiple apps 😪 but i feel like using more apps would also enhance the quality of the cover. totally up to you, though!

anyway, i took the gif from google!! you can search up your desired photo/gif first before starting.

click the 'create a design' option located on your canva home page once you have your gif/image ready, and below you will have the 'edit photo' option.

i made jay's, jake's, and sunghoon's names with the 'lazydog' font! i used arrows from the 'elements' section. simply search 'arrows' up and you can find it! then, feel free to resize these arrows and texts to your own liking and preference. i also added effects that could have my texts curved and also added a background shadow to enhance the appearance, and then i adjusted it the way i wanted it.

i used 'ripped paper' for the background of my title! i also readjusted and customized the color the way i saw fit. then, for the lines of my title background, i used 'shape design element'! i also readjusted it the way i wanted.

for the background highlight of my title, i used the 'brown two-line swatches'! the color is brown, but i customized it to the color i wanted. i made my 'heartbreaker' title with the 'Le Jour Serif' font and also enhanced this text with its curve and using the 'lift' option. the 'university' text was the same as the text used for the names of the boys; 'lazydog' font! a lot of YouTubers use this font and i personally love it. i also added my own effects that can be found on the 'effects' option!

after that, i also simply animated it with the animated option that you can choose from. i used typewriter for the 'heartbreaker' text and i used burst for the 'university' text.

I'm using my laptop so i downloaded it! i made multiple downloads, one for mp3, one for gif, and one for png.

1)      open you’re photoshop then this is my setting

2)now pick you’re HQ photo then drag you’re HQ  photo in you’e blank document then make the photo small. Note: when you’re making you’re photo small don’t forget to click this button  

l

     then add another photo & make it again small mine will be like this 

3)      now use erase tool this is my setting:

  then erase I will be ersing the left photo of the side right. Then result

You can add more photo & mine will be like this:

4)      now add topaz my topaz setting it here. Please don’t claim & repost it as yours!

5)      add now you’re psd,texture,text & any you would like

& tada you’re done!!!!!!!! Hope its help :”( I can’t smile with my emotion today because I’m not really feeling well: 3

  Resources:

Textures: Some made by me & Some I get it from deviantart.com

Psd: Mine (edited)