Efeito Painterly Glow com filtros inteligentes no Photoshop

Escrito por Steve Patterson.

Nisso Curso de Efeitos do Photoshop , vamos aprender como dar a uma foto um efeito de 'brilho de pintura' usando várias instâncias do Desfoque de movimento filtro. Eu chamo isso de 'brilho de pintura' porque o resultado final parece uma combinação de pintura e efeito de brilho. Este é um efeito muito fácil de criar, mas para ajudar a torná-lo ainda mais fácil, usaremos Filtros inteligentes , introduzido pela primeira vez em Photoshop CS3 , o que significa que você precisará do Photoshop CS3 ou superior para acompanhar.



É possível criar esse mesmo efeito de foto no Photoshop CS2 ou anterior sem usar Filtros Inteligentes, mas como em todos os nossos tutoriais do Photoshop, o objetivo principal aqui não é memorizar etapas, mas aprender como o Photoshop realmente funciona, e esse efeito nos dá uma grande oportunidade de obter alguma experiência prática com um dos melhores novos recursos que a Adobe adicionou ao Photoshop em anos.



Aqui está a imagem que usarei para este tutorial:

  Uma foto de flores em um vaso. Imagem licenciada da iStockphoto por Photoshop Essentials.com. A imagem original.

Veja como ficará quando terminarmos:

  O final'painterly glow' effect. Image © 2009 Photoshop Essentials.com. O efeito final de 'brilho de pintura'.

Como criar um efeito Painterly Glow

Passo 1: Duplicar a camada de fundo

O primeiro passo para criar nosso efeito 'brilho de pintura' é duplicar a camada Background para que ainda tenhamos acesso à imagem original e não editada quando terminarmos. Para duplicar a camada Background, vá até a Camada menu na parte superior da tela, escolha Novo , e depois escolha Camada através de cópia :



  Escolhendo Nova Camada via Copiar na Barra de Menu no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Vá para Layer> New> Layer via Copy.

Ou, para uma maneira muito mais rápida de duplicar uma camada, basta pressionar o atalho de teclado Ctrl+J (Ganhar) / Comando+J (Mac). De qualquer forma duplica a camada Background, e se olharmos para a nossa paleta Layers, podemos ver que agora temos duas camadas. A camada de fundo, que contém a imagem original, está posicionada com segurança na parte inferior, e uma cópia da imagem, que o Photoshop nomeou automaticamente como 'Camada 1', está acima dela. Podemos ver o que está na camada olhando para o miniatura de visualização à esquerda de cada camada. Neste caso, ambas as camadas estão mostrando exatamente a mesma imagem:

  A paleta de camadas (painel) no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Uma cópia da imagem aparece acima do original na paleta Camadas.

Etapa 2: converter para filtros inteligentes

Para usar Filtros Inteligentes em uma camada, primeiro precisamos converter a camada em um Objeto inteligente . Os Objetos Inteligentes foram introduzidos pela primeira vez no Photoshop CS2 e os Filtros Inteligentes são essencialmente uma extensão deles. Você não pode trabalhar com Filtros Inteligentes sem primeiro converter uma camada em um Objeto Inteligente, então para fazer isso, com 'Camada 1' selecionada na paleta Camadas (as camadas selecionadas são destacadas em azul), vá até a Filtro menu na parte superior da tela e escolha Converter para filtros inteligentes :

  Convertendo uma camada em um Filtro Inteligente no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Vá para Filtro > Converter para Filtros Inteligentes.

O Photoshop exibirá uma caixa de aviso informando o que já sabemos, que é que estamos convertendo a camada em um Objeto Inteligente:



  Uma caixa de aviso do Photoshop. Imagem © 2009 Photoshop Essentials.com. Uma caixa de aviso aparece nos informando que estamos prestes a converter a camada em um Objeto Inteligente.

Clique em OK para fechar a caixa de aviso. Parece que nada aconteceu com a imagem na janela do documento, mas se olharmos novamente para a paleta Camadas, podemos ver que a miniatura de visualização em 'Camada 1' agora mostra um pequeno ícone no canto inferior direito. Este ícone nos diz que a camada agora é um Objeto Inteligente:

  Um ícone de objeto inteligente aparece na miniatura de visualização. Imagem © 2009 Photoshop Essentials.com. Um pequeno ícone de objeto inteligente aparece no canto inferior direito da miniatura de visualização para 'Camada 1'.

Etapa 3: aplique o filtro Motion Blur

Aplicar um Filtro Inteligente a um Objeto Inteligente no Photoshop não é diferente de aplicar um filtro normal a uma camada normal, exceto que quando você aplica um filtro a um Objeto Inteligente, o Photoshop converte automaticamente o filtro em um Filtro Inteligente. Para ver o que quero dizer, vamos aplicar nosso primeiro filtro Motion Blur. Com 'Layer 1' ainda selecionado, vá até o Filtro cardápio, escolha Borrão , e depois escolha Desfoque de movimento :

  Selecionando o filtro Motion Blur no menu Filter no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Vá para Filtro > Desfoque > Desfoque de Movimento.

Isso abre a caixa de diálogo do filtro Motion Blur, que nos permite controlar o ângulo e a distância do motion blur. Para este primeiro desfoque, vou definir o Ângulo para 90° , o que me dá listras verticais de desfoque. Então, para ajustar a distância do desfoque, clico e arrasto o Distância controle deslizante na parte inferior da caixa de diálogo. Arrastar o controle deslizante para a direita aumenta o comprimento das faixas de desfoque, enquanto arrastar para a esquerda diminui seu comprimento. Não há nenhum valor específico para inserir aqui, pois dependerá da sua imagem e da intensidade do efeito que você deseja obter, portanto, fique de olho na sua imagem para visualizar os resultados enquanto arrasta o controle deslizante. Vou definir minha distância para um valor de cerca de 452 pixels, o que me dá boas e longas faixas. Como estamos usando Filtros Inteligentes, não há necessidade de se preocupar em acertar as coisas neste momento, pois podemos voltar e alterar as configurações do filtro quantas vezes quisermos sem prejudicar a imagem de forma alguma:



  A caixa de diálogo do filtro Motion Blur no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Defina o Ângulo do desfoque de movimento para 90° e ajuste o comprimento das listras com o controle deslizante Distância.

Clique em OK quando terminar para sair da caixa de diálogo e aplicar o efeito de filtro. Minha imagem agora aparece como uma série de listras coloridas verticais:

  A imagem depois de aplicar o desfoque de movimento. Imagem © 2009 Photoshop Essentials.com. A imagem agora aparece como listras verticais de cor.

Passo 4: Mude o Blend Mode para Hard Light

Atualmente, as faixas de desfoque na 'Camada 1' estão bloqueando completamente a visualização da imagem original na camada de fundo. O que precisamos é que as listras se misturem com a imagem original. Para isso, tudo o que precisamos fazer é alterar a camada modo de mistura . Você encontrará a opção de modo de mesclagem no canto superior esquerdo da paleta Camadas. Por padrão, está definido como 'Normal'. Clique na palavra 'Normal' ou nas setas à direita da palavra, que traz uma lista de modos de mesclagem adicionais. Escolher Luz forte da lista:



  O modo de mesclagem Hard Light no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Altere o modo de mesclagem de 'Camada 1' de Normal para Hard Light.

Se você se lembrar do nosso Cinco modos de mistura essenciais para o tutorial de edição de fotos , o modo de mesclagem Hard Light faz parte do grupo Contrast de modos de mesclagem, o que significa que ele não apenas mescla as camadas, mas também aumenta o contraste da imagem ao mesmo tempo. Também acontece para aumentar a saturação da cor. Aqui está minha imagem depois de alterar o modo de mesclagem para Hard Light:

  A imagem depois de alterar o modo de mesclagem para Hard Light. Imagem © 2009 Photoshop Essentials.com. O modo de mesclagem Hard Light combina camadas e aumenta o contraste e a saturação da cor.

Você também pode tentar o Sobreposição modo de mesclagem para um efeito um pouco mais sutil, mas para a imagem que estou usando aqui, Hard Light me dá melhores resultados.

Até agora, tudo o que fizemos com nosso Filtro Inteligente não parece diferente de um filtro normal, mas aqui está a grande diferença. Com filtros normais, depois de aplicá-los a uma camada, fizemos alterações físicas e permanentes nos pixels dessa camada. Não há como editar as configurações do filtro depois que o filtro for aplicado, a não ser desfazer suas etapas e reaplicar o filtro novamente. Com Filtros Inteligentes, esse não é o caso. Podemos facilmente voltar e fazer alterações nas configurações do filtro sempre que quisermos, quantas vezes quisermos! Se olharmos abaixo de 'Layer 1' na paleta Layers, podemos ver o Motion Blur Smart Filter que acabamos de aplicar. Para trazer sua caixa de diálogo de volta a qualquer momento, basta clicar duas vezes no nome do filtro:



  O Filtro Inteligente Motion Blur listado na paleta Camadas no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Clique duas vezes no nome de um Filtro Inteligente na paleta Camadas para abrir sua caixa de diálogo e editar as configurações do filtro.

A caixa de diálogo será aberta instantaneamente, permitindo que você faça as alterações que desejar nas configurações. Clique em OK quando terminar para sair da caixa de diálogo e aplicar as novas configurações à camada. Com os Filtros Inteligentes, somos livres para experimentar diferentes filtros e configurações sem nos preocuparmos que qualquer coisa que estejamos fazendo seja permanente. Mesmo quando terminamos de criar nosso efeito aqui, você sempre pode voltar e experimentar diferentes configurações de Ângulo e Distância para os Desfoques de Movimento para comparar resultados diferentes!

A seguir, aplicaremos listras de desfoque de movimento adicionais à imagem!



Etapa 5: Duplicar 'Camada 1'

Assim como fizemos com a camada Background, vamos criar uma cópia da 'Layer 1'. Novamente, você pode ir até o Camada cardápio, escolha Novo , e depois escolha Camada através de cópia , mas você verá que o atalho de teclado para duplicar uma camada, Ctrl+J (Ganhar) / Comando+J (Mac), é muito mais rápido e é um dos atalhos do Photoshop que você definitivamente vai querer memorizar. Podemos ver na paleta Layers que agora temos uma cópia da 'Layer 1' acima do original:

  Uma cópia de'Layer 1' is added in the Layers palette in Photoshop CS3. Image © 2009 Photoshop Essentials.com. Duplique rapidamente uma camada no Photoshop pressionando Ctrl+J (Win) / Command+J (Mac).

Etapa 6: editar as configurações do filtro inteligente Motion Blur

Há duas coisas a serem observadas com a cópia da 'Camada 1' que acabamos de criar. Primeiro, se você olhar para a opção de modo de mesclagem no canto superior esquerdo da paleta Layers, verá que já está definido como Hard Light para nós, pois é para isso que 'Layer 1' foi definido. Mais importante, porém, se olharmos abaixo da camada, podemos ver que nosso Filtro Inteligente Motion Blur também foi copiado! Atualmente, o filtro está usando exatamente as mesmas configurações que aplicamos à 'Camada 1', mas como aprendemos há pouco, para editar as configurações de um Filtro Inteligente, basta Duplo click no nome do filtro:

  Editando as configurações do Motion Blur Smart Filter no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Clique duas vezes no segundo Motion Blur na paleta Layers para editar suas configurações.

A caixa de diálogo Motion Blur é aberta e desta vez, vou definir o Ângulo para -45° o que me dá listras desfocadas diagonais que vão do canto superior esquerdo ao canto inferior direito. Vou reduzir o comprimento das listras desta vez arrastando o Distância controle deslizante um pouco para a esquerda, mas sinta-se à vontade para experimentar por conta própria observando a imagem na janela do documento enquanto arrasta o controle deslizante:

  A caixa de diálogo Motion Blur no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Os Filtros Inteligentes nos permitem editar as configurações do filtro a qualquer momento sem fazer alterações permanentes na imagem.

Clique em OK quando terminar para sair da caixa de diálogo e aplicar as segundas configurações de Motion Blur. Aqui está minha imagem agora com dois Motion Blurs aplicados, cada um definido para um ângulo diferente:

  A foto agora com dois filtros Motion Blur aplicados. Imagem © 2009 Photoshop Essentials.com. Ambas as camadas agora têm sua própria cópia separada do filtro Motion Blur, cada uma usando configurações diferentes.

Novamente, se a qualquer momento você quiser experimentar configurações diferentes para qualquer filtro Motion Blur, basta clicar duas vezes em seu nome na paleta Layers para trazer sua caixa de diálogo de volta e fazer suas alterações.

Etapa 7: criar outra cópia da camada

Vamos adicionar mais um Motion Blur ao efeito. Primeiro, pressione Ctrl+J (Ganhar) / Comando+J (Mac) para criar uma cópia, bem, da cópia que criamos no Passo 5. Agora você deve ter quatro camadas na paleta Layers, com a camada mais recente ('Layer 1 copy 2') no topo. Normalmente, eu recomendaria renomear as camadas para algo mais descritivo, mas neste caso, como estamos trabalhando apenas com algumas camadas, não é realmente necessário.

Assim como vimos na Etapa 6, tanto o modo de mesclagem quanto o Filtro Inteligente Motion Blur foram copiados com a camada:

  Adicionando outra cópia da camada no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. A paleta Layers agora contém a camada Background original mais três cópias acima dela.

Etapa 8: editar as configurações do filtro inteligente Motion Blur

Clique duas vezes no filtro Motion Blur mais recente na paleta Layers para abrir sua caixa de diálogo:

  Clique duas vezes no Filtro Inteligente Motion Blur no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Cada uma das três cópias da camada Background agora tem seu próprio Motion Blur Smart Filter.

Para este terceiro Motion Blur, definirei meu Ângulo para 45° o que me dá listras diagonais mais uma vez, mas desta vez indo do canto inferior esquerdo para o canto superior direito. Também reduzirei um pouco mais o comprimento das faixas de desfoque arrastando o Distância controle deslizante para a direita, mas, novamente, sinta-se à vontade para escolher as configurações que funcionam melhor para sua imagem:

  Editando as terceiras configurações do Motion Blur Smart Filter no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Edite as terceiras configurações do Motion Blur.

Clique em OK quando terminar para sair da caixa de diálogo. Aqui está minha imagem depois de aplicar o terceiro Motion Blur:

  A foto com três filtros inteligentes Motion Blur aplicados no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Três filtros Motion Blur foram aplicados à imagem e podem ser editados a qualquer momento.

Em seguida, terminaremos as coisas agrupando as camadas e mascarando um pouco do efeito de desfoque!

Etapa 9: Agrupe as três camadas superiores juntas

Vou terminar meu efeito de 'brilho pintado' mascarando parte dele para revelar a foto original por baixo. Como o efeito se espalha por três camadas, o mais fácil é agrupar as três camadas e adicionar um máscara de camada a todo o grupo. Primeiro, precisaremos selecionar todas as três camadas de uma vez, então clique na camada superior na paleta Camadas para selecioná-la, se ainda não estiver selecionada. Então segure seu Mudança e clique em 'Camada 1' diretamente acima da camada de fundo. Isso selecionará ambas as camadas, bem como a camada entre elas. Você deve ver todas as três camadas acima da camada de fundo destacadas em azul:

  Selecionando várias camadas de uma vez no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Clique na camada superior, segure Shift e clique em 'Camada 1' para selecionar todas as três camadas acima da camada de fundo.

Com todas as três camadas selecionadas, vá até o Camada cardápio e escolha Camadas de Grupo :

  Selecionando o comando Group Layers no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Vá para Camada > Camadas de Grupo.

Parece que nada aconteceu com a imagem na janela do documento, mas podemos ver na paleta Layers que agora temos um grupo de camadas denominado 'Grupo 1'. Os grupos de camadas são representados por um ícone de pasta e todas as três camadas que selecionamos há pouco estão agora dentro da pasta (o grupo):

  Um grupo de camadas no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Agrupar camadas no Photoshop é uma maneira fácil de mascarar várias camadas de uma só vez.

Etapa 10: adicionar uma máscara de camada ao grupo

Com o grupo de camadas selecionado, clique no botão Máscara de camada ícone na parte inferior da paleta Camadas. É o ícone que se parece com um retângulo com um círculo cortado no meio:

  Adicionando uma máscara de camada a um grupo de camadas no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Clique no ícone Máscara de camada.

Isso adiciona uma máscara de camada ao grupo. Embora não possamos ver a máscara na janela do documento, sabemos que a máscara foi adicionada porque podemos ver uma miniatura de visualização da máscara de camada entre o ícone da pasta e o nome do grupo na paleta Camadas:

  Uma máscara de camada foi adicionada ao grupo de camadas no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. O grupo de camadas agora mostra uma miniatura de visualização de máscara na paleta Camadas.

Etapa 11: selecione a ferramenta Gradiente

Pegue o Ferramenta Gradiente da paleta Ferramentas, ou simplesmente pressione a letra G para selecioná-lo com o atalho de teclado:

  Selecionando a Ferramenta Gradiente na paleta Ferramentas no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Selecione a ferramenta Gradiente.

Etapa 12: selecione um gradiente radial preto para branco

Com a Ferramenta Gradiente selecionada, o Barra de opções na parte superior da tela mudará para mostrar opções para trabalhar com gradientes. Clique na pequena seta apontando para baixo à direita do área de visualização de gradiente , que abre uma caixa de seleção de gradiente e selecione o gradiente de preto para branco , terceiro gradiente da esquerda, linha superior:

  Selecionando um gradiente de preto para branco no Photoshop CS3. Imagem © 2009 Photoshop Essentials.com. Selecione o gradiente Preto para Branco.

À direita da área de visualização do gradiente há uma série de ícones que nos permitem escolher entre diferentes formas de gradiente. Clique no Gradiente Radial ícone, segundo a partir da esquerda, para selecioná-lo:

  Selecionando a opção Radial Gradient na barra de opções do Photoshop. Imagem © 2009 Photoshop Essentials.com. Escolha um gradiente radial na barra de opções.

Etapa 13: desenhe um gradiente radial na máscara de camada

Certifique-se de que a miniatura de visualização da máscara de camada esteja selecionada na paleta Camadas. Você deverá ver uma borda de destaque branca ao redor, indicando que está selecionada. Caso contrário, clique na miniatura para selecioná-la. Em seguida, clique e arraste um gradiente radial preto para branco na máscara de camada. O ponto onde você clicar pela primeira vez se tornará o ponto central do gradiente. Nesse ponto, o efeito 'brilho pintado' ficará completamente oculto, permitindo que a imagem original na camada de fundo abaixo dela apareça. À medida que você se afasta do ponto central em todas as direções, cada vez mais o efeito de brilho ficará visível, tornando-se 100% visível na borda externa do gradiente.

No meu caso, vou clicar perto do centro da imagem, que se tornará o ponto central do gradiente, depois arrasto em direção à borda das flores para definir o tamanho do gradiente:

  Arrastar um gradiente radial no Photoshop. Imagem © 2009 Photoshop Essentials.com. Clique e arraste um gradiente radial para definir a área de transição entre a imagem original e o efeito de brilho.

Quando eu solto o botão do mouse, o Photoshop desenha o gradiente na máscara de camada. Se observarmos a miniatura de visualização da máscara na paleta Layers, podemos ver o gradiente radial que foi criado:

  A miniatura de visualização da máscara de camada mostrando o gradiente radial. Imagem © 2009 Photoshop Essentials.com. O próprio gradiente é visível na miniatura de visualização da máscara.

E aqui, depois de mascarar parte do efeito para permitir que parte da imagem original apareça, está meu efeito final de 'brilho pintado':

  Efeito de brilho pictórico do Photoshop. Imagem © 2009 Photoshop Essentials.com. O efeito final.