Photoshop tutorial: técnicas de reflexão

A partir das imagens da Apple Web 2.0 "refletido" Intrenet inundada. Muitas vezes utilizado, contudo, são sempre impressionantes. Sabe como fazer um bom negócio não é complicado e, com um Pizzoc da imaginação, você pode torná-lo menos "óbvio" e "desconto" ... se você não pode prescindir.

Os conceitos básicos de SLR

Primeiro de tudo vamos ver como configurar uma reflexão básica. A base técnica para definir uma reflexão, pelo menos o meu favorito e eu uso o tempo todo, é a implementação simples e rápida. Este método permite o máximo de liberdade para fazer mudanças mais tarde, e preserva a transparência no caso de você deseja salvar a imagem para PNG 24 com transparência.

Carregando flash ...

1. Phosotoshop Como sempre, aberta e carregar a imagem que queremos refletir sobre uma camada específica
2. Duplicar a nossa camada (layer arraste o ícone para duplicar imagem ) E nominiamolo "sombra" ou "reflexo"
3. Partir do menu "Editar", selecione "Transform" / "Flip Vertical"
4. Arraste a nova camada "reflexo" abaixo da camada original e na base da camada original spostiamolo
5. Nós selecionamos a camada "reflexo" e mantendo pressionada a tecla ALT, adicione uma máscara clicando no ícone imagem "Máscaras" na camada de janela da ferramenta, a camada de "reflexo" deve desaparecer
6. Nós selecione a máscara na camada "reflexo" e clique em imagem Enchimento
. 7 Montamos um gradiente de preto ou branco para transparente: imagem
8. Desenhe o gradiente do centro da camada original na camada intermediária do "reflexo"

Ao definir um gradiente radial, ao invés de linear, você não pode fazer nossa reflexão usual, como mostrado na figura abaixo:

imagem

A reflexão da superfície

Nós podemos agir na camada "reflexo" para simular reflexões superfcie diferentes. Se essa camada não altera o efeito será um "espelho" homogêneo, em seguida, gerada por uma superfície lisa e totalmente reflexivo. Aplicação de tal um borrão borrão, podemos ottenre:

imagem

Você também pode aplicar filtros para a camada de "reflexo". Mesmo a "sobreposição de cores" simples pode dar resultados interessantes:

imagem

Neste caso eu usei um vermelho (# ff0000), com "modo de mistura" definida como "luz suave". Ao definir os efeitos de mistura e aplicação você pode obter mais resultados, em ordem, misturando de modo em "Brilho" Noise + efeito, misturando efeito "normal" + "aplicar textura" efeito mistura "normal" + "Motion Blur", uma nova camada de mistura modo "multiplicar" efeito + ditherbox Binaca e listras pretas:

imagemimagemimagemimagem

Distorções

Ao selecionar a camada "reflexo" podemos aplicar alguma distorção sobre ele, isso para simular uma superfície reflexiva diferentes:

imagem

Esta imagem, por exemplo, é feito simplesmente clicar sobre a camada de "reflexo" e distorcendo-o da "Transform"> "Altera". Você pode desfrutar de vários tipos de distorção de aplicar.

Luz e sombra

Finalmente, como um toque final de classe, você pode adicionar efeitos de iluminação e / ou sombras para realçar o efeito total de nossa consideração, bem como a adição de um fundo adequado. Aqui está um screencast para adicionar uma sombra simples, enquanto o redimensionamento mantenha pressionada a tecla ALT para diminuir o zoom em ambos os lados ;)

Carregando flash ...

Com o mesmo processo visto no screencast da sombra e cor invertendo o fundo da sombra temos:

imagem

9 comentários para "Tutorial Photoshop: técnicas de reflexão"

  1. 01 de julho de 2008 Samuel

    Olá, ótimo tutorial ... muito bom ... você vai querer ke gráficos web, e talvez você anke qualke contato qualkuno verona k sabes esses efeitos? Eu Ciau obrigado! x info: samuz93@hotmail.it

  2. 01 de julho de 2008 GiusMat :

    Eu estava procurando um tutorial que explica esta técnica em algumas etapas e finalmente o encontrou. Obrigado

  3. 01 de julho de 2008 joseph :

    muito interessante, pois todos os tutoriais neste blog!

  4. 02 de julho de 2008 Carmelo :

    tem sido tão longo desde que eu tentei do jeito que é fantástico ... ..

  5. 09 de julho de 2008 groggit.com:

    Photoshop Tutorial: técnicas de reflexão ...

    A partir das imagens da Apple Web 2.0 "refletido" Intrenet inundada. Muitas vezes utilizado, contudo, são sempre impressionantes. Sabe como fazer um bom negócio não é complicado e, com um Pizzoc da imaginação, você pode torná-lo menos "óbvio" e "desconto ...

  6. 10 de dezembro de 2008 Star:

    Olá, tutorial muito interessante!

    Como posso fazer aquela sombra elíptica que você fez na última foto?

    obrigado!

  7. 11 dez 2008 Giovambattista Fazioli :

    @ Star:

    Olá, muito interessante tutorial! Como posso fazer aquela sombra elíptica que você fez na última foto? Obrigado!

    Muito simples: crie uma nova camada e desenhe um gradiente radial de branco para transparente, de modo que é uma espécie de círculo. Em seguida, selecione "imagem transformou" e redimensiona a imagem apenas verticalmente, de forma a criar elipse.

  8. 30 jan 2009 Heilbronn Webdesign :

    Tutoriais sehr schönes, vielen Dank ... weiter assim

    Steve Gruß

Deixe um comentário

XHTML PERMIT TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CÓDIGO DE INSERÇÃO:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL 


Parar SOPA