Escolar Documentos
Profissional Documentos
Cultura Documentos
Inkscape1 PDF
Inkscape1 PDF
de Produo
Inkscape
Verso 0.1.09
Criao de Ilustraes Vetoriais
Volume 1
Softwares Livres
de Produo
Inkscape
Verso 0.1.09
Criao de Ilustraes Vetoriais
Volume 1
SECRETARIA DE ESTADO DA EDUCAO
SUPERINTENDNCIA DA EDUCAO
DIRETORIA DE TECNOLOGIA EDUCACIONAL
COORDENAO DE MULTIMEIOS
Inkscape
Verso 0.1.09
Criao e Ilustraes Vetoriais
Volume 1
CURITIBA
SEED-PR
2010
permitida a reproduo total ou parcial desta obra, desde que seja
citada a fonte. Disponvel tambm em: <http://www.diaadia.pr.gov.br/
multimeios>
Coordenao de Multimeios
Organizao e adaptao de texto
Elciana Goedert
Traduo de trechos em ingls
Zlia Maria Horta Garcia
Coordenao de Mdia Impressa e Web
Reviso ortogrfica
Brbara Reis Chaves Alvim
Orly Marion Webber Milani
Coordenao de Multimeios
Produo
Eziquiel Menta
Ricardo Mendona Petracca
Capa
Andrea da Silva Castagini
Rafael Cadilhe David
Projeto Grfico
Juliana Gomes de Souza Dias
Diagramao
Hellen Falco Yokowo
Taisa Delazzeri Burtet
CATALOGAO NA FONTE - CEDITEC-SEED-PR
Paran. Secretaria de Estado da Educao. Superintendncia da Educao.
Diretoria de Tecnologias Educacionais. P111
Inkscape , verso 0.1.09 : criao e ilustraes vetoriais , v.1 / Secretaria de
Estado da Educao. Superintendncia da Educao. Diretoria de Tecnolo-
gias Educacionais. Curitiba : SEED Pr., 2010. . V. 1 ; 60 p
ISBN 978-85-8015-015-5
1. Inkscape. 2. Design. 3. Educao-Paran. I. Goedert, Elciana, org. II. Ttulo.
CDD600
CDU 6+37(816.2)
5
Sumrio
1 Introduo................................................... 8
2 Interface do Inkscape................................ 9
3 Funcionamento bsico do Inkscape......... 11
3.1 Navegando pela tela.................................................11
3.2 Aumentando e diminuindo o Zoom.......................11
3.3 Ferramentas do Inkscape..........................................12
3.4 Criando e administrando documentos...............12
3.5 Criando formas...........................................................13
3.6 Movendo, redimensionando, girando.................13
3.7 Transformando com as teclas..............................14
3.8 Selees Mltiplas......................................................15
3.9 Agrupando....................................................................16
3.10 Preenchimento e trao...........................................17
3.11 Duplicao, alinhamento, distribuio............19
3.12 Ordem-Z (ou superposio).....................................19
3.13 Selecionando o objeto de baixo e
arrastando.........................................................................20
4 Gerenciador de Camadas..........................22
5 Funcionamento Avanado Inkscape........23
5.1 Tcnicas de colagem..................................................23
5.2 Desenhando a mo livre e caminhos
regulares................................................................................... 24
5.3 Editando caminhos.....................................................25
5.4 Subcaminhos e combinao.....................................27
5.5 Convertendo em caminho........................................28
5.6 Operaes Booleanas................................................29
5.7 Comprimir e expandir.................................................30
5.8 Simplificao................................................................32
5.9 Criando texto..............................................................33
5.10 Editor XML...................................................................35
6 Shapes ....................................................... 36
6.1 Dicas Gerais...................................................................36
6.2 Retngulos....................................................................37
6
6.3 Elipses............................................................................. 42
6.4 Estrelas......................................................................... 44
6.5 Espirais........................................................................... 49
7 Caligrafia . ................................................ 51
7.1 Histria e estilos........................................................ 51
7.2 Hardware..................................................................... 52
7.3 Opes da ferramenta de Caligrafia................... 53
7.4 Largura e Sinuoso...................................................... 53
7.5 ngulo E Fixao....................................................... 54
7.6 Tremor........................................................................... 56
7.7 Massa E Arrasto......................................................... 57
7.8 Exemplos de Caligrafia............................................ 57
Referncias.................................................... 60
7
1 Introduo
Desde a pr-histria o ser humano tem demonstrado sua
paixo pela ilustrao. O desenho foi a forma de comuni-
cao surgida antes mesmo da escrita, sendo uma prtica
intuitiva basta dar caneta e papel a uma criana que ra-
pidamente ela comea a tracejar, e mesmo que um adulto
no compreenda o que est expressando, para ela trata-se
de uma obra de arte! Desenhar, enfim, muito bom para
exercitar o crebro, alm de ser um timo passatempo.
Hoje, qualquer pessoa interessada pode desenvolver sua
habilidade nessa arte. Com o Inkscape, um software livre para
editar arquivos vetoriais, podemos realizar desde simples ilus-
traes at as mais complexas, dignas de um profissional.
O Inkscape possui uma interface intuitiva e simples, com
recursos que facilitam a vida do usurio. Com ele possvel
editar e criar imagens utilizando os pincis ou linhas pron-
tas, incluindo crculo, retngulo, quadrado entre outros.
Para as cores, o software utiliza o sistema RGB, HSV e
CMYK, alm do controle de transparncia. Com o Inkscape
possvel criar arquivos de diversos formatos, permitindo in-
tegrao de programas como o Scribus e o Gimp e, inclusive,
exportar para os formatos SVG, PNG, ESP e PS.
O que destaca o Inkscape justamente a adoo nativa
do formato SVG (Desenhos ou Grficos Vetoriais Escalveis),
dentro do padro formato aberto XML, criado pelo W3C
(World Wide Web Consortium).
De fcil entendimento e com uma exposio didtica,
este tutorial pretende proporcionar as bases do conheci-
mento na tcnica do desenho. Aproveite bem cada coman-
do aprendido ou conceito explanado e, com um pouco de
treino, voc certamente vai aprimorar muito seu conheci-
mento nessa arte.
2 Interface do Inkscape
Observe, na figura a seguir, as principais ferramentas da
interface do Inkscape:
8
Inkscape v. 1
Veja o que cada uma delas possibilita:
Caixa de ferramentas contm as ferramentas de de-
senho como as opes para desenhar retngulos e crcu-
los, alm de textos e traos livres. Uma ferramenta impor-
tante a ferramenta de seleo, representada por uma
seta preta. Com ela, podemos selecionar os objetos e os
ns das curvas que criamos;
Paleta de controle apresenta opes para alterar as
configuraes das ferramentas acionadas. Por exemplo,
quando acionamos a ferramenta para criar retngulos,
possvel determinar o tamanho desse;
Comandos essa barra de ferramentas oferece alguns
comandos bsicos, como agrupamento de objetos, salvar
documentos e imprimir;
Cores nessa opo, podemos visualizar as informaes
de cor para qualquer objeto selecionado na rea de de-
senho do Inkscape. Logo ao lado dessas indicaes, po-
demos alterar a opacidade mestre dos objetos no campo
marcado com a letra O;
rea de desenho essa a rea em que desenhamos
objetos no Inkscape. Como estamos trabalhando com
layouts para impresso, uma folha sempre vai represen-
tar a rea de desenho;
9
Paleta de cores nela podemos selecionar de maneira
rpida as cores que devem ser aplicadas nos objetos. Para
aplicar uma cor, selecione o objeto e clique com o boto
esquerdo do mouse sobre a cor desejada;
Camadas essa ferramenta permite controlar as cama-
das de desenho. Por exemplo, escolhemos a camada ativa
e se essa camada est visvel. Outra opo muito til a
de travar a edio de uma camada;
Zoom possibilita escolher a porcentagem de zoom que
desejamos visualizar da nossa ilustrao.
Os controles do Inkscape so simples e no exigem gran-
des conhecimentos, sendo muito similares ao Corel Draw.
3 Funcionamento bsico do Inkscape
Abordaremos aqui a navegao na tela (canvas, em in-
gls), administrao de documentos, funcionamento bsico
das ferramentas de forma, tcnicas de seleo, transforma-
o de objetos com a ferramenta de seleo, agrupamento,
configurao de preenchimento e trao, alinhamento e su-
perposio (ordem-z).
Abra o programa para praticar as atividades que sero
propostas neste tutorial.
3.1 Navegando pela tela
Abra o programa para praticar as atividades que se-
ro propostas neste tutorial. Existem muitas maneiras de
navegar (rolar) pela tela do documento. Tente as teclas
Ctrl+setas para rolar pelo teclado. Voc pode tambm ar-
rastar a tela com o boto de rolagem do mouse. possvel
tambm utilizar as barras de rolagem (pressione Ctrl+B
para mostrar ou escond-las). O boto de rolagem do mou-
se (scroll) tambm funciona para rolar verticalmente; pres-
sione Shift junto com o scroll para rolar horizontalmente.
3.2 Aumentando e diminuindo o Zoom
O jeito mais fcil de dar um zoom pressionando as te-
clas e + (ou =). Voc pode tambm utilizar Ctrl + boto
10
Inkscape v. 1
de rolagem do mouse ou Ctrl + boto direito do mou-
se para aumentar o zoom, Shift + boto de rolagem do
mouse ou Shift + boto direito do mouse para diminuir
o zoom, ou girar o scroll do mouse com Ctrl. Voc ainda
pode clicar no campo do zoom (no canto esquerdo inferior
da janela do documento), digitar um valor do zoom preci-
so em % e pressionar Enter. Tambm temos a ferramenta
Ampliar ou Reduzir nvel de Zoom (na barra Caixa de
Ferramentas, esquerda), que permite dar um zoom em
uma rea arrastando o cursor sobre ela.
O Inkscape tambm mantm um histrico dos zooms que
voc utilizou nessa sesso de trabalho. Pressione a tecla
apstrofo ( ) para retornar ao zoom anterior ou Shift +
tecla apstrofo ( ) para ir ao seguinte.
3.3 Ferramentas do Inkscape
A barra vertical esquerda mostra as ferramentas de
desenho e edio do Inkscape. Na parte superior da janela,
abaixo do menu, localiza-se a Barra de comandos, com bo-
tes de comandos gerais, e a barra Controles de ferramenta,
com controles que so especficos para cada ferramenta. A
Barra de estado, na parte inferior da janela, mostra dicas
teis e mensagens enquanto voc trabalha.
Muitas operaes esto disponveis atravs de teclas de
atalho. Abra Ajuda / Teclas e Atalhos para ver a refern-
cia completa.
3.4 Criando e administrando documentos
Para criar um documento novo vazio, utilize Arquivo /
Novo ou pressione Ctrl+N. Para abrir um documento SVG
existente, clique em Arquivo / Abrir (Ctrl+O). Para sal-
var, utilize Arquivo / Salvar (Ctrl+S), ou Salvar Como
(Shift+Ctrl+S) para salvar com um nome novo.
Nota: o Inkscape pode ser instvel, logo, lembre-se de salvar
seu trabalho frequentemente.
11
O Inkscape utiliza o formato SVG (Scalable Vector Graphics)
para seus arquivos. O SVG um padro aberto vastamente
suportado por softwares grficos. Arquivos SVG so baseados
em XML e podem ser editados com qualquer editor de textos
ou de XML (isto , alm do editor do Inkscape). Alm de SVG,
o Inkscape pode importar e exportar vrios outros formatos
(EPS, PNG).
O Inkscape abre uma janela separada para cada documento.
Voc pode navegar entre elas utilizando seu gerenciador de ja-
nelas (por exemplo, com Alt+Tab) ou utilizar as teclas de atalho
do Inkscape, Ctrl+Tab, que far um ciclo atravs de todas as
janelas abertas.
3.5 Criando formas
Clique na ferramenta Retngulo, na barra Caixa de ferra-
mentas (ou pressione F4), e arraste para um novo documento
vazio.
12
Inkscape v. 1
nadas (ou seja, aquelas que mostram as alas) e configuram o
padro que ser aplicado a formas recm-criadas.
Para desfazer sua ltima ao, pressione Ctrl+Z, ou se
quiser refazer a ao desfeita, pressione Shift+Ctrl+Z.
3.6 Movendo, redimensionando, girando
A ferramenta do Inkscape mais frequentemente utilizada
a de Seleo (ou seletor). Clique no boto mais alto (em
forma de cursor) na barra Caixa de ferramentas ou pressione
F1 ou Barra de espao. Agora voc pode selecionar qualquer
objeto na tela. Clique no retngulo que aparece na parte
inferior da tela do Inkscape.
Voc ver oito alas em forma de seta aparecerem ao re-
dor do objeto. Agora voc pode:
mover o objeto arrastando-o pressione Ctrl para
restringir o movimento a horizontal e vertical;
redimensionar o objeto arrastando qualquer ala
pressione Ctrl para preservar a proporo altura/largura
original.
Agora, clique no retngulo novamente. As alas mudam.
Ento voc pode:
girar o objeto arrastando as alas dos cantos pres-
sione Ctrl para restringir a rotao a incrementos de 15
graus. Arraste a marca em forma de cruz para determinar
o centro de rotao;
distorcer (tosar) o objeto arrastando as alas cen-
trais pressione Ctrl para restringir a distoro a incre-
mentos de 15 graus.
Com o seletor, voc tambm pode utilizar os campos nu-
mricos na barra Controles de ferramenta (acima da tela)
para configurar valores exatos para as coordenadas (X e Y) e
tamanho (W e H) da seleo.
3.7 Transformando com as teclas
Uma das caractersticas do Inkscape que o diferencia da
maioria dos outros editores vetoriais sua nfase na aces-
sibilidade atravs do teclado. Dificilmente existe algum co-
13
mando ou ao que seja impossvel de se realizar a partir do
teclado, e transformar objetos no exceo.
Voc pode utilizar o teclado para mover (teclas de seta),
redimensionar (teclas < e >) e girar (teclas [ e ]) objetos. O
incremento padro em movimentos e redimensionamentos
de 2 px; com Shift, voc move ou redimensiona multiplicado
por 10. Ctrl+> e Ctrl+< redimensiona em 200% ou 50% o ori-
ginal, respectivamente. Por padro, rotaes so feitas com
incrementos de 15 graus; com Ctrl, voc gira em 90 graus.
Entretanto, talvez a mais til seja a transformao em
escala de pixel, executada utilizando Alt com as teclas de
transformao. Por exemplo, Alt+setas mover a seleo
em 1 pixel no zoom atual (ou seja, em 1 pixel de tela no
confunda com a unidade px, que uma unidade de compri-
mento do SVG independente do zoom). Isso significa que se
voc aumentar o zoom, ao pressionar Alt+setas resultar
em um movimento absoluto menor que ainda se parecer
com um movimento suave de um pixel na tela. Assim, pos-
svel posicionar os objetos com preciso arbitrria simples-
mente aumentando ou diminuindo o zoom como desejado.
De maneira semelhante, Alt+> e Alt+< modificam as di-
menses do objeto de modo que seu tamanho visvel altere
em um pixel de tela, e Alt+[ e Alt+] giram-no de modo que
o ponto mais longe do centro se mova em um pixel de tela.
Nota: usurios do Linux podem no obter os resultados
esperados com a combinao Alt+setas e algumas outras
combinaes se seus gerenciadores de janelas executam es-
tes eventos de tecla antes do Inkscape. Uma soluo seria
modificar a configurao do gerenciador de janelas.
3.8 Selees Mltiplas
Voc pode selecionar qualquer quantidade de objetos
simultaneamente, clicando sobre o objeto desejado e pres-
sionando Shift. Ainda mais, voc pode arrastar o cursor em
volta dos objetos que deseja selecionar; isso se chama sele-
o elstica.
Nota: o seletor cria seleo elstica quando se arrasta a par-
tir de um espao vazio; entretanto, se voc pressionar Shift
14
Inkscape v. 1
antes de comear a arrastar, o Inkscape sempre criar a se-
leo elstica.
Pratique, abrindo o programa e selecionando todas as
trs formas abaixo:
15
esto independentes; os mesmo trs objetos direita esto
agrupados.
16
Inkscape v. 1
Voc ver que a caixa tem trs abas: Preencher, Pintura
de trao e Estilo de trao. A aba Preencher permite edi-
tar o preenchimento (interior) do(s) objeto(s) selecionado(s).
Utilizando os botes logo abaixo da aba, voc pode sele-
cionar tipos de preenchimento, incluindo nenhum preenchi-
mento (o boto com o X), preenchimento de cor lisa, bem
como gradientes lineares ou radiais. Para a forma acima, o
boto de cor lisa ser ativado.
Mais abaixo, h uma coleo de seletores de cores, cada
um em sua prpria aba: RGB, CMYK, HSL e Roda. Talvez o
mais prtico seja o seletor Roda, onde girar o tringulo para
escolher uma cor na roda e, depois, selecionar um tom dessa
cor dentro do tringulo. Todos os seletores de cor contm
um deslizador para configurar o alfa (transparncia) do(s)
objeto(s) selecionado(s).
Sempre que voc seleciona um objeto, o seletor de cores
atualizado para mostrar seu preenchimento e trao atual
(quando mltiplos objetos so selecionados, a caixa de di-
logo mostra sua cor mdia). Brinque com estes exemplos
ou crie os seus prprios:
17
A ltima aba, Estilo de trao, permite configurar a es-
pessura e outros parmetros do trao.
19
contrria, comeando a partir do objeto situado no topo e
procedendo para baixo. Uma vez que os objetos que voc cria
so adicionados ao topo da pilha, ao pressionar Shift+Tab
com nada selecionado, o objeto que voc criou por ltimo
ser selecionado. Pratique as teclas Tab e Shift+Tab na pilha
de elipses acima.
3.13 Selecionando o objeto de baixo e arrastando
O que fazer se o objeto que voc precisa estiver escondi-
do atrs de outro? Voc consegue ainda visualizar o objeto
do fundo se o que est no topo for (parcialmente) transpa-
rente, mas clicando sobre ele, o objeto do topo ser selecio-
nado, e isso no o que voc precisa.
Para isso que serve Alt+boto esquerdo do mouse. O
primeiro Alt+boto esquerdo do mouse seleciona o ob-
jeto do topo com um simples clique normal. No entanto, o
prximo Alt+boto esquerdo do mouse no mesmo pon-
to selecionar o objeto abaixo daquele que est no topo;
o prximo, o objeto mais abaixo, e assim por diante. Dessa
forma, vrios Alt+cliques sucessivos no boto esquerdo do
mouse navegar, de cima a baixo, atravs de toda a pilha de
objetos na ordem-z no ponto do clique. Quando o objeto
do fundo for atingido, o prximo Alt+boto esquerdo do
mouse selecionar o objeto do topo novamente.
Nota: se voc estiver utilizando o Linux, ver que o atalho
Alt+boto esquerdo do mouse no funciona corretamen-
te. Ao invs disso, esse atalho move toda a janela Inkscape.
Isso porque o gerenciador de janelas programou Alt+boto
esquerdo do mouse para uma ao diferente. A maneira
de mudar isso encontrar a configurao do gerenciador
de janelas, desativ-lo ou program-lo para o uso da chave
Meta (aka Windows key). Ento, o Inkscape e os outros apli-
cativos podero utilizar a chave Alt livremente.
Isso bom, mas uma vez selecionado um objeto que est
coberto por outro, o que voc pode fazer com ele? Utilizar as
20
Inkscape v. 1
teclas para transform-los e arrastar as alas de seleo. No
entanto, ao arrastar o prprio objeto, a seleo do objeto do
topo ser retomada (para isto que clicar-e-arrastar foi pro-
jetado primeiro selecione o objeto (do topo) sob o cursor,
depois arraste a seleo). Para dizer ao Inkscape para arrastar
o que est selecionado agora, sem selecionar mais nada, uti-
lize Alt+arrastar o mouse. Isso mover a seleo atual, no
importando de onde voc arraste o mouse.
Pratique Alt+boto esquerdo do mouse e Alt+arrastar
o mouse nas duas formas marrons que esto abaixo do re-
tngulo transparente verde:
4 Gerenciador de Camadas
Existe uma ferramenta que gerencia a ordenao dos obje-
tos na ilustrao.
As vantagens em utilizar esse gerenciador de camadas
a possibilidade de fazer as seguintes operaes de maneira
rpida:
determinar a ordenao dos objetos na ilustrao;
controlar a opacidade de vrios objetos ao mesmo tempo
cada camada possui um controle geral de opacidade;
determinar se os objetos existentes em uma camada es-
to visveis ou no;
travar a edio dos objetos, que uma opo extrema-
mente til para partes da ilustrao que j esto prontas
assim, evitamos os famosos acidentes na edio.
Depois que comeamos a utilizar com certa frequncia
esse tipo de organizao em camadas, percebemos o quan-
to importante comear a aplic-lo nas nossas ilustraes.
21
Na sequncia, apresentam-se os atalhos de teclado dispo-
nveis para gerenciar as camadas:
SHIFT+PgUp: move os objetos selecionados um nvel acima;
SHIFT+PgDn: move os objetos selecionados um nvel abaixo;
SHIFT+CTRL+Home: move a camada selecionada para cima;
SHIFT+CTRL+End: move a camada selecionada para baixo;
Page Up: move o objeto selecionado um nvel acima,
dentro da prpria camada;
Page Down: move o objeto para baixo, dentro da pr-
pria camada.
Sabendo utilizar as camadas do Inkscape, voc poder
criar ilustraes mais complexas e organizadas.
5 Funcionamento Avanado Inkscape
Neste captulo, abordaremos os seguintes temas: copiar/
colar, edio de ns, desenho a mo livre e com curvas Bezier,
manipulao de caminhos, operaes booleanas, objetos off-
set (comprimir/expandir), simplificao e ferramenta de texto.
5.1 Tcnicas de colagem
Depois que voc copia algum objeto com Ctrl+C ou re-
corta com Ctrl+X, o comando regular Colar (Ctrl+V) cola o
objeto copiado bem abaixo do cursor do mouse ou, se o cur-
sor estiver fora da janela, no centro da janela do documento.
No entanto, o objeto na rea de transferncia ainda grava o
lugar original do qual for copiado, 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 transferncia se-
leo atual. O estilo colado inclui todas as configuraes de
preenchimento, trao e fonte, mas no a forma, tamanho
ou parmetros especficos a um tipo de forma, como, por
exemplo, o nmero de pontas de um objeto estrela.
22
Inkscape v. 1
Existe ainda outro conjunto de comandos de colagem,
como Colar Tamanho, que dimensiona a seleo para se
igualar com o atributo de tamanho desejado do(s) objeto(s)
da rea de transferncia. Existe uma quantidade grande
de comandos para a colagem de tamanho. So eles: Colar
Tamanho, Colar Largura, Colar Altura, Colar Tamanho
Separadamente, Colar Largura Separadamente e Colar
Altura Separadamente.
Colar Tamanho dimensiona toda a seleo para combi-
nar com o tamanho total do(s) objeto(s) da rea de transfe-
rncia. Colar Largura / Colar Altura dimensiona a seleo
completa horizontalmente/verticalmente de modo que se
iguale largura/altura do(s) objeto(s) da rea de transfe-
rncia. Esses comandos fazem jus ao boto de travamento
de proporo do dimensionamento da ferramenta de sele-
o na barra Controles de ferramenta (entre os campos W e
H), de modo que quando essa trava pressionada, a outra
dimenso do objeto selecionado dimensionada na mes-
ma proporo; caso contrrio, a outra dimenso permanece
inalterada. Os comandos que contm Separadamente fun-
cionam de maneira semelhante aos descritos acima, exceto
pelo fato de que eles dimensionam cada objeto selecionado
separadamente para com o tamanho/largura/altura do(s)
objeto(s) da rea de transferncia.
Note que o Inkscape tem sua prpria rea de transfern-
cia interna; ele no utiliza a rea de transferncia do siste-
ma, exceto para copiar/colar texto com a ferramenta Texto.
5.2 Desenhando a mo livre e caminhos regulares
A maneira mais fcil de criar uma forma arbitrria de-
senh-la utilizando a ferramenta Lpis (desenhar linhas a
mo livre F6).
23
Se desejar formas mais regulares, utilize a ferramenta
Caneta (Desenhar curvas Bezier e linhas retas Shift+F6).
26
Inkscape v. 1
todos os trs subcaminhos. No da direita, voc pode apenas
editar os ns, 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). Pratique esses comandos nos exemplos aci-
ma. Um novo composto fica com o estilo do primeiro objeto
(o mais baixo na ordem-z) a ser combinado, visto que um
pode ter apenas um preenchimento e trao
Quando voc combina caminhos preenchidos que se so-
brepem, geralmente o preenchimento desaparecer nas
reas onde os caminhos se sobrepem.
27
Voc tambm pode converter em caminho um trao (con-
torno) de qualquer objeto. Abaixo, o primeiro objeto o
caminho original (nenhum preenchimento, trao preto),
enquanto que o segundo o resultado do comando Trao
para caminho (preenchimento preto, nenhum trao).
28
Inkscape v. 1
O resultado do comando Excluso se parece com o do
comando Combinar (veja acima), mas diferente pelo fato
de que Excluso adiciona ns extras onde os caminhos ori-
ginais se cruzam. A diferena entre Diviso e Cortar Cami-
nho que o primeiro corta o objeto do fundo por inteiro na
rea em que o objeto do topo o sobrepe, enquanto que o
ltimo apenas corta o trao do objeto do fundo nos pontos
de contato com o objeto do topo e remove qualquer preen-
chimento (isso adequado para cortar traos sem preenchi-
mento em pedaos).
5.7 Comprimir e expandir
O Inkscape capaz de expandir e contrair formas no ape-
nas modificando suas dimenses, mas tambm executando
offset em um caminho, ou seja, deslocando perpendicular-
mente o caminho em cada ponto. Os comandos correspon-
dentes so chamados Comprimir e Expandir (teclas de ata-
lho Ctrl+( e Ctrl+) respectivamente). Abaixo, est o caminho
original (em vermelho) e vrios caminhos comprimidos ou
expandidos a partir do original:
29
ala que pode ser arrastada (similar ala de uma forma),
controlando a distncia do offset. Pratique: Abra o programa,
selecione o objeto a seguir, mude para a ferramenta de edi-
o de ns e arraste suas alas para ter uma ideia.
31
Fazendo uso da acelerao, fcil aplicar a quantia exata de
simplificao que voc precisa para cada caso.
Alm de suavizar golpes mo livre, o comando Sim-
plificar pode ser utilizado para vrios efeitos criativos,
desmanchando cantos acentuados, introduzindo distores
muito naturais, algumas vezes elegantes e algumas vezes
engraadas. A seguir, temos um exemplo de uma forma de
clipart que parece mais agradvel depois de utilizarmos o co-
mando Simplificar:
33
Alm de mover as letras horizontalmente com Alt+seta
esquerda ou Alt+seta direita, voc tambm pode mov-las
verticalmente, utilizando Alt+seta para cima ou Alt+seta
para baixo.
34
Inkscape v. 1
resultado na tela. Essa a melhor ferramenta imaginvel
para aprender SVG interativamente e permite ao usurio
fazer truques que seriam impossveis com as ferramentas co-
muns de edio.
6 Shapes
Neste tpico, abordaremos as quatro ferramentas de for-
ma: Retngulo, Elipse, Estrela e Espiral. Vamos demons-
trar as capacidades das formas do Inkscape e sugerir exem-
plos de como e quando podem ser utilizadas.
O Inkscape tem quatro ferramentas de forma versteis,
e cada uma capaz de criar e editar seus prprios tipos de
formas. Uma forma um objeto que pode ser modificado
de maneiras nicas dependendo do seu tipo, utilizando al-
as arrastveis e parmetros numricos que determinam sua
aparncia.
Por exemplo, numa estrela possvel alterar o nmero
de pontas, seu comprimento, ngulo, arredondamento, etc.,
mas uma estrela continua sendo uma estrela. Uma forma
menos livre que um caminho simples, mas mais inte-
ressante e til. Sempre possvel converter uma forma em
um caminho ou path (Ctrl+Shift+C), mas o processo inverso
no possvel.
Vamos observar como essas ferramentas funcionam no
geral e depois exploraremos detalhadamente cada uma.
6.1 Dicas Gerais
Uma nova forma criada ao arrastar sobre a tela com a
ferramenta correspondente. Uma vez que a forma foi criada
(e contanto que esteja selecionada), ela mostra suas alas
em marcas brancas em forma de diamantes. Assim possvel
editar imediatamente o que voc acabou de criar arrastan-
do essas alas.
Todos os quatro tipos de formas mostram suas alas em
todas as quatro ferramentas de forma, bem como na fer-
ramenta de edio de ns (F2). Quando voc posiciona o
mouse sobre uma ala, aparece na Barra de Estado o que
35
esta ala far quando arrastada ou clicada com diferentes
modificadores.
Cada ferramenta de forma mostra tambm seus parme-
tros na barra Controles de ferramenta (localizada horizon-
talmente acima da tela). Geralmente, ela tem alguns poucos
campos numricos e um boto para retornar os valores de
volta aos valores padres. Quando forma(s) do tipo nativo
da ferramenta atual selecionada, ao editar seus valores na
barra Controles de ferramenta, a(s) forma(s) selecionada(s)
muda(m).
Qualquer mudana feita na barra Controles de ferramenta
ser gravada e utilizada para o prximo objeto que voc de-
senhar com essa ferramenta. Por exemplo, depois de mudar
o nmero de pontas de uma estrela, novas estrelas tero esse
nmero de pontas tambm quando desenhadas. Alm dis-
so, selecionando uma forma, seus parmetros sero enviados
para a Barra de Controles e gravados os valores para formas
recm-criadas desse tipo.
Com uma ferramenta de forma ativada, a seleo de um
objeto pode ser feita clicando sobre ele. Ctrl+boto esquer-
do do mouse (seleo em grupo) e Alt+boto esquerdo
do mouse (selecionar sobre) tambm funcionam como na
ferramenta de seleo. A tecla Esc desfaz a seleo.
6.2 Retngulos
Um retngulo a mais simples e talvez a forma mais comum
em design e ilustrao. O Inkscape tenta tornar o processo de
criao e edio de retngulos o mais fcil e prtico possvel.
Mude para a ferramenta Retngulo com F4 ou clicando
no boto correspondende na Caixa de Ferramentas. De-
senhe um novo retngulo ao lado deste azul (no Inkscape):
36
Inkscape v. 1
Depois, sem sair da ferramenta Retngulo, alterne a seleo
de um retngulo para outro, clicando sobre eles.
Teclas de atalho para desenho de retngulos:
Ctrl com essa tecla, voc desenha um quadrado ou um
retngulo de proporo inteira (2:1, 3:1, etc.);
Shift com essa tecla, voc desenha tendo o centro como
ponto de partida.
Como voc pode observar, o retngulo selecionado (o re-
tngulo recm-desenhado sempre o selecionado) mostra
trs alas em trs de seus cantos. Na verdade, so quatro al-
as, mas duas delas (no canto superior direito) se sobrepem
se o retngulo no estiver arredondado. Essas so as alas de
arredondamento; as outras duas (acima esquerda e abaixo
direita) so as alas de redimensionamento.
Primeiramente, vamos trabalhar com as alas de arredon-
damento. Selecione uma delas e arraste para baixo. Todos os
quatro cantos do retngulo ficam arredondados e, a segunda
ala de arredondamento que permanece na posio original,
no canto, ficar visvel. Se deseja cantos circulares arredon-
dados, isso tudo o que voc precisa fazer. Se desejar can-
tos que sejam mais arredondados em um lado que em outro,
voc poder mover a outra ala para a esquerda.
Aqui, os dois primeiros retngulos tm cantos arredonda-
dos circulares, e os outros dois, cantos arredondados elpticos:
37
Mude para a ferramenta de seleo em sua Barra de Contro-
les. Existe um grupo de quatro botes de modificao o
segundo esquerda, mostrando dois cantos arredondados
concntricos, determina se os cantos arredondados sero
ampliados juntamente com o retngulo ou no.
Por exemplo, aqui o retngulo vermelho original dupli-
cado e ampliado vrias vezes, para cima e para baixo, em di-
ferentes propores, com o boto Ao ampliar retngulos,
Ampliar o raio do cantos arredondados desativado.
38
Inkscape v. 1
Agora, os cantos arredondados esto to diferentes
quanto os retngulos aos quais pertencem e no h um
mnimo encontro no canto superior direito (Teste: d um
zoom para ver). Esse o mesmo resultado (visvel) que voc
obteria convertendo o retngulo original em um caminho
(Ctrl+Shift+C) e ampliando-o como um caminho.
Veja, a seguir, as teclas de atalho para as alas de arre-
dondamento de um retngulo:
para igualar os dois raios (arredondamento circular), arraste
as alas com a tecla Ctrl pressionada;
para igualar um raio ao outro, clique na tecla Ctrl sem ar-
rastar as alas;
para remover o arredondamento, pressione a tecla Shift e
clique com o boto do mouse.
Voc deve ter percebido que a barra de controles da fer-
ramenta Retngulo mostra os raios de arredondamento
horizontal (Rx) e vertical (Ry) para o retngulo selecionado
e permite configur-los precisamente em qualquer unidade
de medida. O boto No arredondado remove o arredon-
damento do retngulo selecionado.
Uma vantagem importante desses controles que eles
podem afetar muitos retngulos de uma s vez. Por exem-
plo, se deseja mudar todos os retngulos na camada, apenas
faa Ctrl+A (Selecionar Todos) e configure os parmetros
39
que precisa na Barra de Controles. Se qualquer objeto que
no for um retngulo for selecionado, este ser ignorado e
apenas os retngulos sero afetados.
Agora vamos estudar as alas de redimensionamento de
um retngulo. Voc poderia perguntar: por que precisamos
delas se podemos redimensionar o retngulo com a ferra-
menta de seleo?
O problema de utilizar a ferramenta de seleo que sua
noo de horizontal e vertical sempre a mesma da pgina
do documento. De maneira diferente, uma ala de redi-
mensionamento de um retngulo amplia-o ao longo dos
seus lados, mesmo se o retngulo for girado ou distorcido.
Por exemplo, tente redimensionar este retngulo primeira-
mente com a ferramenta de seleo e depois com as alas de
redimensionamento da ferramenta Retngulo:
40
Inkscape v. 1
Inclinando e girando um retngulo, depois duplicando-o
e redimensionando-o com as alas de redimensionamento,
composies 3D podem ser criadas facilmente.
6.3 Elipses
A ferramenta Elipse (F5) capaz de criar elipses e crculos,
os quais voc pode transformar em segmentos ou arcos. As
41
teclas de atalho de desenho de elipses so as mesmas que as
da ferramenta Retngulo:
com Ctrl, desenhe um crculo ou uma elipse de proporo
inteira (2:1, 3:1, etc.);
com Shift, voc desenha tendo o centro como ponto de
partida.
Vamos explorar agora as alas de uma elipse. Selecione esta:
42
Inkscape v. 1
Note o grupo de segmentos estreitos em forma de leque es-
querda. Foi fcil cri-los utilizando o ngulo de giro da ala com
Ctrl. Observe a seguir as teclas de atalho de arcos/segmentos:
com Ctrl pressionada, a ala gira com incrementos de 15
graus quando arrastada;
pressionando Shift e clicando no boto esquerdo do mouse,
completa-se a elipse.
O ngulo de giro pode ser alterado nas Configuraes
do Inkscape (na aba Passos).
As outras duas alas da elipse so utilizadas para redimen-
sion-la ao redor de seu centro. Suas teclas de atalho so
similares s das alas de arredondamento de um retngulo:
arraste com a tecla Ctrl pressionada para fazer um crculo
(iguala os dois raios);
para fazer um crculo, pressione a tecla Ctrl e clique com o
boto esquerdo do mouse sem arrastar as alas.
Como as alas de redimensionamento do retngulo, as
alas da elipse ajustam a altura e largura da elipse em suas
prprias coordenadas. Isso significa que uma elipse girada
ou distorcida pode ser facilmente esticada ou comprimida
ao longo de seus eixos originais enquanto permanece inal-
terada, quer esteja girada ou distorcida. Abra o Inkscape e
tente redimensionar qualquer uma destas elipses por suas
alas de redimensionamento:
43
6.4 Estrelas
Estrelas so as mais complexas e excitantes formas do
Inkscape. A ferramenta Estrela pode criar dois objetos
similares, mas de diferentes tipos: estrelas e polgonos.
Uma estrela tem duas alas cujas posies definem a ex-
tenso e forma de suas pontas; um polgono tem apenas
uma ala que simplesmente gira e redimensiona-o quan-
do arrastada:
44
Inkscape v. 1
cavo entre dois cantos) , por outro lado, livre para se mo-
ver tanto radialmente quanto tangencialmente, sem afetar
a ala do canto. Na verdade, essa ala pode se tornar por
si prpria um canto, movendo-a para mais longe do centro
que a outra ala. Esta sim a ala que pode distorcer as pon-
tas das estrelas para obter todos os tipos de cristais, manda-
las, flocos de neve e porcos-espinho.
45
ou polgono. Com a tecla Shift pressionada, clique sobre
uma ala para remover o arredondamento.
Tangencialmente significa em uma direo perpendicular
direo do centro. Se voc gira uma ala com Shift no sen-
tido anti-horrio ao redor do centro, obter arredondamento
positivo; com giro no sentido horrio, obter arredondamento
negativo. Veja na sequncia alguns exemplos de arredonda-
mento negativo.
Observe esta comparao de um quadrado arredondado
(ferramenta Retngulo) com um polgono de 4 cantos arre-
dondados (ferramenta Estrela):
46
Inkscape v. 1
pode exceder os limites determinados para suas alas. Abaixo
esto alguns exemplos, cada um indicando seu valor do cam-
po Arredondado:
6.5 Espirais
A espiral do Inkscape uma ferramenta verstil e, como
a estrela, pode ser muito til. Uma espiral, assim como uma
48
Inkscape v. 1
estrela, desenhada a partir do centro.
Enquanto desenha e edita uma espiral, pressione a tecla
Ctrl e arraste para girar o ngulo com incrementos de 15
graus. Uma vez desenhada, uma espiral apresenta duas al-
as nas suas extremidades interna e externa. Ambas, quando
simplesmente arrastadas, enrolam ou desenrolam a espiral
(isto , do continuidade espiral, mudando o nmero de vol-
tas). Conhea as teclas de atalho para as alas:
Ala externa:
pressione a tecla Shift e arraste para ampliar/girar ao re-
dor do centro (sem enrolar/desenrolar);
pressione a tecla Alt e arraste para travar o raio enquan-
to enrola/desenrola.
Ala interna:
para convergir/divergir a espiral, pressione a tecla Alt e
arraste verticalmente;
para configurar a divergncia para o valor padro, pressio-
ne a tecla Alt e clique no boto do mouse;
para mover a ala interna para o centro, pressione a tecla
Shift e clique no boto do mouse.
A divergncia de uma espiral a medida no linear de suas
revolues. Quando igual a 1, a espiral uniforme; quando
menor que 1 (Alt+arraste para cima), a espiral mais densa
na periferia; quando muito maior que 1 (Alt+arraste para
baixo), a espiral mais densa no centro:
49
prtica porque voc pode diminu-la ou aument-la, arrastan-
do uma ala ao longo da curva sem afetar sua forma.
Enquanto uma espiral normalmente desenhada sem pre-
enchimento, voc pode adicionar preenchimento e remover
o trao para criar efeitos interessantes.
7 Caligrafia
Uma das grandes ferramentas disponveis no Inkscape
a ferramenta de Caligrafia, que pode ser til na criao de
desenhos profissionais. Neste tpico, voc se familiarizar
com o funcionamento dessa ferramenta, bem como apren-
der algumas tcnicas bsicas da arte da Caligrafia.
7.1 Histria e estilos
Consultando a definio do dicionrio, caligrafia significa
escrita bonita ou escrita atraente ou elegante. Essen-
cialmente, caligrafia a arte de fazer escrita manual de uma
maneira bonita ou elegante. Pode parecer intimidador, mas
com um pouco de prtica, qualquer um pode dominar o b-
sico dessa arte.
50
Inkscape v. 1
As primeiras formas de caligrafia remontam s pinturas
rupestres. At aproximadamente 1.440 d.C., e antes do sur-
gimento da prensa (de impresso), a caligrafia era o meio de
fabricao de livros e outras publicaes. Um escrivo tinha
que escrever manualmente a cpia individual de cada livro
ou publicao.
A escrita manual era realizada com uma pena e tinta so-
bre materiais como pergaminho ou couro. Os estilos de letra
utilizados atravs dos tempos incluem o Rstico, Carolngio,
Letra-Escura, etc. Talvez o uso mais comum da caligrafia,
hoje, seja nos convites de casamento.
Existem trs estilos principais de caligrafia:
Ocidental ou Romano;
Arbico;
Chins ou Oriental.
Este tutorial concentra-se principalmente na caligrafia
Ocidental, enquanto que para os outros dois estilos neces-
srio o uso de um pincel (em vez de uma caneta-tinteiro), e
no assim que nossa ferramenta atualmente funciona.
Uma grande vantagem que temos em relao aos escri-
vos do passado o comando Desfazer, pois ao cometer-se
um erro, no se perde a pgina inteira. A ferramenta de Ca-
ligrafia do Inkscape tambm permite algumas tcnicas que
no seriam possveis com uma caneta a tinta tradicional.
7.2 Hardware
Voc obter melhores resultados se utilizar uma mesa di-
gitalizadora (por exemplo, uma da Wacom). Graas flexi-
bilidade de nossa ferramenta, mesmo quem dispe apenas
de mouse capaz de fazer alguns traos caligrficos bastan-
te intricados, embora se depare com alguma dificuldade ao
produzir traos amplos rpidos.
O Inkscape capaz de utilizar sensibilidade presso e
sensibilidade inclinao de uma caneta digitalizadora que
suporta essas caractersticas. As funes de sensibilidade es-
51
to desativadas por padro porque elas requerem configu-
rao. Alm disso, leve em considerao que caligrafia com
uma pena ou caneta-tinteiro tambm no so muito sens-
veis presso, ao contrrio de um pincel.
Se voc tem uma mesa digitalizadora e deseja utilizar os
recursos de sensibilidade, voc ter que configurar seu dis-
positivo. Essa configurao precisar ser feita apenas uma
vez para ser gravada. Para ativar esse suporte, voc tem que
conectar a mesa digitalizadora antes de iniciar o Inkscape e
ento abrir a caixa de dilogos Dispositivos de Entrada
atravs do menu Arquivo. Com a caixa de dilogos aberta,
voc pode escolher o dispositivo e configuraes preferveis
para sua mesa digitalizadora. Finalmente, depois de esco-
lher essas configuraes, mude para a ferramenta de Ca-
ligrafia e ative os botes de presso e inclinao na barra
Controle de Ferramentas. A partir de agora, o Inkscape
gravar essas configuraes toda vez que for iniciado.
A caneta de caligrafia do Inkscape pode ser sensvel ve-
locidade do trao (veja Sinuoso abaixo), ento, se voc
estiver utilizando um mouse, voc provavelmente ter que
zerar esse parmetro.
7.3 Opes da ferramenta de Caligrafia
Alterne para a ferramenta de caligrafia pressionando o
atalho Ctrl+F6 ou clicando em seu boto de ferramentas.
Na parte superior da barra de ferramentas, voc ir notar
que h 7 opes: Largura e Sinuoso (espessura), ngulo e
Fixao, Tremor, Massa e Arrasto. H ainda 2 botes para
alternar Presso e Inclinao.
7.4 Largura e Sinuoso
Esse par de opes controla a espessura de sua caneta,
que pode variar de 1 a 100 e, por padro, medida em uni-
dades relativas ao tamanho de sua janela de edio, inde-
pendente do zoom. Isso faz sentido porque a unidade de
medida natural em caligrafia o alcance do movimento de
52
Inkscape v. 1
sua mo e, portanto, conveniente ter a espessura da pon-
ta de sua caneta em constante proporo ao tamanho de
sua tbua de desenho e no em alguma unidade real que
poderia depender do zoom. Entretanto, esse comportamen-
to opcional, de modo que pode ser alterado para quem
prefere unidades absolutas qualquer que seja o zoom. Para
mudar para essa configurao, utilize a caixa de verificao
(checkbox) na pgina Preferncias da ferramenta (voc
pode abri-la com duplo clique no boto da ferramenta).
Uma vez que a espessura da caneta alterada com fre-
quncia, voc pode ajust-la sem ter que ir barra Controles
de ferramenta, utilizando as setas esquerda e direita ou com
uma mesa digitalizadora que suporte a funo de sensibilidade
presso. A melhor coisa sobre essas teclas que elas funcionam
enquanto voc desenha, de modo que voc pode alterar a es-
pessura de sua caneta gradualmente no meio do trao:
53
Para testar a ferramenta, configure Largura e Sinuoso
ambos para 1 (mximo) e desenhe com movimentos bruscos
para obter formas estranhamente naturalsticas, parecidas
com neurnios:
54
Inkscape v. 1
Cada estilo tradicional de caligrafia tem seu prprio n-
gulo principal da caneta. Por exemplo, a caligrafia Unicial
utiliza um ngulo de 25 graus. Caligrafias mais complexas e
calgrafos mais experientes variaro com frequncia o ngulo
enquanto desenham. O Inkscape torna isso possvel pressio-
nando as teclas para cima e para baixo ou com uma mesa
digitalizadora que suporte o recurso de sensibilidade incli-
nao. Para lies iniciais de caligrafia, entretanto, manter o
ngulo constante funcionar melhor. Abaixo, esto exemplos
de traos desenhados com diferentes ngulos (fixao = 1):
55
Tipograficamente falando, fixao mxima e contraste de
largura do trao mximo (acima esquerda) so as caracte-
rsticas de antigas fontes Serif, tais como Times ou Bodoni,
porque essas fontes foram historicamente uma imitao de
caligrafia com caneta fixa. Fixao zero e contraste da lar-
gura zero (acima direita), por outro lado, sugere modernas
fontes como a Sans Serif ou a Helvetica.
7.6 Tremor
A ferramenta Tremor tem como funo dar um visual mais
natural aos traos caligrficos. Ela ajustvel na barra Con-
troles de ferramenta com valores que variam de 0,0 at 1,0.
Afetar seus traos produzindo qualquer coisa de uma leve
irregularidade a manchas e marcas violentas. Isso expande
significativamente a variedade criativa da ferramenta.
57
Dicas teis:
se sua mo estiver confortvel na mesa digitalizadora, no
a movimente. Em vez disso, role a tela (Ctrl+setas) com sua
mo esquerda, depois de terminar cada letra;
se seu ltimo trao no ficou bom, apenas desfaa-o (Ctrl+Z).
Entretanto, se a forma ficou boa, mas a posio ou tamanho
levemente diferentes, melhor utilizar a ferramenta de se-
leo temporariamente (Barra de espao) e ento a mova le-
vemente/amplie/gire-a o necessrio (utilizando o mouse ou
o teclado) e depois, pressione a Barra de espao novamente
para retornar ferramenta de caligrafia;
terminada uma palavra, altere para a ferramenta de seleo,
novamente, para ajustar a uniformidade das barras e o es-
paamento entre as letras. Porm, no exagere, boa caligra-
fia deve conservar um visual manuscrito um pouco irregular.
Resista tentao de copiar as letras e seus elementos, cada
trao deve ser original.
A seguir, esto alguns exemplos completos de letras:
58
59
Inkscape v. 1
Referncias
60
SECRETARIA DE ESTADO DA EDUCAO
Diretoria de Tecnologia Educacional
Rua Salvador Ferrante, 1651 - Boqueiro
CEP 81670-390 - Curitiba - PR
www.diaadiaeducacao.pr.gov.br