Canais iMasters

Photoshop

Jumping Out

Salve salve grandes amigos! Hoje iremos conhecer um efeito interessante. Trabalharemos um efeito que, em outros países, é conhecido como "Jumping Out". Ou seja, alteraremos um ponto da foto dando a impressão que este ponto ficará fora da foto. No Brasil, algumas pessoas chamam esta técnica de "Pokeout" .

Descrição: Jumping Out
Software ultilizado: Photoshop CS 2 em Inglês
Grau de Dificuldade: 7,5
Ao som de: Incubus - I Wish You Were Here

1º Passo: Primeiramente vamos escolher uma boa foto e rica em detalhes. Assim podemos determinar uma boa área que será "recortada".

2º Passo: Na paleta de Camadas, clique com o botão direito sobre a camada de nossa foto e escolha a opção "Duplicate Layers".

3º Passo: Clique sobre a camada de fundo e a delete. Em seguida, clique sobre o botão "Delete Layer".

4º Passo: Pressione "CTRL + R" para visualizarmos uma "régua" (número 1). Assim poderemos utilizar as linhas guia como na imagem abaixo (número 2).

Para visualiarmos a régua, clique e arraste de régua para nossa imagem, deixando a linha guia em uma posição onde futuramente iremos deixar por fora da foto.

5º Passo: Clique sobre o botão "indicates layers visibility" exibido como um olho sobre a camada de cima.

6º Passo: Clique sobre a camada de baixo "foto" e em seguida sobre a ferramenta "Rectangular Marquee Tool".

7º Passo: Com a ferramenta "Rectangular Marquee Tool" pressionada, selecione a área que criamos com a linha guia no passo 4. Em seguida delete a área selecionada.

8º Passo: Novamente clique sobre o botão "Indicates Layer visibility" sobre a camada de cima.

9º Passo: A partir de agora precisamos separar o objeto em que iremos deixar "fora" da foto. Existem diversas técnicas para conseguirmos sucesso. Irei mostrar de uma forma rápida a mais simples delas.

Clique sobre a ferramenta "Polygonal Lasso Tool".

10º Passo: Clique e arraste ao redor da cadeira para conseguirmos sua seleção.

11º Passo: Pressione "CTRL + SHIFT + I" para invertermos a seleção e em seguida pressione "Delete". (Para a visualização como a baixo, a camada de baixo deverá estar oculta).

Aqui com mais alguns recortes, retirei qualquer vestígio ou sujeira da imagem, deixando somente a cadeira.

12º Passo: Clique sobre a camada de baixo e em seguida sobre o botão "Indicates Layer visibility" indicado por um "olho".

13º Passo: Clique sobre o botão "Add a layer style".

14º Passo: Vá até a opção "stroke" e deixe como abaixo:

15º Passo: Crie uma nova camada clicando sobre o botão "Create a new layer". Em seguida deixe-a por baixo de todas as camadas.

Após isto, a preencha com branco.

Sua imagem ficará assim:

16º Passo: Em seguida, duplique a camada da cadeira, como no 2º Passo.

17º Passo: Clique sobre o botão "Add a layer style".

18º Passo: Vá até a opção "Drop Shadow" e deixe como abaixo:

19º Passo: Crie uma nova camada pressionando "CTRL + SHIFT + N"

Sua paleta de camadas ficará como abaixo:

20º Passo: Segurando "SHIFT", clique sobre a nova camada, deixando as duas selecionadas.

21º Passo: Pressione "CTRL + E".

22º Passo: Utilizando a ferramenta "Rectangle Marquee Tool", faça uma seleção como abaixo e pressione "Delete".

Pronto. Agora nossa imagem final:

Mais abaixo, o mesmo efeito em uma foto pessoal: eu e minha namorada Juliana.

Bom, é isso meus amigos, espero que tenham gostado. Fiquem com Deus e boa semana a todos!


Comente também

20 Comentários

Rodrigo Emanuel Lima Luz
Rodrigo Emanuel Lima Luz

Bem legal o efeito! Muito BOM mesmo!
Dá pra pensar bastante coisa em cima dele, abrindo um leque enorme de possibilidades.

Como sempre, seus artigos tão show!

Valeu ae bro!

Vinicius Rangel
Vinicius Rangel

Gostei bastante do tutorial, relamente muito interessante! Só tenho uma ressalva Fábio: poderia corrigir a sombra da imagem.. Repare que está diferente do ângulo de luz original. Uma solução seria duplicar a camada, preencher com preto, aplica um gaussian blur e com o 'distorcer(distort)' ajustar de acordo com a direção contrária à luz..
Bem, mas é só uma sugestão! A matéria ficou show, parabéns!

Fabio  Marks
Fabio Marks

Seus artigos são ótimos mas ficaria bem melhor se vc desse mais detalhes sobre os comandos que executa pq as vezes fica dificil entender qual a sua intenção. E sem esquecer que se vc pudesse passar as dicas em português seria muito bom.

Um abraço.

Gleyton Rezende
Gleyton Rezende

Olá Boa tarde Fábio!!

Estou criando uma capa de cd de um dJ e gostaria se possivel de um exemplo ou um efeito legal que eu poderia colocar na capa....pois a foto ficou legal mais gostaria de jogar um efeito legal e tem como de vc me mostrar exemplo de um obrigado e tdo de bom

Rochester
Rochester

eu conhecia essa técnica como pocket out.... mas mto bom.. Parabéns

PS: O q o carinha falou sobre sombra é verdade.. ela ta completamente diferente da direção da luz :)

Maverick_JPA
Maverick_JPA

a sombra esta um pouco fora...
e pra dar um acabamento melhor... poderia botar o fundo em perspectiva...
PS.: Conheço isso como efeito "Out of Bounds"

Worth1000 RuleZ

Abs

Fabio Lody
Fabio Lody

Obrigado pelos elogios Rodrigo, Vinicius..fico feliz que tenham gostado..Vinicius sua sugestao e boa..obrigado
Ola Fabio..com relacao a detalhes..achei valida sua sugestao..mas com relcao a tradução infelizmente por enquanto nao posso. Meu Creative Suite é em ingles e a aquisicao de outra key somente para tradução fica inviavel.
Gleyton.. eu vou ver oq posso fazer e lhe envio por email ok?

Rochester, obrigado..realmente caso faça uma busca, existem diversos nomes para esta tecnica.Com relacao a posicao de sombra, claro depende da posicao onde voce se baseia...basta olhar a parte direita inferior de sua base.
Andre obrigado pela sua sugestao..eu preferi nao coloca-lo em prespectiva mesmo pq a materia nao entra nessa parte..mas a sugestao e boa e como eu disse..existem muitos nomes e claro dependendo da forma com que se trabalha...
e Worth1000 é show sim ...caso seja usuario frequente...veja nosso forum tb...e participe..de nossas battles..e contests muitos baseados por la
www.imasters.com.br/forum

obrigado a todos..e bom fim de semana

andre
andre

BOM FABIO ADMIRO MUITO O SEU TRABALHO DESDE DE QDO FIQUEI SABENDO DESSE SITE E UM TRABALHO MUITO BOM ME AJUDOU MUITO A MEXER NAO APENAS NO PHOTOSHOP MAS TAMBEM EM OUTRO PROGRAMA DA ADOBE COM O AFTER EFFECTS. MAS ASSIM TAMBEM O PESSOAL QUER TUDO NA BOCA
A SOM BRA ESTA REALMENTE UM POUCO FORA DE PERSPECTIVA MAS OS CARAS TABEM TEM FAZER ALGUMA COISA SO

ABRACO
E VC CONTINUE ASSIM
COM SEUS TUTO

Hugo Leonardo de Andrade Corrê
Hugo Leonardo de Andrade Corrê

Cara seus tutorial foram a porta pra começar a entender o photoshop , antes eu não sabia nada começei a entender aqui no iMaster , abraços .

"Obs Fabio tenho uma curiosidade , essa balsa que vc esta na foto e na travessia de ilhabela ou de santos ? "

Fabio Lody
Fabio Lody

Ola meu amigo Andre...muito obrigado pelos elogios
saiba que fez um amigo...gostei de seu comentario..bom
eu escrevo a mais ou menos uns tres anos tentando ajudar, compreender e ate aprendo com os amigos e leitores..eu acho que sao configuracoes a serem feitas..claro existem deversas formas de se adquirir.
eu gostaria que as pessoas observassem meu esforço pra disponibilizar um conteudo bom e de graça a toda pessoa que possui o minimo de interesse em aprender.
Eu trabalho com Photoshop a 8 anos e compreendo a dificuldade da galera na traducao ou maiores detalhes..mas por outro lado eu tento preparar a turma para o mercado. Pouquissimas agencias hoje utilizam a versao em PT.
E meu Creative Suite é em ingles.. se tornando inviavel a aquisicao de outra key somente pela traducao... ja com relcao a maiores de talhes vou fazer o possivel para retratar isso melhor...

Hugo... obrigado pelo acesso e pelos elogios...

Bom eu estava em Santos indo para o Guaruja...

Abraço meus amigos

Norefenk
Norefenk

=] Mandou bem Fabio Lody, essa matéria é showww cara....

mto legals
abraços
By Norefenk

Lucas Braga
Lucas Braga

PARABÉNS! =) Bom, eu já trabalho com PS a um bom tempo... Eu já tinha usado isso e nomeado como 'PokeOut'... Hehehe, porém, alguns passos mostrados na matéria facilitaram muito meu trabalho...

É meu primeiro comentário no imasters, então não sei se posso postar links, mas se alguém quiser (alguém VIU FÁBIO hehe) ver uns trabalhor desse tipo q fiz, pode acessar http://XxX.Luc4s-13.deviantart.com/gallery/ ... Estão lá... =D

Abraço, e mais uma vez, parabéns pela matéria..!

Duda Pontes
Duda Pontes

Ae Fábio muito boa essa matéria, para mim que sou fotógrafo terá muita utilidade no sentido de preparar algumas variações para fotos de book de modelos.
A matéria serve muito bem no sentido de orientar no procedimento, é lógico que podem ser aplicadas algumas mudanças conforme a necessidade, isso fica para cada usuário.
Tenho lido alguns comentários, que são extremeamente válidos, mas devemos lembrar que a criatividade vai de cada um e para cada aplicação resulta uma modificação, um detalhe aqui ou alí que poderá ser acrescido ou retirado.
Valeu, abraços
:: duda pontes ::

leandro
leandro

Parabéns Fabio, precisamos de pessoas assim como vc no mundo WEB, que Deus te ilumine .

helder salema
helder salema

Belo tuto. Usando a mufa um pouquinho dá pra se fazer muita coisa legal. Parabéns!

helder salema
helder salema

Belo tuto. Usando a mufa um pouquinho dá pra se fazer muita coisa legal. Parabéns!

helder salema
helder salema

Belo tuto. Usando a mufa um pouquinho dá pra se fazer muita coisa legal. Parabéns!

César Augusto de Souza Brito Brito
César Augusto de Souza Brito Brito

realizar

enock lopes barroso junior
enock lopes barroso junior

Rapaz, sou novato em photoshop ainda, mais já da para perceber quando um cara é fera. Valeu cara.

Gabriel Vilanova
Gabriel Vilanova

Achei interessante o efeito, já o conhecia. Vejo-o muito em Banners de site... Acho q nao é algo q ainda saturou, por dar um tom moderno e expressivo.
Maneiro mesmo!

Qual a sua opinião?

Comentários considerados ofensivos serão moderados.

Parceiros

IBM
Abril
Hostmídia
PagSeguro
Impacta
Internet Innovation
Grupo Buscapé
Dialhost
O Ligador
RedeHost
Campus Party
Apiki
Tecla
Verisign
KingHost
DotStore
Café Azul - Social, Mobile e Smart TV
WebMatrixWebMatrix