Tutorial | BásicoThis tutorial demonstrates the basics of using Inkscape. If you have opened it from the Inkscape Help menu, it is a regular Inkscape document that you can view, edit, or copy from. You can also save a copy to a location of your choice.The Basic Tutorial covers canvas navigation, managing documents, shape tool basics, selection techniques, transforming objects with selector, grouping, setting fill and stroke, alignment, and stacking order. For more advanced topics, check out the other tutorials in the Help menu.Navegando pela telaThere are many ways to pan (scroll) the document canvas. Try Ctrl+arrow keys to scroll by keyboard. (Try this now to scroll this document down.) You can also drag the canvas by the middle mouse button. Or, you can use the scrollbars (press Ctrl+B to show or hide them). The wheel on your mouse also works for scrolling vertically; press Shift and move the wheel to scroll horizontally.Aumentantdo e diminuindo o ZoomThe easiest way to zoom is by pressing - and + (or =) keys. You can also use Ctrl+middle click or Ctrl+right click to zoom in, Shift+middle click or Shift+right click to zoom out, or rotate the mouse wheel with Ctrl. Or, you can click in the zoom entry field (in the bottom right region of the document window, labelled “Z”), type a precise zoom value in %, and press Enter. We also have the Zoom tool (in the toolbar on left) which lets you to zoom into an area by dragging around it.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 InkscapeThe vertical toolbar on the left shows Inkscape's drawing and editing tools. Depending on your screen resolution, the Commands bar with general command buttons, such as “Save” and “Print”, can be found either in the top part of the window, right below the menu, or on the right side of the window, in between the scroll bar and the Snap Controls bar. Right above the white Canvas Area, there's the Tool Controls bar with controls that are specific to each tool. The status bar at the bottom of the window will display useful hints and messages as you work.Many operations are available through keyboard shortcuts. Open Help⇒Keys and Mouse Reference to see the complete list of available shortcuts.Criando e administrando documentosTo create a new empty document, use File⇒New or press Ctrl+N. To create a new document from one of Inkscape's many templates, use File⇒New from Template… or press Ctrl+Alt+N.To open an existing SVG document, use File⇒Open (Ctrl+O). To save, use File⇒Save (Ctrl+S), or File⇒Save As (Shift+Ctrl+S) to save under a new name. (While Inkscape comes with its Autosave feature enabled, it is still recommended that you follow the best practice to “save early, save often“.)Inkscape uses the SVG (Scalable Vector Graphics) format for its files. SVG is an open standard widely supported by graphic software. SVG files are based on XML and can be edited with any text or XML editor (apart from Inkscape, that is). Besides SVG, Inkscape can import and export many other file formats. You can find lists of the supported file formats in the Save and Import dialogs.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 formasTime for some nice shapes! Click on the Rectangle tool in the toolbar on the left (or press F4) and click-and-drag, either in a new empty document or right here:As you can see, default rectangles come up with a blue fill and a black stroke (outline), and fully opaque. We'll see how to change that below. With other tools, you can also create ellipses, stars, and spirals:These tools are collectively known as shape tools. Each shape you create displays one or more handles; try dragging them to see how the shape responds. The Tool Controls bar for a shape tool is another way to tweak a shape; these controls affect the currently selected shapes (i.e. those that display the handles) and set the default that will apply to newly created shapes.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, girandoThe most frequently used Inkscape tool is the Selector. Click the topmost button (with the arrow) on the toolbar, or press s, F1 or toggle the tool using Space. Now you can select any object on the canvas. Click on the rectangle below.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:•Rotate the object by dragging the corner handles. (Press Ctrl to restrict rotation to 15 degree steps. Drag the cross mark to position the center of rotation.)•Distorcer (tosar) o objeto arrastando as alças centrais. (Pressione Ctrl para restringir a distorção a incrementos de 15 graus.)While using the Selector, you can also use the numeric entry fields in the Tool Controls bar (above the canvas) to set exact values for coordinates (X and Y) and size (W and H) of the selection. Transformando com teclas de tecladoOne of the features that set Inkscape apart from most other vector editors is its emphasis on keyboard accessibility. There's hardly any command or action that is impossible to do from keyboard, and transforming objects is no exception. 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.However, perhaps the most useful are pixel-size transformations, invoked by using Alt with the transform keys. For example, Alt+arrows will move the selection by 1 screen pixel (i.e. a pixel on your monitor). This means that if you zoom in, you can move objects with very high precision, if you're using Alt with your keyboard shortcut. In reverse, when you zoom out, precision will be lower when you use the Alt key. Using different zoom levels, you can vary the amount of precision that you need for your current task.Similarly, Alt+> and Alt+< scale the selection so that its visible size changes by one screen pixel, and Alt+[ and Alt+] rotate it so that its farthest-from-center point moves by one screen pixel.Note: Linux users may not get the expected results with the Alt+arrow and a few other key combinations if their Window Manager catches those key events before they reach the Inkscape application (and uses it to do things like switching workspaces instead). One solution would be to change the Window Manager's configuration accordingly.Seleções MúltiplasVocê 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:Each individual object within a selection displays a selection cue — by default, a dashed rectangular frame. These cues make it easy to see at once what is selected and what is not. For example, if you select both the two ellipses and the rectangle, without the cues you would have a hard time guessing whether the ellipses are selected or not.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.Pressing Esc deselects all selected objects. Ctrl+A selects all objects in the current layer (if you did not create any layers, this is the same as all objects in the document). The default behavior of the Ctrl+A shortcut can be adjusted in the preferences.AgrupandoDois 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.To create a group, select one or more objects and press Ctrl+G. To ungroup one or more groups, select them and press Ctrl+U. These actions are also accessible by right click, the Object menu, or the Commands bar. Groups themselves may be grouped, just like any other objects; such nested groups may go down to arbitrary depth. However, Ctrl+U only ungroups the topmost level of grouping in a selection; you'll need to press Ctrl+U repeatedly if you want to completely ungroup a deep group-in-group (or use Extensions⇒Arrange⇒Deep Ungroup).You don't necessarily have to ungroup, however, if you want to edit an object within a group. Just Ctrl+click that object and it will be selected and editable alone, or Shift+Ctrl+click several objects (inside or outside any groups) for multiple selection regardless of grouping.You can also double-click on a group, to enter it and access all the objects inside without ungrouping. Double-click on any empty canvas area to leave the group again.Try to move or transform the individual shapes in the group (above right) without ungrouping it, then deselect and select the group normally to see that it still remains grouped. Preenchimento e contornoProbably the simplest way to paint an object some color is to select an object, and click a swatch (color field) in the palette below the canvas to paint it (change its fill color).Alternatively, you can open the Swatches dialog from the View menu (or press Shift+Ctrl+W), select the palette that you want to use after clicking on the little triangle in its top right corner, select an object, and click any swatch to fill the object (change its fill color).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.You will see that the dialog has three tabs: Fill, Stroke paint, and Stroke style. The Fill tab lets you edit the fill (interior) of the selected object(s). Using the buttons just below the tab, you can select types of fill, including no fill (the button with the X), flat color fill, as well as linear or radial gradients. For the above shape, the flat fill button will be activated. Further below, you see a collection of color pickers, each in its own tab: RGB, CMYK, HSL, and Wheel. Perhaps the most convenient is the Wheel picker, where you can rotate the triangle to choose a hue on the wheel, and then select a shade of that hue within the triangle. All color pickers contain a slider labelled “A“ to set the alpha (opacity) of the selected color.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:Finally, instead of a flat color, you can use gradients for fills and/or strokes:When you switch from flat color to gradient, the newly created gradient uses the previous flat color, going from opaque to transparent. Switch to the Gradient tool (Ctrl+F1 or just G) to drag the gradient handles — the controls connected by lines that define the direction and length of the gradient. When any of the gradient handles is selected (highlighted blue), the Fill and Stroke dialog sets (and displays) the color of that handle instead of the color of the entire selected object.Yet another convenient way to change the color of an object is by using the Dropper tool (F7 or D). Just click anywhere in the drawing with that tool, and the color you clicked on will be assigned to the selected object's fill (Shift+click will assign the stroke color).Duplicação, alinhamento, distribuiçãoOne of the most common operations is duplicating an object (Ctrl+D). The duplicate is placed exactly on top of the original and is selected, so you can drag it away by mouse or by arrow keys. For practice, try to add copies of this black square in a line next to each other:Chances are, your copies of the square are placed more or less randomly. This is where the Object⇒Align and Distribute dialog (Shift+Ctrl+A) is useful. Select all the squares (Shift+click or drag a rubberband), open the dialog and press the “Center on horizontal axis” button, then the “Make horizontal gaps between objects equal” button (read the button tooltips). The objects are now neatly aligned and distributed with equal spaces in between. Here are some other alignment and distribution examples:Ordem-Z (ou superposição)The term z-order refers to the stacking order of objects in a drawing, i.e. to which objects are on top of other objects, and cover them, so the bottom objects are not (completely) visible. The two commands in the Object menu, Raise to Top (the Home key) and Lower to Bottom (the End key), will move your selected objects to the very top or very bottom of the current layer's z-order. Two more commands, Raise (PgUp) and Lower (PgDn), will sink or emerge the selection one step only, i.e. move it past one non-selected object in z-order (only objects that overlap the selection count, based on their respective bounding boxes).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 selecionadoO 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.This is what Alt+click is for. First Alt+click selects the top object, just like the regular click. However, the next Alt+click at the same point will select the object below the top one; the next one, the object still lower, etc. Thus, several Alt+clicks in a row will cycle, top-to-bottom, through the entire z-order stack of objects at the click point. When the bottom object is reached, next Alt+click will, naturally, again select the topmost object.[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.]This is nice, but once you selected an under-the-surface object, what can you do with it? You can use keys to transform it, and you can drag the selection handles. However, dragging the object itself will reset the selection to the top object again (this is how click-and-drag is designed to work — it selects the (top) object under the cursor first, then drags the selection). To tell Inkscape to drag what is selected now, without selecting anything else, use Alt+drag. This will move the current selection, no matter where you drag your mouse.Pratique Alt+clique e Alt+arraste nas duas formas marrons sob o retângulo verde transparente:Selecionando objetos semelhantesInkscape can select other objects that are similar to the object that is currently selected. For example, if you want to select all the blue squares below, first select one of the blue squares, and use Edit⇒Select Same⇒Fill Color from the menu (right-click on the canvas). All objects with the same blue fill color are now selected.In addition to selecting by fill color, you can select multiple similar objects by stroke color, stroke style, fill & stroke, and object type. If these are not enough choices for your use case, try using the Edit⇒Find/Replace dialog.ConclusãoThis concludes the Basic tutorial. There's much more than that to Inkscape, but with the techniques described here, you will already be able to create simple yet useful graphics. To learn more, we recommend going through the “Inkscape: Advanced” tutorial and the other tutorials in Help⇒Tutorials.Bulia Byak; Jonathan Leighton; Ralf Stephan; Bryce Harrington; Alexandre Prokoudine; Colin Marquardt; Josh Andler; Nicolas Dufour; Maren Hachmann; Gellért GyurisThiago Pimentel — 2006; Thiago Masato Costa Sueto — 2019; Victor Westmann — 2019Esteban Capella — 2019