AIUTO : Guida interattiva - Creare degli schemi di vie

[toc]
Per creare uno schema di qualità l'attrezzo ideale sarebbe un software di disegno vettoriale. Per opporre ad un'immagine matriciale (una foto al formato JPEG per esempio) che è un insieme di pixel o punti di differenti colori, un'immagine vettoriale che è un documento numerico composto da oggetti (curve, rettangoli, ellissi, testo, ecc.) descritti da attributi (colore, posizione, taglia, reparto, ecc.). Un'immagine vettoriale non subisce di degradazione quando è ingrandita o ridotta. Inoltre gli oggetti che compongono l'immagine si manipolano facilmente ed indipendentemente.

L'album c2c sopporta solamente le immagini matriciali, lo schema al formato vettoriale sarà al finale esportato al formato PNG (Portabile Network Graphic) o JPEG (Unito Photographic Esperti Group). Prendendo in conto la dimensione e la qualità dei files, bisogna tenere in mente che il formato JPEG sarà più adattato alle foto/schemi ed il PNG per gli schemi soli.

Gli strumenti

Inkscape è un software sotto licenza GPL che permette di creare facilmente i disegni vettoriali, in formato SVG. L'esportazione in formato digitale si fa unicamente nel formato PNG.

GIMP (licenza GPL) permette di manipolare le immagini al formato JPEG e PNG.

Esistono altri software ma quelli citati sono distribuiti sotto licenza "libera" e di questo fatto in accordo coi principi dell'Associazione Camptocamp.

Tracciare un itinerario su una foto

Per la dimensione della foto utilizzata, si può scegliere tra:

• lavorare con la foto originale in Inkscape e ridimensionarla poi con GIMP nella fase finale;
• ridimensionare la foto al primo export JPEG > PNG e lavorare con l'immagine nel formato finale in Inkscape.

Preparazione della foto

• Aprire la foto di origine con GIMP (o un altro software di manipolazione di immagini).
• Correggere la foto. In particolare, migliorare la nitidezza dell'immagine per correggere le sfumature indottedal sensore digitale.
  • Andare nel menù "Filtri > Miglioramento > Aumentare la nitidezza..." (la traduzione dei menu può essere sbagliata !)
  • Adattare il raggio a 0,5 e la quantità tra 0,30 a 0,50. Attenzione a non esagerare su questi parametri per non deteriorare l'immagine.
• Salvare l'immagine al formato PNG.

Traccia dell'itinerario

• Start Inkscape.
• Importare l'immagine in Inkscape (menù "File > Importare...").
• Esistono due modi diversi per fare La traccia dei itinerari :
  • disegnare a mano libera
    • Selezionare l'utensile "penna" (F6).
    • Disegnare la traccia.
    • Lisciare eventualmente la traccia con gli tasti Crtl+L.
  • Curve di "Bézier" (permette di fare delle linee molto più belle)
    • selezionare l'utensile "Curva" (Maj.+F6).
    • 1 "clic" sinistra par iniziare la traccia.
    • aggiungi punti (nodi) sulla traccia utilizzando il tasto sinistro del mouse.
    • tasto "Enter" per concludere la traccia.
    • Adesso, la traccia si compone di segmenti rettilinei. Per lisciare la traccia, bisogna :
      • Selezionare l'utensile "Nodo" (F2).
      • muovere ogni nodo per rendere la traccia la più reale possibile.
      • Per curvare un segmento rettilineo : "scivolare-spostare" il segmento utilizzando il mouse.
      • E possibile spostare le "poignées" o "controlli" per cambiare la curvatura dei segmenti (le "poignées" sono gli segmenti da parte e d'altra di un nodo e tangenti alla curva).
• quando la traccia e terminata, manca ancora il colore e il "stile" !
  • selezionare la (le) traccia(e).
  • Andare nel menù "Oggetto > Riempimento e contorno" (Maj.+Ctrl+F).
  • Scegliere il colore del contorno. Il modo più rapido è col tasto destro del mouse sul colore desiderato nella scelta disponibile in basso dello schermo Inkscape. Poi, selezionare l'ordine "Definire il contorno".
  • Definire lo spessore del contorno. Abitualmente, non si supera 1% della dimensione massimale della foto (per esempio con una foto di 2000x1600 pixels, spessore max = 20 pixels).
  • Scegliere il stile del contorno (continuo, linea punteggiata, etc.).
• Esportare il file Inkscape nel formato PNG (è l'unico formato matriciale riconosciuto da Inkscape) andando nel menù "File > Esportare in bitmap".

Incorporare un'immagine matriciale (jpg), in uno .svg

• Andare nel menù Estensioni > Immagini > Incorporare tutte le immagini... Si incorporano le immagini ma non si convertono in SVG.
  Attenzione, per utilizzare un immagine come textura, bisogna incorporarla prima ! Per sicurezza, è meglio incorporare le immagini appena dopo averle importate.

• per un ricalco (?), è preferibile fare un calco per l'immagine vettoriale e un altro calco per l'immagine matriciale

In questo caso, l'immagine matriciale è incorporata nel file .svg. A quel punto, si può buttare il file .jpg (oppure spostare il file .svg senza perdere l'immagine).

Si raccomanda di conservare un backup del file .svg in caso di modifiche ulteriori.

Rifinitura per la guida interattiva c2c

• Aprire l'immagine .png con GIMP.
• Salvare l'immagine in formato JPEG qualità 92% con "sous-échantillonnage" 1x1 (regolabile nei parametri avanzati). Il "sous-échantillonnage" 1x1 evita il deterioramento dei caratteri e schemi (sfumature).
• Rimane soltanto da associare l'immagine finale al itinerario c2c con la comanda "aggiungere delle immagine".

Fare una traccia sola

E tutto uguale solo che si può inserire il formato PNG direttamente nel album c2c (non che bisogno del GIMP). Può essere comodo utilizzare una foto per aiutarsi a fare la traccia con Inkscape, buttandola via quando si fa l'esportazione nel formato PNG.

Leggere anche l'articolo sul simbolismo degli schemi e guide. (per adesso solamente in francese...)

Trucchi

Generale

• per i canali (neve / ghiaccio) dove non si può avere dubbi sul itinerario, e preferibile indicare solamente l'inizio del canale (per esempio con una piccola freccia)
• pensate ai daltonici: "meglio evitare le traccie rosse (al minimo, non associare una traccia rossa a altri colori). Il peggio sarebbe una traccia rossa sopra un fondo verde (di erba per esempio) !"
  • simulazione del daltonismo : pour un documento, per una pagina web

Inkscape

Manuale di utilizzazione di Inkscape in italiano
Se qualcuno che conosce inkscape si sente la voglia di scrivere qualche linee per dare qualche consigli... io non me la sento ;)

• Il est préférable de stocker le fichier SVG dans le même répertoire que la photo servant de fond (le mieux étant d'incorporer la photo dans le fichier .SVG : Extensions > Images > Incorporer les images...)
• Pour lisser un tracé à main levée, sélectionner le chemin et appuyer sur (Ctrl+L)
• Par défaut les marqueurs (flèches) de chemin ne prennent pas la couleur du chemin. Pour pallier ce "problème", sélectionner le tracé et aller dans le menu " Effets > Modification de chemin > Colorer les marqueurs pour les assortir au contour"
• Pour cadrer un texte dans un rectangle, sélectionner le texte et le rectangle puis aller dans le menu "Texte > Encadrer "
• Ajouter un sous-chemin à un chemin existant : sélectionner le chemin, sélectionner l'outil "chemin" et tracer le sous-chemin en gardant la touche Maj. appuyée.

Carta grafica

Alcuni consigli ed osservazioni per armonizzare gli schemi.

• completa di caratteri consigliata : DéjaVu ou Bitsream Vera
• Arancioni "ufficiale" di camptocamp.org : #FF9933 (code hexadécimal)

Risorse

• Logo camptocamp.org en SVG (voir aussi la version orange & blanc)
• Les sources SVG de Thomas, en attendant de pouvoir les stocker sur c2c ;-)
• Manuale di utilizzazione di Inkscape in italiano
• Didacticiel GIMP
• Biblioteca di disegni vettoriali