✅ Pincel de brilho do Photoshop e efeito de trilha de movimento

Criando um pincel Sparkle
Adicionando uma trilha de movimento

Aprenda a criar um pincel de brilho personalizado no Photoshop. Em seguida, aprenda a usar o pincel para adicionar uma trilha mágica de brilho a uma foto!

O Photoshop facilita a criação de pincéis e trilhas de brilho. Na primeira parte deste tutorial, criaremos nosso pincel de brilho do zero usando alguns dos pincéis internos do Photoshop para adicionar uma variedade de brilhos ao nosso design. Depois que criarmos o pincel de brilho, vamos transformá-lo em uma trilha de brilho, usando as poderosas opções de pincel dinâmico do Photoshop para controlar o comportamento do pincel enquanto pintamos. Por fim, adicionaremos um efeito de desfoque à trilha de brilho e daremos um brilho colorido para ajudá-la a parecer mais mágica.

Existem algumas etapas envolvidas, mas todas são muito simples e, como sempre, explicarei cada etapa à medida que avançamos, para que todos possam seguir adiante.

Esta versão do tutorial foi atualizada e expandida para o Photoshop CC, mas é totalmente compatível com o Photoshop CS6. Se você estiver usando o CS5 ou anterior, convém seguir a versão original deste tutorial.

Aqui está a foto que vou usar para este tutorial. Eu baixei este do Adobe Stock:

A imagem original. Crédito da foto: Adobe Stock.

E aqui está como ficará quando terminarmos:

O resultado final.

Criando um pincel Sparkle

Etapa 1: Criar um novo documento do Photoshop

Como mencionei, adicionaremos nossa trilha de brilho usando um pincel "brilho" personalizado, portanto, a primeira coisa que precisamos fazer é criar nosso pincel. Para isso, precisaremos criar um novo documento do Photoshop. Vá para o menu Arquivo na barra de menus na parte superior da tela e escolha Novo :

Indo para Arquivo> Novo.

Isso abre a caixa de diálogo Novo documento . No Photoshop CC 2017, a Adobe redesenhou completamente a caixa de diálogo Novo documento, de modo que a versão que você vê depende da versão do Photoshop que você está usando. Se você estiver usando o Photoshop CC como eu estou aqui (e sua cópia do CC estiver atualizada), você verá a versão redesenhada. Se você estiver usando o Photoshop CS6, verá a versão mais antiga e tradicional. Veremos a versão redesenhada primeiro. Então, para manter este tutorial compatível com o CS6, veremos a versão tradicional. Não se preocupe, isso leva apenas um minuto.

Primeiro, no Photoshop CC, a caixa de diálogo Novo documento redesenhada será exibida na tela. A maior parte da caixa de diálogo é ocupada por uma grande área mostrando miniaturas dos documentos abertos recentemente e dos tamanhos usados recentemente. Você pode ignorar esta área. O que queremos é o painel Detalhes predefinidos, à direita. É aqui que inserimos nossas próprias configurações de documentos personalizados.

Queremos criar um documento quadrado para o pincel, então defina os valores de Largura e Altura para 200 e altere o tipo de medida para Pixels . Ignore o valor da resolução, pois ele se aplica apenas à impressão e não afeta o que vemos na tela. A única outra opção com a qual precisamos nos preocupar aqui é garantir que o Conteúdo do plano de fundo esteja definido como Branco . Quando terminar, clique no botão Criar no canto inferior direito para fechar a caixa de diálogo e criar seu documento:

A caixa de diálogo Novo documento no Photoshop CC.

Se você estiver usando o Photoshop CS6, verá a caixa de diálogo Novo documento, com estilo mais antigo, mas as configurações que precisamos inserir são as mesmas. Defina os valores de Largura e Altura como 200 pixels e verifique se Conteúdo do plano de fundo está definido como Branco . Clique em OK quando terminar de fechar a caixa de diálogo e criar seu novo documento:

A caixa de diálogo Novo documento no Photoshop CS6.

Um novo documento de 200 x 200 pixels, preenchido com branco, aparecerá na tela:

Nosso novo documento de 200 x 200 pixels.

Etapa 2: selecione a ferramenta Pincel

Com o nosso novo documento criado, selecione a ferramenta Pincel na barra de ferramentas, à esquerda da tela. Você também pode selecionar a ferramenta Pincel pressionando a letra B no teclado. De qualquer maneira funciona:

Selecionando a ferramenta Pincel.

Etapa 3: defina a cor do primeiro plano como preta

Em seguida, precisamos definir a cor do pincel para preto . O Photoshop usa nossa cor atual de primeiro plano como a cor do pincel; portanto, a maneira mais rápida de definir sua cor de primeiro plano para preto é pressionando a letra D no teclado. Isso redefine as cores do primeiro plano e do plano de fundo para os padrões, tornando a cor do primeiro plano preta (e a cor do plano de fundo branca).

Podemos ver nossas cores atuais de primeiro plano e plano de fundo nas duas amostras de cores próximas à parte inferior da barra de ferramentas. A cor do primeiro plano (amostra superior esquerda) agora deve aparecer em preto:

Pressione D (para "Padrões") para definir a cor do primeiro plano em preto.

Etapa 4: selecione o pincel "Star 70 Pixels"

O pincel "sparkle" que estamos criando é realmente apenas uma mistura de vários pincéis fornecidos com o Photoshop, e você pode experimentar diferentes combinações de pincéis para criar seu próprio pincel sparkle exclusivo, já que existem alguns que funcionariam bem para esse efeito. Ou você pode simplesmente usar o que criaremos aqui.

Para escolher nosso primeiro pincel, com a Ferramenta Pincel ativa, clique no ícone de alternância do painel Pincel na Barra de opções na parte superior da tela:

Clique no ícone de alternância do painel Pincel.

Isso abre o painel principal do Photoshop. Para visualizar a lista de pincéis predefinidos incluídos no Photoshop, clique no botão Predefinições de pincel :

Clique no botão Predefinições do pincel no painel Pincel.

Isso muda do painel Pincel para o painel Predefinições de pincel, onde vemos pequenas miniaturas dos pincéis atualmente carregados no Photoshop. Para facilitar a seleção de pincéis específicos da lista, vamos mudar da exibição em miniatura para a exibição em lista. Clique no ícone do menu no canto superior direito do painel Predefinições de pincel:

Clique no ícone de menu no painel Predefinições de pincel.

Em seguida, escolha Lista Pequena ou Lista Grande no menu. Vou escolher a Large List apenas para facilitar as coisas para vermos:

Escolhendo a opção Lista Grande no menu.

Agora que podemos ver os nomes das predefinições de pincel, role a lista até encontrar o pincel Star 70 Pixels . Clique nele para selecioná-lo:

Selecionando o pincel "Star 70 Pixels".

Etapa 5: clique em alguns pontos aleatórios com o pincel

Com o pincel "Star 70 Pixels" selecionado, clique em alguns pontos aleatórios para adicionar seus primeiros "brilhos". Três ou quatro cliques devem fazer o truque:

Clicar para adicionar os primeiros "brilhos".

Etapa 6: Carregar o conjunto "Escovas redondas com tamanho"

O segundo pincel que usaremos não é encontrado nos pincéis padrão do Photoshop, portanto, precisamos carregar em um dos outros conjuntos de pincéis incluídos no Photoshop. Clique mais uma vez no ícone do menu no canto superior direito do painel Predefinições de pincel:

Clique novamente no ícone do menu Predefinições de pincel.

Na metade inferior do menu, você verá uma lista dos outros conjuntos de pincéis que podemos escolher. Selecione o conjunto de pincéis redondos com tamanho clicando nele:

Escolhendo o conjunto de pincéis "Escovas redondas com tamanho".

O Photoshop perguntará se você deseja substituir seus pincéis atuais pelos pincéis do conjunto "Pincéis redondos com tamanho". Clique em OK Você pode restaurar facilmente os pincéis padrão do Photoshop a qualquer momento, retornando ao mesmo menu e escolhendo Redefinir pincéis:

Clicar em OK para substituir os pincéis atuais pelos novos.

Etapa 7: selecione o pincel "Airbrush Soft Round 17"

Com o novo conjunto de pincéis carregado, role a lista para baixo até encontrar o Airbrush Soft Round 17 . Clique nele para selecioná-lo:

Escolhendo "Airbrush Soft Round 17".

Etapa 8: clique em alguns pontos aleatórios com o novo pincel

Assim como fizemos com o pincel anterior há um momento, clique em três ou quatro pontos aleatórios para adicionar mais brilhos. Como se trata de um aerógrafo, quanto mais você pressionar o botão do mouse após clicar, mais a forma do pincel será "preenchida" nas bordas. Portanto, para uma variedade ainda maior, varie a quantidade de tempo que você pressiona o botão do mouse após clicar.

Se você não gostar de onde clicou, pressione Ctrl + Z (Win) / Command + Z (Mac) no teclado para desfazer o último clique e tente novamente:

Clicando em mais pontos aleatórios com o novo pincel.

Etapa 9: Carregar o conjunto "Escovas variadas"

Vamos mudar para um terceiro pincel. Novamente, precisaremos carregar um conjunto de pincéis diferente no Photoshop. Clique novamente no ícone de menu no canto superior direito do painel Predefinições de pincel:

Clicando no ícone do menu novamente.

Desta vez, escolha o conjunto de pincéis variados no topo da lista:

Selecionando "Pincéis variados" no menu.

O Photoshop perguntará novamente se você deseja substituir os pincéis existentes pelos novos. Clique em OK :

Substituindo as escovas anteriores pelo conjunto "Escovas sortidas".

Etapa 10: selecione o pincel "Starburst - Small"

Com os Pincéis variados carregados, role a lista para baixo no painel Predefinições de pincel até encontrar o pincel Starbust - Pequeno . Clique nele para selecioná-lo:

Escolhendo o pincel "Starburst - Small".

Etapa 11: clique em mais alguns pontos aleatórios

Clique em mais alguns pontos aleatórios para adicionar nosso terceiro e último tipo de brilho ao design:

Adicionando os últimos brilhos.

Etapa 12: definir uma nova predefinição de pincel

Nós adicionamos nossos brilhos. Tudo o que precisamos fazer agora é salvar nosso design como pincel. Para fazer isso, vá até o menu Editar na parte superior da tela e escolha Definir predefinição de pincel :

Indo para Editar> Definir predefinição de pincel.

O Photoshop abrirá uma caixa de diálogo onde podemos dar um nome ao nosso novo pincel. Nomeie-o "Sparkle Brush":

Nomeando o novo pincel.

Clique em OK quando terminar e seu novo pincel brilhante é criado! Você pode fechar o documento neste momento, pois não precisamos mais abri-lo. Também não é necessário salvar o documento quando o Photoshop solicitar, pois o pincel já foi criado.

Etapa 13: abra sua foto

Agora que criamos nosso pincel, estamos prontos para adicionar nossa trilha de brilho a uma foto. Abra a foto que você deseja usar. Novamente, aqui está a imagem que estou usando:

A imagem original. Crédito da foto: Adobe Stock.

Etapa 14: adicionar uma nova camada em branco

Queremos manter a trilha de brilho separada da foto (para não fazer alterações permanentes no original), para que a trilha de brilho seja colocada em sua própria camada. Para adicionar uma nova camada, clique no ícone Nova camada na parte inferior do painel Camadas:

Clicando no ícone Nova camada.

O Photoshop cria uma nova camada em branco, nomeia-a "Camada 1" e a coloca acima da imagem na camada Fundo:

O painel Camadas mostrando a nova camada em branco acima da imagem.

Etapa 15: selecione a ferramenta Pincel

Selecione sua ferramenta Pincel na barra de ferramentas, se ainda não estiver selecionada:

Selecionando a ferramenta Pincel.

Etapa 16: defina a cor do primeiro plano como branca

Nossa trilha de brilho não ficaria muito impressionante; pintamos de preto, então vamos mudar nossa cor de primeiro plano para branco . Primeiro, pressione a letra D no teclado para garantir que as cores de primeiro plano e de plano de fundo estejam definidas como padrão, com preto como cor de primeiro plano e branco como cor de plano de fundo. Em seguida, pressione a letra X no teclado para trocá-los, deixando a cor Primeiro plano branca:

Pressione "D" e, em seguida, "X" para definir a cor do primeiro plano como branca.

Etapa 17: selecione o pincel Sparkle

Com a ferramenta Pincel selecionada, clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) em qualquer lugar dentro da imagem para abrir rapidamente o seletor de predefinições de pincel do Photoshop e escolha seu "Sparkle Brush" na lista:

Selecionando o "Sparkle Brush" no seletor de Brush Preset.

Etapa 18: Abrir o painel Pincel

Antes de pintar com o pincel, primeiro precisamos definir alguns dos controles de pincel dinâmico do Photoshop. Abra o painel Pincel clicando no ícone de alternância do painel Pincel na barra de opções:

Clique no ícone de alternância do painel Pincel na barra de opções.

Etapa 19: Limpar os controles do pincel

Vamos limpar quaisquer controles de pincel que já possam estar ativos clicando no ícone de menu no canto superior direito do painel Pincel:

Clique no ícone de menu do painel Pincel.

Em seguida, escolha Limpar controles do pincel na lista:

Escolha "Limpar controles do pincel" no menu.

Etapa 20: selecione a categoria "Dinâmica da forma"

Os controles do pincel são divididos em categorias e você encontrará as categorias listadas à esquerda do painel Pincel. Primeiro, vamos abrir a categoria Shape Dynamics selecionando-a no topo da lista. À medida que selecionamos categorias diferentes, clique diretamente no nome da categoria, não dentro da caixa de seleção; caso contrário, você ativará a categoria, mas não terá acesso a nenhuma das opções:

Clicando diretamente na categoria "Shape Dynamics".

Etapa 21: defina as opções "Controle" e "Ângulo"

Com a Shape Dynamics selecionada, você verá um controle deslizante Tamanho Tremulação na parte superior das opções e, logo abaixo, uma opção Controle . Não é totalmente óbvio, mas esta opção de controle é tecnicamente a opção "Controle de tamanho". Ele nos permite escolher o que, se houver, controlará o tamanho do pincel enquanto pintamos. Altere a opção de controle para esmaecer . Você pode deixar o valor definido como padrão por 25 por enquanto, mas lembre-se de onde encontrá-lo, pois você pode querer voltar e alterá-lo mais tarde:

Alterando "Control" para "Fade" e deixando o valor definido em 25.

Ao definir a opção Controle de tamanho como "Desvanecer", o Photoshop reduzirá gradualmente o tamanho do pincel para zero, quando pintarmos uma pincelada, e o fará usando o número de "etapas" especificadas, que neste caso é 25. Você pode precisar experimentar o número de etapas para que sua trilha de brilho desapareça adequadamente com sua imagem (e foi por isso que mencionei que você deve se lembrar de onde encontrar esse valor), mas 25 é um bom lugar para começar.

Também na seção Shape Dynamic, aumente o Angle Jitter para 100% . Isso permitirá que o Photoshop gire o ângulo do pincel enquanto pintamos, ajudando nossos brilhos a parecerem mais aleatórios e menos parecidos com um padrão repetitivo:

Aumentando "Angle Jitter" para 100%.

Etapa 22: selecione a categoria "Dispersão"

Em seguida, selecione a categoria Dispersão, diretamente abaixo do Shape Dynamics:

Mudando para a categoria Dispersão.

Etapa 23: defina as opções "Dispersão" e "Contagem"

Aumente a quantidade de Dispersão para 110%, aumente o valor de Contagem para 3 e o Tremor de contagem para cerca de 40% :

Definindo as opções de Dispersão.

Etapa 24: selecione a categoria "Transferir"

Vamos abrir mais uma categoria, desta vez Transferir :

Abrindo a categoria Transferência.

Etapa 25: aumente o "Opacity Jitter" para 50%

Aumente o valor de Opacity Jitter para 50% . Isso adicionará níveis aleatórios de transparência aos nossos brilhos:

Aumentando o valor "Opacity Jitter" para 50%.

Etapa 26: clique em "Forma da ponta do pincel"

Por fim, vamos mudar para as opções gerais de pincel clicando em Brush Tip Shape, diretamente acima da categoria Shape Dynamics:

Clicando em "Forma da ponta do pincel".

Etapa 27: aumente o "espaçamento" para 50%

Na parte inferior das opções, aumente o valor de espaçamento para 50% . O espaçamento determina o comprimento máximo da pincelada (nossa trilha de brilho). Assim como no valor do desbotamento que vimos anteriormente na categoria Dinâmica da forma, talvez você precise experimentar um pouco de espaçamento para obter o comprimento da trilha de brilho perfeita.

Na parte inferior do painel Pincel, abaixo do controle deslizante Espaçamento, você verá uma prévia da aparência da trilha de brilho com todas as nossas opções de pincel aplicadas:

Aumentando o "espaçamento" para 50%.

Adicionando uma trilha de movimento

Etapa 28: Pinte sua trilha de brilho

Criamos nosso pincel brilho e definimos todas as opções de controle de pincel no painel Pincel. Também adicionamos uma nova camada em branco para manter nossa trilha de brilho e definimos nossa cor de primeiro plano para branco. Agora a parte divertida. Finalmente pintamos nossa trilha de brilho!

Posicione o cursor do pincel sobre, ou apenas à direita ou à esquerda, a fonte da trilha de brilho. No meu caso, a fonte é a varinha mágica da garota, então posicionarei meu cursor à esquerda dele. Você deseja combinar o tamanho do cursor do pincel com o tamanho do objeto, o que significa que provavelmente precisará redimensionar o pincel. A maneira mais fácil de fazer isso se for pelo teclado. Pressione a tecla do suporte esquerdo ( ( ) repetidamente para diminuir o pincel ou a tecla do suporte direito ( ) ) para aumentá-lo.

Aqui podemos ver meu cursor de pincel, com todos os seus pequenos brilhos, posicionados principalmente à esquerda da varinha, mas também sobrepondo um pouco:

Posicione o cursor do pincel onde deseja que a trilha de brilho comece.

Para pintar a trilha de brilho, pressione e mantenha pressionado o botão do mouse e arraste na direção em que deseja que a trilha de brilho flua. No meu caso, vou arrastar sobre a cabeça da garota e descer o outro lado dela, como se ela tivesse criado a trilha de brilho acenando com a varinha no ar.

Observe como o Photoshop diminui o tamanho do pincel (e a trilha de brilho) à medida que você arrasta mais longe do ponto de origem, até que, eventualmente, o pincel diminui completamente. Esse é o resultado da opção Fade que definimos na seção Shape Dynamics do painel Brush:

Pressionando e segurando o botão do mouse e arrastando a garota para o outro lado.

Não se preocupe em obter a trilha de brilho exatamente correta na primeira vez. Se você não estiver satisfeito com isso, basta pressionar Ctrl + Z (Win) / Command + Z (Mac) no teclado para desfazê-lo e tente novamente.

Se a trilha estiver diminuindo muito rapidamente (ou não o suficiente), pressione Ctrl + Z (Win) / Command + Z (Mac) no teclado para desfazê-la. Em seguida, volte ao painel Pincel e tente um valor diferente de Fade na categoria Shape Dynamics (Etapa 21). Você também pode tentar ajustar o valor de espaçamento para alterar o comprimento máximo da trilha (etapa 27). Não há pressa, portanto, fique à vontade para experimentar até ficar satisfeito com o resultado.

Etapa 29: Pintar trilhas adicionais para adicionar mais brilhos (opcional)

Se você achar que não há "brilho" suficiente na trilha, basta pintar uma segunda trilha por cima da primeira para aumentá-la. No meu caso, primeiro vou reduzir o tamanho do meu pincel pressionando a tecla de colchete esquerdo ( ( ) no teclado. Depois, posicionarei novamente o cursor do pincel à esquerda da varinha e vou pinte uma segunda trilha de brilho um pouco menor no meio da primeira:

Pintando uma segunda trilha menor através da primeira para adicionar mais brilhos.

Para adicionar ainda mais brilhos mais perto da varinha, reduzirei o tamanho do meu pincel novamente pressionando a tecla de colchete esquerdo ( ( ) algumas vezes). Depois, arrasto algumas trilhas menores, uma de mais perto da parte inferior da varinha e um de mais perto da parte superior.Eu até clico na varinha algumas vezes apenas para adicionar alguns brilhos extras na fonte.

O resultado depois de pintar algumas trilhas menores por cima da inicial, maior.

Etapa 30: Duplicar "Camada 1"

Nossa trilha de brilho está na "Camada 1" acima da imagem. Vamos fazer uma cópia da camada clicando em "Camada 1" e arrastando-a para baixo no ícone Nova camada, na parte inferior do painel Camadas:

Arraste "Camada 1" para o ícone Nova camada.

O Photoshop faz uma cópia da camada, nomeia-a como "cópia da camada 1" e a coloca acima do original. Normalmente, queremos renomear nossas camadas e dar nomes mais descritivos, mas como precisamos apenas de algumas camadas para esse efeito, isso não é realmente necessário:

Uma cópia da "Camada 1" aparece acima do original.

Etapa 31: Aplicar o filtro Gaussian Blur

Vamos adicionar um brilho aos nossos brilhos, adicionando um leve efeito de desfoque à camada duplicada que acabamos de criar. Faremos isso usando o filtro Gaussian Blur do Photoshop. Vá para o menu Filtro na parte superior da tela, escolha Desfoque e escolha Desfoque Gaussiano :

Indo para Filter> Blur> Gaussian Blur.

Isso abre a caixa de diálogo Gaussian Blur, na qual você encontra o controle deslizante Radius na parte inferior. O valor Radius controla a quantidade de desfoque aplicado. Fique de olho na sua imagem enquanto arrasta o controle deslizante para a direita. Quanto mais você arrasta, mais desfocados você aplica, criando um brilho suave ao redor dos brilhos.

O valor exato que você precisa dependerá do tamanho da sua imagem. Para uma imagem maior como a que estou usando, um valor de raio entre 15 e 20 pixels funciona bem. Para imagens menores, convém usar um valor menor:

Aumentar o valor do raio para desfocar os brilhos e criar um brilho suave.

Clique em OK para fechar a caixa de diálogo Gaussian Blur e aqui está o meu resultado. A trilha de brilho definitivamente está começando a parecer mais "mágica":

A trilha de brilho depois de aplicar o filtro Gaussian Blur.

Etapa 32: duplicar a camada "Camada 1 cópia"

Vamos fazer uma cópia da camada desfocada clicando em "Cópia da camada 1" e arrastando-a para baixo no ícone Nova camada, na parte inferior do painel Camadas. Quando você soltar o botão do mouse, o Photoshop colocará uma cópia dele, denominada "Camada 1 cópia 2", acima das outras camadas:

Arrastando a camada superior para o ícone Nova camada.

Etapa 33: adicione um estilo de camada "brilho externo"

Para finalizar o efeito, vamos adicionar um pouco de cor ao brilho ao redor dos brilhos. Para isso, usaremos um estilo de camada Outer Glow. Clique no ícone Layer Styles (o ícone "fx") na parte inferior do painel Layers:

Clicando no ícone Layer Styles.

Em seguida, escolha Outer Glow na lista:

Escolhendo um estilo de camada Outer Glow.

Isso abre a caixa de diálogo Estilo de camada definida para as opções Brilho externo na coluna do meio. Primeiro, aumente a opacidade do brilho para 100% . Isso facilitará a visualização da cor que estamos selecionando. Em seguida, para escolher uma cor, clique na amostra de cores :

Aumentando a opacidade para 100% e clicando na amostra de cores.

Escolha a cor que você deseja usar no Seletor de cores do Photoshop. No meu caso, vou escolher um rosa avermelhado para combinar com a cor do vestido da menina:

Escolha de uma cor para o brilho no Seletor de cores.

Clique em OK para fechar o Seletor de cores. Em seguida, de volta à caixa de diálogo Layer Style, diminua a opacidade do brilho para reduzir sua intensidade. Vou diminuir o meu para 60% :

Diminuindo a opacidade do estilo da camada Outer Glow.

Clique em OK para fechar a caixa de diálogo Layer Style. E com isso, terminamos! Aqui, depois de adicionar um pouco de cor à minha trilha de brilho com o estilo da camada Outer Glow, está o meu resultado final: