Design Blog - Blog de design gráfico, web design e universo freelancer.


Como usar reflexos

Por | 18 de março de 2009 | Tags: , | 5 Comentários


Estamos em uma era que a moda é colocar reflexos em todas as imagens. Mas muitas vezes vemos reflexos dando terrivelmente errado, deixando o designer / photoshopper com cara de tacho. Saiba como evitar isto com exemplos práticos.

Como usar reflexos

Para se usar reflexos em imagens, é necessário entender um pouco de perspectiva e de como um reflexo funciona. É, eu sei: é óbvio como um reflexo funciona – ele reflete uma imagem. Mas não é incomum de ver algumas “artes” que não pensaram muito bem em como algo refletiria em uma superfície.

Texto

Palavras com cauda devem ter uma precaução muito maior. Em especial as letras “p”, “g” e “j” em caixa baixa. Estas letras quebram a linha de base do texto, fazendo com que o reflexo precise ser mais bem pensado. Veja um exemplo de como não fazer:

Note que a letra “p” e a “g” quebram o que seria a base do texto, fazendo com que a mesma fique nos pés destas letras. Muita gente tenta reparar este problema fazendo com que cada letra tenha seu reflexo, criando um efeito estranho de perspectiva, semelhante a isto:

Reflexo Fail

Como consertar? Simples: use a base da letra maior como base do reflexo, respeitando o espaço das outras letras. No Photoshop, isso se traduziria por “duplicar / inverter verticalmente / alinhar com a base”. O resultado final ideal seria assim:

Reflexo win

Objetos

Objetos que estão de frente, de lado ou em qualquer ângulo que só permita que você veja um dos seus lados é mais fácil de criar um reflexo. Basta inverter verticalmente a imagem e alinhar com a base. Mas e quando o objeto está em perspectiva e sua base não é uma linha horizontal reta? Invertendo a imagem do reflexo e alinhando com a base pode gerar um problema:

Reflexo Fail

O mesmo acontece com pessoas que estão com um pé mais alto que o outro (levando em referência um horizonte imaginário reto): duplicando a pessoa e invertendo ela verticalmente, apenas um dos pés vai estar encostando o outro.

E quando a sola do pé é visível? Isso torna o trabalho mais complicado ainda, pois a sola não deveria refletir em uma superfície.

Quanto ao objeto, é preciso distorcer seu reflexo. A base do reflexo precisa se alinhar com a base do original em todos os pontos para que não dê a impressão do objeto estar flutuando (e com essa perspectiva vai ficar muito estranho).

O jeito de consertar um objeto irregular no reflexo é fazer com que os pontos da base se alinhem. Mesmo assim, outro problema surge: ele vai parecer que o reflexo não é reto. Ou seja, não seria um reflexo vertical. O único jeito de solucionar isto seria distorcer a imagem para que o mesmo tenha suas bordas laterais seguindo o movimento da borda lateral da imagem original. Ficando assim:

Reflexo Win

Para fotos cujo a sola do pé é visível (por exemplo), não há muito que possa ser feito: ou você apaga a sola, inverte a imagem e distorce ela para parecer um reflexo vertical ou tire uma nova foto. Neste caso, é mais fácil tirar ou procurar outra foto.


Compartilhe o conhecimento


Canha

Criador e editor-chefe do Design Blog, trabalha como designer e programador no xCake. Nerd desde pequeno, ama tudo relacionado a internet. Seu maior sonho é entrar em algum quarto e dizer "Senhores, não se preocupem: sou da Internet".

Acesse seu site Siga no Twitter

Deixe seu comentário!

  • http://www.pedrodiaz.com.br Pedro Diaz

    Realmente! A quantidade de ‘reflexo errado’ que vemos hoje em dia não é brincadeira. Ainda mais agora com a “web2.0″, os ‘photoshoppers’ abusam disso; acham ”buuunitinhu”’… :D

  • http://www.bustamantedesign.com Rick

    Muito bom o post.. As vezes enfrentamos estes problemas realmente.

  • http://dansign.blogspot.com danilo

    Tudo começou com a Apple…

  • http://twitter.com/carlini Gabriel Carlini Vieira

    Nossa, tem cada reflexo por aí, pelo amor de deus. Em grandes portais já vi efeitos de reflexo muito tosco.

    Não custa nada fazer certo…

  • Gabi Marshdevil

    "O único jeito de solucionar isto seria distorcer a imagem para que o mesmo tenha suas bordas laterais seguindo o movimento da borda lateral da imagem original. Ficando assim:"

    ASSIM COMO?? Não tem foto! D:
    Eu precisava mto de ajuda, pq to tentando fazer um reflexo de sandálias de salto no chao, só que nao tá ficando alinhado =/