Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Gráfico
Enviado por:
Walter Alfredo Petroski Martins
Gerência de Gestão de Ambientes – GGA
Coordenação do Planejamento, Pesquisa e Capacitação – CPPC
Contato e sugestão:
walter-martins@celepar.pr.gov.br
Para informação:
Essa apostila foi elaborada através dos seguintes tutoriais:
• http://www.inkscape.org/doc/basic/tutorial-basic.pt_BR.html
• http://www.ogimp.com.br/modules/news/article.php?storyid=23
• http://www.inkscape.org/doc/advanced/tutorial-advanced.pt_BR.html
• http://pt.wikipedia.org/wiki/Inkscape
• http://www.inkscape.org/doc/shapes/tutorial-shapes.pt_BR.html
Índice
1. Introdução .....................................................................................................................7
2. Interface gráfica ............................................................................................................8
3. Barra de Ferramentas...................................................................................................9
4. Teclas de Atalho .........................................................................................................10
5. Clone ...........................................................................................................................13
5.1. Técnicas de colagem.............................................................................................13
5.2. Usando a ferramenta clone ...................................................................................13
6. Curvas (nós)................................................................................................................15
6.1. Editando caminhos ................................................................................................15
6.2. Sub caminhos e combinação.................................................................................16
6.3. Convertendo em caminho......................................................................................17
7. Operações Booleanas ................................................................................................18
8. Comprimir e expandir.................................................................................................19
9. Simplificação...............................................................................................................20
10. Criando texto.............................................................................................................23
11. Duplicação, Alinhamento e Distribuição ................................................................25
12. Camadas....................................................................................................................26
13. Conclusão .................................................................................................................31
Página: 7
INKSCAPE - USUARIO INICIANTE
1. Introdução
O Inkscape é um software livre, que serve para editoração de imagens vetoriais. Ele é derivado
do Sodipodi, que foi um dos primeiros Softwares Livre para editoração de vetores.
Antes de começar-mos, será interessante explicar o conceito do termo vetorial, o qual foi
retirado da Wikipédia, a grande enciclopédia on-line de uso livre:
Em computação gráfica, imagem vetorial é um tipo de imagem gerada a partir de descrições
geométricas de formas, diferente das imagens chamadas mapa de bits, que são geradas a partir de pontos
minúsculos diferenciados por suas cores. Fonte:wikipédia
A única diferença que eu sei é que uma imagem vetorial pode ser ampliada e reduzida sem
perder qualidade (fazendo transformações nos vetores) e uma imagem de bitmap não (não dá pra
preencher os pixels extras da ampliação sem distorcer um pouco, tem que "chutar" as cores dos pixels
novos).
O Inkscape utiliza o método vetorial, ou seja, gera imagens a partir de coordenadas dos pontos
(x) e (y), de forma transparente ao usuário. As Imagens vetoriais são, geralmente, bem mais leves e não
perdem a qualidade quando sofrem transformações, como redimensionamento ou giro.
Trabalha no formato SVG (Scalar Vectorial Graphics), que é um formato aberto de imagens
vetoriais, definido pela W3C, organização que define os padrões criados por Tim Berners Lee, o pai da
moderna Internet. O SVG é uma sub definição da linguagem XML.
O Inkscape permite exportar e importar figuras nos formatos PNG, TIFF, GIF, JPG, AI, PDF,
entre outros.
Página: 8
INKSCAPE - USUARIO INICIANTE
2. Interface gráfica
O Inkscape, possui uma interface simples, que proporciona ao usuário uma maneira agradável
de realizar seus trabalhos, por isso é considerado de fácil utilização. Tem a vantagem de trabalhar com a
intuitividade do usuário e exatamente por ter menos recursos, permite que sejam criados efeitos
personalizados, enquanto softwares como o CorelDraw e o Illustrator, por exemplo, já agregam dezenas de
filtros e opções, tendo uma automatização que agrada a uns e desagrada outros.
Ele trabalha com edição de nós, transparência, anti-aliasing, textos, degrades, vetorização,
múltiplas camadas e todos os recursos necessários para desenho vetorial.
Página: 9
INKSCAPE - USUARIO INICIANTE
3. Barra de Ferramentas
Ferramenta Seleção..................... F1
Ferramenta Edição de Nós............ F2
Ferramenta Zoom ........................ F3
Ferramenta Retângulo .................. F4
Ferramenta Elipse ........................ F5
Ferramenta Polígonos .................. *
Ferramenta Espiral ....................... F9
Ferramenta Mão livre ................... F6
Ferramenta Mão Bezier ................ Shift F6
Ferramenta Caneta Caligráfica...... Ctrl F6
Ferramenta Texto ......................... F8
Ferramenta Conectores ................ Ctrl F2
Ferramenta Criar Gradientes ........ Ctrl F1
Ferramenta Conta Gotas ............... F7
Página: 10
INKSCAPE - USUARIO INICIANTE
4. Teclas de Atalho
Ctrl +
A Selecionar R Réguas
B Barra de Rolagem S Salvar
C Copiar U Desagrupar
D Duplicar V Colar
F Encontrar X Cortar
G Agrupar Y Refazer
I Importar Z Desfazer
J Tipologia Dinâmica F6 Desenhar Linhas Caligráficas
K Combinar ^ Exclusão de Caminho
L Simplificar - Diferença de Caminho
N Novo + União de Caminho
O Abrir * Intersecção de Caminho
P Imprimir / Divisão de Caminho
Q Sair
Shift + Ctrl +
A Alinhar PDUP Aumenta uma Camada
C Objeto para Caminho R Separar
D Propriedades de Desenho S Salvar Como
E Exportar T Texto
END Camada para Baixo TAB Janela Anterior
HOME Camada para Cima V Colar Estilo
M Transformação Y Editor XML
O Propriedade do Objeto ) Expandir
P Config. Inkscape ( Comprimir
PGDN Diminui uma Camada L Menu de camadas
F
F1 Seta F6 Mão Livre
F2 Nós F7 Conta Gotas
F3 Lupa (zoom) F8 Texto
F4 Retângulos F9 Espiral
F5 Elipse
Shift +
F6 Curvas de Bezier C Tornar o nó em canto
D Duplicar nós S Suavizar um nó
B Quebrar nós ao caminho Y Deixar um nó simétrico
J Unir nós quebrados
Alt +
D Clone A Arquivo E Editar X Exibir
M Camada O Objeto C Caminho T Texto
Página: 11
INKSCAPE - USUARIO INICIANTE
(nota: o que era uma seta preta agora virou um sinal “+” com um retângulo)
− Clicar com o botão do mouse em cima da página, segure e arraste.
− clicar em cima do desenho, segurar e arrastar (seu desenho deve ficar igual ao
retângulo vermelho da próxima figura);
− para mudar a cor do gradiente, basta clicar com o mouse em uma das extremidades
da linha que foi criada, mostrando o gradiente. Clicar na malha de cores, como
podemos ver no quadrado azul da próxima figura.
Página: 12
INKSCAPE - USUARIO INICIANTE
Página: 13
INKSCAPE - USUARIO INICIANTE
5. Clone
Depois que você copia algum(s) objeto(s) com Ctrl+C ou recorta com Ctrl+X, o
comando regular Colar (Ctrl+V) cola o(s) objeto(s) copiado(s) bem abaixo do cursor do
mouse ou, se o cursor estiver fora da janela, no centro da janela do documento. No
entanto, o(s) objeto(s) na área de transferência ainda grava(m) o lugar original do qual
foram copiados, e você pode colar de volta onde estava 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 à seleção atual. O "estilo" assim colado inclui todas as
configurações de preenchimento, traço e fonte, mas não a forma, tamanho, ou parâmetros
específicos a um tipo de forma, como por exemplo o número de pontas de um objeto
estrela.
Existe ainda outro conjunto de comandos de colagem, Colar Tamanho, dimensiona a
seleção para se igualar com o atributo de tamanho desejado do(s) objeto(s) da área de
transferência. Existe uma quantidade grande de comandos para a colagem de tamanho,
são eles: Colar Tamanho, Colar Largura, Colar Altura, Colar Tamanho Separadamente,
Colar Largura Separadamente, e Colar Altura Separadamente.
Colar Tamanho dimensiona toda a seleção para combinar com o tamanho total do(s)
objeto(s) da área de transferência. Colar Largura/Colar Altura dimensiona a seleção
completa horizontalmente/verticalmente de modo que se iguale a largura/altura do(s)
objeto(s) da área de transferência. Estes comandos fazem jus ao botão de travamento de
proporção do dimensionamento da ferramenta de seleção na barra Controles de
Ferramenta (entre os campos W e H), de modo que quando esta trava é pressionada, a
outra dimensão do objeto selecionado é dimensionada na mesma proporção; caso
contrário a outra dimensão permanece inalterada. Os comandos que contém
"Separadamente" funcionam de maneira semelhante aos descritos acima, exceto pelo
fato que eles dimensionam cada objeto selecionado separadamente para com o
tamanho/largura/altura do(s) objeto(s) da área de transferência.
Note que o Inkscape tem sua própria área de transferência interna; ele não usa a
área de transferência do sistema exceto para copiar/colar texto com a ferramenta Texto.
Página: 14
INKSCAPE - USUARIO INICIANTE
Após ser clicado em Criar o seu desenho deverá ter ficado assim:
Página: 15
INKSCAPE - USUARIO INICIANTE
Se você desejar mudar as cores de preto para outra cor qualquer, basta
clicar em cima do primeiro quadrado preto, escolher a cor desejada e todo
tabuleiro mudará de cor.
6. Curvas (nós)
A maioria dos editores gráficos, possuem uma ferramenta que transforma uma figura
geométrica qualquer em curvas ou nós. No Inkscape temos a ferramenta nó
que pode ser acionada também usando o atalho F2, com a qual podemos dar novo
formato ao desenho.
Quando usamos a ferramenta edição de nós é adicionada automaticamente uma nova
linha de ferramentas na barra de menu.
Página: 16
INKSCAPE - USUARIO INICIANTE
Página: 17
INKSCAPE - USUARIO INICIANTE
sub caminhos. No da direita, você pode apenas editar os nós selecionando um caminho
por vez.
O Inkscape pode Combinar caminhos em um composto (Ctrl+K) e Separar um
composto em caminhos separados (Shift+Ctrl+K). Tente estes comandos nos exemplos
acima. Visto que um objeto pode ter apenas um preenchimento e traço, um novo
composto fica com o estilo do primeiro (o mais baixo na ordem-z) objeto a ser combinado.
Quando você combina 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
poderosos para caminhos, veja "Operações Booleanas" mais adiante.
Página: 18
INKSCAPE - USUARIO INICIANTE
Página: 19
INKSCAPE - USUARIO INICIANTE
7. Operações Booleanas
Os comandos no menu Caminho permitem combinar dois ou mais objetos
usando as operações booleanas:
As teclas de atalho para estes comandos fazem alusão às analogias aritméticas das operações
booleanas (união se refere à adição, diferença a subtração, etc.). Os comandos Diferença e Exclusão se
aplicam apenas a dois objetos selecionados; os outros comandos podem processar qualquer quantidade de
objetos de uma só vez. O resultado sempre recebe o estilo do objeto do fundo.
Página: 20
INKSCAPE - USUARIO INICIANTE
8. Comprimir e expandir
O Inkscape é capaz de expandir e contrair formas não apenas modificando
suas dimensões, mas também executando offset em um 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 (em
vermelho) e vários caminhos comprimidos ou expandidos a partir do original:
mude para o ferramenta de edição de nós, e arraste suas alças para ter uma idéia:
Tal objeto de Tipografia Dinâmica grava o caminho original, assim ele não "se
degrada" quando você altera a distância do offset várias vezes. Quando você não mais
desejar ajustá-lo, você sempre pode converter um objeto offset de volta em um caminho.
Página: 21
INKSCAPE - USUARIO INICIANTE
vermelho, um offset ligado ao caminho fonte tem traço preto e nenhum preenchimento, o
outro, preenchimento preto e nenhum traço.
Selecione o objeto vermelho e edite seus nós; veja como os dois offsets
respondem. Agora selecione qualquer um dos offsets e arraste sua alça para ajustar o
seu raio. Finalmente, observe que, ao mover ou transformar o caminho fonte, todos os
objetos offset conectados a ele se movem, e como você é capaz de mover ou transformá-
los independentemente sem perder a conexão com o caminho fonte.
9. Simplificação
O principal uso do comando Simplificar (Ctrl+L) é reduzir o número de nós em um caminho
enquanto quase preserva sua forma. Isto pode ser útil para caminhos criados pela ferramenta Lápis, uma
vez que essa ferramenta algumas vezes cria mais nós que o necessário. Abaixo, a forma à esquerda foi
criada pela ferramenta a 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.
Página: 22
INKSCAPE - USUARIO INICIANTE
Além de suavizar traços criados a mão livre, Simplificar pode ser usado para
diferentes efeitos criativos. Com freqüência, uma forma rígida e geométrica se beneficia
com alguma quantia de simplificação ao criar interessantes generalizações naturais da
forma original — suavizando cantos pontiagudos e introduzindo distorções muito naturais,
algumas vezes elegantes, em outras divertidas. Na próxima página veremos um exemplo
da forma de um clipart que parece muito mais agradável depois de usar o Simplificar:
Página: 23
INKSCAPE - USUARIO INICIANTE
4- Definido o tamanho do desenho usaremos a ferramenta edição de nós ou F2, note que
as flechas pretas do desenho foram substituídas por losangos brancos, indicando os nós,
este procedimento é usado quando você criou seu retângulo usando a Ferramenta Bezier.
Se você optou em usar o retângulo da barra de ferramentas use o comando Shift+Crtl+C.
5- Clicamos em um dos nós, seguramos a tecla Shift e clicamos em outro nó. Repare que
os dois nós estão na cor azul indicando que eles estão selecionados.
Página: 24
INKSCAPE - USUARIO INICIANTE
6- Usaremos do novo menu que foi criado a ferramenta que irá transformar uma reta em
uma curva . Note que após selecionada a ferramenta o trecho que antes era uma reta,
agora possui abas que podemos direcioná-las para o lado que desejar-mos
transformando o desenho. Veja o exemplo a seguir:
Página: 25
INKSCAPE - USUARIO INICIANTE
Criar um objeto texto é tão simples quanto mudar para a ferramenta Texto (F8),
clicar em qualquer lugar no documento, e digitar seu texto. Para mudar a família da fonte,
estilo, tamanho e alinhamento, abra a caixa de diálogos Texto e Fonte (Shift+Ctrl+T).
Essa caixa também tem uma aba de entrada de texto onde você pode editar o texto
selecionado - em algumas situações, pode ser mais conveniente que editá-lo diretamente
na tela (em particular, esta aba tem suporte a verificação ortográfica em tempo real).
Página: 26
INKSCAPE - USUARIO INICIANTE
Página: 27
INKSCAPE - USUARIO INICIANTE
12. Camadas
Camadas são bastante usadas na criação de um projeto ou desenho. Elas
desempenham um papel importante durante a realização do projeto. Podem ser criadas
várias camadas, usando um desenho para cada camada.
Para os menos entendidos, será interessante explicar esta definição e conceito
de camadas. Vamos imaginar que você tivesse que desenhar a bandeira do Brasil em
papel transparente. Na primeira folha você desenharia um retângulo verde, na segunda
um losango amarelo, na terceira um circulo azul, na quarta uma faixa em branco, na
Página: 28
INKSCAPE - USUARIO INICIANTE
adicionar novas camadas, renomeá-las, mudar a ordem em que elas foram criadas, ou
seja, levantar ou abaixar uma camada e deletar a camada atual, usando o seguinte menu:
Página: 29
INKSCAPE - USUARIO INICIANTE
Página: 30
INKSCAPE - USUARIO INICIANTE
Para que possamos deixar o polígono bem centralizado dentro do retângulo, existe uma
tecla de atalho para alinhamento que é Ctrl+Shift+A
− clicar em cima do retângulo, apertar a tecla Shift, clicar em cima do polígono. Os dois
desenhos já estão selecionados.
− Usar a tecla Ctrl+Shift+A e marcar os dois desenhos do círculo vermelho que são:
Centralizar verticalmente e Centralizar horizontalmente.
Página: 31
INKSCAPE - USUARIO INICIANTE
Página: 32
INKSCAPE - USUARIO INICIANTE
Página: 33
INKSCAPE - USUARIO INICIANTE
13. Conclusão
http://www.inkscapebrasil.org
Página: 34