.
Aurium.Colivre.Coop.br Esse site é Legal Demais para Internet Explorer

Aurium :: ColocandoUmDesenhoSobreOutraSuperficie

Últimas blogadas:

%HEADLINES{"http://softwarelivre.org/aurium/blog/feed" refresh="600" header="SoftwareLivre.org" limit="15" format=" * $title" }% %HEADLINES{"http://cirandas.net/aurium/blog/feed" refresh="600" header="Cirandas.net" limit="15" format=" * $title" }%




Aurium Velho por Ibraim do Nascimento
Este desenho foi feito por um amigo (companheiro de faculdade de minha irmã) estudante de belas artes chamado Ibraim do Nascimento. O cara é talentoso… Guardem esse nome.

Bem, mas você deve estar lendo esse artigo para pegar umas dicas de GIMP, né… Ok.

Estou escrevendo isso porque vejo muita gente sobrepondo desenhos de forma errada. Pra mim também demorou de cair a ficha, então, vejamos como sobrepor um desenho em uma outra imagem de forma mais elegante.
Considere que esta imagem é onde se deseja sobrepor o desenho:

Exemplos de Resultados de Sobreposição

Forma Errada Forma mais Cuidadosa
   
É muito comum as pessoas fazerem uma seleção (com a varinha mágica ou por cores) e copiar o desenho para colocar sobre outra superfície, mas dessa forma os traços ficam esbranquiçados e com áreas contrastando com o padrão da superfície Este segundo método já se mostra mais eficiente, dando um bom contraste ao traçado e uma adequação melhor a superfície onde foi colocado. Com este metodo também podemos mudar a cor do desenho…

Como Fazer

Vamos então ao passo-a-passo onde explicarei com detalhes…

Passo 1 - Abrindo a imagem e entendendo o Gimp

Abra a imagem com o desenho a ser copiado.

Aprecie a interface do Gimp. A direita temos a janela principal com as ferramentas acima e as opções da ferramenta selecionada abaixo. Na janela da esquerda temos o gerenciamento de camadas, canais e caminhos (vetores) na parte de cima e na parte de baixo temos formatos de pinceis, texturas e degradês e outras coisas para serem aplicadas na imagem.

Passo 2 - Aplicando uma mascara

Clique com o botão direito no controle da camada para abrir o menu contextual e selecione "Adicionar Máscara à Camada".

Clique em "Copiar Tons de Cinza da Camada" e em "Inverter Máscara".

A mascara adiciona canal alfa a uma camada. O canal alfa indica a opacidade de cada pixel. Branco é igual a 100% de alfa, que significa completamente opaco e preto é igual a 0% de alfa, que significa completamente transparente. Os níveis intermediários de cinza representam níveis de translucidez.

O objetivo desta ação foi tornar apenas os traços do desenho opacos e deixar transparente o resto da camada. Como o branco é opaco e o preto transparente, é preciso inverter as cores da camada ao copia-la em sua máscara.

Note que a imagem ficou um tanto clara, acinzentada…

Isso aconteceu porque a suavização dos traços é feito com a colocação de pixels com cores intermediárias entre a borda de um desenho e o fundo onde é apresentado. Por isso existiam pixels com tons de cinza nas bordas dos traços e nos traços mais fracos que agora clareiam ainda mais o pouco que existe visivel.

Passo 3 - Tingindo o desenho

Clique na camada para seleciona-la para edição. (pois quem está ativa é a mascara)

Clique no balde de tinta e selecione as opções:
  • "Preenchimento com Cor de Frente" - que no momento é preto, como pode ser visto na imagem ao lado. Note nos quadrados sobrepostos. O preto é o da cor da frente e o branco é o da cor de fundo. Alterando as cores desses quadrados você muda a cor usada pelas ferramentas.
  • "Preencher toda a seleção" - para que ele não pinte apenas os espaços com cores similares, fugindo do nosso objetivo.

Agora é só clicar na camada para tingi-la:

Passo 4 - Mesclando Camada e Máscara

Abra o menu contextual do controle da camada e selecione "Aplicar Máscara à Camada". Desta forma você efetiva as modificações feitas no canal alfa da camada.

Veja o resultado:

(não existe mais aquela segunda imagem da mascara no controle da camada)

Passo 5 - Abrir a outra imagem.

Abra a imagem onde o esenho será posto.

Se você não conhece o GIMP, provavelmente você não esperava abrir mais essa janela. Tudo bem… Não existe motivo pra se assustar. No início não será tão intuitivo, mas poderá ser bem produtivo quando você se acostumar. Para saltar de uma imagem para outra você pode escolher entre selecionar a janela na sua barra de janelas da interface ou usar as teclas de atalho da interface (o que eu prefiro). Tente o Alt + Tab para a próxima e o Alt + Shift + Tab para a anterior. É bem mais rápido.

Passo 6 - Ctrl+C Ctrl+V

Esse deve ser o passo mais ridículo do tutorial…

Copie a camada do desenho e cole sobre a imagem do fundo:

(Note que ela aparece como uma "Seleção Flutuante")

Passo 7 - de Seleção para Camada

Não! Esse é o passo mais ridiculo!

Clique no botão "Nova Camada"

Veja que a "Seleção Flutuante" se tornou efetivamente a "Camada Colada".

Questões e Bom Uso

Mas, porque criar uma camada flutuante em vêz de simplesmente ancorar a seleção flutuante ao fundo?

Se o objetivo final já for encontrado no momento da colagem do desenho, beleza… mas imagine que você ainda queira testar cor, opacidade global, redimencionamento, posicionamento e uma mistura aleatória disso tudo (que faz parte do momento da criação). Bem, o mais interessante nesses casos é ter uma camada independente.

Exemplos:

Existem outros meios para chegar a esse fim?

Provavelmente… Invente um! smile

Isso só pode ser feito a partir de desenhos de traços… e se eu quiser transformar uma foto para coloca-la como desenho em outra superficie?

Coloquei um passo-a-passo bem resumido na minha palestra de Arte Digital com Software Livre. No slide 14 tem a conversão de um gato em um desenho de traços.

Você não tinha feito uma animação com esse tutorial?

Sim! Está aqui: tut_sobrepor_desenho.gif

DiggThis

Topic attachments
I Attachment Action Size Date Who Comment
AuriumVelho.jpgjpg AuriumVelho.jpg manage 17 K 24 Jun 2006 - 21:28 AurelioAHeckert  
LeisRasgadas.jpgjpg LeisRasgadas.jpg manage 27 K 24 Jun 2006 - 21:28 AurelioAHeckert  
LeisRasgadas_e_AuriumVelho_azul.jpgjpg LeisRasgadas_e_AuriumVelho_azul.jpg manage 19 K 24 Jun 2006 - 21:28 AurelioAHeckert  
LeisRasgadas_e_AuriumVelho_ok.jpgjpg LeisRasgadas_e_AuriumVelho_ok.jpg manage 34 K 24 Jun 2006 - 21:28 AurelioAHeckert  
LeisRasgadas_e_AuriumVelho_ruim.jpgjpg LeisRasgadas_e_AuriumVelho_ruim.jpg manage 34 K 24 Jun 2006 - 21:28 AurelioAHeckert  
LeisRasgadas_e_AuriumVelho_vermelho.jpgjpg LeisRasgadas_e_AuriumVelho_vermelho.jpg manage 18 K 24 Jun 2006 - 21:28 AurelioAHeckert  
tut_sobrepor_desenho.gifgif tut_sobrepor_desenho.gif manage 581 K 24 Jun 2006 - 21:28 AurelioAHeckert animação baseada neste tutorial
Copyright © 2004 - 2019 Aurélio A. Heckert
Conteúdo licenciado sob Creative Commons by-nc-sa