Unindo camadas

Nível: Iniciante (Fácil)

No tutorial – “Trabalhando com camadas usando Gimp” aprendemos a lidar com as camadas, e dividir um carro em partes. Agora este mesmo modelo de imagem, vamos aplicar modificações e unir a camada original, para finalizarmos a composição. Este tutorial é dependente do conhecimento de camadas, é necessário ler o link acima.

 

 

Vamos começar escolhendo a cor azul (primeiro plano) e usando o pincel (mude em “Modo=Sobrepor”) como mostra a figura e indicado no painel do lado esquerdo. Isso resultará numa pintura que agrega a cor ao mapa da imagem. Ou seja o desenho é conservado, você vai só pinta-lo. Lembre-se de selecionar a camada no painel do lado direito para que as ações tenho efeito.

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Vamos pintar a primeira camada visível com a cor azul.

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

A segunda camada para ser visível é preciso clicar no olho da primeira, para torna-la invisível. Vamos pintar esta segunda de vermelho.

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Aqui vamos trabalhar com o modo da camada. Parecido com a função do pincel. Perceba que a imagem original ficará um pouco escura. Isso porque o fundo negro irá sobrepor.  Mas isso é tema para outro tutorial.

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Como mostrado na figura, o verde corresponde a visão da camada pintada separada e sobreposta a camada original, indicada pelo vermelho. Aqui fizemos um trabalho trivial, podíamos ter removido a porta, colocado outra, pintar apenas as portas e não os contornos do vidro e o vidro. Apenas foi para mostrar como trabalhar com união de camadas.

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Abaixo podemos notar como ‘unir’ a camada duplicada editada com a original. Basta que combinemos, mas é necessário sempre, que a elas estejas vizinhas na lista deste painel.

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Aqui estamos falando da primeira camada que pintamos de azul. O procedimento é o mesmo da parte das portas pintadas de vermelho. Vê-se uma combinação de cores ali. A união do azul com vermelho, resultando num violeta.

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Este é o resultado final do tutorial – “Trabalhando e Unindo as camadas usando Gimp”.

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial unindo camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Dúvidas ou opinião.

Gostou deste tutorial? Achou difícil? Foi de fácil compreensão a leitura? Envie para o Mundo Pauta seus comentários, para que nos próximos possamos melhorar ainda mais. Confira também novidades no Facebook.com/MundoPauta.

 

Trabalhando com camadas

Nível: Iniciante (Fácil)

Camadas (Layers) são uma das principais ferramentas de qualquer outro editor gráfico. Com elas é possível compôr cenas com mais facilidade como por exemplo incluir uma iluminação que não existe, e ao mesmo tempo trabalhar reflexão, transmissão, efeito em textura separadamente em cada parte da mesma foto utilizando diferentes ‘visões’. Este tutorial é de carácter de iniciante, para instalar o Gimp, leia “Instalando o Gimp“.

Tutorial Camadas usando o Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial Camadas usando o Gimp (Foto: Reprodução/Mundo Pauta)

Este tutorial irá ensinar como usar camadas da forma mais fácil, e ensinar o conceito também. Que servirá como pano de fundo para as diversas formas de editar ou criar uma imagem. Como exemplo, temos este Fiesta, e vamos usar as camadas para ‘dividi-lo’.  Nós vamos até apenas a parte de dividi-lo. Fica para uma próxima, como unir estas partes com as devidas modificações á gosto.

Dividindo o carro em partes.

A parte indicada com um envolto vermelho é a imagem original, que também é uma camada primária ou primeira. Esta janela é sua principal fonte neste tutorial. Sobretudo uma camada (layer) é um ponto de vista. Você pode ter numa imagem várias camadas oferecendo diferentes pontos de vista.

Tutorial Camadas usando o Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial Camadas usando o Gimp (Foto: Reprodução/Mundo Pauta)

Na segunda parte vamos duplicar a camada primária. Clique com o botão direito do mouse sobre a camada existente. E escolha ‘duplicar camada‘.

Tutorial de camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial de camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Na terceira parte nós vamos trabalhar com a seleção usando a ferramenta de vetores indicado no painel do lado esquerdo. Este recurso nos permite fazer uma seleção do que queremos a mão livre. Assim vão ‘cortar‘ uma parte da imagem, ideal para que possamos dividi-lo.

Tutorial de camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial de camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Agora nesta parte deve haver atenção. No painel de camadas, você observa que há a camada primária e a cópia da camada. Selecione com o botão do mouse esquerdo a cópia, e todas ações sobre serão efetivas, senão o fizer, não conseguirá trabalhar com ela. O próximo passo vai envolver conhecer alguns atalhos no teclado, é útil quando se trabalha com imagens mais trabalhosas.

Para evitar confusões, para chegarmos á essa tela nova á seguir as explicações.

Veja a relação da cor negra com a camada nova formada. Bem você deverá selecionar esta cor para obter este resultado no painel esquerdo. E ainda com a seleção da ferramenta de vetores utilizada ainda na figura anterior, você irá pressionar CTRL + I (assim a seleção deixa de ser contorno e passa ser conteúdo) e logo depois CTRL+ , (Para cortar o fundo e preencher com a cor negra).

Tutorial de camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Tutorial de camadas usando Gimp (Foto: Reprodução/Mundo Pauta)

Na quarta parte, ensino como continuar a dividir. Apesar do procedimento ser o mesmo, é necessário tornar algumas camadas invisíveis antes. Sempre observando que a hierarquia na ordem influencia. A camada superior é a visível e a camada inferior não. Por isso precisamos clicar no ‘olho’ para que a camada primária possa ser vista. Clique no olho da camada que anterior.

Repita o mesmo processo, para obter a metade do carro.

Tutorial de camadas usando o Gimp (Foto: Rafael Junqueira/Mundo Pauta)

Tutorial de camadas usando o Gimp (Foto: Rafael Junqueira/Mundo Pauta)

Tutorial de camadas usando o Gimp (Foto: Rafael Junqueira/Mundo Pauta)

Tutorial de camadas usando o Gimp (Foto: Rafael Junqueira/Mundo Pauta)

E o processo se delonga a quantas partes quiser dividir. E o uso da camada oferece a possibilidade de aplicar decalcs em cada parte sem se preocupar com o todo, que não será afetado. Apenas se unir as partes ao carro original. Lembrando que estas partes quando recortadas, não são subtraídas da imagem original, ele sobrepõe. Isso permite que possamos planejar cada passo.

Dúvidas ou opinião.

Gostou deste tutorial? Achou difícil? Foi de fácil compreensão a leitura? Envie para o Mundo Pauta seus comentários, para que nos próximos possamos melhorar ainda mais. Confira também novidades no Facebook.com/MundoPauta.

Edição Digital Robocop

Como fazer o composite Scene – Robocop?

Este é um tutorial para o programa Gimp versão 2.8.0 utilizando duas imagens padrões para fazer uma cena de composição com o tema Robocop. O efeito de imersão é criar a sombra. A média de tempo deste trabalho para usuários intermediários e avançados é de 30 minutos. Confiram inicialmente o material a ser utilizado neste tutorial.

  • Cenário: Estacionamento
  • Personagem: Robocop (Neca Toys)
  • Nível: Intermediário
  • Necessidade: Noção básica do programa. Saber redimensionar, perspectiva, duplicar e trabalhar com camadas.
  • Explicação: Parcial e textos curtos.
  • Gimp versão 2.8.0 (versão atual 2.8.4)

Etapa 1 – Compondo a cena.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Em primeiro lugar ao abrir o programa Gimp, abra com o cenário estacionamento e após isso coloque por cima a imagem do Robocop. Se ela ficar maior que o cenário, redimensione a mesma.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Agora vamos trabalhar com a remoção do background branco, é um trabalho de paciência já que vamos tirar parte a parte. Para isso selecione a borracha e irá trabalhar com a lupa também. Em média para um usuário experiente leva-se 25-30 minutos em remover tudo.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Aqui estamos com boa parte do trabalho realizado, os pormenores deverão ser feitos com cuidados para que a aura branca não sobre em nenhuma canto ou extremidade. Em meu trabalho poderá ser observado um pedaço deste branco que era o background original por falta de atenção.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Aqui temos o trabalho finalizado. O próximo passo é criar a sombra, um dos efeitos de ilusão que dará a ideia que o Robocop é originalmente da cena.

Etapa 2 – Criando a sombra.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Para criar a sombra do Robocop nós iremos duplicar a imagem do mesmo.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Depois iremos trabalhar com a imagem duplicada em modificar sua perspectiva. Ou seja iremos deitar a imagem no chão, numa projeção a partir da plantas dos pés do Robocop em pé.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Agora esta na hora de criar o efeito sombra. Para isso vamos trabalhar com o brilho e contraste. Conforme estipulado os valores acima, coloque no extremo de um e do outro. Isso irá criar escurecer por completo a imagem. Mas lembre-se não de-selecione da imagem ainda, temos que trabalhar os efeitos físicos dela.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Vamos trabalhar com o efeito de opacidade da sombra. Tirando o fato que estejamos lidando com uma sobre negra, o estacionamento possui uma luz leve e nos da uma ideia de que esta projetando a sombra de uma forma menos intensa do que se fosse com um holofote. Neste caso são luzes de capacidade moderada.

Então trabalhamos com o efeito de multiplicidade no modo da camada (ela recebe a iluminação moderada) + 42% de opacidade, tornando a sombra transparente ao chão. O efeito é imediatamente sentido.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Depois vamos apagar a parte da sombra que está sobre os pés e perna. Ou seja a sombra está para trás da pessoa e não em cima dela. Seria uma realidade anti-física. Portanto usaremos a borracha para apagar. Use a lupa para apagar pontos menores ou em superfícies irregulares dos pés e pernas do Robocop.

Etapa 3 – Realçando o brilho da lataria.

(Sincronizando a cor do estacionamento e luzes com a armadura do Robocop)

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Aqui vamos trabalhar com camadas. Clique na camada original com o botão direito do mouse e escolha “duplicata de camada”.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Utilize no menu “Cores” o colorizar e configure a disposição da cor conforme a janela “Colorir”.

 

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Vamos escolher o tipo de camada a trabalhar.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Agora é preciso trabalhar com o pincel default (pincel padrão) o tipo é “Fundir grão” para poder criar o efeito “tingido”. Este tipo de configuração torna o desenho mais vivo e real. É possível configurar o pincel de outras formas. Agora só vai passar o pincel sobre a armadura do Robocop. Aquele verde azul claro irá surgir no decorrer da pintura.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Observe na figura o que está em vermelho, e configure seu Gimp da mesma forma.

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

Agora a parte final que é mesclar as camadas. Para isso pressione CTRL + M (Merge – unir).

Composite Scene - Robocop (Foto: Mundo Pauta)

Composite Scene – Robocop (Foto: Mundo Pauta)

A imagem final do Robocop.

Comentários.

Publiquei um tutorial de como realizar uma ‘pequena’ remoção do cabelo da personagem Lara Croft – Tomb Raider, com Angelina Jolie. Como é de praxe, a atriz é a modelo declarada de todo artista 2D seja para testes ou uso em tutoriais. E este meu passo a passo na Revista Espírito Livre foi publicado em março/2010.

Na página 84-87.

Vou disponibilizar aqui.

Mundo Pauta.

Texto\Fotos: Rafael Junqueira[¹] (Bacharel de Ciência da Computação, cursando Pós em Gestão de Marketing e Comunicação Empresarial)[²]

Facebook Mundo Pauta.

 

 

 

 

 

 

 

 

 

 

 

 

Coletânea Edição Digital

Edição digital fazendo uso do programa Gimp.

Actrice Chloe Grace Moretz (Photo: Reproduction/Mundo Pauta)

Atriz Chloe Grace Moretz (Foto: Reprodução/Mundo Pauta)

Model Alexandra Tretter (Photo: Reproduction/Mundo Pauta)

Modelo Alexandra Tretter (Foto: Reprodução/Mundo Pauta)

Actrice Angelina Jolie (Photo: Reproduction/Mundo Pauta)

Atriz Angelina Jolie (Foto: Reprodução/Mundo Pauta)

Actrice Emily Browning(Photo: Reproduction/Mundo Pauta)

Atriz Emily Browning(Foto: Reprodução/Mundo Pauta)

Actrice Anna Popplewell(Photo: Reproduction/Mundo Pauta)

Atriz Anna Popplewell(Foto: Reprodução/Mundo Pauta)

Actrice Milla Jovovich (Photo: Reproduction/Mundo Pauta)

Atriz Milla Jovovich (Foto: Reprodução/Mundo Pauta)

Actrice Jessica Chastain (Photo: Reproduction/Mundo Pauta)

Atriz Jessica Chastain (Foto: Reprodução/Mundo Pauta)

Oeils magique (Photo: Reproduction/Mundo Pauta)

(Foto: Reprodução/Mundo Pauta)

Actrice Emma Watson (Photo:Reproduction/Mundo Pauta)

Atriz Emma Watson (Foto: Reprodução/Mundo Pauta)

 

 

Vintage Side – Dakota Fanning

Dakota Fanning – Gimp.

(Clique na figura e escolha a resolução máxima)

Dakota Fanning - Vintage side

Dakota Fanning – Vintage side

—-

Mundo Pauta.

Produção: Sahel Rach

Facebook Mundo Pauta