Inkscape tutorial: Bàsic

Inkscape

Tutorial | Bàsic

Aquest tutorial us mostrarà l'ús bàsic de l'Inkscape. Si l'heu obert des del menú Ajuda de l'Inkscape, aquest és un document normal i corrent que podeu visualitzar, editar o copiar. També podeu desar-ne una còpia en l'ubicació que trieu.

El tutorial bàsic cobreix el desplaçament i l'ampliació, la gestió de documents, les eines de forma, la transformació d'objectes amb el selector, les tècniques de selecció, l'agrupació, la configuració de l'emplenat i el contorn, l'alineació i l'ordenació en z. Per a temes més avançats, consulteu els altres tutorials al menú d'Ajuda.

Desplaçament de l'àrea de dibuix

Hi ha vàries maneres de desplaçar l'àrea de dibuix. Proveu-ho amb les tecles Ctrl+fletxa per a desplaçar-la amb el teclat (proveu de moure aquest document cap avall). També podeu arrossegar-la amb el botó central del ratolí. O podeu usar les barres de desplaçament (premeu Ctrl+B per a veure-les o amagar-les). També funciona el desplaçament vertical amb la rodeta del vostre ratolí; i si premeu Maj, l'horitzontal.

Ampliació i reducció

La manera més fàcil d'ampliar/reduir és amb les tecles - i + (o =). També podeu usar Ctrl+botó central o Ctrl+botó dret per a ampliar, Maj+botó central o Maj+botó dret per a allunyar, o girant la rodeta del ratolí amb Ctrl. També fent clic al camp d'entrada d'ampliació (a l'angle inferior dret de la finestra del document, amb l'etiqueta «Z»), introduïu un valor precís en %, i premeu Entrar. També tenim l'eina d'ampliació (a la barra d'eines de l'esquerra) que us permet ampliar una zona emmarcant-la.

L'Inkscape també manté un historial dels nivells d'ampliació que s'han utilitzat. Premeu la tecla ` per a anar a l'ampliació anterior, o Maj+` per anar a la següent.

Les eines de l'Inkscape

The 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. 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.

Es pot accedir a moltes operacions mitjançant dreceres de teclat. Obriu AjudaReferència del teclat i ratolí per a veure la llista de dreceres disponibles.

Creació i gestió de documents

Per a crear un document buit nou, utilitzeu FitxerNou o premeu Ctrl+N. Per a crear un document nou des d'una de les moltes plantilles del Inkscape, utilitzeu FitxerNou des d'una plantilla... o premeu Ctrl+Alt+N.

Per a obrir un document SVG existent, utilitzeu FitxerObre (Ctrl+O). Per a desar-lo, utilitzeu FitxerDesa (Ctrl+S), o FitxerAnomena i desa (Maj+Ctrl+S) per a desar-lo amb un nom nou (tot i que l'Inkscape s'instal·la amb el desament automàtic activat, és recomanable que seguiu la bona pràctica de «deseu aviat, deseu sovint»).

L'Inkscape utilitza el format SVG (Gràfics Vectorials Escalables) per als seus fitxers. L'SVG és un estàndard obert àmpliament compatible amb el programari d'imatges. Els fitxers SVG es basen en XML i es poden editar amb qualsevol editor de text o d'XML (a banda d'amb l'Inkscape, és clar). A més de l'SVG, l'Inkscape pot importar i exportar molts altres tipus de formats. Podeu trobar la llista de formats compatibles en els diàlegs Desa i Importa.

Inkscape opens a separate document window for each document. You can navigate among them using your window manager (e.g. by Alt+Tab), or you can use the Inkscape shortcut, Ctrl+Tab, which will cycle through all open document windows. (Create a new document now and switch between it and this document for practice.) Note: Inkscape treats these windows like tabs in a web browser, this means the Ctrl+Tab shortcut only works with documents running in the same process. If you open multiple files from a file browser or launch more than one Inkscape process from an icon it may not work.

Creació de formes

Time for some nice shapes! Click on the Rectangle tool in the toolbar on the left (or press R) and click-and-drag, either in a new empty document or right here:

Com podeu veure, els rectangles predefinits tenen un emplenament blau i un traç (contorn) negre, i completament opacs. Tot seguit veurem com canviar això. Amb les altres eines també podeu crear el·lipsis, estreles i espirals:

Aquestes eines es coneixen col·lectivament com a eines de forma. Cada forma que creeu mostra una o més nanses. Proveu d'arrossegar-les per a veure com respon la forma. La barra de controls d'eines d'una eina de forma és una altra manera de transformar-ne una; aquests controls afecten les formes seleccionades (p. ex., aquelles que mostren les nanses) i tanbé estableixen els paràmetres que s'aplicaran a les formes noves que hi creeu.

To undo your last action, press Ctrl+Z. (Or, if you change your mind again, you can redo the undone action by Ctrl+Shift+Z.)

Moviment, escalat, gir

The 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.

Veureu com apareixen vuit nanses en forma de fletxa al voltant de l'objecte. Ara podeu:

  • Moure l'objecte arrossegant-lo (premeu Ctrl per limitar el moviment a horitzontal i vertical).

  • Escalar l'objecte arrossegant qualsevol nansa (premeu Ctrl per conservar la relació alçada/amplada original).

Ara torneu a fer clic en el rectangle. Les nanses canvien. Ara podeu:

  • Girar l'objecte arrossegant les nanses dels cantons (amb Ctrl limiteu la rotació a passos de 15 graus. Arrossegueu la creu per a posicionar el centre de rotació).

  • Esbiaixar (cisallar) l'objecte arrossegant les nanses dels costats (amb Ctrl limiteu l'esbiaixat a passos de 15 graus).

Mentre treballeu amb el Selector, també podeu utilitzar els camps d'entrada numèrica de la barra de controls d'eines (a la part superior del dibuix) per a introduir valors exactes per a les coordenades (X i Y) i la mida (alçada i amplada) de la selecció.

Transformació mitjançant tecles

Una de les característiques de l'Inkscape que el fa diferent de la majoria d'editors vectorials és l'èmfasi en l'accessibilitat pel teclat. Difícilment trobarem cap ordre o acció que no es pugui fer des del teclat, i la transformació d'objectes no és cap excepció.

Podeu usar el teclat per a moure (tecles de fletxa), escalar (tecles < i >), i girar (tecles [ i ]) objectes. Els moviments i les escales predefinits són per 2 px; amb Maj., moveu 10 vegades més. Ctrl+> i Ctrl+< amplien o redueixen al 200% o al 50% de l'original, respectivament. Els girs predefinits són de 15º, i amb Ctrl, de 90º.

Però potser les més útils són les transformacions a escala de píxel, que s'invoquen prement Alt amb les tecles de transformació. Per exemple, Alt+fletxes mourà la selecció 1 píxel de pantalla (per exemple, 1 píxel del vostre monitor). Això significa que si amplieu, podeu moure objectes amb una precisió molt gran, si utilitzeu Alt amb la drecera de teclat. Al contrari, si reduïu, la precisió serà menor quan utilitzeu la tecla Alt. Podeu variar quina precisió necessiteu per a la tasca que esteu fent utilitzant nivells diferents d'ampliació o reducció.

De manera similar, Alt+> i Alt+< escalen la selecció de tal manera que la seva mida visible varia un píxel, i Alt+[ i Alt+] la giren de tal manera que el seu punt més allunyat del centre es mou un píxel.

Nota: els usuaris de Linux podrien no obtenir els resultats esperats amb Alt+fletxa i algunes altres combinacions de tecles si el gestor de finestres captura aquests esdeveniments abans que arribin a l'Inkscape (i els utilitza per a fer coses com canviar d'espai de treball). Una solució seria canviar la configuració del gestor de finestres.

Seleccions múltiples

You can select any number of objects simultaneously by Shift+clicking them. Or, you can drag around the objects you need to select; this is called rubberband selection. (Selector creates rubberband when dragging from an empty space; however, if you press Shift before starting to drag, Inkscape will always create the rubberband.) By holding down Alt, you can turn the Selector tool into a pencil that you can use to draw on the objects you want to select. Practice by selecting all three of the shapes below:

Ara, useu la cinta de goma (arrossegant-hi o amb Maj+arrossegar) per a seleccionar les dues el·lipsis, però no el rectangle:

Cada objecte individual dins d'una selecció mostra una petita marca; per defecte, un diamant rectangular. Aquestes marques fan que sigui fàcil veure d'una ullada què hi ha seleccionat i què no. Per exemple, si seleccioneu les dues el·lipsis i el rectangle, sense les marques de diamant us seria difícil endevinar si les el·lipsis estan seleccionades o no.

Fent Maj+clic sobre un objecte seleccionat, se l'exclou de la selecció. Seleccioneu els tres objectes anteriors i després utilitzeu Maj+clic per a excloure les dues el·lipsis de la selecció i deixar només el rectangle.

Prement Esc es desfà la selecció de tots els objectes. Ctrl+A selecciona tots els objectes de la capa actual (si no n'heu creada cap, és igual que tots els objectes del document). El comportament predefinit de la drecera Ctrl+A es por ajustar a la configuració.

Agrupació

Poden combinar-se diversos objectes en un grup. Un grup es comporta com un únic objecte quan l'arrossegueu o el transformeu. A sota, els tres objectes de l'esquerra són independents; els mateixos tres objectes a la dreta estan agrupats. Proveu d'arrossegar el grup.

Per a crear un grup, seleccioneu un o més objectes i feu Ctrl+G. Per a desfer un o més grups, seleccioneu-los i premeu Ctrl+U. També es pot accedir a aquestes accions fent clic dret, al menú Objecte o a la barra d'ordres. Els propis grups poden agrupar-se, com qualsevol altre objecte; aquests grups recursius poden descendir fins a un nivell d'agrupació indefinit. Tot i això, Ctrl+U només desfà el nivell superior d'agrupació en una selecció. Si voleu desfer completament una agrupació de grups en grups de molts nivells, haureu de fer Ctrl+U repetidament (o utilitzar ExtensionsOrganitzaDesagrupació profunda).

Si voleu editar un objecte de dins d'un grup, no cal que desfeu el grup. Només cal que feu Ctrl+clic sobre aquest objecte per a seleccionar-lo i el podreu editar individualment, o feu Maj+Ctrl+clic sobre diversos objectes (dins o fora de qualsevol grup) per a una selecció múltiple sense tenir en compte els grups.

També podeu fer doble clic en un grup, per a entrar-hi i accedir a tots els objectes de dins sense desfer el grup. Feu doble clic en qualsevol àrea buida del dibuix per a abandonar el grup.

Proveu de moure o transformar les formes individuals del grup (a dalt a la dreta) sense desfer el grup, després desfeu la selecció i seleccioneu el grup normalment per a veure que encara queda agrupat.

Emplenament i contorn

Probablement, la manera més simple de pintar a un objecte una mica de color és seleccionar-lo i fer clic en una mostra (camp de color) en la paleta de sota el dibuix per a pintar-lo (canviar el color del seu emplenament).

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 menu icon in its bottom right corner, select an object, and click any swatch to fill the object (change its fill color).

Més potent és el diàleg «Emplenament i traç» del menú Objecte (o premeu Maj+Ctrl+F). Seleccioneu la forma de sota i obriu el diàleg «Emplenament i traç».

Veureu que el diàleg té tres pestanyes: Emplenament, Color del contorn i Estil del contorn. La pestanya Emplenament permet editar l'emplenament (interior) dels objectes seleccionats. Utilitzant els botons de sota la pestanya podeu seleccionar els tipus d'emplenament: sense emplenat (el botó amb la X), un únic color, així com degradat lineal o radial. La forma anterior té activada el botó corresponent a un únic color.

Further below, you see the color picker. You can choose between different types of color pickers in the dropdown menu on the right side above the color picker: RGB, CMYK, HSL, and more. You can also turn on an additional Wheel picker for some of these, where you can rotate a 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.

Quan seleccioneu un objecte, el selector de color s'actualitza amb el seu emplenament i contorn (quan se selecciona més d'un objecte, es mostra el seu color mitjà). Jugueu amb aquestes mostres o creeu la vostra pròpia:

Utilitzant la pestanya Color del traç podeu eliminar el traç (contorn) de l'objecte, o assignar-li qualsevol color o transparència:

L'última pestanya, Estil del traç, us permet definir el gruix i altres paràmetres del traç:

Finalment, en comptes d'un únic color, podeu crear degradats de color tant per als emplenaments com per als traços:

When you switch from flat color to gradient, the newly created gradient uses the previous flat color, going from opaque to transparent. The Fill and Stroke dialog will change to show the Gradient editor. Switch to the Gradient tool (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 Gradient Editor displays the color of that handle and allows you to change it.

Yet another convenient way to change the color of an object is by using the Dropper tool (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).

Duplicació, alineació, distribució

Una de les operacions més comunes és duplicar un objecte (Ctrl+D). El duplicat se situa exactament al damunt de l'original i està seleccionat, de manera que el podeu arrossegar amb el ratolí o les tecles de fletxa. Per a practicar, proveu d'afegir còpies d'aquest quadrat negre un al costat de l'altre en línia:

Chances are, your copies of the square are placed more or less randomly. This is where the ObjectAlign 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 “Distribute horizontally with even horizontal gaps” 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:

Ordenació en Z

El terme ordenació en z es refereix a l'ordre d'apilament dels objectes en un dibuix, és a dir, a quins objectes són a dalt i tapen d'altres, de manera que els objectes del fons no són (completament) visibles. Les dues ordres al menú Objecte, Puja al capdamunt (la tecla Inici) i Baixa al capdavall (la tecla Fi), mouran els objectes seleccionats a dalt de tot o a sota de tot de l'ordenació en z de la capa actual. Dues ordres més, Puja (AvPg) i Baixa (RePg), enfonsaran o aixecaran la selecció només un pas, és a dir, la mouran sobre o sota un objecte no seleccionat en l'ordenació en z (només compten els objectes amb superposició, basant-se en les seves caixes d'ancoratge respectives).

Practiqueu aquestes ordres invertint l'ordre en z dels objectes següents, de forma que l'el·lipsi de més a l'esquerra quedi a dalt de tot i la de més a la dreta a sota de tot:

Una drecera de selecció molt útil és la tecla Tab. Si no hi ha res seleccionat, se selecciona l'objecte del capdavall; en cas contrari se selecciona l'objecte per sobre de l'objecte seleccionat en l'ordre z. Maj+Tab ho fa a l'inrevés, començant des del capdamunt i baixant cap avall. Ja que els objectes creats s'afegeixen al damunt de la pila, en fer Maj+Tab sense que hi hagi res seleccionat us permet seleccionar convenientment el darrer objecte creat. Practiqueu amb Tab i Maj+Tab a la pila d'el·lipsis de dalt.

Selecció per sota i arrossegar la selecció

Què podeu fer si l'objecte que necessiteu està amagat darrere un altre objecte? Encara podrieu veure l'objecte de sota si el de sobre és (parcialment) transparent, però en clicar al damunt seleccionareu l'objecte de sobre, no pas el que necessiteu.

Per a això serveix Alt+clic. Primer Alt+clic selecciona l'objecte que hi ha més amunt, com faria un clic normal. En canvi, el següent Alt+clic en el mateix punt seleccionarà l'objecte que hi ha a sota del superior; després el següent, etc. Per tant, Alt+clic consecutius faran un bucle de dalt a baix per tot l'ordre z de la pila d'objectes del punt on feu clic. Quan s'arriba a l'objecte del capdavall, el següent Alt+clic seleccionarà, com és natural, l'objecte del capdamunt.

[Si esteu en Linux, podeu trobar-vos que Alt+clic no funciona correctament. Per contra, podria moure tota la finestra de l'Inkscape. Això ocorre perquè el gestor de finestres ha reservat la drecera Alt+clic per a una acció diferent. La manera de solucionar-ho és trobar la configuració del comportament de la finestra al gestor de finestres, i o bé desconnectar-ho, o bé assignar-li la tecla Meta (coneguda com a tecla del Windows), i així l'Inkscape i altres aplicacions poden usar la tecla Alt amb llibertat].

Tot això està molt bé, però un cop seleccionat l'objecte de sota, què podem fer-li? Podem utilitzar tecles per a transformar-lo, i podem arrossegar les nanses de selecció. Però en arrossegar el propi objecte es tornarà a reiniciar la selecció a l'objecte de dalt de tot (així és com ha de funcionar la funció de fer clic i arrosegar: primer selecciona l'objecte (de dalt de tot) sota el cursor, seguidament arrossega la selecció). Per a dir-li a l'Inkscape que arrossegui el que ja hi ha seleccionat sense seleccionar res més, useu Alt+arrossegar. Això mourà la selecció actual independentment d'on arrossegueu el ratolí.

Practiqueu el Alt+clic i el Alt+arrossegar en les dos formes marrons sota el rectangle verd transparent:

Selecció d'objectes similars

L'Inkscape pot seleccionar altres objectes similars a l'objecte seleccionat actualment. Per exemple, si voleu seleccionar tots els quadrats blaus de sota, seleccioneu primer un dels quadrats blaus i useu EditaSelecciona el mateixColor de l'emplenament des del menú (clic dret en l'àrea de dibuix). Se seleccionaran tots els objectes amb el mateix color d'emplenat blau.

A més de poder seleccionar pel color d'emplenament, podeu seleccionar objectes similars pel color del traç, l'estil del traç, emplenament i traç, o bé tipus d'objecte. Si no sou prou opcions per al vostre cas d'ús, proveu d'utilitzar el diàleg EditaCerca i reemplaça.

Conclusió

Amb això s'acaba el tutorial bàsic. Hi ha encara molt més sobre l'Inkscape, però amb les tècniques descrites aquí podreu crear gràfics simples i útils. Per a aprendre'n més, us recomanem que feu el Tutorial Avançat i els altres tutorials que trobareu en AjudaTutorials.

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

Translators: Francesc Dorca — 2003; Jordi Mas — 2015; Artur V. — 2020

Header / footer design: Esteban Capella — 2019