O efeito halftone
27/07/2008Efeito o quê?
Você já olhou de perto, bem de perto, alguns tipos de impressos como revistas, cartazes ou jornais, e percebeu que as imagens são formadas por milhares de minúsculos pontinhos? É um método de impressão chamada halftone, ou meio-tom, e serve para simular uma imagem de tom contínuo através do uso de minúsculos pontos de diferentes tamanhos, igualmente espaçados, causando uma impressão de cor sólida. Vários softwares são capazes de reproduzir esse efeito, e o Inkscape não fica atrás. Vamos ver como reproduzir o efeito halftone no bom e velho Ink. =)
OK, por onde começamos?
Primeiro precisamos criar um objeto que será o padrão de repetição. Nas impressões, o método se resume a pequenos pontinhos, mas no Inkscape, podemos usar qualquer forma: retângulo, triângulo, estrela, etc. Crie uma pequena circunferência, com 4 pixels de largura e altura. Remova o contorno e sete o preenchimento como “Indefinido”, clicando no sinal de interrogação do painel de Preenchimento e Traço. Logo abaixo explicarei o motivo disso.
Fácil! O que vem agora?
Agora precisamos escolher uma imagem para aplicar o efeito!
Escolhida a imagem, alinhe-a com o ponto, como na figura acima: selecione os dois objetos, abra o menu de Alinhar e Distribuir e clique nas opções de alinhar acima e à esquerda, marcados em vermelho na figura. Olha o pontinho lá em cima!
Huum, estou entendendo. Já que o ponto é o padrão de repetição, eu tenho que fazer ele ser replicado por cima da imagem e depois tem algum filtro super poderoso que aplica o efeito?
Exatamente! Vamos usar a técnica secreta da clonagem ladrilhada para replicar o pontinho por cima de toda a imagem. Ao clonar um objeto, você cria uma cópia dependente do objeto clonado. Se, por exemplo, o preenchimento do objeto original for alterado, seus clones sofrerão a mesma alteração.
Para aplicar a técnica secreta da clonagem ladrilhada, basta selecionar o objeto alvo, no caso o ponto, e acessar o menu Editar > Clonar > Criar clones ladrilhados. A janela abaixo será aberta, com várias opções disponíveis. Precisaremos apenas das opções marcadas em vermelho. Queremos que os clones façam deslocamentos simples, adjacentes, e que sejam replicados na área da imagem, que no meu caso, o rosto da Beta Bitsy, é de 178 por 185 pixels.
Oba! É agora que a coisa pega fogo!
Uhuuu! Clique na aba “Traçar“! É lá que está guardado o segredo do universo!
Marque a opção “Traçar o desenho embaixo dos ladrilhos” para ativar as opções da aba. Repare no que diz o tooltip: “Para cada clone, pegar um valor do desenho no local daquele clone e aplicar a ele”. Legal! Não esqueça de selecionar apenas o ponto! É ele que será replicado!
WOW! São tantas opções! E-estou nervoso! Não…não sei se consigo!
Calma! Precisaremos de apenas algumas opções! Veja na figura abaixo, marcadas em vermelho: apenas três! AHÁ! A vida pode ser simples, caro amigo! Basta saber como!
Me explica essas opções?
Na caixinha 1 temos as opções de valores que os clones capturarão: cor ou opacidade. Marque “opacidade“, pois queremos que os clones sejam replicados apenas onde há presença de objetos opacos.
Ignore a caixinha 2.
Na caixinha 3, temos os valores que serão aplicados aos clones. Queremos que as cores da imagem sejam aplicadas a cada clone, dependendo de sua posição, então marque a opção “Cor“. Lembra quando setamos o preenchimento do ponto como Indefinido lá em cima? Se não fizermos isso, os clones não poderão capturar as cores da imagem. Marque também a opção “Dimensões“. É isso que vai fazer com que haja uma “suavização” nas bordas da imagem, pois quanto mais próximos da área transparente, menores os clones serão.
Agora eu aperto em Criar, e… WOW! Magnífico!
Os clones serão criados acima da imagem, então é preciso mover a imagem original do seu lugar para ver o resultado do efeito. Se desejar testar as outras opções, basta clicar em “Remover“, ou apertar Ctrl + Z, para remover os clones. Note que quanto menor o ponto, mais definida ficará a imagem resultante, e mais lento será o processo.
Eu tenho algumas considerações…
Já posso imaginar quais são. Esse efeito pode não parecer muito user-friendly, mas os recursos empregados não servem apenas para esse propósito. Pode-se fazer muita coisa legal além disso, como por exemplo, traçar fotos, criar texturas, etc. Basta usar a criatividade. Outra coisa que pode te deixar com uma pulga atrás da orelha é a necessidade do ponto ter o preenchimento Indefinido. É algo a se perguntar aos desenvolvedores do Inkscape, mas não é nada que impeça um artista de expressar suas idéias 
Tranquilo! Até o próximo tutorial então!
Já criei uma categoria para os tutoriais! Até o próximo! o/
Mantendo a retro-compatibilidade
- 04/16/07 - Desenhe livremente
- 12/12/06 - Holywood games
- 07/19/07 - Em boas asas
- 07/20/08 - Guia do amigo programador
- 09/13/08 - O ataque dos bots assassinos 8
Hmmmmmmmm, daqui a pouco vou criar o Andredizon para entrar na histórinha hehe
Abração!!
Rapaz… Muito bom!
Você poderia soltar mais tutoriais de inkscape esporadicamente…
Abraços.
Já planejo outro tutorial
Nuss, tava querendo que você me ensinasse umas coisinhas no inkscape mesmo. Veio a calhar esse tutorial. Brigadão Karlisson.
Até mais o/
Eu pensei que era retícula. Anyway LEGAL!
Outra versão do Inkscape :D.
Great!! =)
Ótimo tutorial Karlisson
Este é um efeito excelente para criar mapas ladrilhados para jogos 2D.
Vlw
Que venha o próximo tuto….yuhuuu….
Massa o tutorial. E parabéns por conseguir postar todos os dias
Boaaa 06
Você poderia soltar mais tutoriais de inkscape esporadicamente…[1]
Muito bom o tuto! Cada dia mais acho que ainda estou “na caixa” por pura preguiça mesmo.
Mais a título de “pergunta cretina”: isso seria uma espécie de ‘vetorização’? Estaríamos finalmente salvos das garras do CorelDRAW?
PS: “na caixa” = usando windows.
Taí um efeito que ainda não conhecia do Inkscape após anos fuçando-o…
Respondendo o amigo acima o inkscape é vetorial sim, só não sei se ele consegue vetorizar imagens de outros programas, ainda sou bem n00b…
Teria como fazer um tutorial sobre como dominar as curvas no programa? Apanho sempre nisso e acabo importando de outro aplicativo…
Tem o Razterbator, que além de fazer o efeito halftone, também amplia, em dimensões onde a parede do seu quarto é o limite, e a tinta da impressora também.
Vc não faz idéia do quão feliz eu fico quando vejo gente como vc escrevendo documentação =]. É isso ai cara!
Parabéns Karlisson, precisamos de mais tutoriais como esse!
Continue o bom trabalho.
Muito bom mesmo! Parabéns!
Ok e esse efeito vai me ajudar em… ?
Vai ajudar no que você puder imaginar que possa ser feito, menos a ser mais educado…
Eu vejo um futuro brilhante… e nele eu estava com um notebook powered by linux lendo e praticando os tutorias Nerdson.com em pdf, todos compilados em um único arquivo. Será sonho? Eu acredito que não!!
Ok obrigado, você foi muito esclarecedor.
Boa noite.
hehe… Nerdson tbm é cultura ;)!
Nao sei mexer nada nesse programa, mas pelo jeito vou ter que aprender!
Muito bacana, obrigado!
Jose Antônio - “Vai ajudar no que você puder imaginar que possa ser feito, menos a ser mais educado…”[2]
É a mesma coisa que perguntar pra que serve a transparência, distorção, mosaico, ondulação, ruído, cubismo, nuvem (clouds)etc…
Servem para aplicar efeitos!! A sua criatividade é quem diz como e quando usar!!
ão existe regra!! Use onde e como quiser!!
Ok Anderson, obrigadão.
Hehehe, vai dizer que o cara do Café com Amigos tá mesmo fazendo merchã de graça vai?
Não acredito!
kkkkkkkkkkkkkkkkkkkkkkkkk
Chuegei aqui, via Stumble e este tutorial me chamaou a atenção. Não conhecia seu site. Achei-o superinteressante e fiz um stumble positivo para ele. Voltarei de vez em quando para ler as novas.
Abraços
Maravilha!
Espero que tenham mais tutoriais na manga!
Boa cara, vlw!
Só uma pergunta: esse efeito funciona na versão Windows do Inkscape? To tentando aqui, e mesmo fazendo tudo exatamente igual, não funciona.
Vlw.
@Renato
Ele exibe alguma mensagem de erro?
Não, quando clico no botão “Criar” não acontece nada.
Só consegui reparar que se se eu deixar desagrupado ele diz que há mais de dois objetos selecionados, e se eu agrupar e ativar a opção “Inverter” ele cria clones, mas iguais o original, só triplica a imagem.