1. abra o ps e faça uma random header normalmente (usei a dimensão 1500x500), inicialmente ficará assim (essa header já peguei pronta no headerswar), mas você pode fazer com o a imagem que desejar, você pode aplicar alguma atn nessa imagem de fundo se desejar.
tutorial de como fazer header aqui
obs: eu acho melhor fazer imagens que contenham fundo neutro, random headers muito escura, ou com letras, fica ruim de aparecer as letras do tweet depois.
2. tire print do tweet que deseja colocar, no caso vou usar o da camila mesmo, cole no paint e corte tudo que você não quer que apareça, eu geralmente deixo conforme mostra na imagem:
obs: é importante sua conta estar com o “modo noite” desligado! o print do tweet precisa estar branco para funcionar.
3. então você irá abrir o print do tweet no ps e colocá-lo por cima da header onde você quiser, eu recomendo deixar geralmente desse lado como aparece na imagem, ou mais centrado, porque no canto inferior fica o icon e pode tampar, então preste atenção nas imagens que usará como fundo para ter um espaço e fundo legal para colocar o tweet.
4. ali na aba de camada, onde fica esse normal, você irá clicar.
5. abrirá essa janela, e você irá selecionar “multiplicação”
6. o resultado será esse:
obs: não precisa aplicar atn, no tweet, pois já terá na imagem.
qualquer dúvida só mandar uma ask para o tumblr, ou me chamar no twitter (@hqspilots)
Nesse tutorial eu irei explicar como eu fiz esse header da Nicola Peltz para o Looksgreat! Clique em “keep reading” para acompanhar o tuto :)
Espero que seja útil. Se sim, dê like ou reblogue para compartilhar com outras pessoas ♥
Caso tenha alguma dúvida ao final do tutorial, não hesite em deixá-la em nossa ask;
Tutorial por Looksgreat. Não copie, repost ou credite a si mesmo.
Para o background eu usei a parte de uma foto (não tenho link para ela) que mostra um quarto e um abajur. Eu deixei ela com um tom rosinha com ctrl + U (marque a opção “colorir” e mexa em matiz), pois era a cor principal do header.
OBS.: Para essa foto de fundo você pode usar qualquer imagem ou textura que você ache interessante.
O próximo passo foi adicionar um recorte da Nicola (temos alguns tutoriais aqui no LG sobre como retirar o fundo de uma imagem). Adicione algum coloring ou outros efeitos se achar necessário.
Para distinguir o recorte do fundo eu adicionei alguns pontos de luz com o pincel macio na cor branca. Para isso, crie uma nova camada entre o background e o recorte e pinte alguns pontos.
Com os pontos de luz criados, partimos para o texto do fundo.
OBS.: A fonte que eu usei se chama GOGOIA.
Para a primeira camada do texto, adicione um degradê da cor principal do teu header (no meu caso é o rosa) para o branco (pois é a cor do fundo do meu header).
Duplique a camada do texto que você acabou de editar. Dê duplo clique na camada e desmarque a opção “B” de Canais. De primeira mão vai parecer que não mudou nada, mas dê OK e mova essa camada um pouco para o lado; você perceberá a mudança.
OBS.: Sinta-se livre para testar a desabilitação dos outros canais (R/ou G ou fazer outras combinações).
Duplique essa camada e retire os efeitos (saiba como). Ajuste o Preenchimento/Fill para 0% e dê duplo clique na camada. Marque a opção “Traçado”:
Posicione as camadas da forma como achar coerente e junte as três camadas em um grupo (selecione as três camadas e pressione ctrl + G). Acione a Transformação Livre (ctrl + T) e, com o Ctrl e Shift pressionados, puxe a âncora do meio (marcada em vermelho na imagem abaixo) para o lado direito.
OBS.: O print não conseguiu pegar, mas o cursor que aparece quando o Ctrl é pressionado é um cursor de seta branca com uma setinha embaixo apontando para direita e esquerda.
Duplique o grupo (ctrl + J), acione a Transformação Livre e vire o texto horizontalmente.
OBS.: Pode ser que você precise mudar o ângulo do degradê ao duplicar as camadas de texto e virar.
O resultado disso tudo junto é este:
Em cima das camadas de textos, porém embaixo do recorte, eu adicionei duas texturas. A primeira é essa preto e branca com algumas partículas de pó e ponto de luz; as configurações dela são as seguintes:
Modo de mesclagem: divisão
Opacidade: 40%
E a segunda (que eu dupliquei para poder pegar o header todo) é essa rosa/vermelha com granulado. Segue as configurações:
Modo de mesclagem: Subexposição de Cores
Opacidade: 100%
Acima está o o antes - sem as texturas - e depois.
Agora falta apenas dois detalhes. Primeiro, os círculos com fotos. Selecione a ferramenta Elipse e crie um círculo (Shift pressionado para ele ficar perfeitamente redondinho). Duplique ele uma vez e diminua um pouco seu tamanho (pressione o Alt e Shift enquanto estiver diminuindo). Faça isso mais uma vez. Você ficará com 3 círculos: um grande, um médio e um pequeno. Segue a ordem de efeitos:
OBS.: No círculo maior com o degradê eu também apliquei brilho interior branco. E todos eles possui sombra projetada preta com opacidade baixa para ficar bem sútil.
E para finalizar o header: pontos de luz pequenos e brilhinhos! Crie uma nova camada e, com o pincel macio branco, crie pontos de luz sobre o recorte. Baixe um brush de brilho ou crie um com a ferramenta Caneta e espalhe pelo header:
E é isso ;)
Façam, refaçam e se tiverem alguma dúvida, envie pela nossa askbox, por direct no instagram @looksgreatutos ou pelo facebook /looksgreatutos.
Tutorial inteiramento produzido por LOOKSGREAT.tumblr.com - não copie em hipótese alguma e não reposte sem o consentimento do blog. Obrigada!
Até agora a maioria dos tutoriais que eu postei sobre headers são mais intermediários, então para ajudar quem está começando, decidi fazer esse tutorial com uma versão mais simples sem tantos passos - mas igualmente boa. [ Veja o header no tamanho original no final do tutorial ]
Espero que seja útil. Se sim, dê like ou reblogue para compartilhar com outras pessoas ♥
Caso tenha alguma dúvida ao final do tutorial, não hesite em deixá-la em nossa ask;
Tutorial por Looksgreat. Não copie, repost ou credite a si mesmo.
Para esse tutorial você precisará ter um conhecimento prévio sobre algumas coisas, mas não se preocupa, temos tutorial de tudo aqui no LG ;) Você deve: saber como recortar o fundo de uma imagem e como mesclar fotos. Com esses dois temas compreendidos, vamos começar o tutorial.
Escolha algumas fotos para criar o background - cole elas dentro do arquivo que você criou para o header e mescle-as. Se as fotos que você escolheu são coloridas, adicione um efeito preto e branco.
Crie uma nova camada de preenchimento sólido na cor preta.
OBS.: Esse atalho para criação da nova camada de preenchimento pode ser encontrada na janela “Camadas”. Porém também é possível criar esse tipo de camada indo em “Camada > Nova Camada de Preenchimento > Sólida”.
Mantenha o Modo de Mesclagem em “Normal”, mas mude a opacidade para algo em torno de 70-80%. Abra a janela de Ajustes e adicione Mapa de Degradê preto e branco.
Copie e cole a imagem que você deseja ser o recorte principal do header. Utilize o tutorial de como retirar o fundo de uma imagem caso ainda não saiba como fazer isso. Após terminar, dê duplo clique na camada do recorte e marque a opção “Sombra Projetada”.
Agora adicione o texto e ícones de redes sociais, caso ache necessário e pronto! As fontes que eu usei foram: Andrea, Raleway e Calibri. Mande seu resultado pelo submit, adorarei ver como ficou ♥ Caso precise de ajuda para terminar ou teve algum problema ao decorer do tutorial, me mande uma ask!
Clique aqui para ver o resultado final no tamanho original.
Façam, refaçam e se tiverem alguma dúvida, envie pela nossa askbox, por direct no instagram @looksgreatutos ou pelo facebook /looksgreatutos.
Tutorial inteiramento produzido por LOOKSGREAT.tumblr.com - não copie em hipótese alguma e não reposte sem o consentimento do blog. Obrigada!
Tutorial Photoshop: Como criar headers com escrita
Olá, conforme nos foi pedido vou fazer um tutorial sobre como editar uma header como essa (meus resultados finais):
MANEIRA 1:
MANEIRA2:
1- abra seu photoshop e clique ctrl/command+n para fazer um novo documento de 1500x500px, ou o tamanho que preferir.
2- pinte seu documento da cor que quiser usando a ferramenta lata de tinta (paint bucket tool).
3- escolha uma fonte ou mais que você goste e queira usar em sua header, um site bom para baixar fontes é o dafont.com, mas existem vários na internet.
4- selecione agora a ferramenta de texto horizontal (horizontal text tool), atalho T.
5- clique sob a area da imagem que quer adicionar texto e digite o que quiser.
6- agora vem a parte divertida! brinque com as configurações de texto no painel caractere, se não estiver em sua interface va em Janela>Caractere.
7- salve como png e pronto!
BÔNUS:
Aqui está mais uma maneira de fazer esse tipo de header:
1- crie seu novo documento, assim como no começo deste tutorial
2- entre em algum site de hospedagem de fotos grátis como o pixabay ou até pinterest.
3- digite "png" na busca e escolha uma das imagens que aparecerem.
4- selecione a ferramenta conta-gotas (eyedropper tool) clique em cima da cor do plano de fundo da imagem/texto que você escolheu, novamente use a lata de tinta para pintar seu documento da mesma cor previamente selecionada. (se você escolheu um png -imagem recortada e com fundo transparente- não é necessário selecionar a cor, apenas pinte como desejar.
5- copie e cole (ctrl/command+c-ctrl/command+v) seu png em seu documento, posicione-o como quiser.
6- salve como png e pronto!
PARA AMBOS OS TUTORIAIS:
Você pode editar seu documento e seu png como quiser, usando desfoque, nitidez, gradients e ajustes! Há outra maneira de fazer headers com outras fotos, mas isso envolveria um tutorial de como retirar o background de uma imagem.
Espero que tenha sido útil, qualquer duvida ou sugestão venha até nossa ask!
Há um tempo me pediram para fazer um tutorial de header de banda e aqui está! Nesse tutorial irei explicar o passo a passo para fazer o header acima do The 1975, cliquem em “keep reading” para acompanhar - e se prepare porque tem surra de print!
Espero que seja útil. Se sim, dê like ou reblogue para compartilhar com outras pessoas ♥
Caso tenha alguma dúvida ao final do tutorial, não hesite em deixá-la em nossa ask;
Tutorial por Looksgreat. Não copie, repost ou credite a si mesmo.
Comece abrindo a tela onde você editará o header (eu usei uma dimensão bem aleatória de 900x284px) e cubra o fundo com uma textura de parede, cimento ou tijolos (eu usei essa). Vá em “Camada > Nova camada de preenchimento > Degradê” e escolha um degradê de dois tons, um mais escuro e outro mais claro e mude o estilo para “radial”, como abaixo:
Dê OK e mude o Modo de Mesclagem da camada de preenchimento para “Superexposição Linear”. Vá em “Camada > Nova camada de preenchimento > Sólida”, escolha a cor preta e diminua a opacidade para algo em torno de 70%.
Copie e cole duas fotos de sua preferência. A minha primeira (esquerda) eu coloquei com Modo de Mesclagem “Multiplicação” e a segunda (direita) com opacidade 12%:
Para dar um pouco mais de cor ao fundo, eu criei uma nova camada e criei alguns pontos de luz colorida com o pincel macio e grande - o Modo de Mesclagem foi “Luz Indireta”:
O resultado acima está com a camada com os pontos de luz no Modo de Mesclagem “Normal” para você poder visualizar melhor a pintura.
Escolha uma outra foto que mostre bem os integrantes da banda e recorte o fundo. Adicione alguns ajustes para mesclar melhor a foto com o ambiente do fundo criado até agora (certifique-se de que os ajustes adicionados estejam afetando apenas a imagem e não todo o fundo):
Como eu adicionei aqueles pontos coloridos (rosa e azul) no fundo, irei criar uma nova camada e pintar algumas partes da foto dos integrantes para fazer um efeito refletivo dos pontos coloridos, veja:
Se você ver a imagem com os pontos coloridos lá em cima, perceberá que o rosa predomina o lado direito e o azul, o direito. Por isso que na fotos dos integrantes o rosa está do lado esquerdo e o azul do direito. Mude o modo de mesclagem para “Luz Indireta” - eu dupliquei essa camada da pintura, pois achei que apenas uma ficou um pouco fraco demais.
Para o fundo atrás dos integrantes não ficar muito vazio eu adicione um png de flor e uma foto do vocalista:
Para fazer esse efeito espelhado, basta duplicar a camada da flor/pessoa e ir em “Editar > Transformação > Virar Horizontalmente”.
E para distanciar um pouco a foto dos integrantes e a composição criada atrás (flor e vocalista) eu criei uma nova camada e pintei o meio (me baseando no rapaz de pé) de preto (opacidade: 95%):
Para, novamente, criar um efeito de luz refletida na foto do vocalista (em preto e branco na imagem acima), faça a mesma coisa que foi feita na foto dos integrantes: crie uma nova camada, pinte com as respectivas cores e mude o Modo de Mesclagem para “Multiplicação”.
E os flashes neon indicados abaixo são da textura 26 desse pacote - Modo de Mesclagem “Divisão”:
E, para dar um toque final a foto dos integrantes, eu adicionei algumas linhas neon contornando cada um deles. Para isso, crie uma nova camada, configura o pincel para 5px de tamanho, 0% de dureza e na cor branco. Mude para a ferramenta Caneta e trace uma linha no contorno da pessoa.
Clique com o botão direito do mouse e clique em “Traçar Demarcador”. Escolha Pincel e marque “Simular pressão”; dê Enter duas vezes e faça a mesma coisa nos outros integrantes. No final, adicione o mesmo efeito neon mostrado abaixo (em “título”).
Agora vamos partir para o título!
Para a base cinza, onde está o “The 1975″, use a ferramenta Linha (U) com 2 ou 3px de peso na cor cinza escuro para criar duas formas verticais e 4 horizontais:
Aquelas partes mais grossas eu criei com o Retângulo Arredondado e mesclei todas as camadas (linhas e esses dois retângulos) para simular a fonte de energia do neon.
Dê duplo clique na camada (é importante que mescle todas elas) e adicione as seguintes configurações de Chanfro:
Sinta-se livre para adicionar Sombra Projetada ao seu gosto.
Escreva o título (eu usei a fonte “Comfortaa Light”), deixe a cor dele branca e adicione as seguintes configurações para criar o efeito neon ao texto:
Sempre que você vê textos neon pode perceber que existe alguns fios atrás deles, certo? Para fazer esses fios, pegue o Pincel e mude o tamanho dele para 2px com dureza 0%. Agora crie uma nova camada e, com a ferramenta Caneta trace uma conexão entre a fonte e a base:
Clique com o botão direito do mouse e escolha a opção “Traçar Demarcador”. Configure para pincel e dê Enter duas vezes.
Faça isso por todo o texto até conseguir um resultado satisfatório. Crie uma nova camada em cima dessa dos fios e pinte - com o pincel dureza 0% e tamanho médio - algumas partes para simular o reflexo da cor do texto:
A imagem acima mostra a pintura e o print das camadas ali no meio é como elas devem ficar depois de você pintar: clique com o botão direito do mouse sobre a camada pintada e escolha a opção “Criar Máscara de Corte”.
Escreva outros textos que você precisa e adicione o mesmo efeito neon do título. Lá em cima do texto eu coloquei esse png de quadrados neon para enfeitar.
A fonte que eu usei para o subtítulo e para “like us on facebook...” foi a Akrobat Regular e o logo do facebook é esse.
E, para dar os toques finais...
Crie uma nova camada e faça um ponto branco grande e bem esfumado com o pincel (0% de dureza). Vá em “Filtro > Distorção > Coordenadas Polares” e marque a opção “Retangular para Polar”; dê OK. Essa será sua faixa de luz. Use Transformação Livre (Ctrl + T) para mover e posicionar a faixa:
Para a minha faixa eu diminui a opacidade para 65%.
Duplique, pressione Ctrl + T, clique com o botão direito do mouse e selecione a opção “Virar Horizontalmente”. Posicione do outro lado.
Sobre tudo eu adicionei essa textura (usei apenas a base dela, onde está tudo escuro) e mudei o Modo de Mesclagem para “Divisão”. E adicionei um pattern de quadradinhos desse pacote com opacidade 10%.
Fim, aleluia!
Façam, refaçam e se tiverem alguma dúvida, envie pela nossa askbox, por direct no instagram @looksgreatutos ou pelo facebook /looksgreatutos.
Tutorial inteiramento produzido por LOOKSGREAT.tumblr.com - não copie em hipótese alguma e não reposte sem o consentimento do blog. Obrigada!
Olá, tudo bem? espero que sim :) então, eu sei que pode ser meio bobinho, mas poderia ensinar como fazer uma header nesse estilo. Obrigada desde já :)
Então anjo, é super fácil.
Crie um novo documento no tamanho 1500x500 e pinte o fundo de branco (#ffffff);
Crie um novo documento no valor de 250x360 e edite duas fotos (print);
Dê Ctrl + A (para selecionar) > Ctrl + C (para copiar). Vá no documento do header e dê Ctrl + V (para colar). Depois, dê Ctrl + T para ajudar a imagem no header;
Volte ao documento no qual você editou as fotos, selecione a camada da outra imagem e faça o mesmo procedimento [Dê Ctrl + A (para selecionar) > Ctrl + C (para copiar). Vá no documento do header e dê Ctrl + V (para colar). Depois, dê Ctrl + T para ajudar a imagem no header];
E por fim, vá no google e procure a “palavra + meaning” > copie > escolha uma fonte (Centaur, Aparajita, Shonar Bangla) e cole a palavra com o significado.
E caso você queria, aqui eu postei um template já com um header pronto.
Como fazer header: Fan Site/Galeria de Fotos #2 por Looksgreat
Como eu havia dito antes de propor um tutorial de header tipo de fan sites e galerias de fotos, aqui está o segundo tutorial de header só que uma versão mais simples do que a que já foi postada (você pode ver o #1 aqui). Para esse tutorial serão necessários poucos materiais e é bem simples e fácil de fazer!
Assim como no primeiro tutorial dessa série, no final do tutorial você encontrará um print da ordem das camadas, caso tenha se perdido em alguma parte do tutorial.
Como são poucos materiais, segue abaixo uma listinha com os links para vocês fazerem download e seguir o tutorial:
Pattern - o 4º de bolinhas
Arma - a terceira do pacote
Flor - a sétima do pacote
Style - tem várias cores, então você pode escolher a que combinar mais com a sua versão desse tutorial.
Foto
O tamanho de tela utilizado para esse tutorial foi 800 x 620 px. Para começar, você deve preparar o fundo que só necessita de duas coisas: o pattern linkado acima e um gradiente super básico.
Para o degradê, essas foram as configurações que eu usei:
Deixe ele no estilo “Radial” de forma que a cor mais escura fique no centro e a mais clara nos cantos, assim:
Para não ficar tão forte assim, mexa na opacidade - eu deixei o meu em 18%.
O próximo passo é adicionar o pattern citado na lista de links no começo do tutorial. Mude o Modo de Mesclagem da camada para “Divisão”.
Com o fundo pronto, pegue a foto que escolheu e recorte o fundo. Duplique, digite Ctrl+T, clique com o botão direito do mouse e escolha a opção “Virar Horizontalmente”. Arraste a foto para o lado até ficar de um jeito que achar legal. Adicione um .PSD nas imagens (aqui estão minhas configurações) e deverá ter algo assim:
Adicione o .PNG das armas (do mesmo jeito que a foto: duplique e vire) e o .PNG da flor. Veja como ficou a posição do meu sem as fotos em cima aqui.
A base do header está pronto e agora só falta as áreas de texto. Primeiro, selecione a ferramenta Retângulo e crie dois: um maior para os textos de informações e outro mais fino só para enfeite. Mude a cor deles para o que desejar e arrume a opacidade para 90%.
A fonte que eu usei para “Info sobre o site” e “Sobre a Melanie” foi Bebas Neue e para o texto das informações em si foi a Gill Sans.
Crie um circulo no centro do header e em cima desses dois retângulos na cor branca.
Para o texto que fica dentro desse círculo eu usei Bakery para “melanieM”, GeoSlab703 Md BT Bold Italic para “Brasil” e Gill Sans para “Sua fonte brasileira...”. Arrume a posição do título de acordo com o seu texto.
Agora crie outro retângulo pequeno para colocar a URL do site - posicione embaixo do círculo com parte sobre o retângulo azul, no meu caso, e parte fora, assim:
Adicione sombra no retângulo se achar necessário. A fonte que eu usei para a URL também foi Gill Sans.
Para finalizar o header, crie mais um retângulo para colocar lá no topo da tela - se quiser, duplique o que usou para a URL, apenas aumente a largura dele com Ctrl+T. Escolha uma cor para o retângulo ou adicione um degradê, como o meu. Com a mesma fonte anterior só que na versão Bold, escreva os itens do menu e pronto!
Caso você tenha se perdido em alguma parte do tutoral, em questão de organização e posicionamento das camadas, segue abaixo a relação:
Façam, refaçam e se tiverem alguma dúvida, enviem suas dúvidas por direct no instagram do Looksgreat, @looksgreatutos, onde responderei mais rápido :)
Tutorial inteiramento produzido por LOOKSGREAT.tumblr.com - não copie em hipótese alguma e não reposte sem o consentimento do blog. Obrigada!
Como fazer header: Fansite/Galeria #1 por Looksgreat
Como havia perguntado e prometido, aqui está o tutorial ensinando a fazer aqueles tipos de header/banner bem coloridos que vocês podem encontrar em fansites e/ou galerias de fotos.
Obs.: Todos os materiais utilizados na realização desse header estão citados e/ou linkados ao longo do tutorial!
Se quiser acompanhar o passo a passo de como eu fiz o exemplo acima, clique em “keep reading” ;)
Antes de começar, gostaria de avisar que no final desse tutorial você encontrará a relação de posição de cada camada. Caso precise se guiar em alguma parte do tutorial, você encontrará onde deverá ser posicionada no print lá no fim.
Em primeiro lugar você deve medir suas necessidades com esse header: se for um header para fan site, planeje um espaço para “about” ou biografia da pessoa, um menu e talvez um espaço para fotos da galeria. Se for fazer um assim para o seu próprio tumblr, vejo o que acha necessário ter no banner. Minha única dica aqui é não encher o banner de coisas; se você puder colocar X coisa em outro lugar que não seja no banner, tire. O quanto mais limpo de informações desse tipo ele for, melhor.
Para esse tutorial deixarei um espaço reservado para um “about” sobre a Kylie e um espaço para uma URL.
Sobre a dimensão, usarei 740px por 500px, mas isso pode variar de acordo com a sua necessidade. Esses números foram mais aleatórios do que precisos pra mim. Mas enfim... Vamos começar!
Primeiro de tudo eu mudei a cor do fundo para a cor #470707 (um vermelho bem escuro) com a ferramenta Lata de Tinta (atalho G). Depois adicionei três texturas: a primeira desse pacote, a última desse e a quarta desse.
Configurações: Textura do primeiro pacote (”TexOO1AG”)
Modo de Mesclagem: Subexposição de Cores
Opacidade: 100%
Configurações: Textura do segundo pacote (”-CCE (12)”)
Modo de Mesclagem: Sobrepor
Opacidade: 7%
Configurações: Textura do terceiro pacote (”flores putas (3)”)
Modo de Mesclagem: Luz Indireta
Opacidade: 53%
O resultado do fundo foi esse abaixo - a única coisa que eu fiz aqui foi mesclar as texturas usando a borracha redonda macia para suavizar as bordas de cada textura.
O segundo passo foi adicionar algumas fotos ao fundo com pouca opacidade para ele não ficar muito “vazio” e para balancear o canto superior direito com o canto inferior esquerdo (com a textura de flores). As fotos que eu usei foram essa e essa - mesclei uma com a outra usando, novamente, a borracha e deixei as duas no modo de mesclagem “Luz Indireta” e com 36% de opacidade.
Parece estranho aquela parte reta de uma das fotos, porém outras coisas ficarão na frente, cobrindo essa linha então não há necessidade de realmente mesclar ela com o resto.
A foto principal do banner é essa que eu apenas recortei o fundo e adicionei alguns ajustes de efeito que você pode ver as configurações aqui.
As outras duas fotos que seguem essa principal são essa e essa com o mesmo coloring que eu mostrei no link acima, apenas recortei o fundo das duas, redimensionei e reposicionei as camadas de forma que a foto do primeiro link ficasse embaixo da principal e a do segundo link ficasse embaixo dessas duas, como podem ver abaixo:
Para a quarta foto que aparece no lado direito da foto principal foi criada uma base com a ferramenta Polígono (configure para 5 lados). Duplique o polígono: no primeiro adicione um style (eu usei um desse pacote) e na cópia (gire um pouco ela com Ctrl + T) adicione a foto criando uma máscara de corte (clica na foto com o botão direito do mouse e escolhe a opção “criar máscara de corte”) e, na foto, adicione um degradê de sua preferência.
Atrás dos dois recortes à esquerda foram adicionados dois círculos com um style do pacote que eu citei acima. Para complementar o fundo, essa foto foi adicionada e mesclada ao fundo que já foi criado - modo de mesclagem: Luz Indireta e Opacidade: 18%.
Para completar a parte inferior do header, foi utilizado um brush de papel rasgado desse pacote - um atrás da foto principal, porém acima das outras e uma sobre a foto principal. Também foi adicionado um retângulo para a URL do site (fonte: Pixel Operator Regular).
Atrás das fotos principais, foi criada uma camada para adicionar alguns pontos de luz atrás das imagens com brushes desse pacote.
A parte do “About” foi criada com dois retângulos: um com opacidade 100% com “About / / / / /” escrito com a fonte GeoSlab703 MdCn e um segundo retângulo como modo de mesclagem “Luz Indireta” e 40% de opacidade para o texto - escrito com a fonte Arial.
PS.: Essas camadas que compõem o About devem estar posicionadas sobre as camadas que formam o fundo. Entre elas, com a fonte Master of Break, foi escrito o nome da pessoa, Kylie. O style também é do pacote que foi citado acima, apenas com algumas modificações no traçado e sombra.
Estamos quase lá! O último passo é criar uma camada no topo de todas elas e criar pontos de luz com o pincel redondo macio na cor branca. Depois de posicionar os pontos nos locais que deseja, clique duas vezes na camada, marque a opção “Brilho Externo” e configure assim para deixar a borda dos pontos na cor predominante do header.
Segue abaixo a relação de camadas e suas posições caso você tenha se perdido em alguma parte:
(link da imagem acima para ver com mais qualidade)
Eu sei que vídeo de apoio é importante, pois ajuda a entender mais, mas não consegui fazer, desculpem! Caso tenham qualquer tipo de dúvida, não hesitem em encher a ask ou mandar perguntas pelo insta, responderei o mais rápido possível.
Façam, refaçam e se tiverem alguma dúvida, enviem suas dúvidas por direct no instagram do Looksgreat, @looksgreatutos, onde responderei mais rápido :)
Tutorial inteiramento produzido por LOOKSGREAT.tumblr.com - não copie em hipótese alguma e não reposte sem o consentimento do blog. Obrigada!
