-
Efeitos de Imagem 06.11.2009
Veja como é simples fazer este efeito onde a imagem parece saltar de uma foto, (em inglês chama-se Out of Bounds effect).
Você já deve ter visto este efeito em muitos sites – principalmente o Worth1000, onde o concurso desta categoria já está na oitava edição.
O segredo deste efeito é que a foto deve ser apropriada, o elemento principal deve ser bem destacado, ou seja, não podem ser fotos panorâmicas, com vários elementos distrativos, fora de foco etc. Escolhida a imagem, siga os passos abaixo para recriar este efeito:
Abra o arquivo de imagem no Photoshop, converta o arquivo em RGB em Image > Mode > RGB Color isso garante que podemos editar a imagem sem problemas de limitação de cores.
Crie um novo Layer.
Escolha a ferramenta
Rectangle Tool (U) e veja na Barra de opções da ferramenta (Logo abaixo do menu principal) se está configurada como mostrado, estas opções fazem com que a ferramenta desenhe um Shape retangular em um novo Layer.
Clique e arraste sobre a imagem para criar um retângulo. Você deve desenhar sobre a área onde algum elemento vai ficar fora deste retângulo, no exemplo, a borboleta e parte da folha. Reduza Opacity do Layer Shape para facilitar sua visualização.
Tecle V para
Move Tool (V) e na Barra de opções da ferramenta, marque o seguinte:Clique no Layer Shape 1, na imagem, clique com o botão direito no retângulo que acabamos de desenhar. Isso dá acesso à opções distorção. Escolha a opção Perspective. Você pode transforma a seleção de qualquer modo que quiser para que a “foto” não pareça tão plana. No exemplo, escolhi Perspective, clique no modificador à esquerda e arrastei para cima. Depois tecle Enter para fixar as distorções.
Na paleta de Layers, CTRL+Clique o retângulo, ou Shape 1. Depois clique no layer Background. Tecle CTRL+C e depois CTRL+V. Isso foi feito para copiar parte do Background, no formato do nosso retângulo.
Delete o Layer Shape 1 já que não vamos mais precisar dele.
Clique no Layer Background na paleta de layers. O que temos que fazer agora é recortar as partes que vão ficar fora dos limites da foto. Para isso, vamos usar o Quick Mode.
Tecle Q para acionar o Quick Mode. Escolha a ferramenta
Brush Tool (B) que é mais prática.O que Quick Mode faz?
O Quick mode funciona assim, você pinta sobre as áreas que quer selecionar e depois é só teclar Q novamente para ativar a seleção, representada pelo tracejado piscante. Com a seleção ativa, você pode recortar as partes da imagem para um outro Layer, editar estas partes etc. A seleção é representada em cor vermelha no Quick Mode, para excluir uma área tecle X e pinte sobre a área pintada por engano.
Configure o pincel para que tenha Hardness de 100% e Spacing de 0%. Para saber como configurar seus pincéis veja o tutorial fg
A grande vantagem que podemos ter é que não é preciso recortar todo o elemento então também não precisamos pintar exatamente sobre ele. Pinte somente sobre as áreas que ficarão de fora dos limites da foto com alguma foto. Quando tiver pintado sobre uma área por engano, tecle X e pinte sobre a área para reverter.
Quando tiver terminado, tecle Q para sair do modo Quick Mask. Repare que o tracejado piscante está no contorno da nossa seleção. Tecle CTRL+C e depois CTRL+V para copirar e colar o que estiver dentro desta selção.
Mova o layer com a parte copiada para cima de todos os outros layers. Você pode clicar sobre o layer na paleta de Layers e arrastá-lo para cima dos outros ou clicar sobre o lyaer e no menu clicar em Layer > Arranje > Bring Foward .
Clique no layer Background e em Layer > Hide Layers .
Para adicionar uma borda branca à nossa foto, CTRL+Clique no Layer 1, o que contém a “foto”.. No menu vá em Edit > Stroke… e escolha um valor para a espessura da moldura em pixels, este valor depende do tamanho da imagem que estiver editando. Marque a opção Inside.
Crie um plano de fundo, que pode ser através de Color Fill, Gradiente Fill etc. Este layer de fundo deve ficar logo acima de Background na paleta de layers,
Temos que fazer duas sombras em separado, para a “foto” e para a parte do elemento que está fora. CTRL+Clique o Layer que contém as aprtes que ficam fora, crie um novo layer e preenchar com o gradiente Preto-Branco. O Layer da sombra sempre deve estar em Multiply. Aplique Blur e ajuste o layer do modo que achar apropriado.
Existe uma preferência em fazer este efeito em fotos de elementos animados como veículos, animais e pessoas, mas nada impede seu uso em fotos de objetos estáticos como plantas, edifícios etc,
Outras Dicas
Observe se o objeto tem alguma sombra projetada que pode ser reaproveitada. Você pode usar a sombra existente para ter idéia de como deve ser a nova sombra, lembre-se que a sombra deve ser feita em um layer separado no modo Multiply.
Ao recortar objetos é difícil recortar de modo que nenhuma borda fique aparente, para não ter que recortar muito rente ao objeto, use
Brush Tool (B) no modo de cobertura Hue ou Color e pinte com a cor do objeto sobre a área da borda recortada.Para que o efeito fique mais bem acabado, é recomendável recortar todo o objeto, assim você pode até mesmo escolher outro fundo que não o original, por exemplo.
Crie layers de Ajuste para fazer efeito de Luz e Sombra. Veja o tutorial sobre sombras.
Termos usados
Se estiver com problemas de se situar no ambiente Adobe Photoshop, veja aqui o significados dos termos usados nos tutoriais deste site.
Recomende!
Divulgue este artigo através dos serviços abaixo: (é preciso ter uma conta para votar ou submeter o artigo)
Publicado por Diana K.C. às 01:01
Esse artigo foi publicado em 6 de novembro de 2009 as 01:01 e está arquivado em Efeitos de Imagem. Você pode acompanhar os comentários desse post através do feed RSS 2.0. Você pode deixar uma mensagem, ou enviar um trackback do seu site para cá. -
Comente este artigo:
Este artigo foi útil? Comente! Seu comentário é muito importante para nós! Envie dúvidas, sugestões e críticas sobre o artigo Imagem além dos limites
O Google te trouxe aqui?
Se este artigo não tem nada a ver com o que estava procurando, clique aqui para uma nova busca usando nossas dicas de otimização Google
Artigos Recentes
Seja notificado por e-mail cada vez que um novo artigo for publicado:Google Translation
Give Google Translation a try! Click the flag for a translated version.
Categorias
- Aplicativos 3
- Design 12
- Downloads 25
- Efeitos de Imagem 32
- Efeitos de Texto 10
- Links 2
- Makeover 6
- Recursos 18
- Restauração 4
Dica Rápida
Use CAPSLOCK para alternar o cursor para o cursor de precisão.
