Efeito Bokeh no Photoshop
Autor: Web Fácil | Publicado: 2012-06-10T06:24:00-07:00

Como criar fundo colorido abstrato com efeito bokeh no PhotoshopNo tutorial de hoje, você vai aprender como criar um fundo abstrato colorido com efeito bokeh usando ferramentas de desenho do Photoshop, modos de mistura e técnicas de iluminação.Arquivo PSD em camadas incluído.&nbsp;Vamos começar!Pré-visualização da imagem final
Inspirado&nbsp;Hexillus&nbsp;por&nbsp;Miniman&nbsp;.Crie um novo documento (&nbsp;Ctrl + N&nbsp;) no&nbsp;Adobe Photoshop&nbsp;com o tamanho&nbsp;1920px&nbsp;por&nbsp;1200px&nbsp;(&nbsp;RGB&nbsp;modo de cor) com uma resolução de&nbsp;72 pixels por polegada&nbsp;.&nbsp;Use o&nbsp;Paint Bucket Tool (G)&nbsp;para preencher com&nbsp;# 010E1F&nbsp;cor da&nbsp;camada de fundo novo&nbsp;.
Para criar um fundo de fibra vamos baixar&nbsp;Spiderman Pattern&nbsp;de&nbsp;brusheezy.com&nbsp;.&nbsp;Copie o arquivo padrão e colá-lo,&nbsp;C :/ Adobe / Photoshop / Presets / padrões&nbsp;.&nbsp;Crie uma nova camada&nbsp;e preencha com&nbsp;a cor preta&nbsp;, clique para&nbsp;adicionar um estilo de camada&nbsp;ícone da parte inferior do&nbsp;painel Camadas&nbsp;e selecione&nbsp;Pattern Overlay&nbsp;.&nbsp;Ir para&nbsp;Picker padrão&nbsp;e adicional&nbsp;Padrão Spiderman&nbsp;podem ser adicionados, carregando-os doselecionador do&nbsp;submenu.

Nós temos o efeito seguinte:
Clique na mesma camada na parte inferior do&nbsp;painel Layers&nbsp;em&nbsp;Adicionar máscara de camada&nbsp;e escolher um ícone&nbsp;redondo macio&nbsp;pincel de cor preta da&nbsp;ferramenta Pincel (B)&nbsp;(defina a&nbsp;opacidade&nbsp;para&nbsp;10%&nbsp;nabarra de opções&nbsp;)
Use&nbsp;Soft Round&nbsp;pincel para pintar na máscara para esconder um pouco o documento bordas:
Crie uma nova camada&nbsp;e selecione novamente a&nbsp;suave Rodada&nbsp;escova
Use o&nbsp;redondo macio&nbsp;pincel para pintar a parte central do documento com o&nbsp;# 003173&nbsp;cor
Na próxima&nbsp;nova camada&nbsp;vamos aplicar novamente&nbsp;Soft Round&nbsp;pincel para pintar mais a mesma parte da imagem com outra cor -&nbsp;# 0F6FBC
Em seguida passe no&nbsp;Adobe Illustrator&nbsp;programa e escolha aqui a&nbsp;Ellipse Tool (L)&nbsp;para desenhar duas elipses de cor preta.
Usando a&nbsp;ferramenta Seleção Direta (A)&nbsp;, selecione as duas elipses e aplicar aqui a opção seguinte:&nbsp;Object&gt; Blend Options&gt; Blend
Nós temos o seguinte resultado:
Selecione as elipses e pressione&nbsp;CTRL + C (copiar)&nbsp;.&nbsp;Passe sobre&nbsp;Adobe Photoshop&nbsp;programa depois que e pressione&nbsp;CTRL + V&nbsp;(&nbsp;Colar como - Pixels&nbsp;).
Selecione para esta camada&nbsp;CTRL + I (Inverse)
Defina o&nbsp;modo de mistura&nbsp;para&nbsp;Soft Light&nbsp;para esta camada e clique em&nbsp;Adicionar um estilo de camadaícone da parte inferior do&nbsp;painel Layers&nbsp;para selecionar&nbsp;Drop Shadow&nbsp;:
Nós temos o seguinte resultado:
Clique na mesma camada na parte inferior do&nbsp;painel Layers&nbsp;em&nbsp;Adicionar máscara de camada&nbsp;e escolha o ícone&nbsp;redondo macio&nbsp;escova (&nbsp;20% de opacidade&nbsp;) de&nbsp;cor preta
Use&nbsp;Soft Round&nbsp;pincel para pintar na máscara para esconder as bordas elipses.
Crie uma nova camada&nbsp;e selecione o&nbsp;Airbrush macio e redondo&nbsp;escova de&nbsp;cor branca
Use&nbsp;Airbrush Soft Round&nbsp;pincel para desenhar vários círculos pequenos, alterando a&nbsp;opacidade&nbsp;,&nbsp;dureza&nbsp;valor eo&nbsp;tamanho do pincel do
Clique em&nbsp;Adicionar uma camada de&nbsp;ícone de estilo da parte inferior do&nbsp;painel Layers&nbsp;para selecionar&nbsp;Outer Glow
Adicionar&nbsp;Inner Glow
Nós temos o seguinte resultado:
Crie a seguinte&nbsp;nova camada&nbsp;e selecione o&nbsp;macio e redondo&nbsp;escova
Desenhe um ponto da cor&nbsp;# FF00FF&nbsp;(definir a&nbsp;opacidade&nbsp;para&nbsp;10%&nbsp;na&nbsp;barra de opções&nbsp;)
Use o mesmo&nbsp;macio e redondo&nbsp;escova para uma&nbsp;nova camada&nbsp;para pintar a parte mostrada abaixo com a cor# 4AC1E4
Crie uma nova camada&nbsp;e selecione o&nbsp;Airbrush Soft Round&nbsp;escova e&nbsp;cor branca&nbsp;(&nbsp;30% de opacidade&nbsp;)
Use o&nbsp;Airbrush Soft Round&nbsp;escova para representar um ponto na parte central da tela.
Em seguida, escolha a&nbsp;ferramenta Pen (P)&nbsp;, defina o modo de desenho em&nbsp;Shape Layers&nbsp;na&nbsp;barra de opções&nbsp;e tirar muitas formas, como mostrado.
Definir&nbsp;Preencha&nbsp;para&nbsp;0%&nbsp;para essa camada e clique em&nbsp;Adicionar um estilo de camada&nbsp;ícone da parte inferior do&nbsp;painel Layers&nbsp;para selecionar&nbsp;Gradient Overlay&nbsp;:
Clique na&nbsp;barra de cores&nbsp;para abrir o&nbsp;Editor de Degradê&nbsp;e definir a&nbsp;cor pára&nbsp;como mostrado.&nbsp;Clique&nbsp;em OKpara fechar a&nbsp;Gradient Editor de&nbsp;caixa de diálogo.
Temos o próximo declive na forma:
Desenhe outra forma
Definir&nbsp;Preencha&nbsp;a&nbsp;0%&nbsp;e vá para&nbsp;Layer Style&gt; Gradient Overlay
Abra o&nbsp;Editor de Degradê&nbsp;e definir a&nbsp;cor pára&nbsp;como mostrado.&nbsp;Clique&nbsp;em OK&nbsp;para fechar a&nbsp;Gradient Editor de&nbsp;caixa de diálogo.
Nós temos o efeito seguinte:
Desenhe outra forma:
Definir&nbsp;Preencha&nbsp;a&nbsp;0%&nbsp;e clique em&nbsp;Adicionar um estilo de camada&nbsp;ícone da parte inferior do&nbsp;painel Layerspara selecionar&nbsp;Gradient Overlay&nbsp;:
Abra o&nbsp;Editor de Degradê&nbsp;e definir a&nbsp;cor pára&nbsp;como mostrado.&nbsp;Clique&nbsp;em OK&nbsp;para fechar a&nbsp;Gradient Editor de&nbsp;caixa de diálogo.
Nós temos o seguinte resultado:
Representam uma outra forma usando&nbsp;a Pen Tool (P)
Definir&nbsp;Preencha&nbsp;a&nbsp;0%&nbsp;e vá para&nbsp;Layer Style&gt; Gradient Overlay
Abra o&nbsp;Editor de Degradê&nbsp;e definir a&nbsp;cor pára&nbsp;como mostrado.
Nós temos o seguinte resultado:
Desenhe outra forma:
Definir&nbsp;Preencha&nbsp;a&nbsp;0%&nbsp;e clique em&nbsp;Adicionar um estilo de camada&nbsp;ícone da parte inferior do&nbsp;painel Layerspara selecionar&nbsp;Gradient Overlay&nbsp;:
Clique na&nbsp;barra de cores&nbsp;para abrir o&nbsp;Editor de Degradê&nbsp;e definir a&nbsp;cor pára&nbsp;como mostrado.&nbsp;Clique&nbsp;em OKpara fechar a&nbsp;Gradient Editor de&nbsp;caixa de diálogo.
Temos o próximo declive na forma:
Representam uma outra forma:
Definir&nbsp;Preencha&nbsp;a&nbsp;0%&nbsp;no&nbsp;painel Layers&nbsp;, adicione&nbsp;Layer Style&gt; Gradient Overlay
Abra o&nbsp;Editor de Degradê&nbsp;e definir a&nbsp;cor pára&nbsp;como mostrado.&nbsp;Clique&nbsp;em OK&nbsp;para fechar a&nbsp;Gradient Editor de&nbsp;caixa de diálogo.
Nós temos o seguinte resultado:
Representam uma outra forma na parte direita
Definir&nbsp;Preencha&nbsp;para&nbsp;0%&nbsp;para essa camada e clique em&nbsp;Adicionar um estilo de camada&nbsp;ícone da parte inferior do&nbsp;painel Layers&nbsp;para selecionar&nbsp;Gradient Overlay&nbsp;:
Clique na&nbsp;barra de cores&nbsp;para abrir o&nbsp;Editor de Degradê&nbsp;e definir a&nbsp;cor pára&nbsp;como mostrado.&nbsp;Clique&nbsp;em OKpara fechar a&nbsp;Gradient Editor de&nbsp;caixa de diálogo.
Nós temos o efeito seguinte: