13.08.2013 Views

Manual Inkscape (Desenho Vetorial)

Manual Inkscape (Desenho Vetorial)

Manual Inkscape (Desenho Vetorial)

SHOW MORE
SHOW LESS

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, deve­se 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 />

Lembre­se 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 pode­se 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 />

Pode­se 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 />

Lembre­se 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 />

amplia­la, 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 pode­se altera­la 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: Pode­se usar o atalho End para colocar o objeto no nível mais abaixo, Home<br />

para coloca­lo 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 Ctrl­g para agrupar e Ctrl­u 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 torna­lo 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 Ctrl­d.<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

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!