Como criar seu próprio papel de parede personalizado Bokeh no Photoshop

Nós ensinamos o que é bokeh e como criá-lo com uma câmera física, agora vamos dar uma olhada em como podemos criar a maravilhosa suavidade do bokeh como um belo papel de parede colorido e leve para o seu computador e dispositivos móveis.

Por que eu quero fazer isso??

Há dois grandes exemplos do tutorial de fotos de hoje. Primeiro, você terá a chance de criar um papel de parede bokeh (que é um companheiro muito divertido e colorido para as fotografias de bokeh analógicas que já mostramos como criar).

Em segundo lugar, você também aprenderá o básico do Photoshop Brush Engine, que é uma ferramenta muito poderosa no arsenal do Photoshop (e um bastante subutilizado)..

Finalmente, é apenas uma boa edição digital limpa. Em vez de vasculhar o Google Images ou outras fontes para obter um papel de parede estilo bokeh perfeito para o seu telefone ou computador, você mesmo pode criá-lo com as cores e a composição exatas que deseja.

O que eu preciso?

Para este tutorial, você só precisará de uma coisa:

• Adobe Photoshop

Estamos usando o Adobe Photoshop CS6, mas as técnicas descritas no tutorial devem funcionar bem em edições antigas do Photoshop..

Além do Photoshop, não há ferramentas adicionais ou entradas de arquivo necessárias; estaremos criando a imagem inteira dentro do aplicativo.

Quais conceitos estamos usando?

Para este tutorial, há alguns elementos-chave de design que queremos ter em mente. Em uma fotografia real, o efeito bokeh é criado por pontos de luz fora do plano focal da lente, onde a luz desfocada dos realces assume a forma da abertura da lente..

Para criar esse efeito, não podemos simplesmente criar um punhado de círculos e nos proclamar com o projeto, queremos recriar a ilusão de profundidade que uma fotografia real teria (como os pontos de luz existiriam em pontos ligeiramente diferentes de o plano focal). Também queremos recriar a variabilidade do tamanho da luz que você encontraria no mundo real. Em outras palavras, não queremos uma imagem plana com tamanho de círculo uniforme.

Para conseguir isso, faremos duas coisas: para reduzir o tédio de desenhar centenas de círculos de tamanhos variáveis, criaremos um pincel personalizado apenas para essa tarefa. Em seguida, combinaremos várias camadas desses círculos de tamanho variável para criar a ilusão de profundidade.

Configurando e Criando seu Pincel Bokeh

A primeira tarefa é criar nosso espaço de trabalho e criar nosso pincel faux-Bokeh. Crie uma nova imagem no Photoshop com o tamanho do papel de parede que você deseja criar. Estamos trabalhando com a resolução de tela padrão de 1920 × 1080 pixels. Defina seu plano de fundo para transparente.

Depois de criar sua nova tela, clique na paleta e selecione uma cor de primeiro plano que seja extremamente cinza escuro sem ser preta - usamos valores RGB 30-30-30:

Depois de selecionar um cinza muito escuro, selecione a Shape Tool (U) e mude para Ellipses. Mantenha pressionada a tecla Shift para bloquear a proporção da forma que você está prestes a desenhar e desenhe um círculo no centro da tela. Não precisa ser particularmente grande; na nossa tela de 1920 × 1080, desenhamos um círculo de aproximadamente 300 pixels de largura. A única parte crítica é que o círculo é grande o suficiente para você ver confortavelmente e editar; o tamanho real do círculo será ajustado imediatamente em um ponto posterior no tutorial.

Neste ponto, você terá um círculo quase preto no meio da tela. Clique duas vezes na entrada da camada no painel lateral Camadas e faça dois ajustes. Primeiro, ajuste a opacidade de preenchimento para 50% (verifique se você está ajustando a opacidade de preenchimento e não a categoria de opacidade mais ampla). Segundo, adicione uma camada Stroke preta pura de 10 pixels de largura com 100% de opacidade da seguinte forma:

O resultado deve ser bastante semelhante à imagem acima: um círculo perfeito com uma borda preta e um centro esfumaçado que se parece com um filtro de lente de câmera de tipos.

Este círculo não tão excitante ainda vai servir como semente para o nosso pincel. É aqui que a verdadeira mágica acontece no tutorial de hoje. Depois de criar o círculo colorido simples acima, navegue até Edit -> Define Brush Preset. Nomeie sua nova predefinição de pincel; nós nomeamos o nosso "Bokeh Brush 1".

Depois de nomear seu novo pincel, você notará que o painel Brush / Brush Presets agora está aberto no lado direito da tela. Primeiro, selecione a ferramenta pincel pressionando B no teclado ou selecionando-a manualmente na paleta de ferramentas. Em seguida, clique na guia Predefinições do pincel. Localize e selecione seu novo pincel:

Uma vez selecionado, clique na aba Pincel para visualizar e modificar as propriedades do pincel. Na parte inferior, abaixo de todas as variáveis ​​de pincel, há uma amostra de como é a pincelada do pincel. Com as configurações padrão, parece com isso:

Você sabe o que isso não parece? Bokeh suave, natural e manchado. Estamos prestes a mudar isso. Na entrada Forma da Ponta do Pincel no painel Pincel. Na parte inferior do painel, altere o espaçamento de 25% para 100%. Observe a mudança na janela de visualização do pincel:

Em seguida, precisamos criar um posicionamento aleatório dos círculos, aumentando a variável de dispersão. Clique na entrada Scattering e ajuste o Scatter para 10.000%, o Count para 5 e o Count Jitter para 1%. (Depois de criarmos o pincel inicial, sinta-se à vontade para brincar com esses valores com o Bokeh Brush 2, alterando os valores aqui e nas variáveis ​​a seguir, obtemos efeitos claros). Sua janela de amostra de pincel deve ficar assim agora:

Agora estamos chegando a algum lugar; essa amostra é iniciada para se parecer com os pontos aleatórios e sobrepostos de luz esperados de uma fotografia rica em bokeh.

Vamos fazer algo sobre a uniformidade de dimensionamento navegando para a entrada Shape Dynamics. Altere as predefinições para Size Jitter 100%, Control: Pen Pressure, Minimum Diameter 50% e, em seguida, deixe o restante em 0% e desative / desmarque da seguinte forma:

Melhor ainda, a adição do Size Jitter realmente introduziu uma boa variação. O toque final em nosso pincel é ajustar a Opacidade e o Fluxo de Tremulação na categoria Transferência. Clique em Transferir e ajuste o jitter de opacidade para 50% e o jitter de fluxo para 50%. Altere o controle no jitter de fluxo para a pressão da caneta. Deixe tudo fora ou em 0% da seguinte forma:

Agora isso é uma bela prévia; basta olhar para ele, você pode praticamente ver o papel de parede tomando forma apenas na pequena caixa de visualização.

Com o nosso pincel definido, é hora de avançar para o processo de criação do papel de parede real.

Criando o gradiente de fundo e camadas de bokeh

Vá em frente e crie uma nova camada em sua área de trabalho (e, se desejar, desmarque ou exclua a camada usada para criar o pincel baseado em elipse). Etiquete esta camada “Background”. Você pode colocar uma cor sólida ou um gradiente no plano de fundo do seu papel de parede nessa nova camada, mas os gradientes são muito mais bonitos no produto acabado..

Selecione a Gradient Tool (G) e, em seguida, escolha um dos gradientes predefinidos ou crie o seu próprio. As predefinições não tinham o tipo de efeito de arco-íris hiper-brilhante que estávamos procurando, então criamos um novo gradiente usando os valores de semente para localizações de gradiente 0%, 50% e 100% de 255-0-252, 0- 252-255 e 240-255-0, respectivamente:

Aplicado em um ângulo de aproximadamente 35 graus do canto inferior esquerdo até o canto superior direito da tela, o gradiente se parece com isso:

Com a tela pintada, é hora de começar com a primeira camada de bokeh. Crie uma nova camada chamada “Bokeh Background”. Selecione a ferramenta Pincel (B). Altere a cor do pincel para branco puro. Selecione um tamanho de pincel de aproximadamente um terço a metade do tamanho vertical de sua tela (no caso de nossa tela de 1920 x 1080, que significa um pincel de aproximadamente 300 a 500 pixels de tamanho). Estamos jogando muito hoje, então 500 pixels é.

O próximo passo (e suas repetições subsequentes) é inteiramente uma questão de gosto. Ir luz com o pincel no início e, em seguida, um pouco mais pesado, se desejar. Lembre-se, isso não é como usar um pincel padrão, no qual você pode clicar no ponto X e receber um feedback imediato nesse ponto. Criamos um pincel que efetivamente cria um traço muito amplo e muito variável.

Comece com um passe do pincel do lado da tela para o outro e, em seguida, toque aqui ou ali para adicionar mais círculos. Descobrimos que dois passes sólidos da esquerda para a direita e depois da direita para a esquerda fazem um bom trabalho. Veja como sua tela deve ficar, com alguns círculos:

Como essa é a camada de fundo, precisamos borrá-la para começar a construir essa sensação de profundidade. Enquanto ainda estiver na camada Bokeh Background, navegue até Filter -> Blur -> Gaussian Blur. Um valor de 20 a 30 produz um desfoque de fundo agradável:

Agora precisamos repetir o processo com alguns pequenos ajustes. Crie uma nova camada chamada "Bokeh Midground". Diminua o tamanho do pincel para um valor menor (nós o descartamos de 500 pixels para 300 pixels). Mais uma vez, faça um passe sobre a tela com a ferramenta pincel até que esteja satisfeito com o número de círculos. Aplique o Gaussian Blur novamente, mas desta vez ajuste o desfoque entre 5-10 pixels: 

Podemos ver o papel de parede realmente tomando forma com a adição da segunda camada. Agora é hora de mais uma camada. Crie uma nova camada chamada “Bokeh Foreground”. Altere o tamanho do pincel para um valor ainda menor (nós o descartamos de 300 pixels para 150 pixels). Repita a passagem do pincel sobre a tela. Repita o desfoque gaussiano, mas reduza o valor para 1 a 5 pixels.

Este é o último passo do tutorial, uma vez que você borrou a camada “Bokeh Foreground”, você será recompensado com o produto final:

A coisa divertida sobre o fluxo de trabalho é que é extremamente fácil, uma vez que você tenha passado por ele uma vez, para criar novamente novos papéis de parede com círculos realmente densos (ou esparsos), gradientes claros ou escuros e outras variações.

De fato, sem sequer repetir todo o processo, você pode criar uma nova camada sobre a sua antiga camada de fundo, aplicar um novo gradiente e criar um papel de parede com uma nova vibração:

Com projetos como esse, a variabilidade e aleatoriedade do resultado final é parte da diversão. Sinta-se à vontade para experimentar com tamanhos de pincel, configurações e outras variáveis ​​para obter resultados divertidos e únicos - melhor ainda, compartilhe-os nos comentários abaixo com seus colegas leitores.