Neste artigo, fornecerei uma visão geral do layout do Inkscape mostrando a interface do usuário (abreviada como “UI”) ou área de trabalho do Inkscape.

A IU do Inkscape é um layout complicado à primeira vista. Para ajudar a simplificar as coisas, vamos destacar cada área principal do Inkscape.

Visão geral do espaço de trabalho do Inkscape

Uma visão geral do espaço de trabalho do Inkscape, que possui 9 áreas principais

Existem essencialmente 9 áreas principais do layout ou área de trabalho do Inkscape. Elas são 1) Barra de Menus, 2) Barra de Comandos, 3) Caixa de ferramentas, 4) Barra de controles de ferramentas, 5) Área da página, 6) Paleta de cores, 7) Status Bar, 8) Controles de encaixee 9) Área de atracação. Vamos abordar cada um deles com mais detalhes.

Barra de menu do Inkscape

A “Barra de Menu” no Inkscape

Para começar, vamos dar uma olhada no topo do Inkscape; isso é conhecido como Barra de Menus. Isso vai conter todos os itens de menu disponíveis dentro do Inkscape. E os itens de menu aqui permitem que você execute várias ações.

Vá em Arquivo>Salvar na barra de menu do Inkscape para salvar seu trabalho

Por exemplo, Arquivo>Salvar salvará o documento no qual você está trabalhando.

Navegue até a caixa de diálogo Preferências via Editar>Preferências na barra de menu

Você também pode navegar para diferentes partes do Inkscape a partir da Barra de Menu. Então, por exemplo, você pode ir para Editar>Preferências para navegar para o diálogo Preferências.

Use a barra de menu para acessar filtros no Inkscape, como o filtro Drop Shadow

E, finalmente, você pode usar a barra de menu para acessar vários efeitos dentro do Inkscape. Por exemplo, você tem “Filtros” e também “Extensões”. E apenas um exemplo de um efeito é Filtros>Sombras e Brilhos>Sombra Projetada para adicionar uma sombra projetada a um objeto.

É claro que isso é apenas uma pequena parte do que a barra de menu faz, mas espero que esses exemplos coloquem tudo em contexto.

Barra de comandos do Inkscape

A Barra de Comandos exibe ícones que fornecem atalhos para caixas de diálogo, ações, ferramentas e muito mais

A próxima área é conhecida como Barra de Comandos, e essa será a área diretamente abaixo da Barra de Menu.

Desmarque a opção “Tela ampla” para mover a barra de comandos para o topo do Inkscape

Em versões mais antigas do Inkscape, a Barra de Comandos ficava no lado direito da janela do Inkscape. Se você estiver usando uma versão mais recente do Inkscape e sua Barra de Comandos estiver localizada no lado direito, você pode movê-la para logo abaixo da Barra de Menu indo ao menu Exibir e certificando-se de que “Tela Larga” esteja desmarcada.

A Commands Bar é como uma área de atalhos. Ela contém vários atalhos para ações comuns sem precisar mergulhar nos vários menus dentro da barra de menus. Então, por exemplo, você tem um botão chamado “Novo” para criar um novo documento (passe o mouse sobre cada ícone para ver o nome/rótulo do ícone). Outro ícone chamado “Copiar” permite que você copie itens na sua composição (Ctrl+C é a tecla de atalho para isso). Você pode alterar o zoom no seu documento. Você pode duplicar certos objetos. E então você também tem vários atalhos para as diferentes caixas de diálogo dentro do Inkscape.

Você também tem, por exemplo, suas “Propriedades do Documento”, que você pode abrir aqui, ou “Preferências” em vez de ir em Editar>Preferências.

Então, a barra de comandos é realmente como uma barra de atalhos. Às vezes é mais rápido usar teclas de atalho. Às vezes é mais rápido usar os ícones na barra de comandos.

A caixa de ferramentas do Inkscape

A caixa de ferramentas do Inkscape está localizada na borda esquerda da interface do usuário e contém muitas ferramentas úteis

Agora vamos pular para o Caixa de ferramentas do Inkscape, que está localizado no lado esquerdo da interface do usuário do Inkscape.

Isso conterá todas as várias ferramentas disponíveis no Inkscape. Ferramentas diferentes, é claro, têm funcionalidades diferentes. Você poderá adicionar objetos como formas, desenhar à mão livre, editar ou selecionar cores, adicionar texto, adicionar páginas (também conhecidas como pranchetas) à sua composição ou aumentar e diminuir o zoom da sua composição.

Barra de controles de ferramentas

A barra de controles de ferramentas é um recurso dinâmico que exibe opções de ferramentas para ferramentas selecionadas

A ferramenta que você selecionou mudará a próxima barra que desejo cobrir, que é a Barra de controles de ferramentas. Em outros softwares como o GIMP, isso pode ser chamado de “Opções de ferramentas” porque contém diferentes opções para a ferramenta selecionada.

A Tool Controls Bar vai mudar com base em cada ferramenta que você selecionou com as opções disponíveis para essa ferramenta específica. E em alguns casos, as opções em si não estarão disponíveis até que você realmente desenhe com a ferramenta na sua composição ou selecione um objeto.

Por exemplo, na foto acima eu tenho a ferramenta Selector ativa na Toolbox e cliquei na forma de círculo para selecioná-la. Isso tornou todas as opções na barra Tool Controls visíveis.

A barra de controles de ferramentas é um recurso muito útil e dinâmico no Inkscape, que você usará com frequência ao trabalhar no programa.

Área da página do Inkscape

A Área da Página é onde sua arte ou composição é exibida no Inkscape

A área do meio ou a área que ocupa mais espaço na interface do usuário do Inkscape é conhecida como Área da página. É aqui que sua composição será exibida. Será onde você trabalhará enquanto projeta suas composições.

Página

O meio da Área da Página é o “Página.” Essa será a área que conterá o design real. Quando você exporta seu design, como fizemos antes, por padrão, ele exportará tudo dentro da Área da Página. No entanto, há outras opções de exportação se você quiser exportar elementos selecionados ou áreas definidas (não entrarei em detalhes sobre isso neste artigo em particular).

Área de tela/mesa

A “Tela” ou “Área da Mesa” é para elementos do seu design que saem da página ou que você não quer no seu design principal

Ao redor da Área da Página, você tem o que é chamado de “Quadros"Ou o"Área de trabalho.” É muito comum, enquanto você trabalha, colocar objetos do lado de fora nesta Área da Mesa, apenas para que você possa referenciá-los ou arrastá-los e soltá-los em sua composição enquanto trabalha e conforme você precisa desses objetos.

Governantes

As réguas permitem que os usuários determinem facilmente as medidas do design ou da página

No lado esquerdo da área da mesa, bem como na parte superior, estará o seu governantes. As réguas fornecem medidas da área da sua página e ajudam a determinar o tamanho e a localização dos objetos na área da página.

Marcadores azuis aparecem nas réguas quando um objeto é selecionado para mostrar a localização desse objeto

Um recurso interessante que eles introduziram recentemente no Inkscape, se você clicar em um objeto, você verá uma pequena linha azul mostrando exatamente o tamanho do objeto selecionado na sua régua.

Se você segurar ctrl e aumentar o zoom com a roda do mouse, a régua ficará mais e mais precisa conforme você aumenta o zoom. Você também verá um pequeno triângulo seguindo a posição do seu mouse na régua nos eixos x e y (a régua da esquerda é o eixo y, a régua de cima é o eixo x). Réguas são apenas um dos vários recursos que permitem que você projete com precisão dentro do Inkscape.

Os usuários podem arrastar e soltar guias de suas réguas

Outro recurso legal das réguas é que você pode clicar com o mouse na régua e arrastar uma guia daquela régua. Quando você soltar o mouse, a guia será colocada naquele local.

Barras de rolagem

As barras de rolagem do Inkscape permitem que você navegue facilmente pela página clicando e arrastando-as com o mouse

Na parte inferior e direita da página a área estará barras de rolagem.

Se você não vir barras de rolagem, vá para Exibir>Mostrar/Ocultar e certifique-se de que “Barras de rolagem” esteja marcado. Eu posso rolar para cima e para baixo na minha composição com a barra de rolagem direita, ou com a barra de rolagem inferior, eu posso rolar para a esquerda e para a direita.

Paleta de cores do Inkscape

A paleta de cores do Inkscape permite que você selecione cores

Abaixo da Área da Página está o Paleta de cores. Às vezes, é chamado de “Painel de Amostras”. Esse recurso permite que você altere as cores de preenchimento e traçado dos objetos. Quando um objeto é selecionado, clicar com o botão esquerdo em uma amostra de cor altera a cor de primeiro plano do objeto (às vezes chamada simplesmente de cor de “preenchimento”), e clicar com a tecla Shift alterada altera a cor do traçado.

Marcadores de preenchimento/traço

Um pequeno marcador aparece no primeiro plano do seu objeto e nas cores do traço na Paleta de cores

Quando um objeto é selecionado, você verá um pequeno ponto na amostra de cor que o objeto está usando no momento. Sempre que você vir um ponto sólido, isso representa a cor de primeiro plano que está selecionada. Um círculo contornado em uma amostra de cor representa a cor do traço selecionada.

Sempre que as cores do traço e do preenchimento forem da mesma cor, você verá os dois círculos na mesma amostra (o pequeno ponto dentro do círculo contornado).

Mude sua paleta

As setas permitem que você role pelas cores na Paleta de cores, enquanto o ícone de hambúrguer permite que você selecione outra paleta

Você também pode percorrer as várias amostras disponíveis no Paleta de cores usando as setas para cima e para baixo no lado direito da paleta.

Além disso, você tem um pequeno menu de ícones de hambúrguer (o ícone de três linhas) à direita das setas. Este menu permite que você selecione entre algumas outras paletas de cores instaladas no Inkscape. Há também uma opção “Configurar” aqui para personalizar ainda mais suas paletas.

Barra de status do Inkscape

A barra de status do Inkscape exibe informações úteis para melhorar a experiência do usuário

Abaixo da paleta de cores, você tem o que é conhecido como Status Bar. Esta área do Inkscape exibe informações pertinentes para ajudar a melhorar sua experiência ao trabalhar com o Inkscape e também contém ícones com ações úteis.

Por exemplo, isso vai exibir (da esquerda para a direita) sua cor de preenchimento e traço, sua largura de traço, a opacidade do objeto selecionado atual e sua camada ativa atual. Você pode alternar a visibilidade da camada atual que você selecionou. Você pode bloquear ou desbloquear a camada atual.

Você também verá informações sobre objetos selecionados, bem como dicas úteis, incluindo atalhos e outros modificadores de teclas, que ajudam você a conhecer suas opções quando estiver trabalhando com certos objetos e fornecem orientação geral quando não tiver certeza do que fazer. Este é sempre um bom lugar para verificar quais opções você tem disponíveis.

Mais à direita, você tem suas coordenadas X e Y do seu mouse. Você tem seu nível de zoom. E então você tem a rotação em graus da sua página.

Encaixe do Inkscape

Os controles de encaixe alternam os objetos que se encaixam entre si, guias ou outros elementos

Você também tem algumas áreas ocultas dentro do layout do Inkscape. Por exemplo, no canto superior direito da interface do usuário do Inkscape, temos nosso controles de encaixe, denotado pelo ícone de ímã. Você pode alternar o snapping ligado ou desligado clicando neste ícone.

Modo de encaixe simples

O modo de encaixe simples fornece algumas opções para alternar certas configurações de encaixe

Ao lado do ícone de encaixe, há uma seta suspensa com opções adicionais para personalizar as configurações de encaixe. A caixa de seleção “Enable Snapping” é a mesma que clicar no ícone de encaixe – isso alternará todas as últimas configurações de encaixe do usuário entre ligadas ou desligadas.

Quando esse ícone de encaixe estiver habilitado, você poderá ter três opções diferentes habilitadas simultaneamente ou poderá desativar qualquer uma dessas três opções, se desejar.

Modo avançado de encaixe

Na parte inferior desta janela há um link chamado “Modo avançado”. Clicar nele o levará para outra janela com ainda mais opções de personalização, permitindo que você seja mais granular com seus controles de encaixe.

O modo avançado permite que você obtenha detalhes com as configurações dos controles de encaixe

Você pode habilitar o encaixe em interseções de caminho, em linhas perpendiculares, linhas tangenciais, na base do texto. Você pode habilitar ou desabilitar o encaixe em linhas de grade. Então, há realmente uma tonelada de opções. Há outro link na parte inferior desta caixa de diálogo que permite que você reverta para a versão mais simplificada do encaixe. Basta clicar em “Redefinir para modo de encaixe simples” e isso o levará de volta para a caixa de diálogo original para encaixe.

À medida que você ganha mais experiência com o Inkscape, provavelmente vai querer usar esses recursos de ajuste mais avançados.

Área de encaixe do Inkscape

Clicar no ícone “Camadas e Objetos” na Barra de Comandos abre uma caixa de diálogo na Área de Ancoragem

A última área que quero cobrir do layout do Inkscape é o Área de atracação, que é a área à direita da Área da Página onde os diálogos aparecem. Então, por exemplo, chegando à barra de comandos, clicarei no ícone para abrir o diálogo Camadas e Objetos.

Esta área onde esses diálogos abrem é conhecida como Docking Area. Você pode aumentar ou diminuir o tamanho dos diálogos nesta área clicando com o mouse ao longo da borda esquerda e arrastando-a para fora ou para dentro. Você também pode ter vários diálogos abertos simultaneamente.

Várias guias podem ser abertas na área de encaixe do Inkscape

Por exemplo, deixe-me abrir Alinhar e Distribuir. Agora temos dois diálogos abertos aqui, e posso clicar nas guias para alternar entre eles (destacados em vermelho na imagem acima). Esses diálogos não fecham automaticamente quando você termina de usá-los. Então, às vezes, você pode encontrar vários diálogos empilhados aqui e isso pode desorganizar sua interface de usuário enquanto você está trabalhando. Clique no "X" no canto da guia ativa para fechar esse diálogo.

Mostrar/Ocultar Elementos da IU

A interface de usuário do Inkscape é altamente personalizável. E uma maneira de personalizar a interface de usuário é mostrar ou ocultar qualquer uma das áreas que acabei de cobrir. Você pode fazer isso indo em Exibir>Mostrar/Ocultar.

Aqui você verá todas as áreas que acabamos de cobrir. Então, por exemplo, se você não quiser mais que a Commands Bar apareça, podemos clicar naquele item e ele desmarcará a visibilidade daquele item. Agora a barra de comandos desapareceu.

Além disso, se você notar que talvez uma das áreas que cobrimos neste vídeo esteja faltando para você, ela pode estar oculta nesta área. Vá para Exibir>Mostrar/Ocultar e veja se alguma dessas áreas está desmarcada e simplesmente clique naquele item para marcá-lo e, portanto, torná-lo visível.

É isso para este artigo. Se você gostou, pode conferir meus outros Tutoriais do Inkscape.


Aprender a usar o Inkscape e suas diversas ferramentas/recursos pode ser um grande desafio, especialmente quando você quer apenas se concentrar em criar designs atraentes para seus projetos.

Há apenas uma quantidade limitada de informações que posso compartilhar em artigos de blog e tutoriais em vídeo, e é por isso que reuni meu Inkscape: Do iniciante ao profissional em Inkscape e design gráfico curso. Este curso é uma educação aprofundada sobre o Inkscape e como você pode usá-lo para criar designs vetoriais profissionais para seu próprio negócio, projetos pessoais ou para seus clientes.

Por um tempo limitado, você pode obter este curso de mais de 6 horas com mais de 60 videoaulas com um grande desconto! No curso, você aprenderá conceitos importantes como:

  • Como dominar o Inkscape
  • O layout do Inkscape e seus recursos mais importantes
  • Como dominar as ferramentas Caneta e Nó para criar ilustrações vetoriais
  • Como combinar formas usando a popular ferramenta Shape Builder
  • Como criar um design de logotipo vetorial no Inkscape
  • Como criar designs vetoriais profissionais para a web e mídias sociais

Já ensinei mais de 17,000 alunos como você a finalmente dominar software livre e de código aberto e levar suas habilidades para o próximo nível.

Embora o curso seja novo, os alunos já estão dizendo coisas positivas e deram ao curso uma classificação geral de 4.8 estrelas. Então, o que você está esperando? É hora de finalmente comece sua jornada dominando o Inkscape, o software gratuito de design gráfico!

Anúncio de banner do curso Inkscape por Davies Media Design
Boletim informativo por e-mail de aplicativos criativos gratuitos da Davies Media Design

Assine o boletim informativo DMD

Inscreva-se para receber novos tutoriais, atualizações de cursos e as últimas notícias sobre seus aplicativos criativos gratuitos favoritos!

Você se inscreveu com sucesso!