Inkscape tutorial: Básico

Inkscape

Tutorial | Básico

Este tutorial demonstra o funcionamento básico do Inkscape. Se o abriu através do menu Ajuda, é um documento normal do Inkscape que se pode ver, editar, copiar ou gravar alterações. Também pode guardar uma cópia numa pasta à sua escolha.

O tutorial Básico aborda a navegação na área de trabalho, gestão de documentos, funcionamento básico das ferramentas de formas geométricas, técnicas de selecção, transformação de objetos com a ferramenta de selecção, agrupamento, configuração de preenchimento e traço, alinhamento e ordem em profundidade. Para tópicos mais avançados consulte os outros tutoriais no menu Ajuda.

Deslocar a área de trabalho/tela

Existem muitas formas de se deslocar a área de trabalho que se está a visualizar. Use as teclas Ctrl+seta para deslocar. (Experimente agora mesmo deslocar o documento para baixo). Também pode deslocar a tela com o botão do meio do rato. É possível também usar as barras de deslocamento (pressione as teclas Ctrl+B para as mostrar ou esconder). A roda do rato também pode ser usada para deslocar a tela verticalmente; pressione a tecla Shift e de seguida use a roda para deslocar na horizontal.

Ampliar ou reduzir a visualização

A forma mais fácil de se fazer zoom é pressionando a tecla - e a tecla + (ou =). Pode também usar Ctrl+clique com o botão do meio ou Ctrl+clique com o botão direito para ampliar, Shift+clique com o botão do meio ou Shift+clique com o botão direito para diminuir, ou rode roda do rato com Ctrl. Pode também clicar no campo de aumento (no canto inferior direito da janela, letra 'A'), inserindo uma percentagem específica, carregando de seguida na tecla Enter. Também se pode usar a ferramenta Lupa (na barra vertical de Ferramentas à esquerda) que permite ampliar, clicando e seleccionando a área pretendida.

O Inkscape também mantém um histórico dos zooms da sessão de trabalho actual. Pressione a tecla ` para voltar ao zoom anterior, ou Shift+` para ir ao zoom seguinte.

Ferramentas do Inkscape

A barra de ferramentas vertical à esquerda mostra as ferramentas de desenho e edição do Inkscape. Dependendo da resolução do seu ecrã, o botão Ficheiro com funções gerais, tal como "Guardar" ou "Imprimir", pode ser encontrado ou na parte superior da janela, mesmo abaixo do menu, ou na parte direita da janela. Mesmo acima da área de trabalho ou tela encontra-se a Barra de Comandos das Ferramentas com controlos específicos para cada ferramenta. A barra de estado na parte de baixo da janela irá mostrar dicas úteis à medida que trabalha.

Muitas operações estão disponíveis através de teclas de atalho. Aceda ao menu Ajuda Guia de Referência de Teclado e Rato para ver a lista completa dos atalhos disponíveis.

Criar e gerir documentos

Para criar um novo documento em branco aceda ao menu Ficheiro Novo ou pressione as teclas Ctrl+N. Para criar um documento a partir de um dos muitos modelos do Inkscape, aceda ao menu Ficheiro Novo a partir de um modelo... ou pressione as teclas Ctrl+Alt+N.

Para abrir um ficheiro SVG existente, aceda ao menu FicheiroAbrir (Ctrl+O). Para guardar, aceda ao menu FicheiroGuardar (Ctrl+S),ou FicheiroGuardar Como (Shift+Ctrl+S) para guardar com um novo nome. (Apesar do Inkscape ter a função de guardar automaticamente, é recomendada a práctica de guardar antecipadamente e várias vezes.)

O Inkscape usa por pré-definição o formato SVG (Scalable Vector Graphics, traduzido para Gráficos Vectoriais Escaláveis) nos seus ficheiros. O SVG é um padrão aberto suportado por muitos programas de arte gráfica. Os ficheiros SVG são baseados em XML e podem ser editados com qualquer editor de textos ou editor de XML (para além do Inkscape, assim sendo). Além do SVG, o Inkscape pode importar e exportar vários outros formatos. Pode encontrar listas de ficheiros suportados nas função Guardar e Importar.

O Inkscape abre uma janela separada para cada documento. Pode navegar entre elas usando o gestor de janelas (por exemplo, com Alt+Tab), ou pode usar as teclas de atalho do Inkscape, Ctrl+Tab, o que permitirá ver e deslocar-se por todas as janelas abertas. (Crie agora um novo documento e alterne entre ele e este documento para praticar.) Nota: o Inkscape trata estas janelas como se fossem separadores num navegador de internet, isto significa que o atalho Ctrl+Tab apenas funciona em documentos a decorrer no mesmo processo de sistema. Se abrir vários ficheiros num navegador de ficheiros do sistema operativo ou abrir mais do que uma vez o Inkscape através de atalhos ou o programa em si do navegador de ficheiros, esta função poderá não funcionar.

Criar formas geométricas

É hora de fazer algumas formas geométricas! Clique na ferramenta Rectângulo na barra de ferramentas à esquerda (ou pressione a tecla R) e clique-e-arraste, num novo documento vazio ou aqui mesmo:

Como pode ver, por definição, os rectângulos são preenchidos a azul com um traço preto (contorno) e totalmente opacos. Veremos como alterar isto mais à frente. Com outras ferramentas, também se pode criar elipses, estrelas e espirais:

Estas ferramentas são conhecidas como ferramentas de formas geométricas. Cada forma criada mostra um ou mais manípulos em forma de diamante; tente arrastá-los para ver como a forma é alterada. A barra de Controlos da Ferramenta é outra forma de se alterar a forma; estes controlos afectam as formas actualmente seleccionadas (ou seja, aquelas que mostram os manípulos) e definem a configuração padrão que será aplicada a formas criadas posteriormente.

Para desfazer a sua última acção, use as teclas Ctrl+Z. (Ou se mudar de ideia novamente pode refazer a acção desfeita com as teclas Ctrl+Shift+Z.)

Mover, redimensionar, rodar

A ferramenta do Inkscape mais usada é a ferramenta Seleccionar. Clique no primeiro botão (com a seta) na Barra de Ferramentas vertical à esquerda, ou pressione a tecla S, F1 ou alterne entre a ferramenta usando a Barra de Espaço. Agora pode selecionar qualquer objeto na tela. Clique no rectângulo abaixo.

Verá oito manípulos de controlo em forma de setas que apareceram ao redor do objecto. Agora pode:

  • Mover o objecto clicando-o e arrastando-o. (Pressione a tecla Ctrl para restringir o movimento aos eixos horizontal e vertical.)

  • Redimensionar o objecto arrastando qualquer manípulo de controlo. (Pressione a tecla Ctrl para manter a proporção altura e largura originais.)

Agora clique no rectângulo novamente. Os manípulos mudam. Agora pode:

  • Rodar o objecto arrastando os manípulos dos cantos. (Pressione a tecla Ctrl para restringir a rotação a incrementos de 15 graus. Arraste a marca em forma de cruz para alterar o centro de rotação.)

  • Distorcer (esticar ou encolher lateralmente) o objecto arrastando os manípulos centrais. (Pressione a tecla Ctrl para restringir a distorção em incrementos de 15 graus.)

Enquanto usa a ferramenta Selecionar, também pode usar os campos numéricos na barra de Controlos da Ferramenta (logo acima da área de trabalho) para configurar valores exactos para as coordenadas (X e Y) e tamanho (L e A) da selecção.

Transformar com as teclas

Uma das características do Inkscape que o diferencia da maioria dos outros editores vectoriais é o seu ênfase na acessibilidade pelo teclado. Não existe practicamente nenhum comando ou acção que seja impossível de ser feito através do teclado, e transformar objectos não é excepção.

Pode usar o teclado para mover (teclas de seta), redimensionar (teclas < e >), e rodar (teclas [ e ]) objectos. O incremento padrão em movimentos e redimensionamentos é de 2 px; com Shift, move ou redimensiona multiplicado por 10. Ctrl+> - e Ctrl+< +, redimensiona para maior ou menor em 200% ou 50% do original, respectivamente. Por definição, as rotações são feitas com incrementos de 15 graus; com Ctrl, roda em 90 graus.

No entanto, as mais úteis talvez sejam transformações em escala de píxeis, executada usando Alt com as teclas de transformação. Por exemplo, Alt+seta moverá a selecção em 1 pixel na ampliação da vista actual (por exemplo, um pixel no seu ecrã). Isto significa que se fizer ampliação, pode mover objectos com alta precisão, se usar Alt nos seus atalhos de teclado. Por outro lado, quando diminuí, a precisão será menor quando usar a tecla Alt. Pode variar os níveis de precisão que necessita para o trabalho em questão, usando vários níveis de zoom.

De forma semelhante, Alt+> e Alt+< alteram as dimensões do objecto de modo que o seu tamanho visível é seja alterado por 1 pixel no ecrã, e Alt+[ e Alt+] roda de modo que o ponto mais longe do centro se mova por 1 píxel do ecrã.

Nota: os utilizadores de Linux podem não obter os resultados esperados com a combinação Alt+seta e outras combinações se o gestor de janelas do sistema operativo capturar essas acções antes delas chegarem à aplicação Inkscape (usando as mesmas para alternar entre ambientes de trabalho). Uma solução seria alterar a configuração do gestor de janelas de acordo com o pretendido.

Várias selecções

Pode selecionar qualquer quantidade de objectos simultâneamente com a tecla Shift+clique sobre cada um deles. Ou pode arrastar o cursor à volta dos objectos que deseja seleccionar; chama-se a isto selecção elástica. (O Seleccionador cria a selecção elástica quando se arrasta a partir de um espaço vazio; no entanto, se pressionar a tecla Shift antes de começar a arrastar, o Inkscape criará sempre a selecção elástica.) Pressionando a tecla Alt pode mudar a ferramenta Seleccionar num lápis, que pode usar para desenhar em objectos que pretende seleccionar. Pratique selecionando todas as três formas presentes abaixo:

Agora, use a selecção elástica (arrastando ou Shift+Arrastar) para selecionar as duas elipses mas não o rectângulo:

Cada objecto individual dentro de uma selecção mostra um indicador de selecção — por definição, uma caixa rectangular pontilhada. Estes indicadores facilitam a visualização imediata do que está ou não está seleccionado. Por exemplo, se seleccionar as duas elipses e o rectângulo, sem os indicadores seria difícil perceber se as elipses estão ou não seleccionadas.

Shift+clique num objecto selecionado, exclui-o da selecção. Seleccione todos os três objectos acima, depois use a tecla Shift+clique para excluir ambas as elipses da selecção deixando apenas o rectângulo seleccionado.

Pressionando Esc desseleciona todos os objectos seleccionados. Ctrl+A selecciona todos os objectos na camada actual (se não criou camadas, isto é o mesmo que todos os objectos no documento). A definição padrão do atalho Ctrl+A pode ser alterada nas preferências.

Agrupar

Podem ser combinados vários objectos num grupo. Um grupo comporta-se como um objecto único quando o arrastamos ou transformamos. Abaixo, os três objectos à esquerda são independentes; os mesmos três objectos à direita estão agrupados. Tente arrastar o grupo.

Para criar um grupo, seleccione um ou mais objectos e pressione Ctrl+G. Para desagrupar um ou mais grupos, seleccione-os e pressione Ctrl+U. Estas acções são possíveis também seleccionando os objectos a agrupar e depois clicar com o lado direito do rato e acedendo ao menu do Objecto, ou na barra de comandos. Grupos podem também ser agrupados, como qualquer outro objecto; tais grupos recursivos podem colocar-se em profundidades arbitrárias. No entanto, usando as teclas Ctrl+U apenas desagrupa o nível mais alto do grupo numa seleção; é necessário pressionar Ctrl+U repetidamente para desagrupar completamente um grupo dentro de outros grupos (ou aceda ao menu de ExtensõesOrganizarDesagrupar em Profundidade).

No entanto não é necessário desagrupar caso se necessite editar um objecto dentro de um grupo. Basta usar Ctrl+clique sobre o objecto desejado e este será seleccionado e poderá ser editado, ou use Shift+Ctrl+clique sobre vários objectos (dentro ou fora de qualquer grupo) para fazer uma selecção múltipla independentemente do agrupamento.

Também pode usar um clique duplo sobre um grupo, para entrar nele e aceder a todos os objectos nele inserido sem o desagrupar. Faça clique duplo numa parte vazia da tela para sair do grupo.

Tente mover ou transformar as formas individuais no grupo (acima à direita) sem o desagrupar, depois desseleccione e seleccione o grupo normalmente para ver que ele ainda permanece agrupado.

Preenchimento e traço

Possivelmente a melhor maneira de se pintar um objecto é seleccionando-o e clicar na amostra (campo de cores) na palete abaixo do documento (muda a cor de preenchimento).

Alternativamente, pode abrir o painel das amostras, através do menu Ver (ou pressione Shift+Ctrl+W), seleccione a palete de cores que quer usar depois clique no ícone do menu que se encontra abaixo no canto direito, seleccione um objecto, e clique numa amostra para o preencher (muda a cor de preenchimento).

Melhor ainda será usar a opção Preenchimento e Traço no menu Objecto (ou pressione Shift+Ctrl+F). Seleccione a forma abaixo e abra o painel Preenchimento e Traço.

Verá que o painel de Preenchimento e Traço tem três separadores : Preenchimento, Pintura do traço e Estilo do traço. O separador Preenchimento permite editar o preenchimento (o interior) do objecto seleccionado. Usando os botões mesmo abaixo do separador, pode seleccionar tipos de preenchimento, incluído 'sem preenchimento' (o botão com o X), uma cor lisa, assim como com gradientes lineares ou radiais. Para a forma acima, o botão de cor lisa será usado.

Mais abaixo do painel, vê-se o sistema de cores. Pode escolher entre diferentes tipos de sistemas no menu que se encontra do lado direito, acima do sistema de cores actual, tais como; RGB, HSL, CMYK, e outros. Pode também escolher visualizar o sistema da Roda, onde se pode girar o triângulo para escolher uma cor na na roda e depois seleccionar um tom dessa cor dentro do triângulo. Todos os sistemas de cor contêm um deslizador com a letra 'T' para configurar a transparência (canal alfa) da cor seleccionada.

Sempre que se selecciona um objecto, o sistema de cores é actualizado para mostrar o seu preenchimento e traço actual (quando vários objetos são seleccionados, o painel mostra a cor média gerada entre todos). Faça experiências com estes exemplos ou crie os seus:

Usando o separador Pintura do traço, pode remover-se o traço (contorno) do objecto, ou atribuir-lhe qualquer cor ou transparência:

O último separador, Estilo do traço, permite configurar a espessura do traço e outros parâmetros deste:

Finalmente, em vez de uma cor lisa, pode-se usar gradientes para preenchimentos e/ou traços:

Quando se muda de cor lisa para gradiente, o gradiente acabado de criar usará a cor lisa anterior, variando de opaca a transparente. O painel de Preenchimento e Traço mostrará a edição do gradiente da cor. Mude para a ferramenta Gradiente (Ctrl+F1) para arrastar os manípulos do gradiente. Os manípulos do gradiente são os controlos em forma de pequenos quadrados ligados por uma linha que definem a direcção e extensão do gradiente. Quando um dos manípulos do gradiente está seleccionado (destacado a azul), o painel Preenchimento e Traço configura a cor desse manípulo apenas.

Uma outra maneira prática de mudar a cor de um objecto é através da ferramenta Pipeta (D). Basta clicar em qualquer parte do desenho com esta ferramenta e a cor capturada será atribuída ao preenchimento do objecto selecionado (usando a combinação Shift+click atribuí-se a cor do traço).

Duplicar, alinhar, distribuir

Uma das operações mais comuns é duplicar um objecto (Ctrl+D). O objecto duplicado é colocado exactamente por cima do original e é seleccionado automaticamente, para que se possa arrastá-lo com o rato ou as teclas de setas. Para praticar, tente duplicar o seguinte quadrado preto várias vezes, dispondo as cópias umas ao lado das outras em linha:

É provável que as cópias do quadrado sejam colocadas um pouco à toa. É aqui que acedendo ao menu ObjectoAlinhar e Distribuir(Shift+Ctrl+A será útil. Seleccione todos os quadrados (Shift+clique ou faça uma selecção elástica, à volta de todos eles), depois abra o painel Alinhar e Distribuir e clique na opção "Centrar no eixo horizontal" e depois na opção "Distribuir centros à mesma distância na horizontal" (para saber o que cada um dos botões faz, basta posicionar o rato sobre um dos botões e esperar que apareça a descrição do botão). Agora os objectos estão alinhados e distribuídos à mesma distância. Aqui estão outros exemplos de alinhamento e distribuição:

Ordem de profundidade (Ordem-Z)

O termo ordem-Z refere-se à ordem de empilhamento de objetos uns sobre os outros em altura, ou seja, quais os objetos estão no topo que ocultam os que estão por baixo deles. Os dois comandos no menu Objecto, Subir para o Topo (tecla Home) e Baixar para o Fundo (tecla End), movem os objectos seleccionados para a parte mais alta ou mais baixa dos objectos. Os outros dois comandos, Subir (PgUp) e Baixar (PgDn), afundam ou emergem a selecção apenas um nível, ou seja, move para cima ou para baixo de apenas um objeto não selecionado na ordem da pilha (apenas contam os objetos que se sobrepõem uns aos outros, baseado nas respectivas caixas limitadoras).

Pratique usando estes comandos alterando a ordem-Z dos objectos mostrados abaixo, de forma a que a elipse mais à esquerda fique no topo e a elipse mais à direita fique no fundo:

Um atalho de selecção muito útil é a tecla Tab. Se nada estiver seleccionado, é seleccionado o objecto que está mais no fundo; de outra forma, a tecla Tab selecciona o objeto logo acima do selecionado na ordem-Z. Shift+Tab funciona de forma contrária, começando a partir do objecto situado no topo e procedendo para baixo. Uma vez que os objetos criados são adicionados sucessivamente em cima dos existentes, pressionar a combinação Shift+Tab não tendo nada seleccionado irá seleccionar o último objecto criado. Pratique usando a tecla Tab e a combinação Shift+Tab na pilha de elipses acima.

Selecionar o objecto de baixo e arrastá-lo

O que fazer se o objecto que se quer editar está escondido por detrás de outro? Ainda poderá ver o objecto de baixo se o de cima estiver (ligeiramente) transparente, mas clicando sobre ele será selecionado o de cima e não o que se pretende.

É para isto que serve Alt+clique. Usando Alt+clique o objeto do topo é seleccionado, como se clicasse só sobre ele. No entanto, usando novamente a combinação Alt+clique será selecionado o objeto que está logo abaixo do que está no topo; o próximo clique seleccionará o objecto ainda mais abaixo, etc. Assim, usando a combinação Alt+cliquek sucessivamente navegará, de cima a baixo, através de toda a pilha de objectos na ordem-Z no ponto do clique. Quanto o objecto do fundo é seleccionado, o próximo Alt+click irá, naturalmente, seleccionar o objecto do topo novamente.

[Se estiver a usar um sistema operativo Linux, notará que Alt+clique não funciona como esperado, pois irá mover a janela do Inkscape. Isto acontece porque o gestor de janelas do sistema operativo Linux reservou a combinação das teclas Alt+clique para uma acção diferente. Pode corrigir-se isto na configuração do gestor de janelas do Linux, desactivando esta combinação de teclas ou mudando para a tecla Meta (tecla Windows), para que o Inkscape e outras aplicações possam usar a tecla Alt livremente.]

Isto dá jeito, mas após seleccionar um objecto por baixo de outro, o que se pode fazer com ele? Pode-se usar as teclas para o transformar, assim como arrastar os manípulos de selecção à volta dele. No entanto, ao só se arrastar o objecto por baixo do cursor, irá arrastar o de cima (foi para isto que clicar-e-arrastar foi concebido — selecciona primeiro o objecto de cima e depois arrasta a selecção). Para se arrastar apenas o que está seleccionado sem seleccionar mais nada, use a combinação Alt+arrastar. Isto moverá a selecção actual seja qual for a direcção do arrasto.

Pratique a combinação Alt+clique e a combinação Alt+arrastar nas duas formas castanhas que estão debaixo do rectângulo verde transparente:

Seleccionar objectos similares

Pode seleccionar-se outros objectos similares ao actualmente seleccionado. Por exemplo, se quisermos selecionar todos os quadrados azuis abaixo, primeiro selecciona-se um deles e usa-se o menu Editar Seleccionar IguaisCor do Preenchimento (clique com o lado direito do rato na tela). São seleccionados todos os objectos com a mesma cor azul no preenchimento.

Para além de se poder seleccionar por cor de preenchimento, pode-se seleccionar também objectos similares pela cor do traço, estilo do traço, preenchimento & e traço, e tipo de objeto. Se estas opções não forem suficientes para o seu caso, experimente ir ao menu EditarProcurar/Substituir.

Conclusão

Isto conclui o tutorial Básico. O Inkscape tem muitas mais funcionalidades, mas com as técnicas descritas aqui, já poderá criar gráficos simples mas úteis. Para tópicos mais avançados, leia o tutorial Avançado e os outros em AjudaTutoriais.

Authors: Bulia Byak; Jonathan Leighton; Ralf Stephan; Bryce Harrington; Alexandre Prokoudine; Colin Marquardt; Josh Andler; Nicolas Dufour; Gellért Gyuris; Maren Hachmann

Translators: Thiago Pimentel — 2006; Rui Cruz — 2016; Ana C V L Gonçalves — 2024

Header / footer design: Esteban Capella — 2019