Manual Inkscape (Desenho Vetorial)
Manual Inkscape (Desenho Vetorial)
Manual Inkscape (Desenho Vetorial)
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
<strong>Manual</strong><br />
<strong>Inkscape</strong><br />
(<strong>Desenho</strong> <strong>Vetorial</strong>)
Sumário<br />
Capítulo 1. Introdução............................................................................................................3<br />
1.1. A importância de se usar padrões abertos...................................................................3<br />
1.2. Gráficos vetoriais e gráficos bitmap............................................................................4<br />
1.3. Considerações acerca de gráficos bitmap....................................................................4<br />
Capítulo 2. A tela inicial do <strong>Inkscape</strong>.....................................................................................5<br />
2.1. Barra de ferramentas seleção......................................................................................5<br />
2.2. Caixa de ferramentas..................................................................................................6<br />
2.3. Ampliando a imagem ou objetos específicos...............................................................6<br />
2.4. Selecionando objetos...................................................................................................7<br />
2.5. Criando formas básicas...............................................................................................8<br />
2.5.1. Ferramenta retângulo – F4...................................................................................8<br />
2.6. Aumentando a largura da borda junto com o objeto..................................................9<br />
2.7. Arredondando e redimensionando..............................................................................9<br />
2.8. Alças de redimensionamento e alças para girar........................................................10<br />
2.9. A ferramenta Elipse...................................................................................................11<br />
2.10. Ferramenta Estrela *...............................................................................................12<br />
Capítulo 3. Ordenando agrupando e alinhando objetos.......................................................13<br />
3.1. Ordenando................................................................................................................13<br />
3.2. Agrupando.................................................................................................................14<br />
3.3. Alinhando e distribuindo...........................................................................................14<br />
Capítulo 4. Convertendo objetos para caminhos..................................................................14<br />
4.1. Duplicando objetos....................................................................................................15<br />
4.1.1. Clonando............................................................................................................15<br />
4.2. Soldando aparando e tirando a interseção................................................................16
Capítulo 1. Introdução<br />
O <strong>Inkscape</strong> é um Software Livre para desenhos vetoriais 1 que gera, por padrão, desenhos no<br />
formato svg “Scalable Vectorial Graphics”, um formato criado pela W3C, órgão<br />
internacional que determina as normas para publicação de documentos na Internet.<br />
1.1. A importância de se usar padrões abertos<br />
Formatos de documentos abertos são formatos que incentivam a concorrência entre os<br />
programas, uma vez que as especificações para a geração do documentos abertos é<br />
conhecida, nada impede que se façam programas que abram e gerem adequadamente tais<br />
arquivos, ao mesmo tempo em que impedem uma empresa de ser proprietária de um<br />
determinado formato de arquivos. Formatos proprietários desestimulam a concorrência,<br />
pois os programadores tem que tentar adivinhar os parâmetros para geração de tais<br />
arquivos. Gerando gráficos com o inkscape temos a certeza que o nosso arquivo poderá ser<br />
aberto tanto pelo inkscape quanto pelo navegador firefox, que já suporta este formato a<br />
mais de dois anos. Podemos ainda abrir desenhos gerados pelo inkscape em qualquer editor<br />
de textos.<br />
Um desenho svg pode ser aberto tanto pelo inkscape como por um editor de textos, no qual<br />
determinamos os valores posicionais x e y, bem como altura (height) e largura (width).<br />
width="140.00"<br />
height="140.00"<br />
x="200.00"<br />
y="200.00"<br />
1 <strong>Desenho</strong> representado internamente por coordenadas bidimensionais
Gráficos vetoriais e gráficos bitmap<br />
Gráficos vetoriais são descritos internamente usando coordenadas vetoriais, permitindo<br />
manter a nitidez da imagem mesmo quando for redimensionada.<br />
Abaixo duas imagens, uma vetorial e uma bitmap, que foram ampliadas:<br />
1.2. Considerações acerca de gráficos bitmap<br />
Mesmo sendo os gráficos muito bons, há situações em que são preferíveis os gráficos<br />
bitmap, alguns tipos de gráficos bitmap conhecidos são:<br />
● bmp<br />
● jpg<br />
● png<br />
Em gráficos em que existirem muita diversidade de cor, como em geral acontece com<br />
fotografias, devese usar bitmaps, a explicação é simples, se houverem muitos vetores a<br />
imagem ocupará muito espaço em disco, além de ser muito difícil vetorizar (tornar um<br />
bitmap vetorial) uma foto por exemplo.<br />
Quando na imagem ocorrerem grandes porções com uma única cor, certamente a imagem<br />
vetorial será menor, mas em todos os casos a imagem vetorial, uma vez criada pode ser<br />
redimensionada sem perda de qualidade o que não acontece com fotografias jpg por<br />
exemplo. Como execício tente aumentar uma fotografia e veja que ela irá gradualmente<br />
perder nitidez.
Capítulo 2. A tela inicial do <strong>Inkscape</strong><br />
2.1. Barra de ferramentas seleção<br />
Lembrese que as barras de ferramentas são contextuais!<br />
Obs: Esta barra de ferramentas só fica visível se algum objeto estiver selecionado,<br />
e portanto as propriedades descritas aqui se aplicam a mesma.
2.2. Caixa de ferramentas<br />
As ferramentas abaixo descritas são usadas para criar formas de todos os tipos, bem como<br />
retas, aplicar zoom entre outras coisas.<br />
2.3. Ampliando a imagem ou objetos específicos<br />
Para ampliar e reduzir a página como um todo use as teclas + (mais) e – (menos), já para<br />
ampliar em uma área específica use a ferramenta zoom F3.
Dica: Abrir um retângulo com a ferramenta zoom em volta dos objetos que se quer<br />
ampliar é uma prática desejável, assim estamos executando o zoom interativo, ou<br />
seja, ampliado em áreas específicas.<br />
2.4. Selecionando objetos<br />
Na figura abaixo apenas a imagem do CD será ampliada:<br />
A ferramenta seleção F1 deve ser usada para selecionar objetos:<br />
Quando existem poucos objetos podese usar TAB para alternar entre objetos selecionados<br />
ou ESC para retirar a seleção.<br />
Dica: A barra de espaços sempre vai alternar entre qualquer outra ferramenta e a<br />
ferramenta seleção, tamanha é a frequência que a usamos.<br />
Podese também fazer uma seleção arrastando a ferramenta seleção criando um retângulo<br />
em volta dos objetos que se deseja selecionar:
Você pode selecionar<br />
abrindo um quadro em<br />
volta de objetos.<br />
Lembrese que o objeto<br />
tem que estar totalmente<br />
dentro da caixa de seleção.<br />
Considerando a quadro pontilhado como um retângulo de seleção, tenha em mente que a<br />
casa não será selecionada, pois não estão completamente dentro da área de seleção.<br />
2.5. Criando formas básicas<br />
2.5.1. Ferramenta retângulo – F4<br />
Permite criar quadrados e retângulos simétricos.<br />
Dica: Observe que a barra de ferramentas se modificará de acordo com a<br />
ferramenta que você escolher.<br />
Para criar retângulos simétricos basta manter pressionada a tecla Control, e para<br />
que a construção do retângulo se dê no ponto onde está o mouse use também o<br />
Shift.<br />
Experimente agora fazer dois retângulos, um mantendo pressionado apenas o Ctrl e outro<br />
pressionando Ctrl mais a tecla Shift.
2.6. Aumentando a largura da borda junto com o objeto<br />
Marcando o pondo indicado o contorno será aumentado ou diminuído de forma<br />
proporcional ao objeto, isto é útil quando tivermos que importar uma figura e em seguida<br />
ampliala, por exemplo.<br />
2.7. Arredondando e redimensionando<br />
Com a ferramenta retângulo ativada...<br />
Também é possível redimensionar e arredondar os cantos com a ferramenta Forma:
Dica: Ao criar um novo retângulo, caso ele apareça arredondado procure pelo<br />
botão “tornar cantos agudos”, isto restaura o padrão.<br />
2.8. Alças de redimensionamento e alças para girar<br />
Ao clicar em uma figura uma vez aparecem as alças de redimensionamento:<br />
Para exibir as alças de rotacionamento clique uma segunda vez no objeto.<br />
Experimente selecionar um objeto e mudar seu tamanho e posição pela barra de<br />
ferramentas:<br />
Ao clicar uma segunda vez no objeto aparecerão as alças de rotação e inclinação, bem como<br />
o “centro de rotação”.
2.9. A ferramenta Elipse<br />
A ferramenta elipse pode gerar imagens como:
No caso da torta e do arco o que determina a criação de cada um é o fato de girar<br />
o cursor por dentro ou por fora da elipse.<br />
2.10. Ferramenta Estrela *<br />
A ferramenta estrela cria estrelas e polígonos regulares:<br />
Após criar uma estrela podese alterala criando um pentágono apenas clicando a caixa de<br />
verificação no início da barra de ferramentas.
Capítulo 3. Ordenando agrupando e alinhando objetos<br />
3.1. Ordenando<br />
Ordenação diz respeito ao nível em que o objeto estará disposto em relação aos demais, se<br />
acima ou se abaixo.<br />
Vistos mais de perto os botões são assim:<br />
Dica: Podese usar o atalho End para colocar o objeto no nível mais abaixo, Home<br />
para colocalo no nível mais acima, pageup para subir um nível e pagedown para<br />
descer um nivel.<br />
Veja um exemplo em que o quadro amarelo foi selecionado e em seguida a tecla End foi<br />
pressionada:
3.2. Agrupando<br />
Para agrupar objetos é necessário que dois ou mais objetos estejam selecionados.<br />
Dica: Você pode usar o atalho Ctrlg para agrupar e Ctrlu para desagrupar objetos<br />
selecionados.<br />
Dica: Perceba que o botão agrupar (primeiro da esquerda para direita) mostra um<br />
único quadro de seleção, já o botão desagrupar mostra dois quadros de seleção.<br />
3.3. Alinhando e distribuindo<br />
Para alinhar objetos selecionamos todos e clicamos no ícone da ferramenta apropriada:<br />
Capítulo 4. Convertendo objetos para caminhos<br />
Ao desenhar um retângulo, uma elipse ou uma estrela estamos lidando com objetos<br />
simples. No caso do retângulo, por exemplo, só podemos mudar suas dimensões ou<br />
arredondar os cantos, para mudar um dos lados e tornalo um arco temos que converter o<br />
objeto em curvas e manipular com a ferramenta forma.<br />
Para converter um retângulo em curvas, selecione o mesmo e acesse o menu Caminho →<br />
objeto para caminho.
4.1. Duplicando objetos<br />
Para duplicar objetos, selecione os mesmos e pressione o atalho Ctrld.<br />
Dica: Ao arrastar objetos pressionar a barra de espaços criará uma cópia<br />
4.1.1. Clonando<br />
Um objeto clonado terá sempre as mesmas propriedades do original, para criar um clone<br />
acesse o menu Editar > clonar > criar clone.<br />
Observe que cada vez que mudarmos a cor ou tamanho do original o objeto clonado<br />
refletirá as mudanças efetuadas, isto é útil em desenhos complexos que existem muitas<br />
formas similares.
4.2. Soldando aparando e tirando a interseção<br />
Selecione dois objetos sobrepostos e use os atalhos indicados