From 761e54744738ea80f7b573593446e366be3a7517 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Wed, 17 Aug 2016 11:46:52 +0200 Subject: Documentation. New tutorial translations for Portuguese. Fixed bugs: - https://launchpad.net/bugs/1612957 (bzr r15065) --- share/tutorials/potrace-pt.png | Bin 0 -> 5877 bytes share/tutorials/tutorial-advanced.pt.svg | 511 + share/tutorials/tutorial-basic.pt.svg | 760 + share/tutorials/tutorial-calligraphy.pt.svg | 815 ++ share/tutorials/tutorial-elements.pt.svg | 674 + share/tutorials/tutorial-interpolate.pt.svg | 594 + share/tutorials/tutorial-shapes.pt.svg | 1097 ++ share/tutorials/tutorial-tips.pt.svg | 691 + share/tutorials/tutorial-tracing-pixelart.pt.svg | 15603 +++++++++++++++++++++ share/tutorials/tutorial-tracing.pt.svg | 231 + 10 files changed, 20976 insertions(+) create mode 100644 share/tutorials/potrace-pt.png create mode 100644 share/tutorials/tutorial-advanced.pt.svg create mode 100644 share/tutorials/tutorial-basic.pt.svg create mode 100644 share/tutorials/tutorial-calligraphy.pt.svg create mode 100644 share/tutorials/tutorial-elements.pt.svg create mode 100644 share/tutorials/tutorial-interpolate.pt.svg create mode 100644 share/tutorials/tutorial-shapes.pt.svg create mode 100644 share/tutorials/tutorial-tips.pt.svg create mode 100644 share/tutorials/tutorial-tracing-pixelart.pt.svg create mode 100644 share/tutorials/tutorial-tracing.pt.svg (limited to 'share/tutorials') diff --git a/share/tutorials/potrace-pt.png b/share/tutorials/potrace-pt.png new file mode 100644 index 000000000..5baf22db9 Binary files /dev/null and b/share/tutorials/potrace-pt.png differ diff --git a/share/tutorials/tutorial-advanced.pt.svg b/share/tutorials/tutorial-advanced.pt.svg new file mode 100644 index 000000000..022eeb355 --- /dev/null +++ b/share/tutorials/tutorial-advanced.pt.svg @@ -0,0 +1,511 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + Usar Ctrl+seta para baixo para baixar + + + + ::AVANÇADO + + + + + + + + Este tutorial aborda os seguintes temas: copiar/colar, edição de nós, desenho à mão livre e desenho com curvas Bézier, manipulação de caminhos, operações booleanas, deslocamentos (comprimir/expandir), simplificação e ferramenta de texto. + + + + + + + Use Ctrl+setas, roda do meio do rato ou arrastar com o botão do meio do rato para deslocar a visualização da página para baixo. Para ter noções básicas sobre criação, seleção e transformação de objetos, veja o tutorial Básico em Ajuda > Tutoriais. + + + Técnicas de colar + + + + + + + Depois de copiar alguns objetos com Ctrl+C ou cortar com Ctrl+X, o comando Colar (Ctrl+V) cola os objetos copiados no local do ponteiro do rato ou, se o cursor estiver fora da janela, no centro da janela do documento. No entanto, os objetos na área de transferência também têm as informações sobre o lugar original do qual foram copiados e pode-se colar para o local onde estavam originalmente com Colar no Lugar (Ctrl+Alt+V). + + + + + + + Um outro comando, Colar Estilo (Shift+Ctrl+V), aplica o estilo do primeiro objeto na área de transferência na seleção atual. O "estilo" colado inclui todas as configurações de preenchimento, traço e fonte tipográfica, mas não a forma geométrica, o tamanho ou parâmetros específicos de um tipo de forma geométrica, como por exemplo o número de pontas de uma estrela. + + + + + + + Existe ainda outro conjunto de comandos para colar, como o Colar Tamanho que redimensiona a seleção para ficar a ter o tamanho igual aos objetos da área de transferência. Existem vários comandos para colar o tamanho: Colar Tamanho, Colar Largura, Colar Altura, Colar Tamanho Separadamente, Colar Largura Separadamente e Colar Altura Separadamente. + + + + + + + Colar Tamanho altera o tamanho de toda a seleção para igualar o tamanho total dos objetos da área de transferência. Colar Largura/Colar Altura altera o tamanho de toda a seleção horizontalmente/verticalmente por forma a ficar igual à largura/altura dos objetos da área de transferência. Estes comandos obedecem ao botão de bloqueio da proporção do redimensionamento da ferramenta de seleção na barra Controlos da Ferramenta (ícone do cadeado entre os campos L e A), por forma a que, quando este botão de bloqueio é ativado, a outra dimensão do objeto selecionado é redimensionada na mesma proporção; caso contrário a outra dimensão permanece inalterada. Os comandos que contêm a palavra "Separadamente" funcionam de maneira semelhante aos descritos acima, exceto pelo facto que eles redimensionam cada objeto selecionado separadamente para que corresponda ao tamanho/largura/altura dos objetos da área de transferência. + + + + + + + A área de transferência está disponível ao nível do sistema - pode-se copiar e colar objetos entre diferentes instâncias do Inkscape assim como entre o Inkscape e outros programas (estes têm de suportar o formato SVG). + + + Desenhar à mão livre e caminhos regulares + + + + + + + A maneira mais fácil de criar uma forma geométrica arbitrária é desenhá-la usando a ferramenta Lápis, ou seja, linhas à mão livre (F6): + + + + + + + + + + + + + + + + Para desenhar com formas geométricas mais regulares, usar a ferramenta Caneta, ou seja, desenhar com curvas Bézier e linhas retas (Shift+F6): + + + + + + + + + + + + + + + + Com a ferramenta Caneta, cada clique cria um nó agudo sem alças de curvas, desta forma uma série de cliques produz uma sequência de segmentos de linhas retas. Clicar e arrastar cria um nó Bézier suave com duas alças colinearmente opostas. Pressione a tecla Shift enquanto arrasta uma alça para rodar apenas uma alça e manter fixa a outra oposta. Como de costume, utilizando a tecla Ctrl limita a direção, tanto do segmento de linha atual quanto das alças Bézier em incrementos de 15 graus. Pressionando a tecla Enter finaliza a linha, Esc cancela. Para cancelar apenas o último segmento de uma linha incompleta, pressione a tecla Backspace. + + + + + + + Tanto na ferramenta Lápis como na ferramenta Caneta, o caminho atualmente selecionado mostra pequenas âncoras quadradas em ambas as extremidades. Estas âncoras permitem continuar o caminho (desenhando a partir de uma das âncoras) ou completá-lo (desenhando de uma âncora à outra) em vez de criar um novo caminho separado. + + + Editar caminhos + + + + + + + Ao contrário das formas geométricas criadas pelas ferramentas de formas geométricas, as ferramentas de Caneta e de Lápis criam o que é conhecido como caminho. Um caminho é uma sequência de segmentos de linhas retas e/ou curvas Bézier que, como qualquer outro objeto do Inkscape, podem ter determinadas propriedades de preenchimento e traço. Porém, ao contrário de uma forma geométrica, um caminho pode ser editado arrastando-se livremente quaisquer um dos seus nós (e não apenas com alças pré-definidas) ou arrastando-se diretamente um segmento do caminho. Selecione o caminho seguinte e mude para ferramenta Nó (F2): + + + + + + + + Aparecem alguns pequenos quadrados cinzentos que representam nós no caminho. Estes nós podem ser selecionados com um clique sobre eles, com Shift+clique, ou com arrasto elástico — da mesma forma como são selecionados os objetos com a ferramenta de Selecionar. Também se pode clicar sobre um segmento do caminho para selecionar automaticamente os nós adjacentes. Os nós selecionados ficam destacados e mostram as suas alças de controlo — um ou dois pequenos círculos ligados a cada nó selecionado por linhas retas. A tecla ! inverte a seleção do nó nos sub-caminhos atuais (ou seja, sub-caminhos com pelo menos um nó selecionado); Alt+! inverte a seleção no caminho inteiro. + + + + + + + Os caminhos são editados arrastando os nós, as alças de controlo, ou arrastando diretamente um segmento. Tente arrastar alguns nós, alças e segmentos do caminho acima. Ctrl funciona como de costume, restringindo o movimento e a rotação. As teclas de setas e a tecla Tab, [, ], <, > com os seus modificadores, funcionam todas da mesma forma que a ferramenta de Selecionar, mas aplicam-se aos nós em vez dos objetos. Pode-se adicionar nós em qualquer lugar de um caminho com um clique duplo ou pressionando Ctrl+Alt+clique no local desejado. + + + + + + + Pode eliminar os nós com a tecla Del ou Ctrl+Alt+clique. Ao eliminar nós, o Inkscape tentará manter a forma anterior, mas se desejar que as alças dos nós adjacentes fiquem retraídas (sem manter a forma) pode eliminá-las com Ctrl+Del. Além disso, pode-se duplicar (Shift+D) os nós selecionados. O caminho pode ser partido (Shift+B) nos nós selecionados, ou selecionando 2 nós das extremidades de 1 caminho, é possível ligá-los (Shift+J). + + + + + + + Pode-se transformar um nó num nó afiado (Shift+C), o que significa que as suas 2 alças podem-se mover em qualquer ângulo independentemente uma da outra; num nó suave (Shift+S), no qual as suas alças estão sempre na mesma linha reta (colineares); num nó simétrico (Shift+Y), que é semelhante ao nó suave, mas as alças têm o mesmo comprimento; num nó auto-suave (Shift+A), um nó especial que ajusta automaticamente as alças do nó e nós auto-suaves adjacentes para manter uma curva suave. Quando se muda o tipo de nó, pode-se preservar a posição de uma das 2 alças posicionando o cursor sobre a alça, de forma a que apenas a outra alça seja rodada/dimensionada com o movimento. + + + + + + + Além disso, pode-se retrair (eliminar) completamente a alça de um nó com Ctrl+clique sobre ela. Se os 2 nós adjacentes tiverem as alças retraídas, o segmento do caminho entre os nós será uma linha reta. Para acrescentar uma alça num nó sem alças, Shift+arraste sobre o nó. + + + Sub-caminhos e combinar + + + + + + + Um caminho pode conter mais de um sub-caminho. Um sub-caminho é uma sequência de nós ligados uns aos outros. Por essa razão, se um caminho tem mais de um sub-caminho, nem todos os seus nós estão ligados. Abaixo à esquerda, 3 sub-caminhos pertencem a 1 único caminho composto; os mesmo 3 sub-caminhos à direita são caminhos independentes: + + + + + + + + + + + Notar que um caminho composto não é o mesmo que um grupo. É um objeto que só pode ser selecionado como um todo. Se selecionar o objeto da esquerda acima e mudar para a ferramenta de Nó, verá nós em todos os 3 sub-caminhos. Na direita, pode apenas editar os nós de um caminho de cada vez. + + + + + + + O Inkscape pode Combinar caminhos num caminho composto (Ctrl+K) e Separar um caminho composto em caminhos separados (Shift+Ctrl+K). Tente estes comandos nos exemplos acima. Visto que um objeto pode ter apenas um preenchimento e um traço, um novo caminho composto fica com o estilo do primeiro objeto (o objeto mais baixo na ordem-Z) a ser combinado. + + + + + + + Quando se combinam caminhos preenchidos que se sobrepõem, geralmente o preenchimento desaparecerá nas áreas onde os caminhos se sobrepõem: + + + + + + + + Esta é maneira mais fácil de criar objetos com buracos. Para comandos mais avançados em caminhos, ver "Operações Booleanas" mais adiante. + + + Converter Objeto num caminho + + + + + + + Qualquer objeto de forma geométrica ou texto pode ser convertido num caminho (Shift+Ctrl+C). Esta operação não altera a aparência do objeto mas remove todas as capacidades específicas do objeto (por exemplo, não será possível posteriormente arredondar os cantos de um retângulo ou editar o texto); em vez disso, será possível editar os nós. São mostradas abaixo 2 estrelas — a da esquerda é a forma geométrica criada com a ferramenta Polígono e Estrela e a da direita é uma estrela convertida num caminho. Mude para a ferramenta de edição de nós e veja como elas podem ser editadas quando estão selecionadas: + + + + + + + + + Além disso, pode-se converter num caminho ("contorno") o traço de qualquer objeto. Abaixo, o primeiro objeto é o caminho original (nenhum preenchimento, traço preto), enquanto o segundo é o resultado do comando Converter Traço num Caminho (preenchimento preto, nenhum traço): + + + + + Operações Booleanas + + + + + + + Os comandos no menu Caminho permitem combinar 2 ou mais objetos utilizando operações booleanas: + + Formas originais + União (Ctrl++) + Diferença (Ctrl+-) + Interseção(Ctrl+*) + Exclusão(Ctrl+^) + Divisão(Ctrl+/) + Cortar Caminho(Ctrl+Alt+/) + + + + + + + + + + + (parte inferior menos a superior) + + + + + + As teclas de atalho para estes comandos fazem alusão às analogias aritméticas das operações booleanas (união refere-se à adição, diferença é a subtração, etc.). Os comandos Diferença e Exclusão aplicam-se apenas a 2 objetos selecionados; os outros comandos podem processar uma quantidade qualquer de objetos de uma só vez. O resultado obtém sempre o estilo do objeto que estiver mais fundo na ordem-Z. + + + + + + + O resultado do comando Exclusão é parecido com o do comando Combinar (ver acima), mas é diferente, uma vez que o Exclusão adiciona nós extras onde os caminhos originais se cruzam. A diferença entre Divisão e Cortar Caminho é que o primeiro corta o objeto do fundo por inteiro na área em que o objeto do topo o sobrepõe, enquanto que o último apenas corta o traço do objeto do fundo nos pontos de contacto com o objeto do topo e remove qualquer preenchimento (isto é adequado para cortar traços sem preenchimento em pedaços). + + + Comprimir e expandir + + + + + + + O Inkscape é capaz de comprimir e expandir formas não apenas através da alteração das suas dimensões, mas também executando o deslocamento num caminho, ou seja, deslocando perpendicularmente o caminho em cada ponto. Os comandos correspondentes são chamados Comprimir (Ctrl+() e Expandir (Ctrl+)). Abaixo, está o caminho original (a vermelho) e vários caminhos comprimidos ou expandidos a partir do original: + + + + + + + + + + + + + + Os comandos Comprimir e Expandir produzem caminhos (converte o objeto original num caminho se ainda não for um caminho). Geralmente é mais conveniente o Deslocamento Dinâmico (Ctrl+J) que cria um objeto com uma alça que pode ser arrastada (similar à alça de uma forma geométrica) controlando a distância do deslocamento. Selecione o objeto abaixo, mude para o ferramenta de edição de nós e arraste as alças para ter uma noção de como funciona: + + + + + + + + Os objetos com Deslocamento Dinâmico memorizam o caminho original, assim estes não "se degradam" quando se altera a distância do deslocamento várias vezes. Quando não for preciso ajustá-lo mais, pode-se converter um objeto com deslocamento de novo num caminho. + + + + + + + Ainda mais prático é um objeto com Deslocamento Ligado ao Original, similar ao objeto com Deslocamento Dinâmico mas que está ligado a um outro caminho que permanece editável. Pode-se fazer uma qualquer quantidade de objetos com Deslocamento Ligado ao Original baseados num só caminho. Abaixo, o caminho original está a vermelho, o deslocamento ligado ao original tem o traço preto e nenhum preenchimento, o outro tem preenchimento preto e nenhum traço. + + + + + + + Selecione o objeto vermelho e edite os nós deste; veja como os 2 deslocamentos ligados ao original respondem. Agora selecione qualquer um dos deslocamentos e arraste a alça para ajustar o raio do deslocamento. Finalmente, note como se pode mover ou transformar os objetos com deslocamento independentemente sem perder a ligação com o caminho fonte. + + + + + + + + Simplificação + + + + + + + O principal uso do comando Simplificar (Ctrl+L) é reduzir o número de nós num caminho enquanto quase preserva a sua forma. Isto pode ser útil para caminhos criados pela ferramenta Lápis, uma vez que esta ferramenta certas vezes cria mais nós do que o necessário. Abaixo, a forma à esquerda foi criada pela ferramenta à mão livre, e à direita uma cópia que foi simplificada. O caminho original tem 28 nós, enquanto o simplificado tem 17 (o que significa que é muito mais fácil para trabalhar com a ferramenta de edição de nós) e é mais suave. + + + + + + + + + A quantidade de simplificação (conhecida como limiar) depende do tamanho da seleção. Por essa razão, se selecionar um caminho junto com algum objeto mais largo, ele será simplificado mais agressivamente do que se for selecionado sozinho. Além disso, o comando Simplificar é acelerado. Isto significa que se pressionar Ctrl+L várias vezes sucessivamente (até 0,5 segundos entre eles), o limiar cresce a cada uma das ações. Ao fazer outro Simplificar depois de uma pausa, o limiar volta para o valor padrão. Fazendo uso da aceleração, é fácil aplicar a quantidade exata de simplificação que se necessita para cada caso. + + + + + + + Além de suavizar traços criados à mão livre, o comando Simplificar pode ser usado para vários efeitos criativos. Muitas vezes, uma forma rígida e geométrica é beneficiada com alguma simplificação que cria interessantes generalizações naturais da forma original — suavizando cantos pontiagudos e introduzindo distorções muito naturais, algumas vezes elegantes e outras divertidas. Eis de seguida um exemplo que fica muito mais agradável depois de usar o Simplificar: + + Original + Simplificação ligeira + Simplificação agressiva + + + + + Criar texto + + + + + + + O Inkscape é capaz de criar textos longos e complexos. No entanto, é também bastante útil para a criar de pequenos textos tais como cabeçalhos, faixas, logotipos, etiquetas, legendas de diagramas, etc. Esta secção é uma introdução muito básica sobre as capacidades de texto do Inkscape. + + + + + + + Criar um objeto de texto é simples: basta clicar na ferramenta Texto (F8), clicar em qualquer lugar no documento e digitar o texto. Para mudar a família da fonte, estilo, tamanho e alinhamento, abra o painel Texto e Fonte (Shift+Ctrl+T). Esse painel também tem uma aba de entrada de texto onde se pode editar o texto selecionado - em algumas situações, pode ser mais conveniente que editá-lo diretamente na área de desenho (notar que esta aba suporta a verificação ortográfica em tempo real). + + + + + + + Tal como outras ferramentas, a ferramenta Texto pode selecionar objetos do mesmo tipo — objetos de texto — pode-se clicar para selecionar e posicionar o cursor em qualquer objeto de texto existente (como este parágrafo). + + + + + + + Umas das operações mais comuns na elaboração de textos é o ajuste do espaçamento entre as letras e as linhas. Como sempre, o Inkscape tem teclas de atalho para isto. Quando se está a editar um texto, as teclas Alt+< e Alt+> mudam o espaçamento das letras na linha atual de um texto, por forma a que o comprimento total desta linha mude em 1 píxel no aumento da vista atual (compare com a ferramenta de Selecionar onde as mesmas teclas redimensionam o objeto na proporção do píxel no ecrã). Como regra, se o tamanho da fonte num objeto de texto é maior que o tamanho padrão, provavelmente será melhor comprimir as letras deixando-as um pouco mais apertadas que o padrão. Eis um exemplo: + + Original + Espaçamento entre-letras diminuído + Inspiração + Inspiração + + + + + + A variante com letras apertadas parece um pouco melhor para um cabeçalho, mas ainda não é perfeita: as distâncias entre as letras não são uniformes, por exemplo as letras "a" e "t" estão muito separadas enquanto que "t" e "i" estão muito próximas. A quantidade de tais espaçamentos imperfeitos (visíveis especialmente em tamanhos grandes de fontes) é maior em fontes de baixa qualidade que nas de alta qualidade; no entanto, em qualquer composição de texto e em qualquer fonte, provavelmente encontrará algumas letras que beneficiarão do ajuste do espaçamento. + + + + + + + O Inkscape facilita bastante tais ajustes. Apenas mova o cursor de edição de texto entre os caracteres mal espaçados e use Alt+setas para mover as letras que estão a seguir ao cursor. É mostrado abaixo o mesmo exemplo, desta vez com ajuste manual para posicionar de forma uniforme as letras: + + Espaçamento entre-letras diminuído, com entre-letras em alguns pares de letras ajustado manualmente + Inspiração + + + + + + Além de mover as letras horizontalmente com Alt+seta esquerda ou Alt+seta direita, também se pode movê-las verticalmente usando Alt+seta de cima ou Alt+seta de baixo: + + Inspiração + + + + + + Claro que se poderia simplesmente converter o texto num caminho (Shift+Ctrl+C) e mover as letras como qualquer forma geométrica ou caminho. No entanto é muito mais prático manter as propriedades de texto — permanecendo editável e pode-se experimentar fontes diferentes sem remover os ajustes e espaçamentos, além disso ocupa muito menos espaço no ficheiro gravado. A única desvantagem em conservar "texto como texto" é que é necessário ter a fonte original instalada no computador em que se queira abrir o documento SVG. + + + + + + + Similar ao espaçamento das letras, também se pode ajustar o espaçamento entre linhas em objetos de texto com várias linhas. Experimente usar Ctrl+Alt+< e Ctrl+Alt+> em qualquer parágrafo neste tutorial para variar a altura total do objeto de texto em 1 píxel na ampliação da vista atual. Como na ferramenta de Selecionar, pressionar a tecla Shift com qualquer tecla de atalho de espaçamento ou entre-letras produz um efeito 10 vezes maior que sem a tecla Shift. + + + Editor XML + + + + + + + Uma das ferramenta mais poderosas do Inkscape é o editor XML (Shift+Ctrl+X). Este mostra a árvore XML completa do documento, mostrando sempre o estado atual do documento. Pode-se editar o desenho e observar as mudanças correspondentes na árvore XML. Além disso é possível editar qualquer texto, elemento ou atributo dos nós no editor XML e ver imediatamente o resultado. Esta é uma boa ferramenta para aprender SVG de forma interativa e permite fazer truques que seriam impossíveis com as ferramentas comuns de edição. + + + Conclusão + + + + + + + Este tutorial mostra apenas uma pequena parte do que o Inkscape é capaz. Esperamos que tenha gostado. Não fique com medo de experimentar e partilhar o que criou. Visite www.inkscape.org para obter mais informações, as versões mais recentes e para obter ajuda da comunidade de utilizadores e programadores. + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + Usar Ctrl+seta para cima para subir + + + + diff --git a/share/tutorials/tutorial-basic.pt.svg b/share/tutorials/tutorial-basic.pt.svg new file mode 100644 index 000000000..2338e5364 --- /dev/null +++ b/share/tutorials/tutorial-basic.pt.svg @@ -0,0 +1,760 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + Usar Ctrl+seta para baixo para baixar + + + + ::BÁSICO + + + + + + + + Este tutorial demonstra o funcionamento básico do Inkscape. É um documento normal do Inkscape que se pode ver, editar, copiar ou gravar alterações. + + + + + + + O tutorial Básico aborda a navegação na área de trabalho, gerir documentos, funcionamento básico das ferramentas de formas geométricas, técnicas de seleção, transformação de objetos com a ferramenta de selecionar, agrupamento, configuração de preenchimento e traço, alinhamento e ordem em profundidade (ordem-z). Para tópicos mais avançados consulte os outros tutoriais no menu Ajuda. + + + Deslocar a área de visualização + + + + + + + Existem muitas formas de deslocar a área de trabalho que se está a visualizar. Pode-se usar as teclas Ctrl+seta (uma das teclas de setas) para deslocar a área de trabalho através do teclado (experimente agora mesmo deslocar para baixo). Também pode arrastar a área de trabalho clicando (mantendo ao mesmo tempo que desloca o rato) com o botão do meio do rato (caso seja uma roda, clique tela). É possível também usar as barras de elevadores (pressione as teclas Ctrl+B para as mostrar ou esconder). A roda do rato também funciona para deslocar verticalmente; pressione a tecla Shift e de seguida use a roda para deslocar na horizontal. + + + Aumentar e diminuir a vista + + + + + + + A forma mais fácil para aumentar a vista é pressionar a tecla - e para diminuir, a tecla + (ou =). Pode também usar Ctrl+clique com o botão do meio ou Ctrl+clique com o botão direito para aumentar, Shift+clique com o botão do meio ou Shift+clique com o botão direito para diminuir, ou rode a roda do rato com Ctrl. Pode também clicar no campo de aumento (no canto inferior direito), onde se pode especificar um aumento preciso em percentagem, carregando de seguida na tecla Enter. Também se pode usar a ferramenta Lupa (na barra vertical de Ferramentas à esquerda onde aparece uma lupa) que te permite aumentar com clique, diminuir com Shift+clique e clicar-arrastar-e-largar para aumentar nessa área. + + + + + + + O Inkscape também mantém um histórico das ampliações e reduções da sessão de trabalho atual. Pressione a tecla ` para voltar à ampliação anterior, ou Shift+` para ir à ampliação seguinte do histórico. + + + Ferramentas do Inkscape + + + + + + + A barra de ferramentas vertical à esquerda mostra as ferramentas de desenho e edição do Inkscape. Na parte superior da janela, abaixo do menu, localiza-se a Barra de Comandos com botões de comando gerais e a barra Controlos da Ferramenta com controlos que são específicos para cada ferramenta. A Barra de Estado na parte inferior da janela mostra dicas úteis e mensagens enquanto se trabalha no Inkscape. + + + + + + + Muitas operações estão disponíveis através de teclas de atalho. Para ver a lista completa aceda ao menu Ajuda > Guia de Referência de Teclado e Rato + + + Criar e gerir documentos + + + + + + + Para criar um novo documento aceda ao menu Ficheiro > Novo ou pressione as teclas Ctrl+N. Para criar um documento de um dos modelos do Inkscape, aceda ao menu Ficheiro > Novo a partir de um modelo... ou pressione as teclas Ctrl+Alt+N + + + + + + + Para abrir um documento SVG existente, aceda ao menu Ficheiro > Abrir ou pressione as teclas Ctrl+O. Para gravar, use o menu Ficheiro > Gravar (Ctrl+S), ou Gravar Como (Shift+Ctrl+S) para gravar com outro nome noutro ficheiro. (O Inkscape pode ser instável, por isso é recomendável gravar com frequência!) + + + + + + + O Inkscape usa o formato SVG (Scalable Vector Graphics) nos ficheiros gravados. O SVG é um padrão aberto suportado por muitos programas das artes gráficas. Os ficheiros SVG são baseados no XML e podem ser editados com qualquer editor de textos ou editor de XML (para além do Inkscape). Além do SVG, o Inkscape pode importar e exportar vários outros formatos (EPS, PNG, etc.). + + + + + + + O Inkscape abre uma janela separada para cada documento. Pode navegar entre elas usando o gestor de janelas do sistema operativo (por exemplo, com Alt+Tab), assim como pode usar as teclas de atalho do Inkscape, Ctrl+Tab, que fará um ciclo através de todas as janelas abertas. (Crie agora um novo documento e alterne entre ele e este documento para praticar.) Nota: o Inkscape trata estas janelas como se fossem abas num navegador de internet, isto significa que o atalho Ctrl+Tab apenas funciona em documentos a correr no mesmo processo de sistema. Se abrir vários ficheiros num navegador de ficheiros do sistema operativo ou abrir mais do que uma vez o Inkscape através de atalhos ou o programa em si do navegador de ficheiros, isto não funcionará. + + + Criar formas geométricas + + + + + + + É hora de fazer algumas formas geométricas! Clique na ferramenta Retângulo na barra de ferramentas esquerda (ou pressione a tecla F4) e clique-e-arraste, num novo documento vazio ou aqui mesmo: + + + + + + + + + + + + + + + + + + Como pode ver, por padrão, os retângulos são azuis, com um traço preto (contorno) e totalmente opaco. Veremos como alterar isto mais à frente. Com outras ferramentas, também se pode criar elipses, estrelas e espirais: + + + + + + + + + + + + + + + + + + + + + + + Estas ferramentas são conhecidas como ferramentas de formas geométricas. Cada forma criada mostra uma ou mais alças em forma de diamante; tente arrastá-las para ver como a forma é alterada. A barra de Controlos da Ferramenta é outra maneira de alterar uma forma; estes controlos afetam as formas atualmente selecionadas (ou seja, aquelas que mostram as alças) e definem a configuração padrão que será aplicada a formas criadas posteriormente. + + + + + + + Para desfazer a última ação, usar as teclas Ctrl+Z. (Ou se mudar de ideia de novo pode refazer a ação desfeita com as teclas Shift+Ctrl+Z.) + + + Mover, redimensionar, rodar + + + + + + + A ferramenta do Inkscape mais usada é a ferramenta de Selecionar. Clique no primeiro botão (com a seta) na Barra de Ferramentas da esquerda vertical, ou pressione a tecla F1 ou a Barra de Espaço. Agora pode selecionar qualquer objeto. Clique no retângulo abaixo. + + + + + + + + Verá oito alças de controlo em forma de setas que apareceram ao redor do objeto. Agora pode: + + + + + + + + Mover o objeto clicando nele e mantendo premido, arraste-o. (Pressione a tecla Ctrl para restringir o movimento aos eixos horizontal e vertical.) + + + + + + + + Redimensionar o objeto arrastando qualquer alça de controlo. (Pressione a tecla Ctrl para manter a proporção altura e largura originais.) + + + + + + + Agora clique no retângulo novamente. As alças mudam. Agora pode: + + + + + + + + Rodar o objeto arrastando as alças dos cantos. (Pressione a tecla Ctrl para restringir a rotação a incrementos de 15 graus. Arraste a marca em forma de cruz que aparece ao centro para alterar o centro de rotação.) + + + + + + + + Distorcer (esticar ou encolher lateralmente) o objeto arrastando as alças centrais. (Pressione a tecla Ctrl para restringir a distorção em incrementos de 15 graus.) + + + + + + + Com a Ferramenta de Selecionar, também pode usar os campos numéricos na barra de Controles da Ferramenta (logo acima da área de desenho) para configurar os valores exatos para as coordenadas (X e Y) e tamanho (L e A) da seleção. + + + Transformar com as teclas + + + + + + + Uma das características do Inkscape que o diferencia da maioria dos outros editores vetoriais é sua ênfase na acessibilidade através do teclado. Dificilmente existe algum comando ou ação que seja impossível de realizar a partir do teclado e transformar objetos não é exceção. + + + + + + + Pode usar o teclado para mover (teclas de seta), redimensionar (teclas < e >), e rodar (teclas [ e ]) objetos. O incremento padrão em movimentos e redimensionamentos é de 2 px; com Shift, move ou redimensiona multiplicado por 10. Ctrl+> e Ctrl+< redimensiona em 200% ou 50% do original, respectivamente. Por padrão, as rotações são feitas com incrementos de 15 graus; com Ctrl, roda em 90 graus. + + + + + + + Entretanto, talvez a mais útil seja a transformação em escala de píxel, executada usando Alt com as teclas de transformação. Por exemplo, Alt+seta moverá a seleção em 1 píxel na ampliação da vista atual (ou seja em 1 píxel do ecrã, não confunda com a unidade px que é uma unidade de comprimento do SVG independente da ampliação da vista). Isto significa que se aumentar a ampliação, ao pressionar Alt+seta resultará em um movimento absoluto menor que ainda se parecerá com um movimento de 1 píxel no ecrã. Assim é possível posicionar os objetos com precisão arbitrária simplesmente aumentando ou diminuindo a ampliação conforme necessário. + + + + + + + De forma semelhante, Alt+> e Alt+< alteram as dimensões do objeto de modo que o seu tamanho visível é alterado em 1 píxel no ecrã, e Alt+[ e Alt+] roda de modo que o ponto mais longe do centro se mova em 1 píxel do ecrã. + + + + + + + Nota: os utilizadores do Linux podem não obter os resultados esperados com a combinação Alt+seta e outras combinações se o gestor de janelas do sistema operativo capturar esses eventos antes de eles chegarem ao Inkscape. Uma solução seria alterar a configuração do gestor de janelas. + + + Várias seleções + + + + + + + Pode selecionar quaisquer quantidade de objetos simultaneamente com a tecla Shift+clique sobre cada um deles. Ou pode arrastar o cursor à volta dos objetos que deseja selecionar; chama-se a isto seleção elástica. (O Selecionador cria a seleção elástica quando se arrasta a partir de um espaço vazio; entretanto, se pressionar a tecla Shift antes de começar a arrastar, o Inkscape usará a seleção elástica.) Pratique selecionando todas as três formas presentes abaixo: + + + + + + + + + + Agora, use a seleção elástica (arrastando ou Shift+arrastar) para selecionar as 2 elipses mas não o retângulo: + + + + + + + + + + Cada objeto individual dentro de uma seleção mostra um indicador de seleção — por padrão, uma caixa retangular pontilhada. Estes indicadores facilitam a visualização imediata do que está e não está selecionado. Por exemplo, se selecionar tanto as duas elipses quanto o retângulo, sem os indicadores seria difícil adivinhar se as elipses estão ou não selecionadas. + + + + + + + Shift+clique sobre um objeto selecionado, retira-o da seleção. Selecione todos os três objetos acima, depois use Shift+clique para retirar ambas as elipses da seleção deixando apenas o retângulo selecionado. + + + + + + + Pressionando Esc desseleciona qualquer objeto selecionado. Ctrl+A seleciona todos os objetos na camada atual (se não criou camadas, isto é o mesmo que todos os objetos no documento). + + + Agrupar + + + + + + + Podem ser combinados vários objetos num grupo. Um grupo comporta-se como um objeto único quando se arrasta ou transforma. Abaixo, os 3 objetos à esquerda estão independentes; os mesmo 3 objetos à direita estão agrupados. Tente arrastar o grupo. + + + + + + + + + + + + + + + Para criar um grupo, selecione 1 ou mais objetos e pressione Ctrl+G. Para desagrupar 1 ou mais grupos, selecione-os e pressione Ctrl+U. Os mesmo grupos podem ser agrupados, como qualquer outro objeto; tais grupos recursivos podem colocar-se em profundidades arbitrárias. No entanto, Ctrl+U apenas desagrupa o nível mais alto do grupo numa seleção; é necessário pressionar Ctrl+U repetidamente para desagrupar completamente um grupo dentro de outros grupos. + + + + + + + No entanto não é necessário desagrupar caso se necessite editar um objeto dentro de um grupo. Basta usar Ctrl+clique sobre o objeto e este será selecionado e poderá ser editável, ou Shift+Ctrl+clique sobre vários objetos (dentro ou fora de qualquer grupo) para fazer a seleção múltipla independentemente do agrupamento. Tente mover ou transformar as formas individualmente no grupo (acima à direita) sem desagrupá-lo, depois desfaça a seleção e selecione o grupo normalmente para ver que ele ainda permanece agrupado. + + + Preenchimento e traço + + + + + + + A forma mais simples para aplicar uma cor a um objeto é selecioná-lo e clicar numa das cores na paleta de cores que se encontra na parte inferior. Alternativamente, pode-se abrir o painel de Amostras de Cores no menu Ver (ou usar Shift+Ctrl+W), selecionar um objeto e clicar numa cor para aplicá-la. + + + + + + + Para aceder a mais opções pode-se usar o painel Preenchimento e Traço no menu Objeto (ou usar Shift+Ctrl+F). Selecione a forma abaixo e abra o painel Preenchimento e Traço. + + + + + + + + Verá que o painel Preenchimento e Traço tem três abas: Preenchimento, Pintura do traço e Estilo do traço. A aba Preenchimento permite editar o preenchimento (área interior) dos objetos selecionados. Usando os botões logo abaixo da aba, pode-se escolher os tipos de preenchimento, incluindo nenhum preenchimento (o botão com o X), preenchimento de cor lisa, bem como gradientes lineares ou radiais. Para a forma de cima, está ativado o botão de cor lisa. + + + + + + + Mais abaixo do painel, vê-se uma série de botões com sistemas de cores: RGB, HSL, CMYK, Roda e CMS. Provavelmente o mais prático é o sistema de Roda, onde se pode girar o triângulo para escolher uma cor na roda e depois selecionar um tom dessa cor dentro do triângulo. Todos os sistemas de cor contêm um deslizador para configurar a transparência (canal alfa) dos objetos selecionados. + + + + + + + Sempre que se seleciona um objeto, o sistema de cores é atualizado para mostrar o seu preenchimento e traço atual (quando são selecionados vários objetos, o painel mostra a sua cor média de entre todos os objetos). Faça experiências com estes exemplos: + + + + + + + + + + + + + + Usando a aba Pintura do traço, pode-se remover o traço (contorno) do objeto, ou atribuir-lhe qualquer cor ou transparência: + + + + + + + + + + + + + + + A última aba, Estilo do traço, permite configurar a espessura do traço e outros parâmetros deste: + + + + + + + + + + + + + + Finalmente, em vez de uma cor lisa, pode-se usar gradientes para preenchimentos e/ou traços: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Quando se muda de cor lisa para gradiente, o gradiente acabado de criar usará a cor lisa anterior, variando de opaca a transparente. Mude para a ferramenta Gradiente (Ctrl+F1) para arrastar as alças do gradiente. As alças do gradiente são os controlos em forma de pequenos quadrados ligados por 1 linha que definem a direção e extensão do gradiente. Quando qualquer alça do gradiente é selecionada (destacada a azul), o painel Preenchimento e Traço configura a cor dessa alça e não a cor do objeto inteiro selecionado. + + + + + + + Uma outra maneira prática de mudar a cor de um objeto é através da ferramenta Pipeta (F7). Basta clicar em qualquer lugar do desenho com esta ferramenta e a cor capturada será atribuída ao preenchimento do objeto selecionado (com Shift+clique atribui a cor do traço). + + + Duplicar, alinhar, distribuir + + + + + + + Uma das operações mais comuns é duplicar um objeto (Ctrl+D) no menu Editar. O objeto duplicado é colocado exatamente por cima do original e é selecionado apenas o duplicado, para que se possa arrastá-lo com o rato ou as teclas de setas. Para praticar, tente duplicar o seguinte quadrado preto várias vezes, dispondo as cópias umas ao lado das outras em linha: + + + + + + + + É provável que as cópias do quadrado sejam colocadas ligeiramente alinhadas. É aqui que o painel Alinhar e Distribuir (Shift+Ctrl+A no menu Objeto) é útil. Selecione todos os quadrados (Shift+clique ou faça uma seleção elástica, à volta de todos eles), abra de seguida o painel Alinhar e Distribuir e clique no botão "Centrar no eixo horizontal" e depois no botão "Distribuir centros à mesma distância na horizontal" (para saber o que cada um dos botões faz, basta posicionar o rato sobre um dos botões e esperar 1 segundo e aparece a descrição do botão). Agora os objetos estão alinhados e distribuídos à mesma distância. Aqui estão outros exemplos de alinhamento e distribuição: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Ordem de profundidade (Ordem-Z) + + + + + + + O termo ordem-Z refere-se à ordem de empilhamento de objetos uns sobre os outros em altura, ou seja, quais os objetos estão no topo que ocultam os que estão por baixo deles. Os dois comandos no menu Objeto, Subir para o Topo (tecla Home) e Baixar para o Fundo (tecla End), movem os objetos selecionados para a parte mais alta ou mais baixa dos objetos. Os outros dois comandos, Subir (PgUp) e Baixar (PgDn), baixa ou levanta os objetos apenas um nível, ou seja, move para cima ou para baixo de apenas um objeto não selecionado na ordem da pilha (apenas contam os objetos que se sobrepõem uns aos outros, baseado nas respetivas caixas limitadoras). + + + + + + + Pratique usando estes comandos alterando a ordem-Z dos objetos presentes abaixo, de forma a que a elipse mais à esquerda fique no topo e a elipse mais à direita fique no fundo: + + + + + + + + + + + + + Uma tecla de atalho muito útil para selecionar é a Tab que se encontra por cima da tecla de maiúsculas. Se não estiver nada selecionado, é selecionado o objeto que está mais no fundo; se estiver algum objeto selecionado, com a tecla Tab é selecionado o objeto logo acima do selecionado na ordem-Z. Shift+Tab funciona de forma contrária, começando a partir do objeto situado no topo e procedendo para baixo. Uma vez que os objetos que se criam são adicionados sucessivamente no topo dos existentes, pressionar Shift+Tab não tendo nada selecionado irá selecionar o último objeto criado. Pratique usando a tecla Tab e Shift+Tab na pilha de elipses acima. + + + Selecionar um objeto de baixo e arrastá-lo + + + + + + + O que fazer se o objeto que se quer editar está escondido por detrás de outro? Se o objeto por cima for ligeiramente transparente ainda se poderá ver o de baixo, mas clicando sobre ele será selecionado o de cima. + + + + + + + É para isto que serve Alt+clique. Usando Alt+clique é selecionado o objeto do topo. No entanto, usando de novo Alt+clique novamente sobre o objeto, será selecionado o objeto que está logo abaixo do que está no topo; o próximo Alt+clique selecionará o objeto mais abaixo a seguir, etc. Assim, com vários Alt+cliques sucessivos navegará, de cima a baixo, através de toda a pilha de objetos na ordem-Z no ponto do clique. Quanto o objeto do fundo é selecionado, o próximo Alt+clique selecionará o objeto do topo novamente. + + + + + + + [Se estiver a usar um sistema operativo Linux, notará que Alt+clique não funciona como esperado, pois irá mover a janela do Inkscape. Isto acontece porque o gestor de janelas do sistema operativo Linux reservou as teclas Alt+clique para uma ação diferente. Pode-se corrigir isto na configuração do gestor de janelas do Linux, desativando esta combinação de teclas ou mudando para a tecla Meta (tecla Windows), para que o Inkscape e outras aplicações possam usar a tecla Alt livremente.] + + + + + + + Isto é bom, mas após selecionar um objeto por baixo de outro, o que se pode fazer com ele? Pode-se usar as teclas para o transformar, assim como arrastar as alças de transformação à volta do objeto. No entanto, ao tentar arrastar o objeto por baixo do cursor, irá arrastar o de cima (foi para isto que clicar-e-arrastar foi concebido — seleciona primeiro o objeto de cima e depois arrasta a seleção). Para arrastar o que está selecionado sem selecionar mais nada, use Alt+arrastar com o rato. Isto moverá a seleção atual seja qual for a direção do arrasto. + + + + + + + Pratique usando Alt+clique e Alt+arrastar com o rato nas 2 estrelas que estão abaixo do retângulo transparente: + + + + + + Selecionar objetos similares + + + + + + + Pode-se selecionar outros objetos similares ao atualmente selecionado. Por exemplo, se quisermos selecionar todos os quadrados azuis abaixo, primeiro seleciona-se um dos azuis e usa-se o menu Editar > Selecionar Iguais > Cor do Preenchimento. São selecionados todos os objetos com a mesma cor azul no preenchimento. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Para além de se poder selecionar pela mesma cor de preenchimento, pode-se selecionar também objetos similares na cor do traço, estilo do traço, preenchimento e traço, e tipo de objeto. + + + Conclusão + + + + + + + Isto conclui o tutorial Básico. O Inkscape tem muitas mais funcionalidades, mas com as técnicas descritas aqui, já poderá criar gráficos simples e úteis. Para tópicos mais avançados, leia o tutorial Avançado e os outros em Ajuda > Tutoriais. + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + Usar Ctrl+seta para cima para subir + + + + diff --git a/share/tutorials/tutorial-calligraphy.pt.svg b/share/tutorials/tutorial-calligraphy.pt.svg new file mode 100644 index 000000000..b9f20d6ec --- /dev/null +++ b/share/tutorials/tutorial-calligraphy.pt.svg @@ -0,0 +1,815 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + Usar Ctrl+seta para baixo para baixar + + + + ::CALIGRAFIA + + + + + + + + Uma das ferramentas disponíveis no Inkscape é a ferramenta de Caligrafia. Este tutorial ajudará a se familiarizar com o funcionamento desta ferramenta, bem como demonstrar algumas técnicas básicas da arte da Caligrafia. + + + + + + + Use Ctrl+setas, roda do meio do rato ou arrastar com o botão do meio do rato para deslocar a visualização da página para baixo. Para ter noções básicas sobre criação, seleção e transformação de objetos, veja o tutorial Básico em Ajuda > Tutoriais. + + + História e Estilos + + + + + + + Consultando a definição do dicionário, caligrafia significa "escrita bonita" ou "escrita atraente ou elegante". Essencialmente, a caligrafia é a arte de fazer escrita manual de uma maneira bonita ou elegante. Pode parecer intimidador, mas com um pouco de prática, qualquer um pode dominar o básico desta arte. + + + + + + + As primeiras formas de caligrafia remontam às pinturas rupestres nas cavernas. Até aproximadamente 1440 d.C., e antes do surgimento da prensa de impressão, a caligrafia era o meio de fabricação de livros e outras publicações. Um escrivão tinha que escrever manualmente cada uma das cópias de cada livro ou publicação. A escrita manual era realizada com uma pena mergulhada em tinta sobre materiais tais como pergaminho ou couro. Os estilos de letra usados através dos tempos incluem o Rústico, Carolíngio, Letra Gótica, etc. Talvez o uso mais comum da caligrafia hoje em dia seja nos convites de casamento. + + + + + + + Existem três estilos principais de caligrafia: + + + + + + + + Ocidental ou Romana + + + + + + + + Arábica + + + + + + + + Chinesa ou Oriental + + + + + + + Este tutorial concentra-se principalmente na caligrafia Ocidental, enquanto que para os outros dois estilos é necessário o uso de um pincel (em vez de uma caneta-tinteiro), o que não é como a ferramenta Caligrafia do Inkscape funciona atualmente. + + + + + + + Uma grande vantagem que temos sobre os escrivãos do passado é o comando Desfazer: se cometermos um erro, não se perde a página inteira. A ferramenta de Caligrafia do Inkscape também permite algumas técnicas que não seriam possíveis com uma caneta a tinta tradicional. + + + Dispositivos de entrada + + + + + + + Obtêm-se melhores resultados ao usar uma mesa digitalizadora (por exemplo da marca Wacom). Graças à flexibilidade da ferramenta de Caligrafia, mesmo quem dispõe apenas de um rato é capaz de fazer alguns traços caligráficos bastante intrincados, embora se depare com alguma dificuldade ao produzir traços amplos rápidos. + + + + + + + O Inkscape é capaz de utilizar a sensibilidade à pressão e a sensibilidade à inclinação de uma mesa digitalizadora que suporte estas características. As funções de sensibilidade estão desativadas por padrão porque elas têm de ser configuradas para cada mesa digitalizadora. Além disso, deve ter-se em conta que o desenho de caligrafia com uma pena ou caneta-tinteiro também não são muito sensíveis a pressão, ao contrário de um pincel. + + + + + + + Se tiver uma mesa digitalizadora e quiser utilizar a sensibilidade à pressão, é necessário configurar o dispositivo. Só é necessário fazer esta configuração apenas uma vez. Para ativar a sensibilidade à pressão é preciso primeiro ligar a mesa digitalizadora ao computador antes de iniciar o Inkscape e então abrir o painel Dispositivos de Entrada no menu Editar. Com o painel aberto pode-se escolher o dispositivo e configurações da mesa digitalizadora. Depois de definir estas configurações, mude para a ferramenta de Caligrafia e ative os botões de pressão e inclinação na barra de Controlo da Ferramenta. A partir de agora, o Inkscape lembrar-se-á destas configurações todas as vezes que for iniciado. + + + + + + + A ferramenta de caligrafia do Inkscape pode ser sensível à velocidade do traço (ver o capítulo "Estreitamento" mais abaixo), mas se estiver a usar um rato provavelmente vai querer colocar este parâmetro a zero. + + + Opções da Ferramenta de Caligrafia + + + + + + + Pode-se mudar para a ferramenta de Caligrafia pressionando Ctrl+F6, pressionando a tecla C ou clicando no botão na Barra de Ferramentas. Na barra de Controlos da Ferramenta existem 7 opções: Largura, Estreitamento, Ângulo, Fixação, Pontas, Tremido, Ondulado e Inércia. Também existem 2 botões para ativar e desativar a sensibilidade à pressão e inclinação da caneta (para a mesa digitalizadora). + + + Largura e Estreitamento + + + + + + + Estas 2 opções controlam a largura da caneta. A largura pode variar de 1 a 100 e (por padrão) é medida em unidades relativas ao tamanho da janela de edição, independente da aproximação da vista. Isto faz sentido, porque a "unidade de medida" natural em caligrafia é o alcance do movimento da mão e é portanto conveniente ter a largura da ponta da caneta em constante proporção em relação ao tamanho da "área de desenho" e não em alguma unidade real a qual poderia depender da aproximação da vista. No entanto este comportamento é opcional, por forma a que este possa ser alterado para quem prefere unidades absolutas qualquer que seja a aproximação da vista. Para mudar para esta configuração, ative a opção "A largura é em unidades absolutas" nas Preferências da ferramenta Caligrafia (pode-se abri-la com clique duplo no botão da ferramenta). + + + + + + + Uma vez que a largura da caneta é alterada com frequência, pode-se ajustá-la sem ter que ir à barra Controlos da Ferramenta, usando as teclas seta esquerda e seta direita ou com uma mesa digitalizadora que suporte a função de sensibilidade à pressão. A melhor característica destas teclas é que elas funcionam enquanto se desenha, o que permite mudar a largura da caneta gradualmente no meio do traço: + + largura=1 a crescer... atingindo 47 e a diminuir... para 0 + + + + + + + A largura do traço da caneta pode também depender da velocidade, controlada pelo parâmetro Estreitamento. Este parâmetro pode ter valores entre -100 e 100; 0 significa que a largura é independente da velocidade, valores positivos fazem traços rápidos mais finos, valores negativos fazem traços rápidos mais amplos. O valor padrão de 10 significa finura moderada de traços rápidos. Aqui estão alguns exemplos, todos desenhados com largura=20 e ângulo=90: + + estreitamento = 0 (largura uniforme) + estreitamento = 10 + estreitamento = 40 + estreitamento = -20 + estreitamento = -60 + + + + + + + + + + + + + + + + + + + + + + + + + + Por diversão, configure tanto a Largura como o Estreitamento com o valor 100 (máximo) e desenhe com movimentos bruscos para obter formas estranhamente naturais, parecidas com neurónios: + + + + + + + + + Ângulo e Fixação + + + + + + + Depois da largura, o ângulo é o parâmetro mais importante da caligrafia. Consiste no ângulo da caneta em graus, que muda de 0 (horizontal) até 90 (vertical em sentido anti-horário) ou até -90 (vertical em sentido horário). Notar que ativando a sensibilidade à inclinação para a mesa digitalizadora, o parâmetro ângulo é desativado, sendo este determinado pela inclinação da caneta. + + + + + + + + + + + + + ângulo = 90 graus + ângulo = 30 (padrão) + ângulo = 0 + ângulo = -90 graus + + + + + + + + + + + + + + + + + Cada estilo tradicional de caligrafia tem seu próprio ângulo prevalecente da caneta. Por exemplo, a caligrafia Uncial usa um ângulo de 25 graus. As caligrafias mais complexas e os calígrafos mais experientes variam com frequência o ângulo enquanto desenham. O Inkscape torna isto possível pressionando as teclas seta para cima e seta para baixo ou com uma mesa digitalizadora que suporte o recurso de sensibilidade à inclinação. Para iniciados em caligrafia, é aconselhável manter o ângulo constante pois funcionará melhor. Seguem-se alguns exemplos de traços desenhados com diferentes ângulos (com fixação = 100): + + ângulo = 30 + ângulo = 60 + ângulo = 90 + ângulo = 0 + ângulo = 15 + ângulo = -45 + + + + + + + + + + + + Como se pode observar, o traço é o mais fino possível quando é desenhado paralelo ao seu ângulo e mais grosso quando desenhado na perpendicular. Ângulos positivos são os mais naturais e tradicionais para caligrafia feita com a mão direita. + + + + + + + O nível de contraste entre o mais fino e o mais grosso é controlado pelo parâmetro fixação. O valor de 100 significa que o ângulo é sempre constante, como configurado no campo Ângulo. Diminuindo o valor da Fixação ,a caneta roda um pouco contra a direção do traço. Com fixação=0, a caneta roda livremente para ficar sempre perpendicular ao traço e o Ângulo não terá mais efeito: + + + + + + + ângulo = 30fixação = 100 + ângulo = 30fixação = 80 + ângulo = 30fixação = 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Tipograficamente falando, fixação máxima, e por sua vez, contraste da largura do traço máximo (acima à esquerda) são as características de antigas fontes serifadas, tais como a Times ou Bodoni (porque estas fontes são historicamente uma imitação da caligrafia com caneta fixa). A fixação a zero e contraste da largura também a zero (acima à direita), por outro lado, sugere fontes sem serifas modernas como a Helvetica. + + + Tremido + + + + + + + Tremido tem como função dar um visual mais natural aos traços caligráficos. O Tremido é ajustável na barra Controlos da Ferramenta com valores que variam de 0 até 100. Isto afeta os traços produzindo coisas como uma leve irregularidade até manchas e marcas violentas. Isto expande significativamente a variedade criativa da ferramenta. + + + lento + médio + rápido + + + + + + + + + + + tremido = 0 + tremido = 10 + tremido = 30 + tremido = 50 + tremido = 70 + tremido = 90 + tremido = 20 + tremido = 40 + tremido = 60 + tremido = 80 + tremido = 100 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Ondulado e Inércia + + + + + + + Ao contrário da largura e do ângulo, estes dois últimos parâmetros definem como a ferramenta "sente" em vez de afetar a sua saída visual. Por isso não haverá ilustrações nesta secção; em substituição, teste-os para ter uma ideia melhor como funciona. + + + + + + + Ondulado é a resistência do papel ao movimento da caneta. O valor padrão está no mínimo (0) e aumentar este parâmetro torna o papel "escorregadio": se a inércia é grande, a caneta tende a fugir em viragens bruscas; se a inércia for 0, um valor alto de Ondulado faz a caneta mover-se violentamente. + + + + + + + Em física, massa é o que causa inércia; quanto maior a inércia da ferramenta de caligrafia do Inkscape, maior a demora do traço que segue o cursor do rato e maior é a suavização das viragens bruscas do traço. Por padrão este valor é bastante pequeno (2), o suficiente para que a ferramenta seja rápida e sensível, mas pode-se aumentar a inércia para obter uma caneta mais lenta e suave. + + + Exemplos de Caligrafia + + + + + + + Agora que conhece as capacidades básicas da ferramenta, pode tentar criar alguma caligrafia. Se é novo nesta arte, adquira um bom livro de caligrafia e estude-o aplicando os conhecimentos no Inkscape. Esta secção mostra apenas alguns exemplos simples. + + + + + + + Antes de mais, para fazer letras é necessário criar um par de guias para servirem de orientação. Se quiser escrever uma caligrafia inclinada ou cursiva, acrescente também algumas guias inclinadas através das réguas, por exemplo: + + + + + + + + + + + + + + + Então aproxime a vista de modo que a altura entre as guias corresponda ao alcance mais natural do movimento da sua mão, ajuste a largura e o ângulo e estará pronto para começar! + + + + + + + Provavelmente a primeira coisa que pode fazer como um calígrafo iniciante é praticar os elementos básicos das letras — barras verticais e horizontais, traços redondos e barras inclinadas. Aqui estão alguns elementos das letras da caligrafia Uncial: + + + + + + + + + + + + + + + + + + + + + + + + Várias dicas úteis: + + + + + + + + Se a sua mão está confortável na mesa digitalizadora, não a movimente. Em vez disso, desloque a área de desenho (Ctrl+setas) com a sua mão esquerda depois de terminar cada letra. + + + + + + + + Se o seu último traço não foi bom, apenas desfaça-o (Ctrl+Z). Caso a forma tenha ficado boa mas a posição ou tamanho estão ligeiramente diferentes, é melhor usar a ferramenta de Selecionar temporariamente (Barra de espaço) e então mova-a levemente/amplie/rode-a conforme necessário (usando o rato ou o teclado) e depois pressione a tecla Barra de espaço novamente para retornar à ferramenta de Caligrafia. + + + + + + + + Após terminar uma palavra, mude para a ferramenta de Selecionar novamente para ajustar a uniformidade das barras e o espaçamento entre as letras. Porém não exagere. Uma boa caligrafia deve conservar um visual manuscrito um pouco irregular. Resista à tentação de copiar as letras e seus elementos, cada traço deve ser original. + + + + + + + E aqui estão alguns exemplos completos de letras: + + + + + + + + + + Caligrafia Uncial + Caligrafia Carolíngia + Caligrafia Gótica + Caligrafia Bastarda + + + Caligrafia Itálica Floreada + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Conclusão + + + + + + + A caligrafia não é apenas divertida, é uma arte profundamente espiritual que pode transformar a sua visão sobre tudo o que faz e vê. A ferramenta de caligrafia do Inkscape pode servir apenas como uma modesta introdução a esta arte. E ainda assim é muito agradável utilizá-la e pode ser útil na criação de desenhos profissionais. Divirta-se! + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + Usar Ctrl+seta para cima para subir + + + + diff --git a/share/tutorials/tutorial-elements.pt.svg b/share/tutorials/tutorial-elements.pt.svg new file mode 100644 index 000000000..dbd7cf943 --- /dev/null +++ b/share/tutorials/tutorial-elements.pt.svg @@ -0,0 +1,674 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + Usar Ctrl+seta para baixo para baixar + + + + ::ELEMENTOS DO DESIGN + + + + + + + Este tutorial demonstra os elementos e os princípios do design que são normalmente ensinados a estudantes de arte para entender várias propriedades na criação de obras gráficas. Isto não é uma lista completa, por isso pode acrescentar, retirar e combinar para tornar este tutorial mais abrangente. + + + + + Elementos + Princípios + Cor + Linha + Forma + Espaço + Textura + Valor + Tamanho + Equilíbrio + Contraste + Ênfase + Proporção + Padrão + Gradação + Composição + Visão geral + + Elementos do Design + + + + + + + Os elementos seguintes são os pilares do design. + + + Linha + + + + + + + Uma linha é definida como sendo uma marca com comprimento e direção, criada por um ponto que se move através de uma superfície. Uma linha pode variar em comprimento, espessura, direção, curvatura e cor. A linha pode ser bidimensional (uma linha feita com lápis no papel) ou implicitamente tridimensional. + + + + + + + + + + + + + + + Forma + + + + + + + Uma figura sólida, a forma é criada quando linhas verdadeiras ou implícitas se encontram ao redor de um espaço. Uma mudança na cor ou no sombreado pode definir uma forma. As formas podem ser divididas em vários tipos: geométrica (quadrado, triângulo, círculo) e orgânica (irregular no contorno). + + + + + + + + + Tamanho + + + + + + + Isto refere-se às variações nas proporções de objetos, linhas ou formas. Existe uma variação de tamanhos nos objetos, quer real quer imaginária. + + + GRA + pequeno + + Espaço + + + + + + + O espaço é a área vazia ou área aberta entre, ao redor, por cima, por baixo ou dentro dos objetos. As figuras e formas são feitas pelo espaço ao redor e dentro deles. O espaço é geralmente chamado de tridimensional ou bidimensional. O espaço positivo é o que preenche uma figura ou forma. O espaço negativo é o que rodeia uma figura ou forma. + + + + + + + Cor + + + + + + + A cor é o carácter percecionado de uma superfície de acordo com o comprimento de onda da luz refletida da superfície. A cor tem 3 dimensões: MATIZ (outra palavra para cor, indicada pelo seu nome como vermelho ou amarelo), VALOR (quanto ao claro ou escuro), INTENSIDADE (quanto ao brilho ou fosco). + + + + + + + + + + + + + + + Textura + + + + + + + A textura é a maneira como se sente uma superfície (textura real) ou como pode ser observada (textura implícita). As texturas são descritas por palavras como por exemplo áspera, sedosa ou granulada. + + + + + + + + + + + + + + + + + + Valor + + + + + + + O valor é quanto se vê algo como escuro ou claro. Realizam-se mudanças de valor na cor adicionando preto ou branco a esta. Por exemplo, a técnica tradicional chiaroscuro da pintura utiliza o alto contraste das luzes e sombras numa composição. + + + + + + + + + + + + + + + + + + + + + + + + + + + + Princípios do Design + + + + + + + Os princípios usam os elementos do design para criar uma composição. + + + Equilíbrio + + + + + + + O equilíbrio é um sentido de igualdade visual numa forma, figura, valor, cor, etc. O equilíbrio pode ser simétrico ou uniformemente equilibrado ou assimétrico e não uniformemente equilibrado. Os objetos, valores, cores, texturas, formas, figuras, etc. podem ser usados para criar um equilíbrio numa composição. + + + + + + + + + Contraste + + + + + + + O contraste é a justaposição de elementos opostos. + + + + + + + Ênfase + + + + + + + A ênfase é usada para destacar certas partes do trabalho artístico e chamar a atenção do observador. O centro de interesse ou ponto de foco é o lugar para onde se olha primeiro. + + + + + + + + Proporção + + + + + + + A proporção descreve o tamanho, posição ou quantidade de uma coisa comparada à outra. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Random Ant e 4WD + Imagem SVG criada por Andrew FitzsimonCortesia da Open Clip Art Libraryhttp://www.openclipart.org/ + + + + + + + + + + + + + + + + + + + + + + + + Padrão + + + + + + + O padrão é criado repetindo-se um elemento (linha, forma ou cor) várias vezes. + + + + + + + + + + + + + + + + Gradação + + + + + + + A gradação de tamanho e direção produz uma perspetiva linear. A gradação de cores de quente para frio e tons escuros para claros produzem uma perspetiva aérea. A gradação pode adicionar interesse e movimento a uma forma. Uma gradação do escuro para o claro fará o olho movimentar-se ao longo de uma forma. + + + + + + + + + + + + + + + + + + + Composição + + + + + + + A combinação de elementos distintos para formar um todo. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Bibliografia + + + + + + + Isto é uma bibliografia parcial utilizada na concepção este documento. + + + + + + + + http://www.makart.com/resources/artclass/EPlist.html + + + + + + + + + http://www.princetonol.com/groups/iad/Files/elements2.htm + + + + + + + + + http://www.johnlovett.com/test.htm + + + + + + + + + http://digital-web.com/articles/elements_of_design/ + + + + + + + + + http://digital-web.com/articles/principles_of_design/ + + + + + + + + Agradecimentos especiais para Linda Kim (http://www.coroflot.com/redlucite/) por me ajudar (http://www.rejon.org/) neste tutorial. Agradecimentos também ao Open Clip Art Library (http://www.openclipart.org/) e para os artistas gráficos que têm contribuído para esse projeto. + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + Usar Ctrl+seta para cima para subir + + + + diff --git a/share/tutorials/tutorial-interpolate.pt.svg b/share/tutorials/tutorial-interpolate.pt.svg new file mode 100644 index 000000000..db23f824c --- /dev/null +++ b/share/tutorials/tutorial-interpolate.pt.svg @@ -0,0 +1,594 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + Usar Ctrl+seta para baixo para baixar + + + + ::INTERPOLAR + + + + + + + + Este tutorial explica como usar a extensão Interpolar do Inkscape + + + Introdução + + + + + + + A extensão Interpolar faz a interpolação linear entre 2 ou mais caminhos selecionados. Basicamente significa que "preenche os espaços" entre os caminhos e os transforma de acordo com o número de passos dados. + + + + + + + Para usar a extensão Interpolar, selecione os caminhos que deseja transformar e aceda ao menu Extensões > Gerar do Caminho > Interpolar. + + + + + + + Antes de usar esta extensão, os objetos que serão transformados têm de ser caminhos. Isto é feito pela seleção do objeto e usando Caminho > Converter Objeto num Caminho ou Shift+Ctrl+C. Se os objetos não forem caminhos antes de aplicar a extensão, não terá efeito nenhum neles. + + + Interpolação entre 2 caminhos idênticos + + + + + + + O uso mais simples da extensão Interpolar é para interpolar entre 2 caminhos que sejam idênticos. Quando a extensão é utilizada, resulta no espaço entre os 2 caminhos que é preenchido com duplicados dos caminhos originais. O número de passos define quantos destes caminhos duplicados serão criados. + + + + + + + Por exemplo, veja os seguintes 2 caminhos: + + + + + + + + + + + Agora, selecione os 2 caminhos e execute a extensão Interpolar com as configurações mostradas na seguinte imagem. + + + + + + + + + + + + + Expoente: 0.0Passos de Interpolação: 6Método de Interpolação: 2Duplicar caminhos finais: desativadoEstilo de interpolação: desativado + + + + + + + Como pode ser visto no resultado acima, o espaço entre os 2 caminhos de forma circular foi preenchido com 6 (o número de passos de interpolação) outros caminhos circulares. Note também que a extensão agrupa todas estas formas geométricas. + + + Interpolação entre 2 caminhos diferentes + + + + + + + Quando a interpolação é feita em 2 caminhos diferentes, o programa interpola a forma de um caminho para o outro. O que resulta numa sequência de caminhos de fusão entre ambos os caminhos iniciais, com a regularidade ainda definida pelo valor dos Passos de Interpolação. + + + + + + + Por exemplo, veja os seguintes 2 caminhos: + + + + + + + + + + + Agora selecione os 2 caminhos e execute a extensão Interpolar. O resultado deve ser algo como: + + + + + + + + + + + + + Expoente: 0.0Passos de Interpolação: 6Método de Interpolação: 2Duplicar caminhos finais: desativadoEstilo de interpolação: desativado + + + + + + + Como se pode ver pelo resultado acima, o espaço entre o caminho com a forma de círculo e a forma de triângulo foi preenchido com 6 caminhos que fazem a gradação entre uma forma e a outra. + + + + + + + Ao usar a extensão Interpolar em 2 caminhos diferentes, a posição do nó inicial de cada caminho é importante. Para encontrar o nó inicial de cada caminho, selecione o caminho, depois selecione a Ferramenta de Nó para que os nós sejam mostrados e pressione a tecla TAB. O primeiro nó destacado é o primeiro nó do caminho. + + + + + + + A imagem abaixo é idêntica ao exemplo anterior, exceto nos pontos de nós mostrados. O nó verde de cada caminho é o nó inicial. + + + + + + + + + + + + + + + + + + O exemplo anterior (mostrado de novo em baixo) foi feito com estes nós como pontos iniciais. + + + + + + + + + + + + + Expoente: 0.0Passos de Interpolação: 6Método de Interpolação: 2Duplicar caminhos finais: desativadoEstilo de interpolação: desativado + + + + + + + Agora note a mudança no resultado da interpolação quando o caminho triangular é espelhado para que o nó inicial esteja numa posição diferente: + + + + + + + + + + + + + + + + + + + + + + + + + + + + Método de Interpolação + + + + + + + Um dos parâmetros da extensão de Interpolação é o Método de Interpolação. Existem 2 métodos de interpolação implementados, que diferem no modo em que calculam as curvas de novas formas geométricas. As opções disponíveis são o Método de Interpolação 1 ou 2. + + + + + + + Nos exemplos acima, foi usado o Método de Interpolação 2 o que resulta em: + + + + + + + + + + + + + + + + + + + E com o Método de Interpolação 1 resulta em: + + + + + + + + + + + + + + + + + + + As diferenças entre estes dois métodos encontra-se no cálculo os números e está para além do âmbito deste tutorial, por isso experimente ambos e use aquele que fornecer o resultado mais próximo que pretende. + + + Expoente + + + + + + + O parâmetro expoente controla o espaçamento entre os passos da interpolação. Um expoente de 0 faz com que o espaçamento entre as cópias seja igual. + + + + + + + Aqui está o resultado de outro exemplo básico com expoente de 0. + + + + + + + + + + + + + Expoente: 0.0Passos de Interpolação: 6Método de Interpolação: 2Duplicar caminhos finais: desativadoEstilo de interpolação: desativado + + + + + + + O mesmo exemplo com o expoente de 1: + + + + + + + + + + + + + + + + + + + com um expoente de 2: + + + + + + + + + + + + + + + + + + + e com expoente de -1: + + + + + + + + + + + + + + + + + + + Quando lidar com expoentes na extensão de Interpolação, a ordem de seleção dos objetos é importante. No exemplo acima, o caminho em forma de estrela da esquerda foi selecionado primeiro e o caminho de forma hexagonal na direita foi selecionado depois. + + + + + + + Veja o resultado quando o caminho da direita foi selecionado primeiro. O expoente deste exemplo é 1: + + + + + + + + + + + + + + + Duplicar Caminhos Finais + + + + + + + Este parâmetro define se o grupo de caminhos gerados pela extensão inclui uma cópia dos caminhos originais nos quais a interpolação foi aplicada. + + + Estilo de Interpolação + + + + + + + Este parâmetro é uma das funções mais elegantes da extensão de interpolação. Este indica à extensão para tentar mudar o estilo dos caminhos a cada passo. Desta forma, se os caminhos do começo e do fim tiverem cores diferentes, os caminhos gerados também mudarão de cor de forma incremental. + + + + + + + Aqui está um exemplo onde a função de Estilo de interpolação é usada no preenchimento de um caminho: + + + + + + + + + + + + + + + + + + + O Estilo de Interpolação também afeta o traço de um caminho: + + + + + + + + + + + + + + + + + + + Claro que, o caminho do ponto inicial e do ponto final também não precisam ser os mesmos: + + + + + + + + + + + + + + + + + + + + + + + + + Usando a Interpolação para simular gradientes de forma irregular + + + + + + + Ainda não é possível criar no Inkscape um gradiente diferente que não seja o linear (linha reta) ou radial (redondo). No entanto, isto pode ser simulado usando a extensão de Interpolar e o Estilo de Interpolação. Segue-se um exemplo simples — desenhe 2 linhas de diferentes espessuras: + + + + + + + + + + + E faça a interpolação entre as 2 linhas para criar o gradiente: + + + + + + + + + + + + + + + + + + + + + + + + + Conclusão + + + + + + + Como demonstrado acima, a extensão Interpolar do Inkscape é uma ferramenta poderosa. Este tutorial cobre o básico desta extensão, entretanto o experimentar é a chave para explorar a interpolação ainda mais. + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + Usar Ctrl+seta para cima para subir + + + + diff --git a/share/tutorials/tutorial-shapes.pt.svg b/share/tutorials/tutorial-shapes.pt.svg new file mode 100644 index 000000000..886b16851 --- /dev/null +++ b/share/tutorials/tutorial-shapes.pt.svg @@ -0,0 +1,1097 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + Usar Ctrl+seta para baixo para baixar + + + + ::FORMAS + + + + + + + + Este tutorial aborda as 4 ferramentas de formas geométricas: Retângulo, Círculo, Estrela e Polígono, Espiral. Veremos as capacidades das formas geométricas do Inkscape e sugerir exemplos de como e quando podem ser usados. + + + + + + + Use Ctrl+setas, a roda do meio do rato, ou arrastar com clique do botão do meio do rato para deslocar a visualização da página para baixo. Para informações sobre sobre criação, seleção e transformação de objetos, ver o tutorial Básico em Ajuda > Tutoriais. + + + + + + + O Inkscape tem 4 ferramentas de formas geométricas versáteis, cada uma delas permite criar e editar os seus próprios tipos de formas. Uma forma geométrica é um objeto que pode ser alterado de formas únicas dependendo do tipo, usando as alças e parâmetros numéricos que determinam a sua aparência. + + + + + + + Por exemplo, numa estrela é possível alterar o número de pontas, o seu comprimento, ângulo, arredondamento, etc. — mas uma estrela continua a ser uma estrela. Uma forma é "menos livre" que um caminho, mas permite outras transformações. É sempre possível converter uma forma geométrica num caminho (Ctrl+Shift+C), mas um caminho numa forma não. + + + + + + + As ferramentas de forma são Retângulo, Círculo, Estrela e Polígono, e Espiral. Primeiro vamos ver como funcionam as ferramentas de formas geométricas; depois exploraremos cada uma delas em pormenor. + + + Dicas gerais + + + + + + + É criada uma nova forma ao arrastar sobre a área de desenho com a respetiva ferramenta. Após a forma ser criada (desde que esteja selecionada), são mostradas vários tipos de alças, em forma de diamante, quadrado ou redondo (dependendo da ferramenta de forma geométrica), assim pode-se alterar a forma geométrica mexendo nessas alças. + + + + + + + Todos os quatro tipos de formas geométricas mostram as suas alças assim como na ferramenta de edição de nós (F2). Quando se passa com o rato sobre uma alça, aparece na Barra de Estado (zona inferior do ecrã) a descrição do que essa alça permite alterar. + + + + + + + Além disso, cada ferramenta de forma geométrica mostra os seus parâmetros na barraControlos da Ferramenta (logo acima da área de desenho). Geralmente esta barra tem alguns campos numéricos e um botão para repor os valores padrão, além de outros). Quando é selecionada a forma do tipo nativo da ferramenta atual, ao editar os seus valores na barra de Controlos de Ferramenta a forma é alterada. + + + + + + + Qualquer alteração feita na barra Controlos da Ferramenta será gravada e utilizada no próximo objeto que for criado com a mesma ferramenta. Por exemplo, depois de alterar o número de pontas de uma estrela, as novas estrelas criadas terão o mesmo número de pontas. Além disso, mesmo selecionando simplesmente uma forma geométrica, os seus parâmetros são enviados para a barra de Controlos da Ferramenta e por isso, define por si só os parâmetros para novas forma geométricas criadas. + + + + + + + Com uma das ferramentas de formas geométricas ativada, pode-se selecionar um objeto clicando nele. Ctrl+clique (seleção em grupo) e Alt+clique (selecionar objeto por baixo) também funciona como na ferramenta de Selecionar. Esc desfaz a seleção. + + + Retângulos + + + + + + + Um retângulo é a mais simples e talvez a forma mais comum em design e ilustração. O Inkscape tenta tornar o processo de criação e edição de retângulos o mais fácil e prático possível. + + + + + + + Mude para a ferramenta Retângulo com a tecla F4 ou clicando no botão correspondente na Caixa de Ferramentas. Desenhe um novo retângulo ao lado deste azul: + + desenhe aqui + + + + + + + Depois, sem sair da ferramenta Retângulo, mude a seleção de um retângulo para a seleção de outro clicando sobre eles. + + + + + + + Teclas de atalho para desenho de retângulos: + + + + + + + + Com Ctrl, desenhe um quadrado ou um retângulo de proporção inteira (2:1, 3:1, etc). + + + + + + + + Com Shift, desenha tendo como ponto de partida o centro. + + + + + + + Como se pode ver, o retângulo selecionado (o retângulo acabado de criar é selecionado automaticamente) mostra 3 alças em 3 dos seus cantos. Na verdade são 4 alças, mas 2 delas (no canto superior direito) sobrepõem-se caso o retângulo não tenha cantos arredondados. Estas 2 alças são as alças de arredondamento; as outras 2 (acima à esquerda e abaixo à direita) são as alças de redimensionamento. + + + + + + + Vamos dar uma olhada nas alças de arredondamento primeiro. Agarre uma delas e arraste para baixo. Todos os 4 cantos do retângulo ficam arredondados e vê-se a segunda alça de arredondamento — ela permanece na posição original, no canto. Caso se queira os cantos arredondados simetricamente, é tudo o que se necessita de fazer. Para fazer cantos não simétricos, move-se a outra alça do canto. + + + + + + + Aqui os 2 primeiros retângulos têm cantos arredondados circulares e os outros dois têm cantos arredondados elípticos: + + Cantos arredondados elípticos + Cantos arredondados circulares + + + + + + + + + + Ainda na ferramenta Retângulo, clique nestes retângulos para selecioná-los e repare nas alças de arredondamento. + + + + + + + Na maioria das vezes, o raio e forma dos cantos arredondados têm de ser constantes dentro de toda a composição, mesmo que os tamanhos dos retângulos sejam diferentes (imagine como se fossem diagramas com caixas arredondadas de vários tamanhos). O Inkscape torna esta operação fácil. Mude para a ferramenta de Selecionar; na barra de Controlos da Ferramenta, existe um grupo de 4 botões do lado direito, o segundo a contar da esquerda, mostra 2 linhas arredondadas. Com este botão ativado, o tamanho do raio dos cantos é proporcional ao tamanho do retângulo caso se altere o tamanho do retângulo. + + + + + + + Por exemplo, na imagem seguinte o retângulo vermelho original foi duplicado e ampliado várias vezes, para cima e para baixo, em diferentes proporções, com o botão "Ao redimensionar retângulos, redimensionar também o raio dos cantos arredondados" desativado: + + Dimensionando retângulos com cantos arredondados com "Dimensionar cantos arredondados em retângulos" DESATIVADO + + + + + + + + + + + + + + Repare como o tamanho e a forma dos cantos arredondados são os mesmos em todos os retângulos, de tal maneira que os arredondamentos alinham-se exatamente no canto superior direito onde todos eles se encontram. Todos os retângulos azuis pontilhados foram obtidos a partir do retângulo vermelho original, apenas ampliando-o com a ferramenta de Selecionar, sem qualquer alteração manual das alças de arredondamento. + + + + + + + Para uma comparação, eis de seguida a mesma composição mas agora criada com o mesmo botão "Ao redimensionar retângulos, redimensionar também o raio dos cantos arredondados" ativado: + + Dimensionando retângulos com cantos arredondados com "Dimensionar cantos arredondados em retângulos" ATIVADO + + + + + + + + + + + + + + Agora os cantos arredondados estão tão diferentes quanto os retângulos aos quais pertencem, não havendo um mínimo encontro no canto superior direito (aproxime com a Lupa para ver). Este é o mesmo resultado (visível) que se obteria convertendo o retângulo original num caminho (Ctrl+Shift+C) e alterando o seu tamanho como um caminho. + + + + + + + As teclas de atalho para as alças de arredondamento de um retângulo são: + + + + + + + + Arrastar um alça com Ctrl para igualar os raios (arredondamento circular, simétrico). + + + + + + + + Ctrl+clique na alça para igualar um raio ao outro sem arrastá-las. + + + + + + + + Shift+clique na alça para remover o arredondamento. + + + + + + + Notar que a barra de Controlos da ferramenta Retângulo mostra os raios de arredondamento horizontal (Rx) e vertical (Ry) para o retângulo selecionado e permite configurá-los precisamente em qualquer unidade de medida. O botão Tornar cantos agudos (o último) remove o arredondamento dos retângulos selecionados. + + + + + + + Uma vantagem importante destes controlos é que eles podem afetar muitos retângulos de uma só vez. Por exemplo, para alterar todos os retângulos na camada, basta usar Ctrl+A (Selecionar Tudo) e configurar os parâmetros necessários na barra de Controlos da Ferramenta. Se houver algum objeto selecionado que não seja um retângulo, este será ignorado — apenas serão afetados os retângulos. + + + + + + + Agora vamos ver as alças de redimensionamento de um retângulo. Podemos colocar a questão: qual a necessidade, se podemos simplesmente redimensionar o retângulo com a ferramenta de Selecionar? + + + + + + + O problema com a ferramenta de Selecionar é que a sua noção de horizontal e vertical é sempre a mesma da página do documento. De forma diferente, uma alça de redimensionamento de um retângulo aumenta-o ao longo dos seus lados, mesmo que o retângulo seja rodado ou distorcido. Por exemplo, tente redimensionar este retângulo primeiro com a ferramenta de Selecionar e depois com as alças de redimensionamento da ferramenta Retângulo: + + + + + + + + Uma vez que as alças de redimensionamento são 2, pode-se redimensionar o retângulo em qualquer direção ou mesmo movê-lo ao longo dos seus lados. Estas alças preservam sempre os raios de arredondamento. + + + + + + + As teclas de atalho para as alças de redimensionamento são: + + + + + + + + Arrastar com Ctrl para mover rapidamente para os lados ou na diagonal do retângulo. Em outras palavras, Ctrl preserva ou a largura ou a altura ou a proporção largura/altura do retângulo (novamente, no seu próprio sistema de coordenadas que permite ser rodado ou distorcido). + + + + + + + Aqui está o mesmo retângulo rodeado por linhas pontilhadas cinza indicando as direções para as quais se pode mover o retângulo quando arrastado com Ctrl (tente agora): + + + + + + + + + + Atração do retângulo - redimensionar alças com Ctrl + + + + + + Inclinando e rodando um retângulo, depois duplicando-o e redimensionando-o com as alças de redimensionamento, podem ser criadas facilmente composições 3D: + + + + + + + + + + + + + + + + + + + + + + 3 retângulos originais + Vários retângulos copiados e redimensionados pelas alças, a maioria com Ctrl + + + + + + Aqui estão alguns exemplos adicionais de composições de retângulos, incluindo arredondamentos e preenchimento com gradientes: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Círculos e Elipses + + + + + + + A ferramenta Círculo (F5) permite criar elipses e círculos, os quais se podem transformar em segmentos ou arcos destes. As teclas de atalho de desenho de círculos são as mesmas que as da ferramenta Retângulo: + + + + + + + + Com Ctrl, cria-se um círculo ou uma elipse de proporção inteira (2:1, 3:1, etc.). + + + + + + + + Com Shift, desenha tendo como ponto de partida o centro. + + + + + + + Vamos explorar agora as alças de uma elipse. Selecione a seguinte: + + + + + + + + Mais uma vez, pode-se ver 3 alças inicialmente, mas na verdade são 4. A alça localizada mais à direita em cima é composta por 2 alças que se sobrepõem e que permitem "abrir" a elipse. Arraste esta alça, depois arraste a outra alça que ficou visível para obter uma variedade de segmentos em forma de rodela de queijo ou arcos: + + + + + + + + + + + + + + Para obter um segmento (um arco fechado com 2 raios), arraste para fora da elipse; para criar apenas um arco, arraste para dentro dela. Acima, existem 4 segmentos à esquerda e 3 arcos à direita. Notar que os arcos são formas abertas, ou seja, o traço apenas avança através da elipse mas não liga as extremidades do arco. Pode-se tornar isto óbvio removendo-se o preenchimento, deixando apenas o traço: + + + + + + 15 + + + Segmentos + Arcos + + + + + + + + + + + + + + + + + + + + + + + + + Observe o grupo de segmentos estreitos em forma de leque à esquerda. Foi fácil criá-los usando o atração ao ângulo da alça com Ctrl. As teclas de atalho de arcos/segmentos são: + + + + + + + + Com Ctrl, atrai ao ângulo a cada 15 graus ao arrastar. + + + + + + + + Shift+clique para completar a elipse (não um arco nem segmento). + + + + + + + A atração ao ângulo pode ser alterada nas Preferências do Inkscape (em Comportamento > Passos). + + + + + + + As outras 2 alças da elipse são usadas para redimensioná-la ao redor do centro. As teclas de atalho são similares às das alças de arredondamento de um retângulo: + + + + + + + + Arrastar com Ctrl para fazer um círculo (iguala os 2 raios). + + + + + + + + Ctrl+clique para fazer um círculo sem arrastar. + + + + + + + E tal como as alças de redimensionamento do retângulo, estas alças da elipse ajustam a altura e largura da elipse nas suas próprias coordenadas. Isto significa que uma elipse rodada ou distorcida pode ser facilmente esticada ou comprimida ao longo de seus eixos originais enquanto permanece rodada ou distorcida. Tente redimensionar qualquer uma destas elipses através das alças de redimensionamento: + + + + + + + + + Polígonos e Estrelas + + + + + + + OS polígonos e as estrelas são as formas geométricas mais complexas do Inkscape. Se quiser impressionar seus amigos com o Inkscape, deixe-os brincar com esta ferramenta. É divertido — na verdade é viciante! + + + + + + + A ferramenta Polígonos pode criar 2 objetos similares mas de diferentes tipos: polígonos e estrelas. Uma estrela tem 2 alças cujas posições definem a extensão e forma das suas pontas; um polígono tem apenas 1 alça que simplesmente roda e redimensiona-o quando é arrastada: + + + + Estrela + + + + Polígono + + + + + + + Na barra de Controlos da ferramenta Polígonos, primeiro aparecem 2 botões para transformar uma estrela num polígono e vice-versa. Depois, um campo numérico onde se configura o número de cantos de uma estrela ou polígono. Este parâmetro é apenas editável através da barra de Controlos da Ferramenta e pode variar de 3 a 1024, mas não se deve aplicar um número alto (por exemplo, acima de 200) se o computador for lento. + + + + + + + Ao desenhar uma nova estrela ou polígono, + + + + + + + + Arraste com Ctrl para atrair ao ângulo em incrementos de 15 graus. + + + + + + + Naturalmente, uma estrela é uma forma muito mais interessante (embora os polígonos sejam mais úteis na prática). As 2 alças de uma estrela têm funções ligeiramente diferentes. A primeira alça (inicialmente localizada em 1 vértice, ou seja, num canto convexo da estrela) diminui ou aumenta os raios da estrela, mas quando se roda com esta alça (relativamente ao centro da forma), a outra alça roda em conformidade com esta. Isto significa que não se pode distorcer os raios da estrela com esta alça. + + + + + + + A outra alça (inicialmente localizada num canto côncavo entre 2 cantos) é, por outro lado, livre para se mover tanto radialmente quanto tangencialmente, sem afetar a alça do canto. Na verdade, esta alça pode se tornar por si própria um canto movendo-a para mais longe do centro que a outra alça. Esta sim é a alça que pode distorcer as pontas das estrelas para obter todos os tipos de formas que se assemelham a cristais, mandalas, flocos de neve e porcos-espinho: + + + + + + + + + + + + + + + + Se pretender apenas uma estrela simples sem qualquer decoração, é possível fazer com que a alça que distorce a estrela se comporte como a outra, que não distorce: + + + + + + + + Arraste com Ctrl para manter os raios da estrela estritamente radiais (sem distorção). + + + + + + + + Ctrl+clique para remover a distorção sem arrastar. + + + + + + + Como complemento útil para o arrastar de alças sobre a área de desenho, a barra de Controlos da Ferramenta tem o campo Proporção do raio que define a proporção das distâncias das 2 alças até ao centro. + + + + + + + As estrelas no Inkscape têm mais dois truques na manga. Em geometria, um polígono é uma forma com bordas em linha reta e cantos pontiagudos. No mundo real, no entanto, estão normalmente presentes vários níveis de curvatura e arredondamento — e o Inkscape pode fazer isso também. Arredondar uma estrela ou polígono funciona de forma um pouco diferente de arredondar um retângulo. Não se usa uma alça dedicada para isto, mas sim: + + + + + + + + Shift+arrastar uma alça tangencialmente para arredondar a estrela ou polígono. + + + + + + + + Shift+clique sobre uma alça para remover o arredondamento. + + + + + + + "Tangencialmente" significa numa direção perpendicular à direção do centro. Se "rodar" uma alça com Shift no sentido anti-horário ao redor do centro, obterá arredondamento positivo; se rodar no sentido horário, obterá um arredondamento negativo (ver exemplos a seguir de arredondamento negativo). + + + + + + + Aqui está uma comparação de um quadrado arredondado (ferramenta Retângulo) com um polígono de 4 cantos arredondados (ferramenta Polígono): + + + + Polígono arredondado + + + + Retângulo arredondado + + + + + + + Como se pode ver, enquanto um retângulo arredondado tem segmentos de linha reta nos seus lados e nos arredondamentos circulares (geralmente elípticos), um polígono ou estrela arredondada não tem nenhuma linha reta; a sua curvatura varia suavemente entre um máximo (nos cantos) e um mínimo (na metade da distância entre os cantos). O Inkscape faz isto simplesmente adicionando tangentes Bézier colineares em cada nó da forma (pode-se observá-los convertendo a forma geométrica num caminho e examinar com a ferramenta Nó). + + + + + + + O parâmetro Arredondado que se pode ajustar na barra de Controlos da Ferramenta é a proporção do comprimento destas tangentes em relação ao comprimento dos cantos do polígono ou estrela aos quais elas são adjacentes. Este parâmetro pode assumir valores negativos, o que inverte a direção das tangentes. Os valores entre 0,2 e 0,4 resultam num arredondamento "normal" como esperado; outros valores tendem a produzir padrões belos, intrincados e totalmente imprevisíveis. Uma estrela com um valor alto de arredondamento pode exceder os limites determinados para as alças. Seguem-se alguns exemplos, cada um indicando o valor utilizado no campo Arredondado: + + + + + + + + + + + + + + + 0,25 + 0,25 + 0,25 + 0,37 + + 0,43 + 3,00 + -3,00 + + 0,41 + 5,43 + 1,85 + 0,21 + -3,00 + + -0,43 + + -8,94 + + 0,39 + + + + + + Se quiser que as pontas de uma estrela sejam pontiagudas mas suas concavidades sejam suaves ou vice-versa, basta criar um deslocamento (Ctrl+J) a partir da estrela: + + + + + Estrela original + Deslocamento ligado, dentro + Deslocamento ligado, fora + + + + + + Com Shift+arrastar as alças da estrela pode-se criar formas interessantes e fora do vulgar. Mas ainda podem ser melhoradas. + + + + + + + Para imitar melhor as formas do mundo real, o Inkscape pode tornar Aleatórias (em outras palavras, distorção aleatória) as formas das estrelas e polígonos. Uma ligeira distorção aleatória deixa a estrela menos regular, mais humana, geralmente engraçada; já uma distorção alta é uma maneira de obter uma variedade de formas imprevisíveis. Uma estrela arredondada permanece suavemente arredondada quando distorcida aleatoriamente. As teclas de atalho são: + + + + + + + + Alt+arrastar uma alça tangencialmente para distorcer aleatoriamente a estrela ou polígono. + + + + + + + + Alt+clicar sobre uma alça para remover a distorção aleatória. + + + + + + + Enquanto se desenha ou arrasta a alça de uma estrela distorcida aleatoriamente, ela irá "tremer" porque cada posição única das suas alças correspondem à sua própria distorção aleatória única. Assim, movendo uma alça sem a tecla Alt, a forma será distorcida novamente com o mesmo nível de aleatoriedade, enquanto que arrastando-a com Alt mantém-se a mesma distorção mas o nível é ajustado. Seguem-se alguns exemplos de estrelas cujos parâmetros são exatamente os mesmos, mas cada uma é distorcida novamente com movimentos muito suaves da alça (o valor do campo Aleatório é 0,1 em todas elas): + + + + + + + + + + + + Agora seguem-se alguns exemplos com base na estrela do meio nos exemplos anteriores, com o nível de distorção aleatória variando entre -0,2 e 0,2: + + +0,2 + +0,1 + 0 + -0,1 + -0,2 + + + + + + + + + + + Alt+arraste uma alça da estrela do meio nesta linha e observe como ela se transforma nas suas vizinhas da direita e da esquerda — e para além disso. + + + + + + + Provavelmente vai achar as suas próprias aplicações para estrelas distorcidas aleatoriamente. Segue-se um exemplo de uma composição com manchas arredondadas e grandes planetas irregulares com paisagens fantásticas: + + + + + + + + + + + + Espirais + + + + + + + A espiral do Inkscape é uma ferramenta versátil, embora não tão cativantes como a estrela, ela pode ser por vezes muito útil. Uma espiral, assim como uma estrela, é desenhada a partir do centro. Enquanto é desenhada e editada: + + + + + + + + Ctrl+arraste para atrair ao ângulo com incrementos de 15 graus. + + + + + + + Uma vez desenhada, uma espiral apresenta 2 alças nas suas extremidades: interna e externa. Ambas as alças, quando simplesmente arrastadas, enrolam ou desenrolam a espiral (isto é, dá "continuidade" à espiral, mudando o número de voltas). Outras teclas de atalho: + + + + + + + Na alça externa: + + + + + + + + Shift+arraste para ampliar/rodar ao redor do centro (sem enrolar/desenrolar). + + + + + + + + Alt+arraste para manter o raio enquanto se enrola/desenrola. + + + + + + + Na alça interna: + + + + + + + + Alt+arraste verticalmente para convergir/divergir a espiral. + + + + + + + + Alt+clique para repor a divergência no valor padrão. + + + + + + + + Shift+clique para mover a alça interna para o centro. + + + + + + + A divergência de uma espiral é a medida não linear das suas revoluções. Quando é igual a 1, a espiral é uniforme; quando é menor que 1 (Alt+arrastar para cima), a espiral é mais densa na periferia; quando é maior que 1 (Alt+arrastar para baixo), a espiral é mais densa no centro: + + 0,2 + 0,5 + 6 + 2 + 1 + + + + + + + + + + + O número máximo de revoluções, ou seja voltas, para uma espiral é 1024. + + + + + + + Assim como a ferramenta Círculo é adequada não apenas para círculos e elipses mas também para arcos (linhas de curvatura constante), a ferramenta Espiral é útil para fazer linhas com curvatura que varia suavemente. Comparada a uma curva Bézier comum, um arco ou uma espiral é geralmente mais prática porque se pode diminuí-la ou aumentá-la arrastando uma alça ao longo da curva sem afetar a sua forma. Para além disso, enquanto uma espiral é normalmente criada sem preenchimento, pode-se adicionar preenchimento e remover o traço para criar efeitos interessantes. + + + + + + + + + + + + + + + + + + + + + + + + + + + Especialmente interessantes são as espirais com traço pontilhado — elas combinam a concentração suave da forma com espaçamento regular de pontos ou pequenos traços criando belos efeitos moiré: + + + + + + Conclusão + + + + + + + As ferramentas de formas geométricas do Inkscape são muito poderosas. Aprenda os seus truques e brinque com elas no seu tempo livre — isto dará resultados quando fizer os seus trabalhos gráficos, porque usar formas em vez de caminhos simples é geralmente mais rápido e fácil para alterar. Se tem ideias para melhorar as ferramentas de formas geométricas, por favor entre em contacto com os programadores. + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + Usar Ctrl+seta para cima para subir + + + + diff --git a/share/tutorials/tutorial-tips.pt.svg b/share/tutorials/tutorial-tips.pt.svg new file mode 100644 index 000000000..7093d752d --- /dev/null +++ b/share/tutorials/tutorial-tips.pt.svg @@ -0,0 +1,691 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + Usar Ctrl+seta para baixo para baixar + + + + ::DICAS E TRUQUES + + + + + + + Este tutorial demonstra várias dicas e truques que vários utilizadores descobriram ao utilizarem o Inkscape e algumas características "ocultas" que podem ajudar a acelerar tarefas de produção. + + + Posicionamento radial com "Clones Ladrilhados" + + + + + + + É fácil notar como usar o painel Criar Clones Ladrilhados (no menu Editar > Clonar) para grelhas retangulares e padrões. Mas e se quisermos um posicionamento radial, onde os objetos partilham um centro comum de rotação? Isto também é possível! + + + + + + + Se o padrão radial apenas necessita de 3, 4, 6, 8 ou 12 elementos, então pode-se tentar as simetrias P3, P31M, P3M1, P4, P4M, P6 ou P6M. Estes padrões funcionam perfeitamente para flocos de neve e similares. No entanto o próximo método é mais genérico. + + + + + + + Escolha a simetria P1 (transição simples) e depois compense essa transição configurando na aba Deslocar, os campos Por linha/Deslocar Y e Por coluna/Deslocar X ambos com o valor -100%. Agora todos os clones ficarão empilhados exatamente em cima do original. Tudo o que resta fazer é ir à aba Rodar e configurar um ângulo de rotação por coluna e então criar o padrão com uma linha e múltiplas colunas. Por exemplo, aqui está um padrão feito a partir de uma linha horizontal, com 30 colunas, cada coluna rodada em 6 graus: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Para obter um mostrador de relógio a partir disto, tudo o que é necessário fazer é cortar ou simplesmente cobrir a parte central com um círculo branco (para fazer operações booleanas nos clones, desligue-os primeiro dos caminhos originais). + + + + + + + Podem ser criados efeitos mais interessantes utilizando as linhas e as colunas. Aqui está um padrão com 10 colunas e 8 linhas, com rotação de 2 graus por linha e 18 graus por coluna. Neste caso, cada grupo de linhas é uma "coluna", assim os grupos estão a 18 graus um do outro, dentro de cada coluna e as linhas individuais estão 2 graus afastadas: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Nos exemplos acima, a linha foi rodada à volta do seu centro. Mas e se quisermos que o centro fique fora da forma? Apenas clique no objeto 2 vezes com a ferramenta Selecionar para mudar para o modo de rotação. Agora mova o centro de rotação do objeto (representado por uma cruz no centro) para o ponto onde pretende que seja o centro da rotação para a operação de Clones Ladrilhados. Então aplique Criar Clones Ladrilhados no objeto. Isto é uma demonstração de como se pode criar "explosões" ou "rastos de estrelas" aplicando escala aleatória, rotação e possivelmente opacidade: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Como fazer fatias (várias áreas retangulares exportadas)? + + + + + + + Crie uma camada nova, nesta camada crie retângulos invisíveis cobrindo partes de uma imagem. Certifique-se que o documento usa a unidade px (padrão), ative a grelha e atraia os retângulos à grelha de modo que cada um abranja um número inteiro de unidades px. Atribua IDs compreensíveis aos retângulos e exporte cada um deles em ficheiros separados (Ficheiro > Exportar para Imagem PNG (Shift+Ctrl+E)). Assim os retângulos terão os seus nomes de exportação. Depois disto, é muito fácil tornar a exportar alguns retângulos: mude para a camada de exportação, use a tecla Tab para selecionar aquele que deseja (ou use Procurar pelo ID) e clique em Exportar no painel de Exportar para Imagem PNG. Como alternativa, pode escrever um script da shell ou ficheiro batch para exportar todas as áreas com um comando como: + + + + + + + inkscape -i area-id -t filename.svg + + + + + + + para cada área exportada. A opção -t ativa a utilização do nome do ficheiro gravado, senão pode fornecer o nome do ficheiro de exportação com a opção -e. Como alternativa, pode usar Extensões > Web > Fatias ou Extensões > Exportar > Guilhotina para resultados similares. + + + Gradientes não-lineares + + + + + + + A versão 1.1 do SVG não suporta gradientes não-lineares (ou seja, aqueles que têm uma transição não-linear entre as cores). Pode-se no entanto imitá-los através de gradientes com várias paragens. + + + + + + + Comece com um gradiente simples com 2 paragens (pode-se atribuí-las no painel Preenchimento e Traço ou na ferramenta Gradiente). Agora, com a ferramenta Gradiente, adicione uma nova paragem no meio, através de um duplo clique na linha do gradiente ou selecionando a paragem do gradiente quadrada e clicando no botão Inserir nova paragem na barra de Configuração da Ferramenta que logo acima da área de desenho. Arraste um pouco a nova paragem. E depois adicione mais paragens antes e depois da paragem do meio e arraste-as também, para que o gradiente pareça suave. Quanto mais paragens se adicionarem, mais suave fica o gradiente. Aqui está o gradiente inicial preto e branco com 2 paragens: + + + + + + + + + + + + + + E aqui estão vários gradientes não-lineares com múltiplas paragens (examine-as no Editor de Gradiente): + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gradientes radiais excêntricos + + + + + + + Os gradientes radiais não têm que ser simétricos. Com a ferramenta Gradiente arraste a alça central de um gradiente elíptico com a tecla Shift. Isto fará mover a alça de foco em forma de x do gradiente para longe do seu centro. Quando não precisar mais dela, pode atrair de novo o foco de volta arrastando-o para perto do seu centro. + + + + + + + + + + + + + + + Alinhar ao centro da página + + + + + + + Para alinhar alguma coisa ao centro ou ao lado de uma página, selecione o objeto ou grupo e depois escolha a opção Página no campo Relativo a: no painel Alinhar e Distribuir (Shift+Ctrl+A). + + + Optimizar o documento + + + + + + + Muitos dos gradientes não utilizados, padrões e marcadores (mais precisamente, aqueles que editou manualmente) permanecem nas paletas respetivas e podem ser usados novamente em novos objetos. No entanto se quiser otimizar o documento, use o comando Optimizar Documento no menu Ficheiro. Serão removidos quaisquer gradientes, padrões ou marcadores que não estão a ser utilizados no documento, desta forma o ficheiro ocupa menos espaço em disco. + + + Funcionalidades ocultas e o editor XML + + + + + + + O editor XML (Shift+Ctrl+X) permite alterar quase todos os aspetos do documento sem ser necessário usar um editor de texto externo. Além disso, o Inkscape normalmente suporta mais características do SVG do que as que estão acessíveis a partir da interface gráfica. O editor XML é uma forma de obter acesso a estas características (se tiver conhecimentos técnicos do SVG). + + + Alterar a unidade de medida das réguas + + + + + + + No modelo padrão, a unidade de medida usada pelas réguas é mm. Esta é também a unidade usada para mostrar as coordenadas no canto inferior esquerdo e pré-selecionada em todos os menus de unidades. Pode sempre posicionar o cursor sobre uma régua para ver a mensagem com as unidades usadas. Para alterar isto, abra as Propriedades do Documento no menu Ficheiro (Shift+Ctrl+D) e altere as Unidades de visualização logo no início da primeira aba Página. + + + Carimbo + + + + + + + Para criar rapidamente várias cópias de um objeto, use o carimbo. Basta arrastar um objeto (ou redimensioná-lo ou rodá-lo) e enquanto se mantém pressionado o botão do rato, pressione a Barra de Espaço. Isto cria um "carimbo" do objeto selecionado. Pode repeti-lo as vezes que quiser. + + + Truques da ferramenta Caneta + + + + + + + Na ferramenta Caneta (Bézier), tem as seguintes opções para finalizar a linha atual: + + + + + + + + Carregar na tecla Enter + + + + + + + + Clicar 2 vezes com o botão esquerdo do rato + + + + + + + + Clicar com o botão direito do rato + + + + + + + + Selecionar outra ferramenta + + + + + + + Note que enquanto o caminho não estiver terminado (ou seja, é mostrado a verde, com o segmento atual a vermelho) este ainda não existe como objeto no documento. Por isso, para cancelá-lo, use a tecla Esc (cancela todo o caminho) ou a tecla Backspace (remove o último segmento do caminho por terminar) em vez do comando Desfazer. + + + + + + + Para adicionar um novo sub-caminho a um caminho existente, selecione o caminho e comece a desenhar com a tecla Shift num ponto qualquer. Se no entanto quiser apenas continuar um caminho existente, a tecla Shift não é necessária; basta começar a desenhar a partir de um dos nós dos extremos do caminho selecionado. + + + Inserir valores Unicode + + + + + + + Na ferramenta Texto, pressionar Ctrl+U alterna entre o modo Unicode e o modo normal. No modo Unicode, cada grupo de 4 dígitos hexadecimais que digitar torna-se num único caractere Unicode, permitindo assim inserir símbolos arbitrários (desde que conheça os códigos Unicode e a fonte os suporte). Para terminar a introdução em Unicode, pressione a tecla Esc. Por exemplo, Ctrl+U 2 0 1 4 Enter insere um travessão eme (—). Para sair do modo Unicode sem inserir nada pressione a tecla Esc. + + + + + + + Também pode usar o painel no menu Texto > Caracteres para procurar e inserir caracteres no documento. + + + Usar a grelha para desenhar ícones + + + + + + + Suponhamos que queira criar um ícone com as dimensões 24x24 píxeis. Para isso crie uma página com 24x24 px (use as Propriedades do Documento) e configure a grelha para 0,5 px (linhas de grelha de 48x48). Agora, se alinhar objetos preenchidos às linhas da grelha pares e objetos com traços às linhas da grelha ímpares com a espessura do traço em px num número par e exportá-lo no valor padrão 96dpi (de modo que 1 px se transforme em 1 píxel de bitmap), obterá uma imagem bitmap clara, sem necessidade de suavização de anti-serrilhado. + + + Rotação de objetos + + + + + + + Com a ferramenta de Selecionar, clique num objeto para ver as setas de redimensionamento, depois clique novamente no objeto para ver as setas de rotação e inclinação. Se clicar nas setas dos cantos e arrastá-las, o objeto será rodado à volta do centro (representado por uma cruz). Se manter pressionada a tecla Shift enquanto faz isto, a rotação ocorrerá ao redor do canto oposto. Também pode arrastar o centro de rotação para qualquer lugar. + + + + + + + Pode também rodar através do teclado pressionando [ e ] (em incrementos de 15 graus) ou Ctrl+[ e Ctrl+] (em incrementos de 90 graus). As mesmas teclas [] com Alt executam uma rotação suave no tamanho do píxel. + + + Sombras caídas + + + + + + + Para criar rapidamente sombras caídas em objetos, use o menu Filtros > Sombras e Auréolas > Sombra Caída.... + + + + + + + Também pode criar facilmente sombras caídas desfocadas em objetos manualmente com o campo Desfocagem no painel Preenchimento e Traço. Selecione um objeto, duplique-o com Ctrl+D, pressione a tecla PgDown para o colocar por baixo do objeto original, devendo posicionar um pouco para baixo e para a direita do objeto original. Agora abra o painel Preenchimento e Traço e altere o valor da Desfocagem, por exemplo para 5,0 e já está! + + + Colocar texto num caminho + + + + + + + Para colocar texto ao longo de um caminho, selecione o texto e o caminho e use o comando Colocar no Caminho no menu Texto. O texto começará no início do caminho. Regra geral, é melhor criar um caminho apenas para o texto, em vez de enquadrá-lo noutro elemento do desenho – isto dará mais controlo sem estragar o desenho existente. + + + Selecionar o original + + + + + + + Quando se tem um texto num caminho, um deslocamento ligado, ou um clone, pode ser difícil selecionar o objeto/caminho original porque estes podem estar por baixo ou estarem invisíveis e/ou bloqueados. As teclas Shift+D podem ajudar. Selecione o texto, deslocamento ligado ou clone e pressione Shift+D para mover a seleção para o caminho, deslocamento ligado ou o clone original correspondente. + + + Recuperação de janelas fora do ecrã + + + + + + + Ao transferir documentos entre sistemas com diferentes resoluções ou número de ecrãs, pode acontecer que o Inkscape tenha gravado a posição da janela fora do ecrã que estiver a utilizar. Simplesmente maximize a janela (o que vai recuperar a visão prévia, para isto use a barra de tarefas do sistema operativo), grave e torne a abrir. Pode-se evitar este problema desativando a opção "Gravar tamanho e posição da janela (geometria)" em (preferências, na secção Interface > Janelas). + + + Exportar transparências e gradientes para PostScript + + + + + + + Os formatos PostScript ou EPS não suportam transparência, por isso não se deve usá-la caso se queira exportar para PS ou EPS. No caso da transparência lisa que sobrepõe a cor lisa, é fácil corrigir isto: selecione um dos objetos transparentes; mude para a ferramenta Pipeta (F7 ou d); certifique-se que o botão Transparência: Capturar na barra de Configuração da Ferramenta está desativado. Repita isto em todos os objetos com transparência. Caso o objeto transparente esteja por cima de várias áreas com cores lisas, será necessário separar o objeto com a transparência em vários objetos e aplicar este procedimento em cada um deles. Note que a ferramenta Pipeta não altera o valor da transparência do objeto, mas sim apenas o valor alfa da cor de preenchimento ou do traço. Por isso certifique-se que todos os valores de opacidade dos objetos estão em 100% antes de começar. + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + Usar Ctrl+seta para cima para subir + + + + diff --git a/share/tutorials/tutorial-tracing-pixelart.pt.svg b/share/tutorials/tutorial-tracing-pixelart.pt.svg new file mode 100644 index 000000000..6da3e5c35 --- /dev/null +++ b/share/tutorials/tutorial-tracing-pixelart.pt.svg @@ -0,0 +1,15603 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + Usar Ctrl+seta para baixo para baixar + + + + ::VETORIZAR ARTE DE PÍXEIS + + + + + + + Antes de todos termos acesso a programas de edição de gráficos vetoriais... + + + + + + + Mesmo antes de usarmos pequenos ecrãs de computador com resoluções de 640x480... + + + + + + + Era comum jogar vídeo jogos com píxeis criados com cuidado em ecrãs de baixa resolução. + + + + + + + Chamamos a este tipo de grafismos nascidos nesta era "Arte de Píxeis". + + + + + + + O Inkscape inclui o programa libdepixelize que oferece a capacidade de vetorizar automaticamente estas imagens "especiais" de Arte de Píxeis. Pode tentar usar esta ferramenta noutros tipos de imagens, mas tenha em conta que o resultado não será tão bom quanto o da ferramenta tradicional do Inkscape de Vetorizar Imagens Bitmap. + + + + + + + Vamos começar com uma imagem de exemplo para mostrar as capacidades deste motor de vetorização. Segue-se abaixo um exemplo de uma imagem raster (composta por píxeis, retirada de uma submissão ao concurso Liberated Pixel Cup - traduzido à letra: Taça de Píxel Libertado) à esquerda e o resultado da vetorização Arte de Píxeis na direita. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + O motor libdepixelize usa o algoritmo Kopf-Lischinski para vetorizar imagens. Este algoritmo usa ideias de várias técnicas da ciência da computação e conceitos matemáticos para produzir um bom resultado em imagens de Arte de Píxeis. Algo a notar é o canal alfa (transparência) que é completamente ignorado pelo algoritmo. O libdepixelize não tem neste momento extensões que suportem totalmente este tipo de imagens, mas todas as imagens de Arte de Píxeis com suporte de canal alfa estão a produzir resultados similares às imagens de referência reconhecidos pelo Kopf-Lischinski. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + A imagem acima tem um canal alfa e o resultado está bom. Mesmo assim, se encontrar uma imagem de Arte de Píxeis com um mau resultado e acredita que o problema é o canal alfa, então contacte o responsável pelo libdepixelize (isto é, submeta um relatório de erro na página do projeto) e nós ficaremos contentes por integrar novas funcionalidades e correções. Nós não poderemos melhorar o programa se não soubermos que tipos de imagens dão maus resultados. + + + + + + + A imagem seguinte é uma descarga de ecrã do painel Vetorizar Arte de Píxeis do Inkscape em Inglês. Pode-se abrir este painel utilizando o menu Caminho > Vetorizar Arte de Píxeis... ou então clicando com o botão direito do rato sobre uma imagem e escolher no menu que aparece Vetorizar Arte de Píxeis.... + + + + + + + + + + Este painel tem 2 secções: Heurísticas e Saída. As heurísticas destinam-se a utilizações avançadas, mas estas já têm uma configuração padrão para casos gerais que produz bons resultados. Mas não nos preocupemos com esta parte agora. Ficará para mais tarde. Começaremos pela explicação da secção Saída. + + + + + + + O algoritmo Kopf-Lischinski funciona (de um ponto de vista de alto-nível) como um compilador, convertendo os dados ao longo de vários tipos de representação. Em cada passo, o algoritmo tem a oportunidade de explorar operações que esta representação fornece. Algumas destas representações intermédias têm uma representação visual correta (como a saída Voronoi do gráfico da célula reformulada) e algumas não têm (como o gráfico de similaridade). Durante o desenvolvimento do libdepixelize, os utilizadores pediram muitas vezes para adicionar a possibilidade de exportar estes passos intermédios para o libdepixelize e o autor original aceitou este pedido. + + + + + + + A saída padrão B-Spline produz o resultado mais suave e provavelmente serve para a maioria dos casos. Já vimos a saída padrão nos primeiros exemplos deste tutorial. Se quiser tentar por si mesmo, basta abrir o painel Vetorizar Arte de Píxeis e clicar no botão OK após selecionar uma imagem no Inkscape. + + + + + + + Pode-se ver a saída Voronoi abaixo que consiste numa "imagem de píxeis com a forma alterada", onde as células (que anteriormente eram píxeis) foram alteradas quanto à forma para ligar píxeis que fazem parte da mesma característica. Nenhuma curva é criada e a imagem continua a ser composta por linhas direitas. A diferença pode ser observada quando se amplia a imagem. Os píxeis anteriores não podiam partilhar uma borda com um vizinho na diagonal, mesmo que tenham sido colocados para fazer parte da mesma característica. Mas agora (graças à similaridade das cores e às heurísticas que podem ser ajustadas para obter melhores resultados), é possível fazer com que 2 células diagonais partilhem uma borda (anteriormente apenas vértices únicos eram partilhados por 2 células diagonais). + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + A saída padrão em B-splines é suavizada, porque a saída anterior Voronoi é convertida em curvas Bézier quadradas. No entanto, a conversão não é 1:1 porque existem mais heurísticas a trabalhar para decidir quais curvas serão fundidas numa só quando o algoritmo chega a uma junção-T de entre as cores visíveis. + + + + + + + A etapa final do libdepixelize (atualmente não exportável pela interface do Inkscape por ser experimental e incompleto) é "otimizar curvas" para remover o efeito de escada das curvas B-spline. Esta etapa também usa uma técnica de deteção de bordas para prevenir que algumas características sejam suavizadas e uma técnica de triangulação para corrigir a posição dos nós após a otimização. É possível desativar cada uma destas características quando a saída deixar de estar no "estado experimental" no libdepixelize (esperamos que seja brevemente). + + + + + + + A secção das heurísticas na interface permite afinar as heurísticas usadas pelo libdepixelize para decidir o que fazer quando encontra um bloco de píxel 2x2 onde as duas diagonais têm cores similares. "Que ligação devo manter?" é o que o libdepixelize pergunta. Este tenta aplicar todas as heurísticas às diagonais em conflito e mantém a ligação ao vencedor. Se ocorrer um empate, ambas as ligações são eliminadas. + + + + + + + Para analisar o efeito de cada heurística e experimentar vários valores, a melhor saída é a Voronoi. Pode-se ver melhor os efeitos das heurísticas na saída Voronoi e quando estiver bom, pode-se mudar o tipo de saída para o pretendido. + + + + + + + A imagem abaixo tem uma imagem e a saída B-Spline com apenas uma das heurísticas ativadas para cada tentativa. Notar os círculos púrpuras que destacam as diferenças entre cada heurística. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Para a primeira tentativa (primeira imagem), apenas foi ativada a heurística Curvas. Esta heurística tenta manter ligadas as curvas longas. Pode-se notar que este resultado é semelhante à última imagem, onde é aplicada a heurística de píxeis dispersos. Difere na sua "força" que é mais justa e apenas atribui um valor alto ao voto quando é realmente importante manter estas ligações. O conceito/definição de "justo" aqui é baseado na "intuição humana" na base de dados de píxeis analisados. Outra diferença é que esta heurística não consegue decidir o que fazer quando as ligações agrupam grandes blocos em vez de curvas longas (tal como num tabuleiro de xadrez). + + + + + + + Para a segunda tentativa (a imagem do meio) apenas foi ativada a heurística Ilhas. A única coisa que esta heurística faz é tentar manter a ligação que de outra forma poderia resultar em vários píxeis isolados (ilhas) com um peso de voto constante. Este tipo de situação não é comum como a situação que acontece com as outras heurísticas, mas esta heurística é excelente e ajuda a obter melhores resultados. + + + + + + + Para a terceira tentativa (a imagem do fundo), apenas se ativou a heurística Píxeis Dispersos. Esta heurística tenta manter as curvas ligadas à cor do fundo. Para descobrir qual é a cor do fundo a heurística analisa uma janela com os píxeis à volta das curvas em conflito. Nesta heurística pode-se afinar a "força", assim como a janela de píxeis que analisa. Notar que quando se aumenta a janela de píxeis analisados, a "força" máxima para o seu voto aumentará também e poderá ser melhor ajustar o multiplicador para o seu voto. O autor original do libdepixelize acha que esta heurística é demasiado "gananciosa" e prefere usar o valor "0.25" no multiplicador. + + + + + + + Mesmo que o resultado da heurística Curvas e Píxeis dispersos dêem resultados similares, pode querer manter ambos ativados, porque a heurística Curvas pode fornecer uma segurança extra para que as curvas importantes dos píxeis de contorno não sejam descartadas e há casos que apenas podem ser respondidos pela heurística píxeis dispersos. + + + + + + + Dica: pode-se desativar todas as heurísticas ao aplicar o valor "0" nos campos multiplicador. Pode-se fazer com que as heurísticas actuem contra os seus princípios usando valores negativos nos campos multiplicador. Ao inverter a ação da heurística obtêm-se resultados "artísticos". + + + + + + + E é isto! Para este lançamento inicial do libdepixelize, estas são todas as opções disponíveis. Mas se a pesquisa do autor original do libdepixelize e o seu mentor criativo for bem sucedida, poderemos ter no futuro outras opções e outros tipos de imagens adequadas nas quais o libdepixelize pode dar bons resultados. + + + + + + + Todas as imagens utilizadas neste tutorial são provenientes de Liberated Pixel Cup para evitar problemas de direitos de autor. As hiperligações são as seguintes: + + + + + + + + http://opengameart.org/content/memento + + + + + + + + http://opengameart.org/content/rpg-enemies-bathroom-tiles + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + Usar Ctrl+seta para cima para subir + + + + diff --git a/share/tutorials/tutorial-tracing.pt.svg b/share/tutorials/tutorial-tracing.pt.svg new file mode 100644 index 000000000..9d213274c --- /dev/null +++ b/share/tutorials/tutorial-tracing.pt.svg @@ -0,0 +1,231 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + Usar Ctrl+seta para baixo para baixar + + + + ::VETORIZAR IMAGENS BITMAP + + + + + + + Um dos recursos do Inkscape é a ferramenta que vetoriza uma imagem bitmap num elemento SVG denominado <path> (caminho) no desenho SVG. Estas pequenas indicações devem ajudá-lo a familiarizar-se com o funcionamento desta ferramenta. + + + + + + + Atualmente o Inkscape usa o motor Potrace de vetorização bitmap (potrace.sourceforge.net) criado por Peter Selinger. No futuro esperamos permitir outros programas de vetorização alternativos; por agora, entretanto, esta ferramenta é mais do que suficiente para as nossas necessidades. + + + + + + + Tenha em mente que o propósito desta ferramenta não é reproduzir uma cópia exata da imagem original, nem produzir um produto final. Nenhuma ferramenta de vetorização automática consegue fazer isso. O que a ferramenta faz é criar um conjunto de curvas que se podem usar como um recurso para o desenho. + + + + + + + O Potrace interpreta uma imagem bitmap a preto e branco, produzindo um conjunto de curvas. Para o Potrace, atualmente temos 3 tipos de filtros de entrada, para converter uma imagem em bruto em algo que o Potrace possa usar. + + + + + + + Geralmente, quanto mais escuros forem os píxeis na imagem bitmap intermediária, mais vetorização o Potrace fará. À medida que a quantidade de traços aumenta, mais tempo de processamento será necessário e o elemento <path> será muito maior. É recomendável experimentar com imagens intermediárias mais claras primeiro, passando depois para as mais escuras para obter a complexidade e proporção desejadas. + + + + + + + Para usar a ferramenta de Vetorizar Imagens Bitmap, abra ou importe uma imagem, selecione-a e aceda ao menu Caminho > Vetorizar Imagem Bitmap, ou Shift+Alt+B. + + Opções principais dentro do painel Vetorizar Imagem Bitmap + + + + + + + Irão aparecer pelo menos 3 opções de filtros disponíveis: + + + + + + + + Nível de Brilho + + + + + + + Isto usa simplesmente a soma do vermelho, verde e azul (ou tons de cinza) de um píxel para determinar se ele deve ser considerado como preto ou branco. O limiar pode ser configurado de 0,0 (preto) a 1,0 (branco). Quanto maior o valor, menor a quantidade de píxeis que serão considerados "brancos" e a imagem intermediária ficará mais escura. + + Imagem Original + Limiar de BrilhoPreenchido, sem Traço + Limiar de BrilhoTraço, não Preenchido + + + + + + + + + + Deteção de Bordas + + + + + + + Isto usa o algoritmo de detecção de bordas concebido por J. Canny, como uma forma de achar rapidamente isóclinas de contrastes parecidos. Isto produzirá uma imagem bitmap intermediária que se parecerá menos com a imagem original do que com o que faz o Limiar do Nível de Brilho, mas provavelmente fornecerá informação sobre a curva que de outra maneira seria ignorada. A configuração do campo Limiar aqui (de 0,0 a 1,0) ajusta o limiar do brilho a fim de determinar se um píxel situado próximo a uma borda com contraste deve ser incluído no resultado ou não. Este recurso permite ajustar o escuro ou espessura da borda no resultado final da imagem vetorizada. + + Imagem Original + Borda DetetadaPreenchido, sem Traço + Borda DetetadaTraço, não Preenchido + + + + + + + + + + Número de Cores + + + + + + + O resultado deste filtro produzirá uma imagem intermediária que é muito diferente dos outros dois, mas é muito útil. Em vez de mostrar as isóclinas de brilho ou contraste, este filtro procura bordas onde as cores mudam, mesmo com brilho e contrastes iguais. O campo aqui, Número de Cores, decide quantas cores de saída existiriam se a imagem bitmap intermediária fosse colorida. Ele então decide preto/branco de acordo com o índice par ou ímpar da cor. + + Imagem Original + Número de Cores (12)Preenchido, sem Traço + Número de Cores (12)Traço, não Preenchido + + + + + + + + + É recomendável experimentar todos os 3 filtros e observar os diferentes resultados produzidos para diferentes tipos de imagens de entrada. Haverá sempre uma imagem onde um funciona melhor do que os outros. + + + + + + + Depois de vetorizar, é recomendável usar o comando Caminho > Simplificar (Ctrl+L) no caminho resultante da vetorização, para reduzir o número de nós, por forma a ser muito mais fácil editá-lo posteriormente. Por exemplo, aqui está uma vetorização típica do "Homem Velho Tocando Violão": + + Imagem Original + Imagem Vetorizada / Caminho Resultante(1551 nós) + + + + + + + + Observe a enorme quantidade de nós no caminho. Depois de pressionar Ctrl+L no caminho, este é o resultado típico: + + Imagem Original + Imagem Vetorizada / Caminho Resultante - Simplificado(384 nós) + + + + + + + + A representação é um pouco mais aproximada e rudimentar, mas o desenho é muito mais simples e fácil de editar. Tenha em mente que o que se pretende normalmente com a vetorização, não é uma cópia exata da imagem, mas um conjunto de curvas que se podem usar em desenhos. + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + Usar Ctrl+seta para cima para subir + + + + -- cgit v1.2.3