Efeito objeto saltando para fora...

Nesse tutorial, você irá aprender a fazer um efeito para que objetos da imagem pareçam saltar para fora.

01. Abra sua imagem. Com a ferramenta de Seleção Retangular, faça uma seleção. Não se preocupe nesse passo de enquadrar corretamente seu objeto.

Ferramenta de Seleção Retangular (Rectangular Marquee)

02. Crie uma nova camada e nomeie como "Quadro". Com a ferramenta Lata de Tinta, pinte de branco a seleção. Coloque como 75% a opacidade dessa camada, apenas pra você ver o objeto atrás. Aperte CTRL + T. Clique com o botão direito do mouse em cima do retângulo branco e escolha "Distort". Redimensione a fim de ficar semelhante à imagem abaixo. Depois de ter feito o dimensionando, veja que a seleção ainda está ativa. Não perca ela!

Ferramenta Lata de Tinta (Paint Bucket)

03. Agora faça: Select... Modify... Contract, utilizando cerca de 20 pixels. Depois aperte DELETE. Não perca a seleção ainda!

04. Clique na camada "Background". Aperte CTRL + C e depois CTRL + V. Nomeie a camada criada como "Interno". Agora crie uma nova camada e nomeie como "Degrade". Posicione a camada "Degrade" entre a camada "Background" e a camada "Interno". Com a ferramenta Gradiente, crie um degrade radial com as cores #1b1b1b e #6d6d6d.

Ferramenta Gradiente

05. Na camada "Background", use a ferramenta Pen, fazendo pontos a fim de definir a parte que irá saltar da foto. Faça o último ponto ser exatamente em cima do primeiro ponto, para fechar a nossa patch. Depois clique com o botão direito do mouse em cima da patch, e escolha "Make Selection", com 0px de raio.

Ferramenta Caneta

06. Com a seleção de parte do objeto, aperte CTRL + C e CTRL + V. Nomeie a camada criada como "Externo". Mova a camada "Externo" para cima de todas as camadas. Veja que irá ficar algumas partes sobrando. Usando qualquer ferramenta de seleção, selecione a parte indevida e depois apague.

07. Você pode ainda colocar uma sobra por baixo da foto. Veja o resultado final.

Veja outra imagem utilizando a mesma técnica. (Clique para ampliar)

Material Extra

Você pode testar o efeito em outras fotos. Separei algumas:

Copie essa postagem para seu Blog ou Site:
<span class="info">Nesse tutorial, você irá aprender a fazer um efeito para que objetos da imagem pareçam saltar para fora. </span> <p><strong>01.</strong> Abra sua imagem. Com a<strong> ferramenta de Seleção Retangular</strong>, faça uma seleção. Não se preocupe nesse passo de enquadrar corretamente seu objeto. </p> <p><span class="note"></span></p> <div style="display: inline;" id="yoo-tooltip-1" class="yoo-tooltip-toggler"> Ferramenta de Seleção Retangular (Rectangular Marquee)</div> <script type="text/javascript">new YOOtooltip('yoo-tooltip-1', ' <img src="/images/stories/Tutoriais/ferramentas/selecaoretan.gif" border="0" /> Tecla de Atalho: M', { mode: 'cursor', display: 'inline', width: 170, style: 'default' });</script> <p> <img border="0" class="sombratuto" height="471" src="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13a.jpg" width="536" /> </p> <p> </p> <p><strong>02.</strong> Crie uma <strong>nova camada</strong> e nomeie como <strong>"Quadro"</strong>. Com a <strong>ferramenta Lata de Tinta</strong>, <strong>pinte de branco a seleção</strong>. Coloque como<strong> 75% a opacidade</strong> dessa camada, apenas pra você ver o objeto atrás. Aperte <strong>CTRL + T</strong>. Clique com o <strong>botão direito do mouse em cima do retângulo branco</strong> e escolha <strong>"Distort"</strong>. Redimensione a fim de ficar semelhante à imagem abaixo. Depois de ter feito o dimensionando, veja que a <strong>seleção ainda está ativa. Não perca ela!</strong> </p> <p><span class="note"></span></p> <div style="display: inline;" id="yoo-tooltip-2" class="yoo-tooltip-toggler"> Ferramenta Lata de Tinta (Paint Bucket)</div> <script type="text/javascript">new YOOtooltip('yoo-tooltip-2', ' <img src="/images/stories/Tutoriais/ferramentas/latadetinta.gif" border="0" /> Tecla de Atalho: G', { mode: 'cursor', display: 'inline', width: 170, style: 'default' });</script> <p> <img border="0" class="sombratuto" height="471" src="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13b.jpg" width="544" /> </p> <p> </p> <p><strong>03.</strong> Agora faça: <strong>Select... Modify... Contract</strong>, utilizando cerca de <strong>20 pixels</strong>. Depois aperte <strong>DELETE</strong>. <strong>Não perca a seleção ainda!</strong></p> <p> <img border="0" class="sombratuto" height="471" src="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13c.jpg" width="552" /> </p> <p> </p> <p><strong>04. Clique na camada "Background"</strong>. Aperte <strong>CTRL + C</strong> e depois <strong>CTRL + V</strong>. Nomeie a camada criada como <strong>"Interno"</strong>. Agora crie uma<strong> nova camada</strong> e nomeie como <strong>"Degrade"</strong>. <strong>Posicione a camada "Degrade" entre a camada "Background" e a camada "Interno"</strong>. Com a <strong>ferramenta Gradiente</strong>, crie um <strong>degrade radial </strong>com as cores <strong> #1b1b1b</strong> e <strong>#<img border="0" src="file:///C:/DOCUME%7E1/mat/CONFIG%7E1/Temp/moz-screenshot.jpg" /><img border="0" src="file:///C:/DOCUME%7E1/mat/CONFIG%7E1/Temp/moz-screenshot-1.jpg" />6d6d6d</strong>.</p> <p><span class="note"></span></p> <div style="display: inline;" id="yoo-tooltip-3" class="yoo-tooltip-toggler"> Ferramenta Gradiente</div> <script type="text/javascript">new YOOtooltip('yoo-tooltip-3', ' <img src="/images/stories/Tutoriais/ferramentas/gradiente.gif" border="0" /> Tecla de Atalho: G', { mode: 'cursor', display: 'inline', width: 170, style: 'default' });</script> <p> <img border="0" class="sombratuto" height="471" src="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13d.jpg" width="552" /> </p> <p> </p> <p><strong>05. </strong>Na camada "Background", use a <strong>ferramenta Pen</strong>,<strong> fazendo pontos a fim de definir a parte que irá saltar da foto</strong>. Faça o último ponto ser exatamente em cima do primeiro ponto, para fechar a nossa patch. Depois clique com o <strong> botão direito do mouse em cima da patch</strong>, e escolha <strong>"Make Selection"</strong>, com <strong>0px de raio</strong>. </p> <p><span class="note"></span></p> <div style="display: inline;" id="yoo-tooltip-4" class="yoo-tooltip-toggler"> Ferramenta Caneta</div> <script type="text/javascript">new YOOtooltip('yoo-tooltip-4', '<img src="/images/stories/Tutoriais/ferramentas/pen.gif" border="0" /> Tecla de Atalho: P ', { mode: 'cursor', display: 'inline', width: 390, style: 'default' });</script> <p> <img border="0" class="sombratuto" src="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13e.jpg" /> </p> <p> </p> <p><strong>06. </strong>Com a seleção de parte do objeto, aperte <strong>CTRL + C e CTRL + V</strong>. Nomeie a camada criada como <strong>"Externo"</strong>. <strong>Mova a camada "Externo" para cima de todas as camadas</strong>. Veja que irá ficar algumas partes sobrando. Usando qualquer ferramenta de seleção, selecione a parte indevida e depois apague. </p> <p> <img border="0" class="sombratuto" height="471" src="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13f.jpg" width="549" /> </p> <p> </p> <p><strong>07.</strong> Você pode ainda colocar uma sobra por baixo da foto. Veja o resultado final.</p> <p> <img border="0" class="sombratuto" height="471" src="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13g.jpg" width="555" /> </p> <p> </p> <h3>Veja outra imagem utilizando a mesma técnica. (Clique para ampliar)<br /></h3> <p> <a rel="lightbox[Tutos 13 Extra]" href="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13h"> <img border="0" class="sombratuto" height="333" src="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13ha.jpg" width="500" /></a></p> <h2>Material Extra<br /></h2> <p><strong>Você pode testar o efeito em outras fotos. Separei algumas: </strong></p> <p> <img border="0" height="400" src="http://www.tutoriais.org/images/stories/Tutoriais/fotos/outobject/tutos13za.jpg" width="552" /></p><br/><a href='http://www.cyber-dowload.blogspot.com/' style='padding-top: 20px;display: block;text-align: center;'>Download gratis</a>