Criando Clones

Um clone é um elemento svg que mantém um vínculo com outro, do qual copiará todos os atributos: formato, cor, transformação, elementos filhos (como no caso de grupos) e o que mais houver a ser copiado. Vamos chamar a partir de agora o elemento clonado de "pai". Os clones podem ser transformados (ou seja, reposicionados, girados, inclinados ou redimensionados) sem nenhum problema, use o mouse e aplique a transformação.

Ao modificar o elemento pai, todos os clones são modificados igualamente, tanto em transformações quanto atributos de estilo.

Um Clone só pode definir sua própria cor se o pai tiver cor indefinida, para isso selecione a interrogação no diálogo de preenchimento. O mesmo serve para o traço ou qualaquer atributo de estilo do elemento. Veremos mais abaixo um exemplo de criação de clones com cores prórias.

Criando Um Clone

Na barra de ferramentas superior você encontra estes dois botões:

• Criar Clone: Faz um elemento clone do elemento selecionado. Também pode-se fazer via menu Editar > Clonar > Criar Clone ou com o atalho de teclado Alt+D.
• Desligar Clone: Cria uma cópia do elemento pai e substitui o clone selecionado. Também pode-se fazer via menu Editar > Clonar > Desligar Clone ou com o atalho de teclado Shift+Alt+D.

Criando clones a partir de um padrão

Quando queremos criar um padrão de clones usamos o diálogo "Criar padrões clonados" no menu Editar > Clonar > Criar padrões clonados...

Nessa janela você define quantos clones deseja criar ou qual a área que eles devem ocupar e de que forma esses clones serão feitos. Vejamos as opções dessa janela:

Na base da janela:

Inicialmente selecione se serão criadas um numero pré-definido de linhas e colunas de clones ou se linhas e colunas serão criadas para ocupar uma certa área. Selecionando a segunda opção (Largura, Altura) os clones serão feitos até o preenchimento total da área definida. (preste atenção na unidade selecionada!)

Aba Simetria:

Nesta aba temos apenas uma caixa de opções com diversas formas de clonagem, sendo que a mais intuitiva e que certamente lhe será mais útil é a primeira "deslocamento simples". Nessa opção, com as configurações padrão um clone será colocado ao lado do outro sem nenhuma transformação extra.

Teste algumas clonagens com outros tipos de simetria para conhece-las. Use um elemento com forma de seta (ou simplesmente com um lado diferenciado), para perceber as rotações.

Independente do modo (nesta aba ou na base da janela) escolhido várias linhas e colunas de clones serão criadas. Nas abas a seguir você pode definir de que forma acontecerão diversos tipos de variações entre as linhas e abas.

Aba Deslocamento:

Nesta aba encontramos:

• Deslocamento X:
  • por linha: a cada nova linha os elementos serão movidos horizontalmente N porcento da sua largura. Se o valor for positivo o deslocamento será para a direita, se negativo será para a esquerda.
  • por coluna: a cada nova coluna os elementos serão movidos horizontalmente N porcento da sua largura.
  • Aleatório: os elementos receberão um deslocamento horizontal aleatório, até no máximo N% de sua largura
• Deslocamento Y:
  Equivalente ao anterior.
• Expoente: valores para multiplicar o deslocamento horizontal e vertical.
• Alternar: alterna o sinal dos valores (positivo e negativo) a cada nova linha ou coluna.

Aba Ampliar:

Aba Rotação:

Aba Desfoque e Opacidade:

Aba Cor:

Aba Traçar:

Um exemplo de clonagem padronizada:

Resultado: clones-coloridos.svg

Criando clones baseado em um desenho Guia

Para criar clones usando um desenho como guia vá na aba "Traçar" e marque "Traçar o desenho abaixo dos ladrilhos". Existem várias opções para definir como capiturar o desenho abaixo e como aplicar essas características nos clones. Vamos ver esses detalhes:

1. Capturar do Desenho:
   Uma propriedade do desenho é capturada e o seu valor será usado para definir atributos dos clones.
   • Cor: na realidade captura o brilho
   • Opacidade: captura o alfa resultante (no caso de sobreposições)
   • R, G e B: capturam uma das componentes de composição de cor por mistura de luz.
   • Hue: captura o valor da cor no padrão HSL, sendo que o vermelho tem o menor valor e o lilaz o maior.
   • Saturação: captura a representatividade de uma cor.
   • Luminosidade:
2. Altere valor requerido:
   Você pode adaptar o valor capturado para ter a resultante desejada sem necessáriamente corrigir o desenho guia.
   • Correção de Gama: aumenta o valor de luminosidade dos tons médios capturados se o valor for positivo e abaixa se for negativo.
   • Randomizar: aplica uma variação em qualquer valor capturado.
   • Inverter: Inverte qualquer valor capturado. Se você capturar "G" (verde) os espaços com verde máximo retornarão o menor valor e os espaços sem verde retornarão o maior valor.
3. Aplicar o valor aos clones:
   O valor capturado (e talvêz alterado por você) agora pode modificar um dos atributos dos clones.
   • Presença: Quanto menor o valor capturado, menor a probabilidade do clone ser aplicado naquela posição.
   • Tamanho: O valor máximo em um ponto aplica o clone com 100% do tamanho original e valores menores reduzem o clone até o tamanho nulo.
   • Cor: aplica a cor do local onde o clone é colocado neste mesmo, desde que o elemento pai tenha cor indefinida.
   • Opacidade: O valor máximo em um ponto aplica o clone com 100% da opacidade original e valores menores reduzem o clone até 0% do valor desse atributo.

Área de clonagem: 500x500 pixels

• Deslocamento X:
  • por linha: 0%
  • por coluna: -14%
• Deslocamento Y:
  • por linha: 0%
  • por coluna: -50%

Uma Fotografia como Guia

O desenho guia também pode ser uma fotografia, veja esse exemplo:

Pegamos uma fotografia qualquer e (nesse caso) tratamos com GIMP para tornarmos as cores mais vivas:

Fotografia original:	Com tratamento de cor
veja como o tratameto de cor foi feito: arquivo do GIMP com camadas

Importamos, no Inkscape, a fotografia em formato PNG, para aproveitar o canal alfa e fazemos duas sequencias de clonagens:

• A primeira clonagem é um círculo com cor indefinida, para que ele copie a cor encontrada na posição imagem que este sobrepõe. Os clones são criados capiturando a opacidade e aplicando nestes a presença, cor e tamanho.
• A segunda clonagem é um círculo com cor preta e opacidade baixa. Os clones são criados capiturando a luminosidade e aplicando nestes a presença e tamanho.