Efeito de brilho extravagante realista. Durante a carreira de designer, você chega a um momento em que percebe a profunda necessidade de… criar um efeito brilhante!
E se você está lendo isso, certamente chegou naquele momento crucial da sua vida em que sente essa necessidade!
Vamos lá!
Escrito por: Seiorai
Imagem final – Efeito de brilho extravagante realista
Etapa 01
Abra o Photoshop e crie um novo documento, digamos, com 600px de largura e 380px de altura, ou qualquer tamanho que você precisar.
Então clique duas vezes na camada para entrar em suas opções de mesclagem, onde você clicará em Sobreposição Degradê e dará a ela estas configurações:
Etapa 02
Legal, agora devemos ter algo como na imagem abaixo:
Mas o truque é que parece meio plano e sem vida, sabe. Então aqui está o truque que faremos: adicionaremos gradientes.
Mas primeiro vamos fazer um ajuste de Matiz/Saturação indo em Camada > Nova Camada de Ajuste > Matiz/Saturação (ou Ctrl/Cmd+U OU aquele pequeno ícone de yin/yang na parte inferior da sua aba Camadas, a sua escolha) e dar a ele estas configurações:
- Matiz: -7
- Saturação: -15
- Luminosidade: -6
Em seguida, pegue a ferramenta Gradiente, defina a cor do primeiro plano como preto #000000 e, com a ferramenta Gradiente definida como Gradiente radial e o primeiro plano como Transparente, arraste ao redor do centro da camada de ajuste Matiz/Saturação para que fique na paleta de camadas algo como abaixo na imagem:
Então configure-o para o modo de mesclagem Multiplicação e diminua seu Preenchimento para cerca de 50%. Então a coisa deve ficar parecida com a da imagem abaixo. Percebeu as áreas escurecidas ao redor das partes externas da imagem?
Etapa 03
Ok, agora vamos nomear a primeira camada da nossa paleta Camadas como “Plano de Fundo”. Agora devemos ter uma camada “Plano de Fundo” e uma camada Matiz/Saturação.
Em seguida, vamos criar uma nova camada em cima das outras duas e chamá-la de “Luz Inferior”. Defina sua cor de primeiro plano como #e3b042 e pegando a Ferramenta Degradê definida como Degradê Radial e Do Primeiro Plano Para Transparente, e colocando seu cursor para o centro inferior da tela, arraste para cima como na imagem abaixo:
Em seguida, reduza a opacidade da camada para cerca de 70% e seu preenchimento para cerca de 55% e você deverá obter algo como na imagem abaixo:
Etapa 04
Certo… agora defina a cor do primeiro plano como #fdd135 e crie uma nova camada acima da Luz Inferior e nomeie essa nova camada como “Luz Superior 1”.
Com a mesma ferramenta Gradiente de antes, arraste de forma semelhante à que arrastamos na etapa anterior… só que dessa vez começando do centro superior para baixo.
Reduza a opacidade da camada para cerca de 70% e você deverá obter algo assim:
Etapa 05
Que seja… mais luz.
Crie uma nova camada acima de todas as outras e nomeie-a “Luz Superior 2”. Sim, eu sei, não sou muito criativo com os nomes.
Ao definir a cor do primeiro plano como #fefbcd, use a mesma ferramenta Degradê de antes e arraste novamente do centro superior… só que dessa vez arraste por uma distância um pouco maior, para obter algo como na imagem abaixo:
Etapa 06
…e já que parece muito estranho ter uma luz difusa sem uma fonte de luz definida, defina a cor do primeiro plano como um adorável #fdfbf2 e crie uma nova camada acima de todas as outras e nomeie-a como “Fonte de luz superior”.
Pegue o gradiente novamente, coloque seu cursor no centro superior e arraste por apenas uma pequena distância, para que você obtenha algo como na imagem abaixo. Percebeu a pequena fonte de luz no centro superior?
Etapa 07
Legal! Terminamos o plano de fundo para o Efeito de brilho extravagante realista.
Então, se você quiser, pode usar esse recurso incrível do Photoshop e agrupar todas essas camadas em um grupo maior… chame o grupo de “Plano de fundo”.
Enfim faremos o “bling-bling” propriamente dito ^^
Agora, aqui vai uma dica: para o “bling-bling” do nosso Efeito de brilho extravagante realista, quanto mais largo o texto for, melhor. Texto estreito… tsktsk… não ficará tão bom.
Certo, então. Aqui usarei a adorável fonte “Copasetic”, que você pode baixar aqui: http://www.dafont.com/copasetic.font
Bem, crie uma nova camada acima de tudo o que você tem agora na sua Aba de Camadas e defina a cor do primeiro plano como #d4ad74.
…estamos mudando muito as cores aqui, não é mesmo.
Certo!
Depois de definir seu Primeiro Plano para aquele amarelo dessaturado, pegue a Ferramenta de Texto (T) e… bem… digite seu texto?
Então baixe este padrão aqui… http://fav.me/d3958wq …sim, é o padrão de corações, o quê? Ele vai desempenhar um excelente trabalho, verás mais adiante.
…e carregue-o no seu Photoshop.
Em seguida, vá até a camada de texto que você criou e dê a ela os estilos de camada abaixo:
- Veja também: Crie um pôster notável com elementos decorativos
Etapa 08
Pffft …foram MUITOS estilos de camadas >.>;
Ok, agora seu bichinho de pelúcia deve ficar mais ou menos assim:
Etapa 09
Certo… Seguindo com o nosso tutorial de Efeito de brilho extravagante realista. Agora crie uma nova camada e mova-a para abaixo da sua camada de Texto.
Nomeie-a como “Texto Borda Dourada“.
Não parece muita coisa agora, mas paciência: vamos dar um toque de brilho em um segundo 🙂
Agora duplique esta camada de texto, para que você tenha duas camadas do texto. Crie uma nova camada em cima da cópia da camada de texto cópia… e Ctrl (Cmd no Mac) + clique em ambas, na cópia e na camada em branco recém-criada para que você as tenha em uma cor cinza como na imagem abaixo:
Legal 🙂
Agora, depois de selecioná-las, pressione Ctrl (Cmd) + E para mesclar as duas camadas e, assim, livrar-se dos estilos da camada de texto, mas mantendo sua “aparência”.
Nomeie essa camada como “Texto Nitidez”. Então vá em Filtro > Tornar Nítido > Tornar Nítido e diminua a Opacidade da camada para cerca de 60% depois disso. Você deve obter um belo efeito de diamante como na imagem abaixo.
Etapa 10
Então… agora você pode fazer o mesmo Ctrl(Cmd)+clique nas camadas “Texto Nitidez” e o próprio texto e mesclar para que tenhamos uma bela camada final rasterizada e nítida… nomeie-a “Camada de Texto Final”
Agora é hora de queimá-lo… e evitá-lo…
Então. Pegue a Ferramenta Subexposição (O) e defina-a como um pincel macio e redondo de cerca de 60px de tamanho, Intervalo: Realces e Exposição: cerca de 10%. SEM aerógrafo, a propósito.
…e comece a desviar das balas… xD
Quero dizer, desviar do texto. Certifique-se de não desviar (clarear) demais, apenas tente definir uma fonte de luz, sabe? Onde a luz bate mais forte, a cor será mais para o branco.
Depois de terminar o Subexposição, use a Ferramenta Superexposição, novamente um pincel redondo e suave de cerca de 60px, definido como Range: Sombras e Realces em cerca de 10% novamente, SEM AERÓGRAFO… e queime ao redor das partes opostas aos lugares que desviamos (clareamos) anteriormente.
Pffft, depois de tanto desviar (clarear) e queimar estamos cansados, mas olhando para o nosso resultado estamos satisfeitos em ver… algo assim:
Etapa 11
Ufa, resolvi isso 🙂
Agora vamos cuidar daquela infame borda dourada ^^
Certo, então. Selecione a camada “Texto Borda Dourada” logo abaixo da sua “Camada de Texto Final”.
Certifique-se de que a cor do primeiro plano esteja definida como #d4ad74 e pressione Ctrl (Cmd no Mac) + clique na miniatura da camada “Camada de texto final” na Aba de camadas para obter sua seleção, como na imagem abaixo:
Então vá em Editar > Traçar largura: 5px e localização: externa.
Dê a ele os estilos de camada nas imagens abaixo:
Etapa 12
Legal! Agora as coisas devem estar ficando parecida com a da imagem abaixo:
Ok, então Ctrl+clique na miniatura da “Camada de Texto Final” na paleta de camadas, para obter sua seleção. Depois de fazer isso Ctrl(Cmd)+Shift+clique na miniatura da “Borda dourada”… sim! Agora selecionamos os dois em uma seleção enormíssima 🙂
Como na imagem abaixo:
Etapa 13
Agora dê a esta seleção uma camada de ajuste de Brilho/Contraste, com Brilho: +15 e Contraste: +5. Legal 🙂
Certo, agora o que faremos é usar o método Ctrl(Cmd)+clique em camadas para selecionar a “Camada de Texto Final”, a “Borda Dourada” e a camada de ajuste de Brilho/Contraste que acabamos de criar na paleta de camadas em uma cor cinza… como na imagem abaixo:
Etapa 14
Depois disso, pressione Ctrl(Cmd)+E para mesclar esses pequenos insetos em uma única camada…então duplique essa camada e, em seguida vá em Editar > Transformação > Virar Verticalmente. Nomeie a camada como “Reflexo do Texto” e usando a Ferramenta Mover (V) mova-a de modo que seu topo fique a apenas alguns pixels de distância da parte inferior do texto original, como na imagem abaixo:
Etapa 15
Em seguida, vamos clicar em Ctrl(md)+T para transformá-lo, apertando-o verticalmente, para que depois disso nossa camada pareça estranhamente achatada como na imagem abaixo:
Certo.
Agora vá em Filtro > Tornar Nítido > Tornar Nítido e dê um bom Tornar Nítido… porque o redimensionamento vertical meio que o desfocou e não queremos isso, não é? Ah, e vamos nomear essa camada como “Reflexo” enquanto estamos nisso.
Em seguida, reduza a opacidade da camada para cerca de 45% e vá para Camada > Máscara de Camada > Revelar Todas. Certifique-se de ter selecionado a máscara e NÃO a miniatura da camada (isso é importante!) e defina sua cor de primeiro plano como #000000, pegue a Ferramenta Degradê (G) e defina-a como Plano de Fundo Para Transparente.
Em seguida, arraste de baixo para cima para obter um resultado semelhante à imagem abaixo:
Etapa 16
Agora é hora dos brilhos.
Pegue seu pincel de brilhos favorito… por exemplo este http://fav.me/d2y09xk e defina a cor do primeiro plano como #ffffd2 e pincele aqui e ali alguns pequenos brilhos 🙂
Então nomeie essa camada de “Brilhos” (Duh!) e dê a ela este estilo de camada abaixo:
Etapa 17
Okaaaay, agora você deve ter algo como na imagem abaixo:
- Matiz: 0
- Saturação: +10
- Luminosidade: 0
A propósito, certifique-se de que esta camada de ajuste esteja acima de todas as outras!
Okay, em seguida, crie uma nova camada, yeeees, em cima… de todas as outras… e nomeie-a ” Efeito Bokeh 1″. Pegue seu pincel bokeh faaavorito, defina sua cor de primeiro plano como #fcf9ea e faça um pouco de bokeh ^^
Em seguida, defina o modo da camada como Subexposição de Cor e reduza o Preenchimento para cerca de 30%.
Ok… em seguida, para um efeito mais sutil, defina sua cor de primeiro plano como #e1af7d e crie uma nova camada acima de todas as outras, pegue a coisa do bokeh novamente e pincele um pouco (isso funciona especialmente bem em áreas sombreadas). Defina esta camada como Subexposição de cores e diminua o Preenchimento para cerca de 50%, e nomeie a camada como “Efeito Bokeh 2”.
Você obterá algo como na imagem abaixo:
Etapa 18
Ok, agora o que você precisa fazer para este tutorial de Efeito de brilho extravagante realista ficar incrível é acessar aqui: http://fav.me/d2ae5ft
Sugiro que você use tons de rosa bem claros para obter o efeito desejado.
Crie um diamante exatamente como esse e escreva-o no seu arquivo .PSD chamativo. Certifique-se de que ele esteja colocado em uma camada em cima de todas as outras.
Bom… agora vamos apenas nomear a camada “Diamante”. Então duplique-a 6-7 vezes. Com essas duplicatas, mudaremos o tamanho e a orientação redimensionando e/ou invertendo horizontalmente, para criarmos a impressão de profundidade de campo e aleatoriedade.
Basta redimensionar e/ou inverter cada um deles um pouco e colocá-los aleatoriamente na tela… algo assim:
Etapa 19
Em seguida, usaremos a ferramenta Nitidez (O) definida como um pincel macio e redondo com tamanho aproximado de 60px, Modo: Normal, Intensidade: 25%, e afiaremos essas belezinhas só um pouquinho.
Não estamos usando o filtro de nitidez porque isso dá resultados estranhos. Então pegue essa ferramenta e comece a trabalhar! xD
Em seguida, pegue a Ferramenta Desfoque e defina-a como um pincel forte e redondo de aproximadamente 100px de tamanho, Modo: Normal e Intensidade: 30% e desfoque o maior e mais próximo, veja na minha imagem que é o canto inferior esquerdo, para darmos a impressão de que está muito próximo da câmera e, portanto, ligeiramente fora de foco.
Faça o mesmo com o menor e mais distante diamante.
Bom. A próxima coisa que faremos é duplicar cada camada de diamante QUE TOCA O “CHÃO”!
Certifique-se de fazer as seguintes ações apenas nos diamantes que tocam o chão, não naqueles que estão no ar também.
Como eu disse, duplique cada diamante que toca o chão e em cada um faça o seguinte:
Vire a camada verticalmente usando Editar > Transformação > Virar Verticalmente.
Mova a cópia invertida para baixo, como fizemos para o reflexo do Texto Bling, lembra? Mova-a para baixo para que fique apenas um ou dois pixels abaixo do diamante principal, como na imagem abaixo:
Etapa 20
Então…:
Vá em Camada > Máscara de Camada > Revelar Tudo.
Pegue a Ferramenta Degradê (G), defina-a como Primeiro Plano para transparente e Gradiente Linear, e certifique-se de que sua cor de Primeiro Plano esteja definida como #000000 …também conhecido como simples… antigo… preto xD
Em seguida, arraste da parte inferior da cópia em direção ao topo como na imagem abaixo, e reduza a opacidade da camada para cerca de 75%:
…para que você obtenha algo como a imagem abaixo:
Etapa 21
Em seguida, mesclaremos todas as cópias de diamante (não as de reflexão, apenas as camadas principais de diamantes) em uma camada usando o método Ctrl(Cmd)+E.
Então duplique a camada resultante e nomeie-a “Diamantes-desfoque de movimento”. Vá em Filtro > Desfoque > Desfoque de Movimento, e dê a ela um ângulo de 90 graus e uma distância de cerca de 40.
Em seguida, clique em OK e mova a camada de desfoque de movimento resultante um pouco para cima, de modo que o desfoque de movimento fique visível apenas acima dos diamantes… você sabe… como… bem… um desfoque em movimento… haha ^^;
Tipo… hmm… você não veria um borrão de movimento SOB o objeto caindo, apenas acima dele, entende?
Em seguida, mova essa camada de desfoque de movimento para baixo da camada “Diamantes”.
Como na imagem abaixo:
Então diminua o Preenchimento para cerca de 25% e defina o modo de mesclagem para Subexposição Linear. Opcionalmente, agora você pode pegar aquele seu pincel Sparkles favorito novamente e em uma nova camada acima de todo o resto… dê alguns brilhos aos seus diamantes também, não apenas ao texto em si.
Então… senhoras e senhores, olhem abaixo na imagem para ver nosso resultado final:
Espero que tenham gostado do tutorial Efeito de brilho extravagante realista. Um pouco longo, mas acho que esse é um efeito lindo e espero que alguns o utilizem bem.
