como usar luz e sombra
Autor: Rodrigo | Publicado: 2011-10-24T19:18:00-02:00







Fontes de Luz

Então, antes de iniciar o tutorial, aqui está um diagrama pouco sobre como a luz pode atingir um objeto.Aqui nós temos um objeto quadrado no meio com a luz vinda do canto superior esquerdo.&nbsp;Você pode ver que onde a luz bate no objeto, uma sombra é projetada sobre o outro lado.&nbsp;Note que a sombra não é uma sombra Photoshop, o que torna o olhar como se fosse objeto pairando sobre a tela.&nbsp;Aqui queremos o objeto para olhar como é uma coisa tridimensional preso na lona, ​​extrusão, se quiser.&nbsp;Agora me diga o site de outro tutorial Photoshop dá-lhe diagramas?&nbsp;É como estar de volta à escola!








Passo 1

Começamos o tutorial desenhando um gradiente sutil Linear do cinza escuro ao cinza escuro.&nbsp;Observe que, como nós queremos a nossa luz vir do canto superior esquerdo, que é onde o isqueiro parte do documento é.








Passo 2

Agora vamos colocar algum texto.&nbsp;Eu usei uma fonte muito legal chamado Agency FB, que tem um condensado, hard-edge sentem à mesma.&nbsp;Você deve fazer o texto de um cinza-ish cor azul - # c2c8d4 para ser preciso.








Passo 3

Em seguida Ctrl-clique na camada de texto e criar uma nova camada acima dela.&nbsp;Na nova camada, com que a seleção ainda tinha, desenhe um gradiente linear de # 495a79 para transparente da parte inferior direita para a esquerda.&nbsp;Em outras palavras você está escurecendo o inferior direito, como mostrado.








Passo 4

Definir seu plano de cor preta (você pode fazer isso pressionando 'D' a letra do seu teclado que restaura os padrões).

Agora Ctrl-clique na camada de texto novamente e criar uma nova camada&nbsp;abaixo&nbsp;da camada de texto.Agora pressione a seta para baixo no teclado de uma vez a seta direita do seu teclado uma vez.&nbsp;Em seguida, pressione Alt + Backspace para preencher com preto.&nbsp;Em seguida, pressione para baixo e à direita novamente um tempo e preencha com preto.&nbsp;Cada vez que você estará se movendo 1px direita e 1px para baixo.&nbsp;Você deve repetir este processo cerca de 30 vezes (que é por isso que é importante usar Alt + Backspace em vez da ferramenta Fill).

Note também que para mover a seleção, mas não o preenche quando você pressiona as teclas de seta, você tem que ter uma das ferramentas Marquee por diante.&nbsp;Se você alternar para a ferramenta Move (V) quando você pressiona para baixo e para a direita você vai realmente mover o preenchimento preto, assim como a seleção e será apenas preenchendo os pixels, uma e outra.








Passo 5

Aqui está o que você já deve ter.&nbsp;Agora desmarque e verifique se você está na camada de sombra, então vá para Filter&gt; Blur&gt; Motion Blur e usar valores de -45 graus e uma distância de 30px.








Passo 6

Definir a sua camada de sombra para Multiply e Opacity cerca de 40% e então segure a tecla Shift pressionada e pressione a seta para baixo e depois a seta para a direita.&nbsp;Isto irá mover o objeto direita e para baixo 10px cada. (Shift diz Photoshop para ir 10px em um momento em vez de 1)&nbsp;Agora você pode ter algumas das partes desfocadas da sombra saindo para o topo e à esquerda do objeto.&nbsp;Se este for o caso, pegue uma borracha pequena e macia e suavemente apagar afastado qualquer coisa que não deve ser sombreado (lembre-se o diagrama no início).








Passo 7

Em seguida duplique a camada sombra, segure a tecla Shift e mova-o para baixo e à direita novamente.Em seguida, execute o filtro Motion Blur novamente com uma distância de 50px neste momento e definir essa camada para Multiply e Opacity 20%.&nbsp;Isto é só para dar nossas sombras mais de uma trilha off.








Passo 8

Agora crie uma nova camada acima de todas as outras camadas, mantenha pressionada a tecla Ctrl e clique na camada de texto principal para selecionar seus pixels e para trás em sua nova camada preencher a seleção com Branco.&nbsp;Não deixe de ir a seleção apenas ainda though.&nbsp;Em vez disso, pressione para baixo e à direita uma vez para mover 1px de distância e, em seguida, aperte Delete.

Defina esta camada fina linha branca de cerca de 80% de opacidade.








Passo 9

Como você pode ver, a fina linha branca dá uma espécie de efeito destacar que a fonte luminosa é bater o texto e dá a impressão de que o texto é mais tridimensional.













Etapa 10

Em seguida, queremos criar algumas correntes de luz natural.&nbsp;Crie uma nova camada acima de todos os outros e tirar quatro ou cinco retângulos brancos aproximadamente semelhantes aos mostrados (ou seja, engordando como eles vão para baixo).








Etapa 11

Agora pressione Ctrl + T para transformar e girar e ampliar os retângulos como mostrado.&nbsp;Agora normalmente você pressione Enter quando terminar, mas desta vez não deixar ir ainda.&nbsp;Em vez disso, botão direito do mouse e você terá um menu pop-up mostrando-lhe outros tipos de transformações que você pode fazer.&nbsp;Escolha Perspectiva.&nbsp;O motivo é importante fazer isso em uma única etapa é para que você não perca sua caixa delimitadora.&nbsp;Então, tome parte superior esquerda dois pontos e aproximá-los juntos para que a luz parece estar vindo de um lugar e se espalhando.








Etapa 12

Aqui nós temos os nossos quatro faixas de "luz".&nbsp;Agora defina a camada para Overlay e Opacity 20% e, em seguida vá em Filter&gt; Blur&gt; Gaussian Blur e dar-lhe um raio de desfocagem 6px.








Etapa 13

Agora você deve ter algo parecido com isso.








Etapa 14

Agora uma vez que essas tiras finas são destinadas a ser luz, não faria sentido se a nossa camada de destaque só apareceram onde a luz estava batendo certo?&nbsp;Então Ctrl-clique na camada de luz e, em seguida, clique na camada de destaque de mais cedo, em seguida, enquanto a seleção ainda está em, clique no botão Add Layer Mask (é a outra na parte inferior da paleta camada à direita da f ' 'ícone).&nbsp;Isto irá criar uma máscara que só mostra a camada de destaque, onde as sobreposições acendê-lo.








Etapa 15

Então você poderia parar por aqui, mas já está olhando muito bom, mas vamos terminar este efeito off, acrescentando alguns iluminação quente.








Etapa 16

Então, antes de tudo criar uma nova camada logo acima do fundo e encha-o com uma cor rosada - # 9d506c.








Etapa 17

Agora defina o modo de mesclagem da camada rosa de cor ea opacidade para 20%.&nbsp;Isso dá aos nossos fundo uma bela avermelhada calor.&nbsp;Sobre a parte superior deste agora podemos misturar em alguns amarelos.&nbsp;Se não colocar no baixo tom avermelhado, o resultado sai procurando muito amarelo e não é particularmente real.








Etapa 18

Em seguida, criamos uma camada logo acima da rosa.&nbsp;Preenchê-lo completamente com o branco e depois ir para&gt; Lighting Effects Filter&gt; Render.&nbsp;Eu não costumo usar efeitos de iluminação, mas ele tem um pré muito bacana chamado Spotlight O'clock Dois, que você pode selecionar, indo para Estilo no topo e olhar através das opções.&nbsp;Você pode muito bem usar isso como padrão, mas para os nossos propósitos que ajuda a prolongar a elipse para torná-lo um pouco mais (ou seja, o centro das atenções é um pouco mais off).








Etapa 19

Agora vamos definir a camada de iluminação para Overlay e você tem algo como mostrado abaixo.&nbsp;Agora duplique essa camada, movê-lo acima de todas as outras e coloque-a opacidade 40%.&nbsp;Isso garante que a nossa iluminação quente é também interagir com o texto e não apenas o fundo.