inkscape tutorial basico

Este tutorial demonstra o funcionamento b�sico do Inkscape. � um documento regular que voc� pode ver, editar, copiar dele, ou gravar.

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 tra�o, 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� pode tamb�m arrastar a lousa com o bot�o do meio do mouse. � poss�vel tamb�m 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 com o bot�o do meio ou Ctrl+clique com o bot�o direito para aumentar o zoom, Shift+clique com o bot�o do meio ou Shift+clique com o bot�o direito para diminuir o zoom, ou gire a roda do mouse com Ctrl. Ainda, voc� pode clicar no campo do zoom (no canto esquerdo inferior da janela do documento), digitar um valor do zoom preciso em %, e pressionar Enter. Tamb�m temos a ferramenta Ampliar ou reduzir n�vel de Zoom (na barra Caixa de Ferramentas � esquerda) que te permite dar um zoom em uma �rea arrastando o cursor sobre ela.

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 Estado 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 > Teclas e Atalhos para ver a refer�ncia completa.

Criando e administrando documentos

Para criar um documento novo vazio, use Arquivo > Novo ou pressione Ctrl+N. Para abrir um documento SVG existente, use Arquivo > Abrir (Ctrl+O). Para salvar, use Arquivo > Salvar (Ctrl+S), ou Salvar Como (Shift+Ctrl+S) para salvar com um nome novo. (O Inkscape pode ser inst�vel, logo lembre de salvar freq�entemente!)

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 textos ou de XML (isto �, al�m do editor do Inkscape). 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 (por exemplo, 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.)

Criando formas

Hora para algumas formais legais! Clique na ferramenta Ret�ngulo na barra Caixa de Ferramentas (ou pressione F4) e 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 tra�o preto (contorno), e em parte transparente. Veremos como mudar isso abaixo. Com outras ferramentas, voc� pode tamb�m criar elipses, estrelas e espirais:

Estas 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 responde. 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 deSele��o (ou seletor). Clique no bot�o mais alto (em forma de cursor) na barra Caixa de Ferramentas, ou pressione F1 ou Barra de Espa�o. Agora voc� pode selecionar qualquer objeto na tela. Clique no ret�ngulo abaixo.

Voc� ver� oito al�as em forma de seta aparecerem 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� pode tamb�m usar os campos num�ricos na barra Controles de Ferramenta (acima da lousa) para configurar valores exatos para as coordenadas (X e Y) e tamanho (W e H) da sele��o.

Transformando com as teclas

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 (teclas [ 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% o original, respectivamente. Por padr�o, rota��es s�o feitas com incrementos de 15 graus; com Ctrl, voc� gira 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, n�o confunda 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+setas 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 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: usu�rios do Linux podem n�o obter os resultados esperados com a combina��o Alt+setas 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 gerenciador de janelas.

Sele��es M�ltiplas

Voc� pode selecionar qualquer quantidade de objetos simultaneamente clicando sobre juntamente com Shift. Ainda mais, voc� pode arrastar o cursor em volta dos objetos que deseja selecionar; isto se chama sele��o el�stica. (O seletor cria 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 sempre criar� a sele��o el�stica.) Pratique selecionando todas as tr�s formas abaixo:

Agora, use a sele��o el�stica (pelo arrasto ou 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. Estas 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+Clique 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.

Pressionando Esc desfaz a selec�o de qualquer objeto selecionado. Ctrl+A seleciona todos os objetos na camada atual (se voc� n�o criou camadas, isto � o mesmo que todos os objetos no documento).

Agrupando

V�rios objetos podem ser combinados em um grupo. Um grupo se comporta como um objeto �nico quando voc� arrasta ou transforma-o. 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 por-se 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 tem que necessariamente desagrupar, a n�o ser que voc� queira editar um objeto dentro de um grupo. Apenas Ctrl+Clique sobre o objeto e este ser� selecionado e edit�vel sozinho, ou Shift+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�-lo, depois desfa�a a sele��o e selecione o grupo normalmente para ver que ele ainda permanece agrupado.

Preenchimento e tra�o

Muitas das fun��es do Inkscape est�o dispon�veis atrav�s das caixas de di�logos. Provavelmente a maneira mais simples de pintar um objeto de alguma cor � abrir a caixa de di�logos Modelos de Cores do menu Objetos, selecionar um objeto, e clicar em um modelo de cor para pint�-lo (modifica sua cor de preenchimento).

Mais poderosa � a caixa de di�logos Preenchimento e Tra�o (Shift+Ctrl+F). Selecione a forma abaixo e abra a caixa de di�logos Preenchimento e Tra�o.

Voc� ver� que a caixa tem tr�s abas: Preencher, Pintura de tra�o e Estilo de tra�o. 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 lisa, bem como gradientes lineares ou radiais. Para a forma acima, o bot�o de cor lisa ser� ativado.

Mais abaixo, voc� v� uma cole��o de seletores de cores, cada um em sua pr�pria aba: RGB, CMYK, HSL, e Roda. Talvez o mais pr�tico seja o seletor Roda, onde voc� pode girar o tri�ngulo para escolhar 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 tra�o 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 Pintura de tra�o, voc� pode remover o tra�o (contorno) do objeto, ou atribuir qualquer cor ou transpar�ncia:

A �ltima aba, Estilo de tra�o, te permite configurar a largura e outros par�metros do tra�o:

Finalmente, no lugar de cor lisa, voc� pode usar gradientes para preenchimentos e/ou tra�os:

Quando voc� muda de cor lisa para gradiente, o gradiente rec�m criado usar� a cor lisa 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 Tra�o 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 a cor do tra�o).

Duplica��o, alinhamento, distribui��o

Uma das opera��es mais comuns � a de duplicar um objeto (Ctrl+D). O objeto duplicado � colocado exatamente acima do original e selecionado, assim voc� pode arrast�-lo com o mouse ou pelas setas do teclado. Para praticar, tente preencher a linha com c�pias deste 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 (Ctrl+Shift+A). Selecione todos os quadrados (Shift+clique ou fa�a uma sele��o el�stica), 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 paira o mouse sobre os bot�es). Agora os objetos est�o alinhados caprichosamente 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 se refere a ordem de empilhamento de objetos em um desenho, ou seja, a que objetos est�o no topo e obscurecem os outros. Os dois comandos no menu Objeto, Levantar no Topo (tecla Home) e Abaixar para o Fundo (tecla End), mover� os objetos selecionados para a parte mais alta ou mais baixa da superposi��o dos objetos. Dois outros comandos, Levantar (PgUp) e Abaixar (PgDn), abaixar� ou levantar� a sele��o em apenas um passo, ou seja, move para cima um objeto n�o selecionado na superposi��o (apenas objetos que sobrep�em a sele��o contam; se nada sobrep�e a sele��o, Levantar e Abaixar move-a completamente para cima ou para baixo respectivamente).

Pratique usando estes comandos revertendo 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. Uma vez que os objetos que voc� cria s�o adicionados ao topo da pilha, 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.

Selecionando o objeto de baixo e arrastando

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, n�o o que voc� precisa.

Para isto � que serve 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, etc. Assim, v�rios Alt+cliques sucessivos navegar�, de cima a 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 selecionar�, naturalmente, o objeto do topo novamente.

[If you are on Linux, you might find that Alt+click does not work properly. Instead, it might be moving the whole Inkscape window. This is because your window manager has reserved Alt+click for a different action. The way to fix this is to find the Window Behavior configuration for your window manager, and either turn it off, or map it to use the Meta key (aka Windows key), so Inkscape and other applications may use the Alt key freely.]

Isto � bom, mas uma vez que voc� selecionou um objeto que est� coberto por outro, o que voc� pode fazer com ele? Usar as teclas para transform�-lo, e arrastar as al�as de sele��o. No entanto, ao arrastar o pr�prio objeto, a sele��o do objeto do topo ser� retomada (para isto � que clicar-e-arrastar foi projetado ? seleciona o objeto (do topo) sob o cursor primeiro, depois arrasta a sele��o). Para dizer ao Inkscape para arrastar o que est� selecionado agora sem selecionar mais nada, use Alt+arrastar. Isto mover� a sele��o atual n�o importa de onde voc� arraste seu mouse.

Pratique Alt+clique e Alt+arrastar nas duas formas marrons que est�o abaixo do ret�ngulo transparente verde:

Conclus�o

Isto conclui o tutorial B�sico. Tem 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 outros em Ajuda > Tutoriais.