sábado, 4 de agosto de 2018

Composição com efeito POP OUT no Gimp





Boa tarde amigos, hoje vou postar um tutorial que assisti no youtube que achei mega interessante, no final desta postagem eu coloco o video para vocês poderem estar assistindo e vendo que efeito bacana que podemos criar com esse programa totalmente gratuito que com certeza faz magias.
Para esta foto montagem de hoje usaremos estas duas imagens:


A do Iphone


A de uma natureza que retrata um tigre com uma moça

Para começarmos abriremo o Gimp, vamos em Arquivo > Nova, criaremos uma nova imagem.


Abrirá a caixa de dialogo para nova imagem iremos colocar o tamanho de 1920 para largura e 1080 para altura e clicar em OK


Irá criar uma imagem totalmente branca


Agora iremos abrir as duas imagens junto com essa nova imagem que criamos para isso basta ir em Arquivos > Abrir como Camadas. Localize o local onde salvaram a imagem de vocês e abram as duas primeiramente a do iphone e em seguida a da natureza



Notem na caixa de camadas que temos a camada da natureza, a camada da iphone e a camada fundo


As duas imagens que abrimos são maiores do que a nossa camada de fundo então teremos que redimensionar a imagem do iphone e da natureza para isso vá na caixa de ferramentas e selecione a Ferramenta de Redimensionar



Primeiramente irei redimensionar a camada do Iphone para isso teremos que desativar a visualização da imagem da natureza, reparem que em frente da camada existe a figura de um olho para ativar ou desativar a visualização desta camada basta clicar sobre ele




A figura acima mostra quando a camada esta com a visualização ativada ( primeira imagem) e quando a visualização esta desativa (segunda imagem).
Para redimensionar a camada que desejamos aqui no caso iremos redimensionar a camada do Iphone temos que estar com a camada dele selecionada e com a camada natureza sem visualização


A gente percebe que a camada do iphone é maior que a camada fundo pelas bordas amarelas que aparecem na imagem, neste caso a imagem do iphone não é tão maior que a da nossa camada fundo, mas iremos redimensionar para que ela fique do mesmo tamanho observem nas figuras abaixo quando a camada é maior que a de fundo e quando acertamos o seu tamanho com a de fundo.



Esta imagem acima mostra quando a camada é maior que a camada fundo


Já esta imagem acima demonstra quando a camada esta no mesmo tamanho da de fundo.
Agora iremos trabalhar na camada natureza, temos que redimensiona-la e ao mesmo tempo movimenta-la para colocarmos exatamente no ponto que dê a impressão que a moça e o tigre estejam saindo de dentro do iphone, iremos realizar o mesmo procedimento, deixe a camada natureza selecionada e camada do iphone com a visualização desativada. Nesse processo iremos usar duas ferramentas a de Redimensionar e a de Movimento



Para ajudar nessa tarefa de ajustar a camada natureza no iphone podemos também diminuir sua opacidade


Para isso teremos que ativar a visualização da camada do iphone e diminuir a opacidade da camada natureza, lembrando que para realizar todas as mudanças na camada temos que estar com a camada selecionada.

Reparem na imagem a cima como ficou a minha montagem, vocês podem posicionar a camada natureza do modo que preferirem deste que crie a impressão que o tigre e a moça estão saindo do celular
Agora iremos mexer na camada do iphone, volte a opacidade da camada natureza, e desative a visualização dela


Agora iremos remover a tela do celular, para isso selecione a Ferramenta de Seleção Livre e vá selecionando toda a camada da tela


A figura acima mostra a ferramenta que iremos utilizar, agora vamos selecionar a tela do celular, para isso basta clicar nas pontas e arrastar de uma ponta para outra.
Reparem na figura abaixo que a tela do celular esta selecionada, esses pontilhados são a seleção.



Depois de feito a seleção vamos até o menu Selecionar > Enevoar, vamos deixar 5,000 pixels


Em seguida aperte o botão delete do seu teclado, a imagem do celular vai ficar como mostra a figura abaixo.


Em seguida desative a visualização da camada Fundo.


A tela do celular irá ficar como mostra na figura acima.
Desative a seleção apertando Ctrl + Shift + A, selecione a camada da natureza e mova para baixo da camada do celular, para isso basta clicar sobre ela segurar o ponteiro do mouse e arrastar.


Ative a visualização da natureza para podermos notar como ela esta na tela do celular.


Até o momento sua imagem tem que estar como mostra a figura acima.
Agora volte a camada da natureza para cima da camada do iphone, clique no icone de duplicar a camada, iremos duplicar a camada tigre, depois selecione a Ferramenta de Seleção de Frente



Demarque a área em volta do tigre e da moça, não precisa ser tão cuidadoso que depois iremos tirar as partes que não queremos que apareça na nossa imagem


Feche a seleção, note que em volta da nossa seleção a imagem irá ficar azul, isso mostra as partes que não queremos que apareça na nossa imagem


Agora iremos deixar somente as imagens que queremos, na caixa de ferramentas com a Ferramenta de Seleção de Frente selecionada deixe a opção Marcar Frente e vá passando sobre as partes que queremos que apareça, aqui queremos o tigre e a moça.


Pintem a imagem do tigre, reparem que depois de feito isso irá aparecer manchas azuis, temos que passar a seleção em todas elas pois fazem parte da imagem que queremos que apareça


Notem na figura abaixo que o tigre esta selecionado para aparecer na nossa imagem, mas reparem que apareceram partes do fundo, que é a natureza, que não queremos que apareça na nossa imagem, mas não se preocupem depois iremos acertar isso.


O mesmo procedimento que fizemos no tigre iremos fazer na moça, até o momento sua imagem tem que ficar mais ou menos parecida com a da figura abaixo


Reparem na figura acima que aparecem parte do fundo da imagem ainda, o que queremos na nossa imagem é somente o tigre e a moça, agora vamos acertar isso, na caixa de ferramentas logo abaixo da opção Marcar Frente, existe a opção Marcar Fundo, marque essa opção e vai passando sobre as partes que não queremos que apareça na nossa imagem.



Depois de feito isso notem que a nossa imagem deu problema na seleção, partes do tigre e da moça voltaram a ficar azuis.


Temos que acertar isso novamente escolhendo a opção Marcar Frente e passando novamente sobre o tigre e a moça. Depois de todo trabalho feito pressione enter, reparem na figura abaixo que o tigre e a moça foram selecionados.


Agora vá ao menu Selecionar > Enevoar e deixe 5,000 pixels para enevoar a seleção.



Agora o próximo passo é colocar nossa seleção em uma nova camada, vá em Editar > Copiar, feito isso vá em novamente Editar > Colar, note que na caixa de camadas a primeira camada é flutuante clique sobre ela com o botão direito e em seguida nova camada.



Depois de feito isso iremos agora selecionar a base da nossa imagem, selecione a camada do celular em seguida na caixa de ferramentas selecione a Ferramenta de Seleção Contigua.


Dê um clique logo abaixo do tigre e da moça e selecione novamente a tela do celular, note na figura abaixo a seleção.


Reparem que ele selecionou aquela parte que estava transparente, que era a tela do celular, agora iremos selecionar a camada natureza novamente, menu Selecionar > Inverter


Feito isso era ira selecionar em volta da camada natureza, iremos em Selecionar novamente e em seguida Enevoar, deixe 5,000 pixels


Feito isso agora basta apertar o delete do teclado, sua imagem tem que estar como da figura abaixo.


Depois te apertarem o delete, aperta Ctrl + Shif + A para tirar a seleção, talvez se termos um zoom podemos achar um defeito na imagem, na borda  está aparecendo a camada transparente, para corrigir isso vá em Ctrl + Z, volte a camada normal, vá em Selecionar > Encolher, eu fiz isso e encolhi ums 3 pixels

Feito isso teremos que repetir o procedimento de Selecionar > Enevoar 5,000 pixels e em seguida deletar novamente, depois aperte  Ctrl + Shift + A



Agora iremos selecionar a camada natureza e iremos deleta-la, para isso basta clicar sobre a camada, e em seguida clicar no icone do lixo logo abaixo da caixa de camadas.


Vocês podem notar que o efeito já esta bem bacana, mas vamos dar mais um pouco de realidade a nossa imagem, dar uma impressão maior que esta realmente saindo de dentro do celular, iremos criar uma sombra  em volta da tela do celular para isso clique no ícone de "papel em branco" logo abaixo da caixa de camadas e na caixa de dialogo que abrir crie uma nova camada Transparência.

Agora selecione a camada do iphone, vá com a Ferramenta de Seleção Contígua, clique em uma área dentro da tela do iphone

Agora vá em Selecionar > Aumentar, aumente uns 3 pixels.


Agora vá em Selecionar > Criar Borda, pode deixar em 5 pixels


Agora iremos pintar esta borda que criamos, selecione a camada que foi criada e utilizando a Ferramenta de Preenchimento iremos pintar esta borda, escolham a cor preta, para dar efeito de sombra.


Basta clicar dentro da seleção para que seja pintada.


Feito isso, segurem Ctrl + Shif + A para desativar a seleção. Vejam na imagem abaixo como tem que estar a nossa foto até o momento.


Percebam que ela esta bem chamativa, iremos corrigir isso, porque queremos que pareça com uma sombra para isso vá em Filtros > Desfocar > Desfocagem Gaussiana


Abrirá a caixa de diálogo, escolheremos um raio de 20 para desfocar a nossa sombra.


A foto até o momento tem que estar como a imagem abaixo



A nossa sombra ela ficou um pouco para fora da nossa imagem, mas é fácil acertar esta "sobra" vamos disser assim. Para corrigir isso selecionamos a camada do iphone, pegue novamente a Ferramenta de Seleção Contigua, clique em uma parte dentro da imagem



Feito isso vá em Selecionar > Aumentar, aumente em 3 pixels.


Agora vá em Selecionar novamente e Inverter.


Agora iremos selecionar a camada "sombra", até recomendaria vocês renomearem esta camada para sombra, para isso basta clicar duas vezes sobre ela, selecionada a camada "sombra" aperte delete do seu teclado. Note na figura abaixo como ficou a nossa sombra agora.


Se quiserem dar um toque mais profissional, na parte onde o iphone esta desfocado a nossa sombra ficou mais forte, podemos corrigir isso, aperte Ctrl + Z para voltar a sombra, vai em Selecionar > Enevoar deixe em 5,000 pixels.


Depois aperte o delete, reparem na figura abaixo que onde esta mais forte nossa sombra já deu uma suavizada.


Selecione a camada da sombra e abaixe um pouco a sua opacidade. Abaixei em 90, mas isso fica a critério e o gosto de vocês o meu ficou assim.


Agora iremos criar uma sombra para a nossa imagem, para isso criaremos uma nova camada, dê o nome nela de "sombra 1",  arrastaremos ela até o topo, em seguida iremos usar a Ferramenta de Degradê, escolham o formato do degradê em Radial e fundo para transparência.


Agora clique no meio da imagem e arraste até sairmos fora dela.


A nossa imagem até o momento ficara desta forma.


A nossa imagem ficou legal assim, eu quis dar mais um efeito nela, isso fica a gosto de cada um se vocês quiserem é só criar uma nova camada, selecione uma cor da sua preferência, eu quis realizar igual o video do tutorial que eu vi, então escolhi a cor laranja, selecione a Ferramenta de Preenchimento, deixe a nova camada sobre todas as outras e pinte ela inteira, depois no modo da camada selecione a opção que vocês desejarem, a que mais agradar vocês, eu escolhi como no video multiplicar.
Aqui esta o primeiro passo, criei a camada e coloquei ela sobre o topo.


Peguei a Ferramenta de Preenchimento e coloquei a cor laranja como cor de frente.


Deixe a camada selecionada e pinte toda a imagem.


Agora iremos mudar o modo dela, para isso basta clicar no "Modo", ele se localiza logo acima das camadas.


Escolhi o modo multiplicar como o video do tutorial, mas isso fica a gosto de cada pessoa. Depois reduza a opacidade da nova camada.


A minha imagem ficou igual mostra na figura abaixo.


Bom assim termina o trabalho, esperam que tenham gostado desse efeito, como de costume vou estar postando o video desse tutorial que eu encontrei no youtube, ele não é meu, para vocês estarem assistindo e colocando os efeitos que vocês desejarem, até mais.