Pincel de brilho do Photoshop e efeito de trilha de movimento
Saiba como criar um pincel de brilho personalizado no Photoshop. Em seguida, aprenda a usar o pincel para adicionar um rastro de brilho mágico a uma foto!
Escrito por Steve Patterson.O Photoshop torna a criação de pincéis e trilhas de brilho extremamente fácil. Na primeira parte deste tutorial, criaremos nosso pincel de brilho do zero usando alguns dos pincéis integrados do Photoshop para adicionar uma variedade de brilhos ao nosso design. Então, depois de criar 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 ao rastro de brilho e daremos um brilho colorido para ajudá-lo a parecer mais mágico.
Existem algumas etapas envolvidas, mas todas são muito simples e, como sempre, explicarei cada etapa à medida que avançamos para que todos possam acompanhar.
Esta versão do tutorial foi atualizada e expandida para Photoshop CC mas é totalmente compatível com o Photoshop CS6. Se você estiver usando CS5 ou anterior, você vai querer acompanhar o versão original deste tutorial.
Aqui está a foto Eu vou estar usando para este tutorial. 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 brilhante
Etapa 1: criar um novo documento do Photoshop
Como mencionei, adicionaremos nossa trilha de brilho usando um pincel 'sparkle' personalizado, então a primeira coisa que precisamos fazer é criar nosso pincel. Para isso, precisaremos criar um novo documento do Photoshop. Vá até o Arquivo menu na barra de menus na parte superior da tela e escolha Novo :
Indo para Arquivo > Novo.Isso abre o Novo Documento caixa de diálogo. 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 de qual versão do Photoshop você está usando. Se você estiver usando o Photoshop CC como eu estou aqui (e sua cópia do CC é atualizado ), você verá o versão redesenhada . Se você estiver usando o Photoshop CS6, verá a versão mais antiga e tradicional. Veremos primeiro a versão redesenhada. Então, para manter este tutorial compatível também com o CS6, veremos a versão tradicional. Não se preocupe, isso leva apenas um minuto.
Primeiro em Photoshop CC , a caixa de diálogo Novo Documento redesenhada aparecerá na tela. A maior parte da caixa de diálogo é ocupada por uma grande área mostrando miniaturas de seus documentos abertos recentemente e de seus tamanhos de documentos usados recentemente. Você pode ignorar esta área. O que queremos é o Detalhes da predefinição painel à direita. É aqui que inserimos nossas próprias configurações de documento personalizadas.
Queremos criar um documento quadrado para nosso pincel, então defina seu Largura e Altura valores para 200 e altere o tipo de medição para Píxeis . Ignore o valor de Resolução, pois ele aplica-se apenas a impressão e não tem efeito sobre o que vemos na tela. A única outra opção com a qual precisamos nos preocupar aqui é garantir que Conteúdo de fundo está configurado para Branco . Quando terminar, clique no Crio botão 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 Photoshop CS6 , você verá a caixa de diálogo Novo documento de estilo antigo, mas as configurações que precisamos inserir são as mesmas. Defina tanto o seu Largura e Altura valores para 200 pixels e certifique-se Conteúdo de fundo está configurado para Branco . Clique OK quando terminar, feche a caixa de diálogo e crie 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 nosso novo documento criado, selecione o Pincel de Barra de ferramentas ao longo do lado esquerdo da tela. Você também pode selecionar a ferramenta Pincel pressionando a letra B no seu teclado. De qualquer maneira funciona:
Selecionando a ferramenta Pincel.Etapa 3: Defina sua cor de primeiro plano para preto
Em seguida, precisamos definir a cor do pincel para Preto . O Photoshop usa nosso atual Cor do primeiro plano como a cor do pincel, então a maneira mais rápida de definir sua cor de primeiro plano para preto é pressionando a letra D no seu teclado. Isso redefine suas cores de primeiro plano e plano de fundo para seus padrões, tornando sua cor de primeiro plano preta (e sua cor de plano de fundo branca).
Podemos ver nossas cores atuais de Foreground e Background nas duas amostras de cores perto da parte inferior da barra de ferramentas. A cor do primeiro plano (amostra superior esquerda) agora deve estar mostrando preto:
Pressione D (para 'Padrões') para definir sua cor de primeiro plano para preto.Passo 4: Selecione o pincel 'Star 70 Pixels'
O pincel 'brilhante' que estamos criando é realmente apenas uma mistura de vários pincéis que acompanham o Photoshop, e você pode experimentar diferentes combinações de pincéis para criar seu próprio pincel de brilho exclusivo, já que existem alguns que funcionariam bem para esse efeito. Ou você pode simplesmente usar o que vamos criar aqui.
Para escolher nosso primeiro pincel, com a Brush Tool ativa, clique no Painel de pincel ícone de alternância na Barra de opções na parte superior da tela:
Clicando no ícone de alternância do painel Pincel.Isso abre o painel Pincel principal do Photoshop. Para visualizar a lista de pincéis predefinidos incluídos no Photoshop, clique no ícone Predefinições de pincel botão:
Clicando no botão Brush Presets no painel Brush.Isso nos muda do painel Brush para o painel Brush Presets, onde vemos pequenas miniaturas dos pincéis que estão carregados no Photoshop. Para facilitar a seleção de pincéis específicos da lista, vamos alternar da visualização de miniaturas para uma visualização de lista. Clique no ícone de menu no canto superior direito do painel Brush Presets:
Clicando no ícone de menu no painel Brush Presets.Então escolha ou Lista pequena ou Lista Grande do cardápio. Vou escolher Lista Grande apenas para tornar as coisas mais fáceis de ver:
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 Estrela 70 pixels escovar. 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:
Clicando para adicionar os primeiros 'brilhos'.Passo 6: Carregue o conjunto 'Pincéis redondos com tamanho'
O segundo pincel que usaremos não é encontrado nos pincéis padrão do Photoshop, portanto, precisaremos carregar um dos outros conjuntos de pincéis incluídos no Photoshop. Clique mais uma vez no ícone de menu no canto superior direito do painel Brush Presets:
Clicando novamente no ícone do menu Brush Presets.Na metade inferior do menu, você verá uma lista dos outros conjuntos de pincéis que podemos escolher. Selecione os Pincéis redondos com tamanho definido clicando nele:
Escolhendo o conjunto de pincéis 'Round Brushes with Size'.O Photoshop perguntará se você deseja substituir seus pincéis atuais pelos pincéis do conjunto 'Pincéis redondos com tamanho'. Clique OK . Você pode restaurar facilmente os pincéis padrão do Photoshop a qualquer momento voltando a este mesmo menu e escolhendo Redefinir pincéis:
Clicando em OK para substituir os pincéis atuais pelos novos.Etapa 7: Selecione o pincel 'Airbrush Soft Round 17' Brush
Com o novo conjunto de pincéis carregado, role a lista até encontrar Airbrush Soft Round 17 . Clique nele para selecioná-lo:
Escolhendo 'Aerógrafo Soft Round 17'.Etapa 8: Clique em alguns pontos aleatórios com o novo pincel
Assim como fizemos com o pincel anterior há pouco, clique em três ou quatro pontos aleatórios para adicionar mais brilhos. Como este é um aerógrafo, quanto mais tempo você segurar o botão do mouse depois de clicar, mais a forma do pincel 'preencherá' em direção às bordas. Portanto, para obter ainda mais variedade, varie a quantidade de tempo que você segura o botão do mouse depois de clicar.
Se você não gostar de onde clicou, pressione Ctrl+Z (Ganhar) / Comando+Z (Mac) no teclado para desfazer o último clique e tente novamente:
Clicando em mais pontos aleatórios com o novo pincel.Passo 9: Carregue o conjunto de 'pincéis variados'
Vamos mudar para um terceiro pincel. Novamente, precisaremos carregar um conjunto de pincéis diferente no Photoshop, então clique novamente no ícone de menu no canto superior direito do painel Brush Presets:
Clicando no ícone do menu novamente.Desta vez, escolha o Pincéis variados definido no topo da lista:
Selecionando 'Pincéis variados' no menu.O Photoshop perguntará novamente se você deseja substituir os pincéis existentes pelos novos pincéis. Clique OK :
Substituindo os pincéis anteriores pelo conjunto 'Pincéis variados'.Passo 10: Selecione o Pincel 'Starburst - Pequeno'
Com os pincéis sortidos carregados, role a lista no painel Brush Presets até encontrar o Starbust - Pequeno escovar. 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
Adicionamos nossos brilhos. Tudo o que precisamos fazer agora é salvar nosso design como um pincel. Para isso, vá até o Editar menu na parte superior da tela e escolha Definir predefinição de pincel :
Vá em 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 como 'Sparkle Brush':
Nomeando o novo pincel.Clique em OK quando terminar e seu novo pincel de brilho é criado! Você pode fechar o documento neste momento, pois não precisamos mais abri-lo. Também não há necessidade de salvar o documento quando o Photoshop solicitar, pois o pincel já está 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 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), então colocaremos a trilha de brilho em sua própria camada. Para adicionar uma nova camada, clique no Nova camada ícone na parte inferior do Painel de camadas :
Clicando no ícone Nova Camada.O Photoshop cria uma nova camada em branco, nomeia-a como 'Camada 1' e a coloca acima da imagem na Camada de fundo :
O painel Camadas mostrando a nova camada em branco acima da imagem.Etapa 15: selecione a ferramenta Pincel
Selecione seu Pincel da Barra de Ferramentas, se ainda não estiver selecionado:
Selecionando a ferramenta Pincel.Etapa 16: defina sua cor de primeiro plano para branco
Nosso rastro de brilho não ficaria muito impressionante se o pintássemos de preto, então vamos mudar nosso Cor do primeiro plano para branco . Primeiro, pressione a letra D no teclado para certificar-se de que as cores de primeiro plano e plano de fundo estão 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, tornando sua cor de primeiro plano branca:
Pressione 'D' e depois 'X' para definir sua cor de primeiro plano para branco.Etapa 17: selecione o pincel de brilho
Com a ferramenta Pincel selecionada, clique com o botão direito (Ganhar) / Clique com a tecla Control pressionada (Mac) em qualquer lugar dentro da imagem para abrir rapidamente o Photoshop Seletor de predefinições de pincel e escolha o seu 'Sparkle Brush' na lista:
Selecionando o 'Sparkle Brush' no seletor Brush Preset.Etapa 18: abra o painel do pincel
Antes de pintarmos com nosso pincel, primeiro precisamos definir alguns controles de pincel dinâmicos do Photoshop. Abra o Painel de pincel clicando no painel Pincel ícone de alternância na Barra de Opções:
Clicar no ícone de alternância do painel Pincel na Barra de opções.Etapa 19: limpe seus controles de pincel
Vamos limpar todos os controles de pincel que já podem estar ativos clicando no ícone de menu no canto superior direito do painel Pincel:
Clicando no ícone de menu do painel Pincel.Então escolha Limpar controles de pincel da lista:
Escolhendo 'Limpar controles de pincel' no menu.Etapa 20: selecione a categoria 'Dinâmica da forma'
Os controles de pincel são divididos em categorias, e você encontrará as categorias listadas à esquerda do painel Pincel. Primeiro, vamos abrir o Dinâmica da forma categoria selecionando-a no topo da lista. Como selecionamos diferentes categorias, certifique-se de clicar diretamente no próprio 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 de suas opções:
Clicando diretamente na categoria 'Shape Dynamics'.Passo 21: Defina as opções 'Control' e 'Angle'
Com Shape Dynamics selecionado, você verá uma Tamanho Jitter controle deslizante na parte superior das opções e logo abaixo disso, você verá um Ao controle opção. 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 Desvaneça . Você pode deixar o valor definido como padrão de 25 por enquanto, mas lembre-se de onde encontrá-lo porque você pode querer voltar e alterá-lo mais tarde:
Mudando 'Control' para 'Fade' e deixando o valor definido para 25.Ao definir a opção de controle de tamanho para 'Fade', o Photoshop diminuirá gradualmente o tamanho do pincel para zero à medida que pintamos uma pincelada, e o fará usando o número de 'etapas' que especificamos, que neste caso é 25. Você pode precisar experimentar o número de etapas para fazer com que sua trilha de brilho desapareça adequadamente com sua imagem (e é 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 Jitter do ângulo para 100% . Isso permitirá que o Photoshop gire o ângulo do pincel enquanto pintamos, ajudando nossos brilhos a parecerem mais aleatórios e menos repetitivos:
Aumentando 'Angle Jitter' para 100%.Etapa 22: selecione a categoria 'Dispersão'
A seguir, selecione o Espalhamento categoria, diretamente abaixo de Shape Dynamics:
Mudando para a categoria Dispersão.Passo 23: Defina as opções 'Scatter' e 'Count'
Aumente o Dispersão equivale a 110% , então aumente o Contar valor para 3 e Contagem de Tremor ao redor 40% :
Configurando as opções de Dispersão.Etapa 24: selecione a categoria 'Transferência'
Vamos abrir mais uma categoria, desta vez Transferir :
Abrindo a categoria Transferência.Passo 25: Aumente 'Opacity Jitter' para 50%
Aumente o Tremor de opacidade valor para cinquenta% . Isso adicionará níveis aleatórios de transparência aos nossos brilhos:
Aumentando o valor 'Opacity Jitter' para 50%.Passo 26: Clique em 'Forma da ponta do pincel'
Por fim, vamos alternar para as opções gerais de pincel clicando Forma da ponta do pincel , 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 Espaçamento valor para cinquenta% . O espaçamento determina o comprimento máximo de nossa pincelada (nossa trilha de brilho). Assim como no valor de Fade que analisamos anteriormente na categoria Shape Dynamics, você pode precisar experimentar um pouco com o Espaçamento para obter o comprimento da trilha de brilho da maneira certa.
Na parte inferior do painel Pincel, abaixo do controle deslizante Espaçamento, você verá uma prévia de como será a trilha de brilho com todas as nossas opções de pincel aplicadas:
Aumentando o 'Espaçamento' para 50%.Adicionando uma trilha de movimento
Passo 28: Pinte sua trilha de brilho
Criamos nosso pincel brilhante e definimos todas as nossas 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 conseguimos pintar nossa trilha de brilho!
Posicione o cursor do pincel, ou apenas à direita ou à esquerda, da fonte da trilha de brilho. No meu caso, a fonte é a varinha mágica da garota, então posiciono meu cursor à esquerda dela. Você vai querer combinar o tamanho do cursor do pincel com o tamanho do objeto, o que significa que você provavelmente precisará redimensionar o pincel. A maneira mais fácil de fazer isso é a partir do teclado. aperte o chave de colchete esquerdo ( [ ) repetidamente para tornar o pincel menor ou o chave de colchete direito ( ] ) para torná-lo maior.
Aqui podemos ver meu cursor de pincel, com todos os seus pequenos brilhos, posicionados principalmente à esquerda da varinha, mas também sobrepostos um pouco:
Posicione o cursor do pincel onde deseja que a trilha de brilho comece.Para pintar a trilha de brilho, pressione e segure o botão do mouse e, em seguida, basta arrastar na direção em que deseja que a trilha de brilho flua. No meu caso, eu vou arrastar sobre a cabeça da garota e para baixo do outro lado dela, como se ela criasse o rastro de brilho balançando sua varinha no ar.
Observe como o Photoshop esmaece o tamanho do pincel (e a trilha de brilho) à medida que você arrasta mais longe do ponto de origem, até que eventualmente o pincel desapareça 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, depois arrastando a garota para o outro lado.Não se preocupe em obter a trilha de brilho exatamente na primeira vez. Se você não estiver satisfeito com isso, basta pressionar Ctrl+Z (Ganhar) / Comando+Z (Mac) no teclado para desfazê-lo e tente novamente.
Se a trilha estiver desaparecendo muito rápido (ou não rápido o suficiente), pressione novamente Ctrl+Z (Ganhar) / Comando+Z (Mac) no teclado para desfazê-lo. Em seguida, volte ao painel Pincel e tente um Desvaneça valor na categoria Shape Dynamics (Etapa 21). Você também pode tentar ajustar o Espaçamento valor para alterar o comprimento máximo da trilha (Passo 27). Não há pressa, então sinta-se à vontade para experimentar até ficar satisfeito com o resultado.
Etapa 29: Pinte trilhas adicionais para adicionar mais brilhos (opcional)
Se você achar que não há 'brilho' suficiente na trilha, simplesmente pinte uma segunda trilha por cima da primeira para aumentar o volume. No meu caso, primeiro vou reduzir o tamanho do meu pincel pressionando o botão chave de colchete esquerdo ( [ ) no meu teclado. Em seguida, posiciono novamente o cursor do pincel à esquerda da varinha e pinto 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 próximos da varinha, vou reduzir o tamanho do meu pincel mais uma vez pressionando o botão chave de colchete esquerdo ( [ ) algumas vezes. Então, vou arrastar algumas trilhas menores, uma mais próxima da parte inferior da varinha e outra mais próxima do topo. Vou até clicar na própria varinha algumas vezes apenas para adicionar alguns brilhos extras na fonte. Aqui está o meu resultado:
O resultado depois de pintar algumas trilhas menores por cima da inicial, maior.Passo 30: Duplicar 'Camada 1'
Nossa trilha de brilho está na 'Camada 1' acima da imagem. Vamos fazer uma cópia da camada clicando em 'Layer 1' e arrastando-a para baixo na Nova camada ícone na parte inferior do painel Camadas:
Arrastar '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, gostaríamos de renomear nossas camadas e dar a elas nomes mais descritivos, mas como precisamos apenas de algumas camadas para esse efeito, não é realmente necessário:
Uma cópia de 'Camada 1' aparece acima do original.Etapa 31: aplique o filtro de desfoque gaussiano
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á até o Filtro menu na parte superior da tela, escolha Borrão , e depois escolha Desfoque Gaussiano :
Vá em Filter> Blur> Gaussian Blur.Isso abre a caixa de diálogo Gaussian Blur, onde você encontrará o Raio controle deslizante ao longo da parte inferior. O valor Radius controla a quantidade de desfoque aplicada. Fique de olho na sua imagem enquanto arrasta o controle deslizante para a direita. Quanto mais você arrastar, mais desfoque você aplicará, 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 Radius entre 15 a 20 pixels funciona bem. Para imagens menores, use um valor menor:
Aumentando 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 está definitivamente começando a parecer mais 'mágica':
A trilha de brilho após a aplicação do filtro Gaussian Blur.Etapa 32: Duplique a camada 'Cópia da camada 1'
Vamos fazer uma cópia da camada desfocada clicando em 'Cópia da camada 1' e arrastando-a para a Nova camada ícone na parte inferior do painel Camadas. Quando você soltar o botão do mouse, o Photoshop colocará uma cópia dele, chamada '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 Estilos de camada ícone (o ícone 'fx') na parte inferior do painel Camadas:
Clicando no ícone Estilos de Camada.Então escolha Brilho externo da lista:
Escolhendo um estilo de camada Outer Glow.Isso abre a caixa de diálogo Layer Style definida para as opções Outer Glow na coluna do meio. Primeiro, aumente o Opacidade do brilho para 100% . Isso tornará mais fácil ver a cor que estamos selecionando. Em seguida, para escolher uma cor, clique no botão amostra de cor :
Aumente a opacidade para 100% e clique na amostra de cor.Escolha a cor que deseja usar no Photoshop Seletor de cores . No meu caso, vou escolher um rosa-avermelhado para combinar com a cor do vestido da menina:
Escolhendo uma cor para o brilho no Color Picker.Clique em OK para fechar o Color Picker. Em seguida, de volta à caixa de diálogo Layer Style, abaixe o Opacidade do brilho para reduzir sua intensidade. vou baixar o meu para 60% :
Diminuindo a opacidade do estilo de 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 de camada Outer Glow, está meu resultado final:
Diminuindo a opacidade do estilo de camada Outer Glow.E com isso, terminamos! Aqui, depois de adicionar um pouco de cor à trilha de brilho, está meu resultado final:
O efeito final de 'rastro de brilho'.