Tutorial | Básico
Este tutorial demonstra o funcionamento básico do Inkscape. É um documento comum que você pode ver, editar, copiar dele, ou salvar.
O tutorial Básico aborda a navegação na lousa (ou canvas, em inglês), administração de documentos, funcionamento básico das ferramentas de forma, técnicas de seleção, transformação de objetos com a ferramenta de seleção, agrupamento, configuração de preencimento e contorno, alinhamento, e superposição (ordem-z). Para tópicos mais avançados, verifique os outros tutoriais no menu Ajuda.
Navegando pela tela
Existem muitas maneiras de navegar (rolar) a lousa do documento. Tente as teclas Ctrl+setas para rolar pelo teclado. (Tente isto agora para rolar este documento para baixo.) Você também pode arrastar a lousa com o botão do meio do mouse. Também é possível usar as barras de rolagem (pressione Ctrl+B para mostrar ou escondê-las). A roda do seu mouse também funciona para rolar verticalmente; pressione Shift junto com a roda para rolar horizontalmente.
Aumentantdo e diminuindo o Zoom
O jeito mais fácil de dar um zoom é pressionando as teclas - e + (ou =). Você pode também usar Ctrl+clique do meio ou Ctrl+clique direito para aumentar o zoom, Shift+clique do meio ou Shift+clique direito para diminuir o zoom, ou girar a roda do mouse com Ctrl. Ou você pode clicar no campo de entrada de zoom (no canto inferior direito da janela do documento), digitar um valor preciso de zoom em% e pressionar Enter. Também temos a ferramenta Zoom (na barra de ferramentas à esquerda), que permite ampliar uma área arrastando-a.
O Inkscape também mantém um histórico dos zoom's que você usou nesta sessão de trabalho. Pressione a tecla ` para retornar ao zoom anterior, ou Shift+` para ir ao seguinte.
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 Controles de Ferramenta com controles que são específicos para cada ferramenta. A Barra de Status na parte inferior da janela mostra dicas úteis e mensagens enquanto você trabalha.
Muitas operações estão disponíveis através de teclas de atalho. Abra Ajuda⇒Referência de Teclas e Mouse para ver a referência completa.
Criando e administrando documentos
Para criar um novo documento vazio, use Arquivo⇒Novo ou aperte Ctrl+N. Para criar um novo documentousando um dos muitos templates do Inkscape, use Arquivo⇒Novo a aprtir de modelo… ou pressione Ctrl+Alt+N
Para abrir um documento SVG existente, use Arquivo⇒Abrir (Ctrl+O). Para salvar, use Arquivo⇒Salvar (Ctrl+S) ou Arquivo⇒Salvar Como (Shift+Ctrl+S) para salvar com um novo nome. (O Inkscape ainda pode estar instável, lembre-se de salvar com frequência!)
O Inkscape usa o formato SVG (Scalable Vector Graphics) para seus arquivos. O SVG é um padrão aberto vastamente suportado por softwares gráficos. Arquivos SVG são baseados em XML e podem ser editados com qualquer editor de texto ou de XML (além do editor do Inkscape, é claro). Além de SVG, o Inkscape pode importar e exportar vários outros formatos (EPS, PNG).
O Inkscape abre uma janela separada para cada documento. Você pode navegar entre elas usando seu gerenciador de janelas (e.g. com Alt+Tab), ou você pode usar as teclas de atalho do Inkscape, Ctrl+Tab, que fará um ciclo através de todas as janelas abertas. (Crie um novo documento agora e alterne entre ele e este documento para praticar.) Detalhe: o Inkscape trata essas janelas como abas em um navegador, o que significa que o Ctrl+Tab somente funciona com documentos que estejam rodando com o mesmo processo. Se você abrir múltiplos arquivos com seu navegador de arquivos ou abrir mais de um processo do Inkscape clicando num ícone, isso não irá funcionar.
Criando formas
Hora de usar algumas formas legais! Clique na ferramenta Retângulo na Barra de Ferramentas (ou pressione F4) e então clique e arraste, em um novo documento vazio ou aqui mesmo:
Como você pode observar, por padrão, os retângulos são azuis, com um contorno preto (contorno), e completamente opaco. A seguir iremos ver como mudar isso. Com outras ferramentas, você também pode criar elipses, estrelas e espirais:
Essas ferramentas são conhecidas coletivamente como ferramentas de forma. Cada forma criada mostra uma ou mais alças em forma de diamante; tente arrastá-las para ver como a forma se comporta. O painel Controles de Ferramenta para uma ferramenta de forma é outra maneira de modificar uma forma; estes controles afetam as formas atualmente selecionadas (ou seja, aquelas que mostram as alças) e configuram o padrão que será aplicado a formas recém criadas.
Para desfazer sua última ação, pressione Ctrl+Z. (Ou, se você mudar de idéia de novo, você pode refazer a ação desfeita com Shift+Ctrl+Z.)
Movendo, redimensionando, girando
A ferramenta do Inkscape mais frequentemente usada é a ferramenta de Seleção (ou seletor). Clique no botão mais acima (em forma de cursor) na Barra de Ferramentas, ou pressione F1 ou Barra de Espaço. Agora você pode selecionar qualquer objeto na tela. Clique no retângulo abaixo.
Oito alças em forma de seta irão aparecer ao redor 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 alça. (Pressione Ctrl para preservar a proporção altura/largura original.)
Agora clique no retângulo novamente. As alças mudam. Agora você pode:
Girar o objeto arrastando as alças dos cantos. (Pressione Ctrl para restringir a rotação a incrementos de 15 graus. Arraste a marca em forma de cruz para determinar o centro de rotação.)
Distorcer (tosar) o objeto arrastando as alças centrais. (Pressione Ctrl para restringir a distorção a incrementos de 15 graus.)
Com o seletor, você também pode usar os campos numéricos na Barra de Controle de Ferramentas (acima da lousa) para configurar valores exatos para as coordenadas (X e Y) e tamanho (W e H) da seleção.
Transformando com teclas de teclado
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.
Você pode usar o teclado para mover (teclas de seta), redimensionar (teclas < e >), e girar (telas [ e ]) objetos. O incremento padrão em movimentos e redimensionamentos é de 2 px; com Shift, você move ou redimensiona multiplicado por 10. Ctrl+> e Ctrl+< redimensiona em 200% ou 50% do original, respectivamente. Por padrão, rotações são feitas com incrementos de 15 graus; com Ctrl, você gira o objeto em 90 graus.
Entretanto, talvez a mais útil seja a transformação em escala de pixel, executada usando Alt com as teclas de transformação. Por exemplo, Alt+setas moverá a seleção em 1 pixel no zoom atual (ou seja, em 1 pixel de tela; atente para não confundir com a unidade px que é uma unidade de comprimento do SVG independente do zoom). Isto significa que se você aumentar o zoom, ao pressionar Alt+seta resultará em um movimento absoluto menor que ainda se parecerá com um movimento suave de um pixel na sua tela. Assim, é possível posicionar os objetos com precisão arbitrária simplesmente aumentando ou diminuindo o zoom como desejado.
De maneira semelhante, Alt+> e Alt+< modificam as dimensões do objeto de modo que seu tamanho visível mude por um pixel de tela, e Alt+[ e Alt+] giram-no de modo que o ponto mais longe do centro se mova por um pixel de tela.
Detalhe: usuários do Linux podem não obter os resultados esperados com a combinação Alt+seta e algumas outras combinações se seus gerenciadores de janelas executam estes eventos de tecla antes do Inkscape. Uma solução seria modificar a configuração do seu gerenciador de janelas.
Seleções Múltiplas
Você pode selecionar qualquer quantidade de objetos simultaneamente, bastando segurar Shift+clique sobre o objeto. Além disso, você pode arrastar o cursor em volta dos objetos que deseja selecionar; isto se chama seleção elástica. (O seletor cria uma seleção elástica quando se arrasta a partir de um espaço vazio; entretanto, se você pressionar Shift antes de começar a arrastar, o Inkscape criará a seleção elástica mesmo que o cursor esteja em cima de um objeto. Pratique selecionando todas as três formas abaixo:
Agora, use a seleção elástica (arrastando com Shift+arrasto) para selecionar as duas elipses mas não o retângulo:
Cada objeto individual dentro de uma seleção mostra uma marca de seleção — por padrão, uma caixa retangular pontilhada. Essas marcas facilitam a visualização imediata do que está e não está selecionado. Por exemplo, se você selecionar tanto as duas elipses quanto o retângulo, sem as marcas seria difícil adivinhar se as elipses estão ou não selecionadas.
Shift+clicando sobre um objeto selecionado o exclui da seleção. Selecione todos os três objetos acima, depois use Shift+clique para excluir ambas as elipses da seleção, deixando apenas o retângulo selecionado.
Pressionar Esc desfaz a selecão de qualquer objeto selecionado. Ctrl+A seleciona todos os objetos na camada atual (se você não criou camadas, isso é o mesmo que selecionar todos os objetos no documento).
Agrupando
Dois ou mais objetos podem ser combinados em um grupo. Um grupo se comporta como um objeto só quando você o arrasta ou transforma. Abaixo, os três objetos à esquerda estão independentes; os mesmo três objetos à direita estão agrupados. Tente arrastar o grupo.
Para criar um grupo, selecione um ou mais objetos e pressione Ctrl+G. Para desagrupar um ou mais grupos, selecione-os e pressione Ctrl+U. Os mesmo grupos podem ser agrupados, como qualquer outro objeto; tais grupos recursivos podem se dispor em profundidades arbitrárias. Entretanto, Ctrl+U apenas desagrupa o nível mais alto de agrupamento em uma seleção; você vai precisar pressionar Ctrl+U repetidamente se você quiser desagrupar completamente um grupo profundo dentro de outro grupo.
Você não precisa necessariamente desagrupar, se você apenas quiser editar um objeto dentro de um grupo. Basta um Ctrl+clique sobre o objeto e este será selecionado e editável individualmente, ou Ctrl+clique sobre vários objetos (dentro ou fora de qualquer grupo) para seleção múltipla independente do agrupamento. Tente mover ou transformar as formas individualmente no grupo (acima à direita) sem desagrupá-las, depois desfaça a seleção e selecione o grupo normalmente e então verá que ele ainda permanece agrupado.
Preenchimento e contorno
Provavelmente, a maneira mais simples de pintar um objeto com alguma cor é selecioná-lo e clicar em uma amostra na paleta abaixo da tela para pintá-lo (altere a cor de preenchimento). Como alternativa, você pode abrir a caixa de diálogo Amostras no menu Exibir (ou pressionar Shift+Ctrl+W), selecione um objeto e clique em uma amostra para pintá-lo (altere a cor de preenchimento).
Ainda mais poderosa é a caixa de diálogos Preenchimento e Contorno do menu Objeto(ou pressione Shift+Ctrl+F). Selecione a forma abaixo e abra a caixa de diálogos Preenchimento e Contorno.
Você verá que a caixa tem três abas: Preencher, Cor do Contorno, e Estilo de Contorno. A aba Preencher te permite editar o preenchimento (interior) do(s) objeto(s) selecionado(s). Usando os botões logo abaixo da aba, você pode selecionar tipos de preenchimento, incluindo nenhum preenchimento (o botão com o X), preenchimento de cor achatada, bem como gradientes lineares ou radiais. Para a forma acima, o botão de cor achatada será ativado.
Mais abaixo, você pode ver uma coleção de seletores de cores, cada um em sua própria aba: RGB, CMYK, HSL, e Roda. O mais conveniente talvez seja o seletor Roda, onde você pode girar o triângulo para escolher uma cor na roda e depois selecionar um tom dessa cor dentro do triângulo. Todos os seletores de cor contém um deslizador para configurar o alfa (transparência) do(s) objeto(s) selecionado(s) .
Sempre que você seleciona um objeto, o seletor de cores é atualizado para mostrar seu preenchimento e contorno atual (quando múltiplos objetos são selecionados, a caixa de diálogos mostra sua cor média). Brinque com estes exemplos ou crie os seus próprios:
Usando a aba Cor do Contorno, você pode remover o contorno (contorno) do objeto, ou atribuir qualquer cor ou transparência:
A última aba, Contorno, te permite configurar a largura e outros parâmetros do contorno:
Por fim, ao invés de uma cor achatada, você pode usar gradientes para preenchimentos e/ou contornos:
Quando se altera de cor achatada para gradiente, o gradiente recém criado usará a cor achatada anterior, variando de opaca a transparente. Mude para a ferramenta Gradiente (Ctrl+F1) para arrastar as alças do gradiente — os controles conectados por linhas que definem a direção e extensão do gradiente. Quando qualquer alça do gradiente é selecionada (destacada em azul), a caixa de diálogos Preenchimento e Contorno configura a cor dessa alça em vez da cor do objeto inteiro selecionado.
Uma outra maneira prática de mudar a cor de um objeto é através da ferramenta Conta-gotas (F7). Apenas clique em qualquer lugar do desenho com essa ferramenta, e a cor capturada será atribuída ao preenchimento do objeto selecionado (Shift+clique atribui à cor do contorno).
Duplicação, alinhamento, distribuição
Uma das operações mais comuns é duplicar um objeto (Ctrl+D). A duplicata é colocada exatamente acima do original e é selecionada, para que você possa arrastá-la com o mouse mouse ou com as teclas seta. Para praticar, tente preencher a linha com cópias desse quadrado preto:
São boas as chances de que suas cópias sejam posicionadas mais ou menos aleatoriamente. Aqui é onde a caixa de diálogos Alinhar e Distribuir... se mostra útil (Shift+Ctrl+A). Selecione todos os quadrados (Shift+clique ou arraste um elástico), abra a caixa e pressione o botão "Centralizar horizontalmente", depois o botão "Distribuir a distância horizontal igualmente entre os objetos" (leia as mensagens que aparecem quando se passa o mouse sobre os botões). Agora os objetos estão alinhados corretamente e distribuídos de maneira equidistante. Aqui estão outros exemplos de alinhamento e distribuição:
Ordem-Z (ou superposição)
O termo ordem z refere-se à ordem de empilhamento dos objetos em um desenho, ou seja, a quais objetos estão no topo e obscurecem outros. Os dois comandos no menu Objeto, Elevar para o topo (a tecla Home) e de baixo para a base (a extremidade tecla), moverá os objetos selecionados para a parte superior ou inferior da ordem z da camada atual. Mais dois comandos, Aumentar (PgUp) e Abaixar (PgDn), afundarão ou emergirão a seleção apenas uma etapa, ou seja, mova-o para além de um objeto não selecionado na ordem z (apenas objetos que se sobrepõem à contagem de seleção, com base em suas respectivas caixas delimitadoras).
Pratique usando esses comandos invertendo a ordem-z dos objetos abaixo, de modo que a elipse mais à esquerda fique no topo e a elipse mais à direita fique no fundo:
Um tecla de atalho de seleção muito útil é Tab. Se nada está selecionado, ela seleciona o objeto que está mais ao fundo; senão, ela seleciona o objeto acima do(s) objeto(s) selecionado(s) na ordem-z. Shift+Tab funciona de maneira contrária, começando a partir do objeto situado no topo e procedendo para baixo. Já que os objetos que você cria são adicionados ao topo da pilha, ao pressionar Shift+Tab com nada selecionado, o objeto que você criou por último será selecionado. Pratique com as teclas Tab e Shift+Tab na pilha de elipses acima.
Selecionando o objeto abaixo e arrastando o objeto selecionado
O que fazer se o objeto que você precisa está escondido atrás de outro objeto? Você consegue ainda ver o objeto do fundo se o que está no topo for (parcialmente) transparente, mas clicando sobre ele, o objeto do topo é que será selecionado, e não o objeto que você precisa.
Para isso é que serve o Alt+clique. O primeiro Alt+clique seleciona o objeto do topo como um simples clique normal. No entanto, o próximo Alt+clique no mesmo ponto selecionará o objeto abaixo do que está no topo; o pŕoximo, o objeto mais abaixo, e assim por diante. Assim, vários Alt+cliques sucessivos irão fazer navegar, de cima para baixo, através de toda a pilha de objetos na ordem-z no ponto do clique. Quanto o objeto do fundo é atingido, o próximo Alt+clique novamente selecionará o objeto do topo.
[Se você está no Linux, pode ser que você se depare com o Alt+clique não funcionando do jeito como devia. Ao invés disso, provavelmente estará movendo a janela toda do Inkscape. Isso ocorre porque o seu gerenciador de janelas limitou o Alt+clique a uma outra ação. Para arrumar isso, é necessário verificar as configurações de comportamento de janelas do seu gerenciador de janelas e ou desligá-lo completamente, ou mapeá-lo para usar a tecla Meta key (conhecido como tecla Windows), assim o Inkscape e outros aplicativos poderão usar a tecla Alt livremente.]
Isto é legal e tudo mais, mas uma vez que você selecionou um objeto que está coberto por outro, o que você pode fazer com ele? Você pode usar as teclas para transformá-lo e arrastar as alças de seleção. No entanto, ao arrastar o objeto em si, a seleção do objeto no topo será retomada (é para isto é que clicar-e-arrastar foi projetado — ele seleciona o objeto (do topo) sob o cursor primeiro, depois arrasta a seleção). Para dizer ao Inkscape para arrastar o que está selecionado no momento sem selecionar mais nada, use Alt+arrasto. Isto moverá a seleção atual, não importando por onde você começa a arrastar.
Pratique Alt+clique e Alt+arraste nas duas formas marrons sob o retângulo verde transparente:
Selecionando objetos semelhantes
O Inkscape é capaz de selecionar objetos semelhantes ao objeto selecionado no momento. Por exemplo, se você quiser selecionar todos os quadrados azuis abaixo, primeiro selecione um dos quadrados azuis e use Editar⇒Selecionar o Mesmo⇒Cor de Preenchimento no menu. Todos os objetos com a cor de preenchimento tendo a mesma tonalidade de azul serão selecionados.
Além de selecionar de acordo com a cor de preenchimento, você também pode selecionar vários objetos semelhantes por Cor do Contorno, Estilo do Contorno, Preenchimento & Contorno e Tipo de Objeto.
Conclusão
Você acabou de concluir o tutorial Básico. Há muito mais que isso no Inkscape, mas com as técnicas descritas aqui, você já será capaz de criar gráficos simples, porém úteis. Para coisas mais avançadas, leia o tutorial Avançado e os demais em Ajuda⇒Tutoriais.
Bulia Byak; Jonathan Leighton; Ralf Stephan; Bryce Harrington; Alexandre Prokoudine; Colin Marquardt; Josh Andler; Nicolas Dufour; Gellért Gyuris
Thiago Pimentel — 2006; Thiago Masato Costa Sueto — 2019; Victor Westmann — 2019
Esteban Capella — 2019