Inkscape tutorial: Trucchi

Questo tutorial dimostrerà vari trucchi che gli utenti hanno imparato nell'uso di Inkscape e qualche caratteristica "nascosta" che può aiutarti a velocizzare la produzione.

Piazzamento radiale mediante "Cloni in serie"

It's easy to see how to use the Create Tile Clones dialog for rectangular grids and patterns. But what if you need radial placement, where objects share a common center of rotation? It's possible too!

Se il tuo motivo radiale deve avere solo 3,4,6,8 o 12 elementi, puoi provare con le simmetrie P3, P31M, P3M1, P4, P4M, P6, o P6M. Queste funzionano bene per i fiocchi di neve e simili. Un metodo più generale, comunque, è il seguente.

Scegli la simmetria P1 (traslazione semplice) e allora compensa questa traslazione andando nella scheda Spostamento e impostando a -100% lo spostamento Y per riga e lo spostamento X per colonna. Ora tutti i cloni saranno disposti esattamente sopra l'originale. Tutto ciò che riamane da fare e andare nella scheda Rotazione e impostare un angolo di rotazione per colonna, quindi crea il motivo con una riga e colonne multiple. Per esempio, qui c'è un motivo realizzato con linee orizzontali, con 30 colonne, ognuna ruotata di 6 gradi:

An example image

Per avere un quadrante di orologio partendo da questo, tutto ciò che devi fare è togliere o semplicemente sovrapporre la parte centrale con un cerchio bianco (per fare operazioni booleane sui cloni, scollegali prima).

Effetti più interessanti possono essere creati usando sia le righe che le colonne. Qui c'è un motivo con 10 colonne e 8 righe, con rotazione di 2 gradi per riga e 18 per colonna. Ogni gruppo di linee qui è una "colonna", cosi i gruppi sono a 18 gradi l'uno dall'altro; all'interno di ogni colonna, le singole linee sono separate da 2 gradi:

An example image

In the above examples, the line was rotated around its center. But what if you want the center to be outside of your shape? Just create an invisible (no fill, no stroke) rectangle which would cover your shape and whose center is in the point you need, group the shape and the rectangle together, and then use Create Tile Clones on that group. This is how you can do nice “explosions” or “starbursts” by randomizing scale, rotation, and possibly opacity:

An example image

How to do slicing (multiple rectangular export areas)?

Create a new layer, in that layer create invisible rectangles covering parts of your image. Make sure your document uses the px unit (default), turn on grid and snap the rects to the grid so that each one spans a whole number of px units. Assign meaningful ids to the rects, and export each one to its own file (File > Export PNG Image (Shift+Ctrl+E)). Then the rects will remember their export filenames. After that, it's very easy to re-export some of the rects: switch to the export layer, use Tab to select the one you need (or use Find by id), and click Export in the dialog. Or, you can write a shell script or batch file to export all of your areas, with a command like:

inkscape -i area-id -t filename.svg

for each exported area. The -t switch tells it to use the remembered filename hint, otherwise you can provide the export filename with the -e switch. Alternatively, you can use the Extensions > Web > Slicer extensions, or Extensions > Export > Guillotine for similar results.

Gradienti non-lineari

La versione 1.1 di SVG non supporta i gradienti non-lineari (cioè quelli che hanno una transizione non-lineare tra i colori). Puoi comunque emularli mediante i gradienti multistop.

Iniziamo con un semplice gradiente a due stop. Apri l'editor dei Gradienti (facendo doppio click su una qualunque maniglia con lo strumento Gradiente). Aggiungi un nuovo passaggio (stop) nel mezzo; spostalo un po'. Allora aggiungi più passaggi prima e dopo il passaggio di mezzo e spostali, in modo che il gradiente risulti liscio. Più stop aggiungi, più liscio puoi rendere il tuo gradiente. Qui trovi il gradiente iniziale bianco-nero con due passaggi:

An example image

E qui trovi vari gradienti non-lineari con multistop (analizzali mediante l'editor dei Gradienti):

An example image

Gradienti radiali eccentrici

I gradienti radiali non devono essere necessariamente simmetrici. Con lo strumento Gradiente, sposta con Maiusc la maniglia centrale di un gradiente ellittico. Questo sposterà la maniglia a forma di X del fuoco lontana dal suo centro. Quando non ne hai bisogno, puoi spostare il fuoco nuovamente al centro.

An example image

Allineamento al centro della pagina

To align something to the center or side of a page, select the object or group and then choose Page from the Relative to: list in the Align and Distribute dialog (Shift+Ctrl+A).

Pulizia del documento

Many of the no-longer-used gradients, patterns, and markers (more precisely, those which you edited manually) remain in the corresponding palettes and can be reused for new objects. However if you want to optimize your document, use the Clean up Document command in File menu. It will remove any gradients, patterns, or markers which are not used by anything in the document, making the file smaller.

Proprietà nascoste e l'editor XML

The XML editor (Shift+Ctrl+X) allows you to change almost all aspects of the document without using an external text editor. Also, Inkscape usually supports more SVG features than are accessible from the GUI. The XML editor is one way to get access to these features (if you know SVG).

Cambiare le unità di misura del righello

In the default template, the unit of measure used by the rulers is px (“SVG user unit”, in Inkscape it's equal to 0.8pt or 1/90 of the inch). This is also the unit used in displaying coordinates at the lower-left corner and preselected in all units menus. (You can always hover your mouse over a ruler to see the tooltip with the units it uses.) To change this, open Document Properties (Shift+Ctrl+D) and change the Default units on the Page tab.

Duplicazione veloce

Per creare molte copie di un oggetto in maniera rapida, prendilo e mentre tieni premuto il pulsante del mouse calca Spazio. Lascerai una sorta di timbro dove e quante volte vorrai.

Trucchi con lo strumento Penna

Con lo strumento Penna, hai le seguenti opzioni per terminare la tua linea:

Nota che quando il tracciato non è finito (ovvero esso è verde, con l'ultimo segmento in rosso) esso non esiste ancora come oggetto del documento. Perciò, per cancellarlo, usa o Esc (cancella l'intero tracciato) o Backspace (rimuove l'ultimo segmento non concluso) al posto di Annulla nel menù Modifica.

Per aggiungere un nuovo sottotracciato ad un tracciato esistente, seleziona il tracciato e inizia a disegnare premendo Maiusc da un punto arbitrario. Se, comunque, vuoi semplicemente continuare un tracciato esistente, non è necessario premere Maiusc; inizia il disegno da uno dei due punti di ancoraggio del tracciato selezionato.

Inserire valori Unicode

While in the Text tool, pressing Ctrl+U toggles between Unicode and normal mode. In Unicode mode, each group of 4 hexadecimal digits you type becomes a single Unicode character, thus allowing you to enter arbitrary symbols (as long as you know their Unicode codepoints and the font supports them). To finish the Unicode input, press Enter. For example, Ctrl+U 2 0 1 4 Enter inserts an em-dash (—). To quit the Unicode mode without inserting anything press Esc.

You can also use the Text > Glyphs dialog to search for and insert glyphs into your document.

Uso della griglia per disegnare icone

Mettiamo che tu voglia creare una icona 24x24. Crea una pagina di 24x24 px (usa Proprietà Documento) e imposta la griglia a 0.5 px (griglia 48x48). Ora, se tu allinei gli oggetti riempiti alle linee griglia pari, e gli oggetti con contorno a quelle dispari con un contorno di spessore un numero di px pari, e lo esporti con una risoluzione di 90dpi (cosi che 1px diventa 1 pixel bitmap), otterrai un immagine bitmap precisa senza anti-aliasing superfluo.

Rotazione di oggetti

Con lo strumento Selezione, clicca su un oggetto per mostrare le frecce di ridimensionamento, allora clicca di nuovo sull'oggetto per mostrare quelle di rotazione e slittamento. Se le frecce agli angoli vengono cliccate e spostate, l'oggetto ruoterà attorno al centro (mostrato con un segno a croce). Se premi anche lo Maiusc mentre fai ciò, la rotazione avverrà attorno all'angolo opposto. Puoi anche spostare il punto di rotazione ovunque.

Oppure, puoi ruotare mediante la tastiera premendo [ and ] (di 15 gradi) o Ctrl+[ and Ctrl+] (di 90 gradi). Sempre mediante [] ma con il tasto Alt ruoterà di un pixel.

Ombre

To quickly create drop shadows for objects, use the Filters > Shadows and Glows > Drop Shadow... feature.

You can also easily create blurred drop shadows for objects manually with blur in the Fill and Stroke dialog. Select an object, duplicate it by Ctrl+D, press PgDown to put it beneath original object, place it a little to the right and lower than original object. Now open Fill And Stroke dialog and change Blur value to, say, 5.0. That's it!

Posizionare un testo su un tracciato

Per posizionare un testo su un tracciato, seleziona un testo e il tracciato insieme e scegli Metti su tracciato dal menù Testo. Il testo inizierà all'inizio del tracciato. In generale è meglio creare un apposito tracciato che sia adatto al testo, piuttosto che adattare del testo ad un disegno esistente - questo ti darà maggior controllo senza distorcere i tuoi disegni.

Selezionare l'originale

Quando hai un testo su un tracciato, una proiezione collegata, o un clone, il loro oggetto/tracciato sorgente può essere difficile da selezionare perchè esso è esattamente sottostante o reso invisibile e/o bloccato. Il tasto magico Maiusc+D ti aiuterà; seleziona il testo, la proiezione collegata, o il clone e premi Maiusc+D per muovere la selezione verso il corrispondente tracciato, la sorgente della proiezione o il clone originale.

Recupero di finestre fuori dallo schermo

When moving documents between systems with different resolutions or number of displays, you may find Inkscape has saved a window position that places the window out of reach on your screen. Simply maximise the window (which will bring it back into view, use the task bar), save and reload. You can avoid this altogether by unchecking the global option to save window geometry (Inkscape Preferences, Interface > Windows section).

Trasparenze, gradienti e esportare PostScript

I formati PostScript o EPS non supportano la trasparenza,quindi non dovrai mai usarla se hai intenzione di esportare in PS/EPS. Nel caso di trasparenza piatta che si sovrappone ad un colore piatto, è facile rimediare: seleziona un oggetto trasparente, seleziona lo strumento Contagocce (F7); assicurati che sia nella modalità "prendi colori senza alfa"; clicca sullo stesso oggetto. Prenderai cosi il colore visibile e lo assegnerai direttamente all'oggetto, ma questa volta senza trasparenza. Ripeti per tutti gli oggetti con trasparenza. Se il tuo oggetto trasparente ricopre parecchie aree di colore piatto, avrai bisogno di dividerlo in pezzi in corrispondenza delle aree e applicare questa procedura per ogni pezzo.