Como criar efeitos de lupa elegantes como esses?


13

Gostaria de saber como posso criar o efeito de lupa que tenho visto muito ultimamente em páginas que vendem software (desktop ou aplicativos da web).

Aqui estão dois exemplos. Eu realmente gosto do primeiro (primeiro lugar, eu também vi)

Coisas App: Exemplo 1

SupportBreeze: exemplo2

Respostas:


18
  1. Faça uma nova camada na parte superior do plano de fundo, faça uma seleção circular (mantenha pressionada a tecla Shift para garantir que seja um círculo perfeito) e preencha-a com a cor que desejar.
  2. Defina a% de preenchimento na paleta de camadas como 0%.
  3. Vá para a camada FX e adicione um traço (preto) e brilho interno (branco).
  4. Mantendo o círculo selecionado, vá para a camada de fundo e pressione ctrl + c (copiar).
  5. Faça uma nova camada acima do plano de fundo, mas abaixo da lupa, cole a parte copiada, alinhe-a muito bem, pressione ctrl + t (transformação livre) e dimensione-a enquanto pressiona as teclas shift (para mantê-lo proporcional) e alt (para manter o centro estacionário).
  6. Ctrl + clique no ícone da camada da lupa na paleta de camadas (a que você criou na etapa 1, acariciou na etapa 3 etc.) e, em seguida, pressione Ctrl + Shift + i para inverter a seleção.
  7. Com a camada de conteúdo ampliada selecionada (na etapa 5), ​​clique em excluir.
  8. Exiba o FX para a camada de conteúdo ampliada e coloque uma sombra difusa nela.

Depois disso, faça uma alça para a lupa ... provavelmente a maneira mais fácil seria criar uma nova camada, fazer uma seleção alta e estreita, preenchê-la com preto e depois liquefazer. A maneira mais difícil (mas com melhores resultados) seria criar uma nova camada, usar a ferramenta caneta para criar um caminho com um topo ondulado sutil e, em seguida, acessar a paleta de caminhos, clicar com o botão direito do mouse no caminho, selecionar "Fazer seleção". e use Edit-Stroke. Exclua os lados esquerdo, direito e inferior, mantendo apenas o topo. Em seguida, posicione-o de forma que fique nivelado com o traço da camada da lupa (aquele com o traço e o brilho interno nele).

Aqui está um exemplo:

insira a descrição da imagem aqui

Você também pode usar spherize no conteúdo ampliado, mas isso distorce bastante o texto:

insira a descrição da imagem aqui


michael se possível anexar captura de tela, como você fez, isso vai ser fácil de entender para todos ...
Jack

Não sei ... parece bem auto-explicativo para mim. É possível que eu tenha perdido um passo lá, vendo como eu escrevi tudo antes de realmente fazer isso ... mas eu li sobre isso mesmo depois de fazer isso, e parece que deve funcionar muito bem.
Michael

Finalmente, você pode adicionar algum efeito esferizado para obter pouco resultado dinâmico de filtrar-> distorcer-> esferizar. 20% deve fazer ..
Sisir

@ Michael - AMOR sua versão Spherized
Dan Hanly

1
@ Michael, acho que reduzir o grau do efeito manteria o realismo e o retornaria ao estágio funcional.
Dan Hanly

2

Desculpe por ser tão preguiçoso, acho que se tiver marcadores melhor para espalhá-los, em vez de criar e mostrar cada uma das etapas, eu aprendo isso com esses tutoriais que são fáceis de entender,

dê uma olhada e siga o mesmo ...

  1. Lupa do Photoshop
  2. Photoshop Magnify
  3. Efeito de zoom no photoshop
  4. Ampliando do zero
  5. Este é incrível

E Micheal já fez um ótimo trabalho ...


Também pensei em fazer um Spherize, mas o problema é que ele distorce bastante o texto. Vou editar minha resposta para mostrar a distorção.
Michael
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.