dispensa_Pignalberi - Puglia Software Open Source
Transcript
dispensa_Pignalberi - Puglia Software Open Source
Corso di Operatore Grafico Software libero e a sorgente aperto per operatori grafici Gianluca Pignalberi This work is licensed under the Creative Commons Attribution-Noncommercial-No Derivative Works 2.5 Italy License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-nd/2.5/it/ or send a letter to Creative Commons 171 Second Street Suite 300 San Francisco (CA) 94105, USA. Attribuzione-Non commerciale-Non opere derivate 2.5 Italia Tu sei libero: di riprodurre, distribuire, comunicare al pubblico, esporre in pubblico, rappresentare, eseguire e recitare quest’opera Alle seguenti condizioni: Attribuzione. Devi attribuire la paternità dell’opera nei modi indicati dall’autore o da chi ti ha dato l’opera in licenza e in modo tale da non suggerire che essi avallino te o il modo in cui tu usi l’opera. Non commerciale. Non puoi usare quest’opera per fini commerciali. Non opere derivate. Non puoi alterare o trasformare quest’opera, né usarla per crearne un’altra. • Ogni volta che usi o distribuisci quest’opera, devi farlo secondo i termini di questa licenza, che va comunicata con chiarezza. • In ogni caso, puoi concordare col titolare dei diritti utilizzi di quest’opera non consentiti da questa licenza. • Questa licenza lascia impregiudicati i diritti morali. Indice I Open Source 9 1 Software libero e a sorgente aperto 10 2 gimp 2.1 L’ambiente di lavoro . . . . . . . . 2.2 Creazione nuova immagine . . . . . 2.3 Apertura immagine . . . . . . . . . 2.4 Salvataggio immagine . . . . . . . . 2.5 Selezione . . . . . . . . . . . . . . . 2.6 Filtri . . . . . . . . . . . . . . . . . 2.6.1 Estrazione dei contorni . . . 2.6.2 Binarizzazione . . . . . . . . 2.7 Analisi dell’immagine: istogramma 2.8 Ordinamento lineare dei colori rgb 2.9 Mandare un colore a trasparenza . 2.10 Gradienti . . . . . . . . . . . . . . 2.10.1 Sfumature . . . . . . . . . . 2.10.2 Effetto dissolvenza . . . . . 2.10.3 Antialias . . . . . . . . . . . 2.11 Dimensioni di stampa . . . . . . . . . . . . . . . . . . . . . . . . 12 12 13 15 15 16 17 18 18 19 20 21 24 24 25 28 28 . . . . . . . . . 31 31 34 35 36 38 40 43 44 45 3 Inkscape 3.1 Strumenti di disegno . . . 3.2 Manipolatori di oggetti . . 3.3 Schemi a blocchi . . . . . 3.4 Forme complesse . . . . . 3.5 Livelli . . . . . . . . . . . 3.6 Curve di Bézier . . . . . . 3.7 Filtri per immagini raster 3.8 Vettorizzazione . . . . . . 3.9 Formato dei file . . . . . . . . . . . . . . . . . . . . . . . . 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 Indice 4 Scribus 4.1 Creazione di un documento . . . . . . . . 4.2 Cornici . . . . . . . . . . . . . . . . . . . . 4.3 Cornici di testo collegate . . . . . . . . . . 4.4 Tabelle . . . . . . . . . . . . . . . . . . . . 4.5 Elementi grafici . . . . . . . . . . . . . . . 4.6 Proprietà e personalizzazione degli oggetti 4.7 Modifica delle forme . . . . . . . . . . . . 4.8 Ruota dei colori e scelta . . . . . . . . . . 4.9 Codici a barre . . . . . . . . . . . . . . . . 4.10 Esportazione in pdf e font embedded . . . 5 Audacity 5.1 Riproduzione . . . . . 5.2 Zoom sul segnale . . . 5.3 Copia e incolla . . . . 5.4 Traccia . . . . . . . . . 5.5 Effetti . . . . . . . . . 5.6 Velocità e intonazione 5.7 Segnali inversi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 48 50 55 56 57 59 63 64 65 66 . . . . . . . 70 70 74 74 76 76 77 80 6 Varie 82 6.1 FontForge e la visualizzazione dei glifi . . . . . . . . . . . . . . 82 6.2 Yudit e la scrittura multilingue . . . . . . . . . . . . . . . . . 83 6.3 Gnuplot: funzioni e grafici . . . . . . . . . . . . . . . . . . . . 83 II Elementi di grafica 7 Rappresentazione grafica di dati 7.1 Gli elementi grafici dei grafici . . . . 7.2 I tipi di grafico . . . . . . . . . . . . 7.2.1 Grafici cartesiani . . . . . . . 7.2.2 Grafici polari . . . . . . . . . 7.2.3 Istogrammi . . . . . . . . . . 7.2.4 Grafici areali . . . . . . . . . 7.2.5 Scatter o grafici a dispersione 85 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 87 88 88 92 93 95 101 Indice III 5 Per l’esame finale A Domande ed esercizi A.1 gimp . . . . . . . . A.2 Inkscape . . . . . . A.3 Scribus . . . . . . . A.4 Audacity . . . . . . A.5 Elementi di grafica B Risposte B.1 gimp . . . . . . . . B.2 Inkscape . . . . . . B.3 Scribus . . . . . . . B.4 Audacity . . . . . . B.5 Elementi di grafica . . . . . . . . . . 106 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107 107 108 110 111 112 . . . . . . . . . . . . . . . 114 . 114 . 114 . 114 . 115 . 115 Introduzione Secondo la definizione di operatore grafico riportata sul sito dell’ascla (Associazione Scuole e Lavoro, http://www.operatoregrafico.net/) un [. . . ] operatore grafico alla prestampa opera all’interno del processo di composizione ed elaborazione testi ed immagini di prodotti editoriali a livello tecnico esecutivo presso reparti di piccole e medie imprese del settore poligrafico alle dirette dipendenze di un responsabile tecnico. È una figura polifunzionale che non arriva a livelli spinti di specializzazione, ma che ha una buona conoscenza dei metodi e delle tecnologie tipiche dell’arte tipografica e sa usare con competenza tecnica il software applicativo disponibile. Il suo background tecnico-culturale gli permette di venire incontro alle esigenze delle imprese di settore necessitanti di personale in grado di comprendere e di utilizzare appieno le nuove tecniche della grafica e dell’editoria. Sa recepire le spinte innovative che la tecnologia impone e dialogare con i tecnici esperti del settore tipografico sia per inserirsi nel loro contesto operativo che per interfacciare il lavoro di publishing dell’azienda. È dotato di una creatività che gli consente di dare veste grafica corretta ai documenti che deve produrre. Sa aggiornarsi mediante l’uso di riviste e mezzi di informazione disponibili sul mercato. È in grado di capire gli ammodernamenti da apportare alle apparecchiature utilizzate e gli strumenti software e hardware che la tecnologia offre per raggiungere i migliori risultati economici. Trova impiego presso aziende a carattere editoriale e/o pubblicitario, società di servizi editoriali e agenzie pubblicitarie. All’interno dell’azienda le relazioni si svolgeranno a livello verticale con il responsabile tecnico e con la direzione nella definizione delle risorse necessarie, per la definizione dei propri compiti; a livello orizzontale le relazioni si svilupperanno, allo scopo di ottimizzare i risultati, con gli utenti dei servizi e con il personale deputato. 6 Introduzione 7 All’esterno avrà il compito di relazionarsi con gli utenti ed i clienti e utilizzerà le risorse necessarie al proprio aggiornamento tecnologico incontrando i fornitori di soluzioni tecnologiche innovative. Maturando esperienza e professionalità può operare in ruoli via via di maggiore responsabilità nello stesso ambito tecnico o farsi valere in aree commerciali, maturando una profonda conoscenza dei prodotti e delle tecnologie. Un operatore grafico dovrebbe dunque essere in grado di trovare sempre la soluzione migliore e piú rapida ai problemi di composizione affrontati di volta in volta. Questo lo obbliga a essere sempre aggiornato sui prodotti, sui formati, sui metodi di lavoro. Gli operatori grafici possono contare sull’esistenza di numerosi programmi di ausilio al loro lavoro: programmi di fotoritocco ed elaborazione delle immagini, di grafica vettoriale, di impaginazione tipografica, di creazione di font, di montaggio video, di grafica 3D. Possono anche contare sull’esistenza di numerosi formati e di ben rodati standard de facto. Tra i primi ricordiamo i famosi tiff, jpeg e mpeg, tra i secondi è obbligatorio citare PostScript e pdf. Quello che manca usualmente alla preparazione di un operatore grafico è la reale conoscenza delle alternative e delle possibilità offerte dall’intero panorama informatico. Da qui l’istituzione di corsi che insegnano a usare una sola piattaforma hardware (pc o Mac), un solo sistema operativo (Windows o Mac OS), una sola suite di programmi (Adobe, Corel). Latina Formazione Lavoro, Agenzia di Formazione della provincia di Latina, in maniera utopistica o lungimirante ha istituito un corso di Operatore Grafico Multimediale finalizzato a far acquisire agli allievi specifiche competenze operative settoriali. Gli allievi imparano l’uso di fotocamere e videocamere, il montaggio di filmati con relativa colonna sonora, la corretta comprensione e applicazione della teoria sulla grafica, del colore e della tipografia. Il corso affronta anche i temi dell’Open Source con l’obiettivo di offrire una panoramica di programmi liberi e aperti utili al lavoro degli allievi. Questi programmi possono costituire un complemento o un’alternativa ai programmi commerciali, ma offrono senz’altro un modo per evitare l’infrazione delle licenze proprietarie perpetrata usando programmi commerciali privi della relativa licenza, ovvero copiati e/o craccati: illegali. La prima critica che gli utenti di software commerciale muovono ai programmi liberi è che questi ultimi sono inferiori per prestazioni, design e caratteristiche ai programmi commerciali. La verità non è mai assoluta e perciò non è sempre vera la critica mossa. Semmai è vero che i programmi liberi e aperti sono spesso sviluppati nei ritagli di tempo e non sempre in 8 Introduzione linea con le esigenze di mercato. Però la loro peculiarità, cioè l’essere liberi e con il sorgente aperto, li rende spesso piú robusti e veloci perché chiunque sia in grado può studiarne il codice e migliorarlo. Dunque possiamo affermare che la critica di cui sopra è spesso dettata dall’abitudine a usare un singolo prodotto e, di conseguenza, dalla chiusura. Un esempio dettato dall’esperienza personale: ci sono molti prodotti in grado di trasformare un documento di testo in un documento pdf, ma quelli creati con il programma (libero e aperto) PdfLATEX sono di qualità uguale o superiore a quelli creati con gli altri programmi e di dimensione inferiore. Tutti i software, commerciali e non, traggono beneficio dai programmi liberi e aperti: sia Libre/OpenOffice (libero) che Adobe InDesign (commerciale) adottano l’algoritmo di sillabazione implementato in TEX (libero). Non è vero il viceversa perché solo pochi e selezionati soggetti sono autorizzati a leggere il codice sorgente di un programma commerciale chiuso. Non parliamo poi dello hardware: Linux, il noto sistema operativo libero e aperto, è stato il sistema operativo su cui è stato testato lo standard usb 3.0. Ben venga dunque una materia che permetta di esporre gli allievi all’altra faccia dell’informatica, quella che qualcuno fa derivare dall’ideologia comunista e qualcun altro fa derivare dal passo evangelico “Venite e prendete senza pagare vino e latte”. Qualunque sia l’ideologia di fondo l’apertura è l’unica soluzione e alternativa alla chiusura, e solo l’adozione di standard, algoritmi e programmi aperti eviterà l’appiattimento delle conoscenze e la creazione di monopolî. Il presente rapporto contiene gli argomenti del corso di Open Source tenuto nell’anno scolastico 2011–12 agli allievi del terzo anno del corso di Operatore Grafico. Dedica ogni capitolo a uno dei programmi esaminati e riporta tutte le funzionalità e le tecniche viste a lezione. Non ha ovviamente alcuna pretesa di completezza. Il Capitolo 1 fornisce una panoramica sulle licenze libere più diffuse e ne spiega la contrapposizione alle commerciali. Spiega, quindi, termini quali Open Source, Free Software, Copyleft. Il Capitolo 2 esamina il piú noto programma di fotoritocco — gimp, nella versione 2.6.11; il Capitolo 3 descrive il piú recente e completo programma di grafica vettoriale — Inkscape, nella versione 0.48.1-2; il Capitolo 4 parla del potente programma grafico di impaginazione tipografica — Scribus (versione 1.4.0rc6); il Capitolo 5 è invece dedicato al diffusissimo programma di elaborazione audio Audacity versione 1.3.14. Il Capitolo 6 presenta un insieme di programmi ancor piú specializzati visti o citati durante il corso per risolvere dei problemi molto particolari. Il Capitolo 7 riporta quanto visto nella parte di Elementi di grafica relativamente alla rappresentazione grafica di dati. Infine l’Appendice A raccoglie una serie di domande ed esercizi utili alla preparazione dell’esame finale. Le risposte sono riportate nell’Appendice B. Parte I Open Source 9 Capitolo 1 Software libero e a sorgente aperto Con l’acronimo floss (Free/Libre and Open Source Software) indichiamo quei programmi rilasciati con licenze libere. Alla base di questi concetti c’è il concetto di copyleft («) contrapposto al termine copyright (©). Il copyright, letteralmente diritto di copia ma legalmente diritto d’autore, stabilisce i diritti di un autore nei riguardi della sua opera d’ingegno e, di conseguenza, i divieti a cui i fruitori dell’opera sono sottoposti. Il termine copyleft si contrappone a ogni livello al copyright. Right in inglese significa anche destra, oltre che diritto. Contrapposto a destra c’è il termine sinistra (left in inglese). Da qui il gioco di parole copyleft, tradotto generalmente con permesso d’autore. Il copyleft è un modello di gestione dei diritti d’autore che sostanzialmente permette ai fruitori dell’opera di modificarla e ridistribuirla sotto le stesse condizioni originali. Sembra che il termine copyleft sia stato usato per la prima volta nella splash page del Palo Alto Tiny basic (figura 1.1). In questa pagina si legge anche il contrario della dicitura All rights reserved (tutti i diritti riservati; rights significa diritti ma anche giusti, corretti): All wrongs reserved (wrong significa sbagliato). Alla fine degli anni settanta del ventesimo secolo è circolata anche la dicitura All rites reversed (tutti i diritti rovesciati). Figura 1.1: Splash page del Palo Alto Tiny basic 10 11 Sebbene tutte queste definizioni sembrino zucchero sintattico,1 in realtà trasformano radicalmente il modello di cessione delle opere di ingegno, in particolare il software, basato sulle licenze proprietarie. Queste ultime indicano che il fruitore (guai a usare la locuzione utilizzatore finale 2 ) non è il possessore della copia del software ma solo colui che ha pagato per avere il permesso di usare quel software. A seconda del fatto che sia rispettato o meno il copyleft nel rilascio del software parliamo di software libero oppure open source. Per software libero intendiamo quel software che l’autore cede alla comunità sia sotto forma di eseguibile che di sorgente col vincolo che qualunque modifica o adattamento successivo siano liberamente rilasciati sotto la stessa licenza dell’originale. La piú famosa licenza libera è la gnu gpl (General Public License). Per software a sorgente aperto (open source) intendiamo invece quel software rilasciato sia in formato eseguibile che sorgente ma senza il vincolo dell’adozione della stessa licenza per le successive modifiche. Dunque è possibile derivare un software proprietario da un software open source mentre non è possibile farlo da un software libero: Mac OS X è un software proprietario derivato da bsd (Berkeley System Distribution, lo Unix di Berkeley, rilasciato sotto licenza non copyleft). Non sarebbe stato possibile derivarlo da Linux che è invece un software libero. Possiamo dire in sintesi che un software libero è sicuramente a sorgente aperto ma non viceversa. Incidentalmente i software adottati in questo corso sono tutti rilasciati sotto licenza gnu gpl, anche se c’è la speranza di parlare di software liberi ma non nel senso stretto della gpl. 1 Termine usato sovente a lezione dal Prof. Rocco De Nicola per indicare dei termini e delle trasformazioni di cui poi non rimane traccia. 2 Cosí l’ex Presidente del Consiglio Silvio Berlusconi è stato identificato nei confronti dell’accusa di aver pagato una donna per una cena e la notte e di averle promesso una candidature alle Europee e al Consiglio Comunale minorile. Capitolo 2 gimp Lo GNU Image Manipulation Program, meglio noto come gimp, è senza dubbio il piú noto e avanzato programma libero di fotoritocco. Offre ottime funzionalità di base espandibili tramite plug-in, moduli aggiuntivi scritti appositamente. 2.1 L’ambiente di lavoro L’interfaccia di gimp, basata sulle librerie libere gtk+, spiazza la totalità degli utenti nuovi a gimp. Tutti i programmi presentano all’utente una finestra monolitica con i menú, le barre dei pulsanti, il documento e altro; gimp ha una struttura piú inconsueta, con tante finestre indipendenti e liberamente posizionabili. Le due finestre irrinunciabili sono quella degli strumenti e quella del documento. Possono essere aperte ulteriori finestre specializzate in base alle esigenze di lavoro, allo spazio sullo schermo, ai gusti personali. Queste finestre posso essere inserite permanentemente nella finestra degli strumenti, quella/e del documento no. Tutte le immagini aperte in un determinato momento si trovano dentro finestre indipendenti e tutte le modifiche vengono apportate all’immagine nella finestra attiva al momento. 12 2.2. Creazione nuova immagine 13 Nella finestra degli strumenti selezioniamo lo strumento che ci serve: selezioni, pennelli, ridimensionamenti, deformazioni, scritte e colori sono tutti qui. Subito sotto agli strumenti c’è una sezione colori. Possiamo selezionare i colori di sfondo e di primo piano, scambiarli cliccando sulla freccia e ripristinarli a bianco e nero cliccando sull’icona dei due quadrati bianco e nero sotto i colori. All’interno della stessa finestra trova posto una finestra impilabile a nostra scelta. Al primo avvio del programma ci troviamo la finestra relativa alle opzioni dello strumento in uso. Nella finestra dell’immagine compare l’immagine aperta o creata. Ogni immagine viene posta in una finestra indipendente e liberamente posizionabile. Ogni finestra ha il proprio menú di lavoro. La finestra supplementare non deve essere presente necessariamente, né essere una sola. Può essere scelta tra quelle presenti nel menú Finestre e impilabili sotto la finestra degli strumenti. 2.2 Creazione nuova immagine Se eseguiamo gimp cliccando due volte sulla sua icona (o, per i patiti del terminale, dando il comando gimp) stiamo avviando il programma senza caricare alcuna immagine, quindi la finestra del documento sarà vuota e potremo decidere se aprire un’immagine preesistente o crearne una nuova. Entrambe le operazioni sono raggiungibili dal menú File, dal menú contestuale 14 Capitolo 2. gimp ottenuto cliccando col tasto destro sulla finestra dell’immagine o coi tasti ctrl-o (apri) o ctrl-n (nuovo). Quando creiamo una nuova immagine. . . . . . possiamo personalizzarne le dimensioni direttamente nella finestra di dialogo. Per modificarne anche l’aspetto dobbiamo accedere alla sezione Opzioni avanzate. Qui possiamo decidere se il colore di sfondo della nuova immagine debba avere il colore di sfondo o di primo piano impostati nella finestra degli strumenti, oppure debba essere bianca o trasparente, possiamo impostarne la risoluzione e lo spazio di colore. 2.4. Salvataggio immagine 2.3 15 Apertura immagine Se decidiamo di aprire un’immagine, gimp apre una finestra di dialogo in cui scegliere l’immagine da aprire. Se l’immagine selezionata è un’immagine raster (o bitmap, cioè a matrice di pixel), quest’ultima viene aperta direttamente e mostrata nella finestra dell’immagine. Se invece vogliamo aprire un’immagine vettoriale (ad esempio un file pdf), gimp dovrà rasterizzare l’immagine, dunque ci chiederà la dimensione o la risoluzione dell’immagine finale. 2.4 Salvataggio immagine Non appena vogliamo salvare l’immagine attiviamo la voce apposita dal menú File, dal menú contestuale di cui abbiamo parlato o premendo il tasto ctrl-s. 16 Capitolo 2. gimp Un’immagine che non abbia ancora un nome e un formato non verrà salvata; gimp aprirà una finestra di dialogo relativa all’opzione Salva come e qui scegliamo il formato di salvataggio. Per default questo formato sarà xcf, quello nativo di gimp. gimp conosce e codifica molti altri formati compreso il psd nativo di Photoshop. 2.5 Selezione Come tutti i programmi di fotoritocco, anche gimp permette di selezionare un’area dell’immagine su cui operare. Oltre alle solite selezioni rettangolare, ellittica e libera, possiamo usare altri strumenti. Due tra i piú versatili e utili sono la bacchetta magica 2.6. Filtri 17 e la selezione per colore. La prima seleziona un’area i cui pixel sono tutti adiacenti e dello stesso colore o di un colore simile a quello selezionato; la similitudine è determinata da una soglia impostata. gimp chiama selezione fuzzy la bacchetta magica (fuzzy significa letteralmente sfumato). La seconda selezione è simile alla prima ma seleziona tutti i pixel della stessa sfumatura, anche disgiunti. In ogni momento possiamo invertire la selezione, cioè selezionare tutto e solo quanto non era stato selezionato con lo strumento scelto, con il tasto ctrl-i. 2.6 Filtri I filtri sono operazioni da effettuare sull’immagine per modificarne alcune caratteristiche e restituirla modificata. Ogni filtro impiega uno o piú operatori. 18 Capitolo 2. gimp Si distinguono tre tipi di operatore: puntuale, locale e globale. Il primo si applica al singolo pixel tenendo conto del suo valore. Un esempio è lo schiarimento di un’immagine: guarda il valore di ogni pixel e sostituiscilo con uno piú chiaro. Il secondo operatore, quello locale, si applica a ogni singolo pixel dopo aver guardato il valore suo e dei suoi vicini. Per esempio, l’estrazione dei contorni (Paragrafo 2.6.1) modifica il valore del pixel per etichettarlo bordo o sfondo solo dopo averne confrontato il valore con i pixel posti intorno a esso. Infine un operatore globale è un operatore che opera sull’immagine solo dopo averne analizzato i valori di tutti i pixel. Un esempio di operatore globale è l’operatore di marcatura dei componenti (una specie di conta degli oggetti). Tutti i filtri di gimp sono raggiungibili dal menú Filtri. 2.6.1 Estrazione dei contorni Uno dei filtri messi a disposizione da gimp è l’estrattore di contorni. Per la verità gimp dispone di piú di un estrattore e di una matrice di convoluzione personalizzabile grazie alla quale possiamo programmare un estrattore personalizzato. Uno dei piú noti estrattori di contorno è l’operatore di Sobel, dal nome dello scienziato che ne ha definito il funzionamento e le caratteristiche. L’immagine scelta per la prova è molto facile: ha contorni ben definiti, colori piatti e molto diversi tra loro. L’operatore, definito nel 1964, dimostra comunque un’elevata efficacia anche nei casi piú difficili. 2.6.2 Binarizzazione La binarizzazione è l’operazione con cui trasformiamo in bianco e nero un’immagine a colori o a toni di grigio. 2.7. Analisi dell’immagine: istogramma 19 gimp pone quest’operazione nel menú Colori → Soglia. Non appena selezioniamo l’operazione gimp apre una finestra in cui impostiamo il valore della soglia. I valori variano da 0 (nero) a 255 (bianco), con i valori intermedi corrispondenti alle diverse sfumature di grigio Tutti i pixel con valori inferiori al valore della soglia verranno colorati di nero, quelli con valori superiore verranno colorati di bianco. Chiariremo l’argomento nel Paragrafo 2.8. 2.7 Analisi dell’immagine: istogramma Tra gli strumenti per analizzare un’immagine abbiano l’istogramma, un grafico che riporta per ognuno dei colori presenti in un’immagine (sull’asse delle ascisse) la frequenza di utilizzo del colore stesso, cioè quanti pixel di quel colore di sono nell’immagine. I due casi estremi sono • un’immagine monocolore, il cui istogramma riporta una singola linea verticale in corrispondenza dell’unico colore presente e alta come il numero dei pixel nell’immagine, 20 Capitolo 2. gimp • un’immagine formata da pixel ognuno di un colore diverso, il cui istogramma sarà formato da tante linee verticali quanti sono i colori usati e di altezza unitaria. gimp dispone dello strumento citato e lo rende raggiungibile tramite il menú Pannelli agganciabili → Istogramma. Nella finestra dell’istogramma possiamo decidere che tipo di dati verranno riportati nel grafico. Possiamo inoltre vedere alcuni dati numerici come il numero di pixel e il valor medio. 2.8 Ordinamento lineare dei colori rgb Binarizzare un’immagine a toni di grigio è semplicissimo: tutti i pixel neri o grigi scuri vengono colorati di nero, quelli grigi chiari o bianchi vengono colorati di bianco. I pixel neri hanno un valore pari a 0, quelli bianchi un valore pari a 255 e i grigi tutti i valori naturali intermedi. Dunque le immagini a toni di grigio hanno 256 sfumature di grigio il cui ordinamento è immediato sia numericamente (dal valore inferiore a quello superiore) sia visivamente (dal grigio piú scuro — nero — a quello piú chiaro — bianco, Figura 2.1). Applicare una soglia a questi valori ordinati è altrettanto immediato: uno dei valori di grigio è quello della soglia e divide i neri dai bianchi. Mentre nello spazio lineare dei toni di grigio l’operazione è immediata, nello spazio 2.9. Mandare un colore a trasparenza Nero Grigio 128 21 Bianco Figura 2.1: Ordinamento lineare dei grigi dal piú scuro al piú chiaro. tridimensionale rgb la cosa non è altrettanto immediata. Bisogna per prima cosa stabilire un criterio di ordinamento. Iniziamo col dire che lo spazio rgb a 8 bit per colore permette di rappresen3 tare (28 ) = 2563 = 16 777 216 colori. Proviamo a rappresentare linearmente i colori, ricordando che 00000016 è il colore nero e f f f f f f16 (cioè il valore decimale 16 777 215) è il colore bianco. 000000 .. . Primo colore 0000ff 000100 .. . 256mo colore 257mo colore 00ffff 010000 .. . 65 536mo colore 65 537mo colore ffffff 16 777 216mo colore, scritto in nero ma in realtà bianco 000077 .. . 128mo colore 0077ff .. . 30 720mo colore 77ffff .. . 7 864 320mo colore Come vediamo, l’ordinamento lineare non coincide con l’ordinamento per colore, quindi non otterremo in questo caso che la soglia divida i neri, i blu e i celesti dai rossi, gialli e verdi. Infatti per rappresentare lo spazio di colore rgb serve un cubo, come possiamo vedere nella Figura 2.2. Ci sono altri metodi per binarizzare immagini rgb, uno dei quali è renderla prima a toni di grigio. gimp fa tutto in maniera trasparente all’utente. 2.9 Mandare un colore a trasparenza Un’operazione che gimp esegue molto velocemente è rendere trasparenti in un solo colpo tutti i pixel di un colore. L’operazione è utilissima in diversi 22 Capitolo 2. gimp Figura 2.2: Lo spazio di colore rgb. frangenti, il piú immediato dei quali è il chroma key: si riprende una scena su uno sfondo uniforme, dopodiché si elimina elettronicamente lo sfondo e le figure di primo piano verranno sovrapposte a uno sfondo artificiale. Ecco: gimp esegue l’eliminazione in un solo passaggio. Accediamo all’operazione dal menú Colori → Colore ad alfa. Dopo aver aperto l’immagine su cui vogliamo operare dobbiamo decidere quale colore eliminare e mettere una trasparenza al suo posto. Nel nostro caso abbiamo deciso per il giallo. 2.9. Mandare un colore a trasparenza 23 Siccome il colore che viene mandato ad alfa per default è il bianco, non appena lanciamo il comando otteniamo quest’anteprima. Dobbiamo trovare il codice del colore giallo che vogliamo eliminare. Possiamo selezionare il colore col contagocce; viene sostituito al colore di primo piano corrente nella finestra degli strumenti. Un doppio click sul colore di primo piano ci mostra il valore rgb (nella casella di testo denominata Notazione HTML). Nella finestra Colore ad alfa clicchiamo sul bianco e sostituiamo al valore f f f f f f il valore relativo al giallo. La finestra dell’anteprima ci mostra ora essere il giallo il colore mandato in trasparenza. 24 Capitolo 2. gimp L’immagine è ora come la volevamo. Notate che un contorno giallo è rimasto intorno alle labbra. Questo è dovuto all’antialias: questo giallo è piú scuro di quello selezionato perché contiene quei pixel che devono armonizzarsi col nero del contorno delle labbra. Possiamo ripetere l’operazione Colore ad alfa fino alla completa eliminazione del giallo. 2.10 Gradienti In matematica il gradiente rappresenta la variazione di una funzione in una determinata direzione. La parola deriva dal latino camminare, o anche muovere il passo. gimp usa i gradienti, cioè i passaggi o le variazioni, sia per realizzare delle sfumature di colore che per realizzare le dissolvenze. 2.10.1 Sfumature gimp può colorare un’immagine partendo da un colore, quello di primo piano, fino ad arrivare a un altro colore, quello di sfondo, passando gradualmente da uno all’altro. 2.10. Gradienti 25 Per prima cosa selezioniamo lo strumento Sfumatura e impostiamo i colori di primo piano e di sfondo. Poi impostiamo la modalità, l’opacità e il gradiente, cioè lo stile di passaggio dall’uno all’altro colore. Non appena abbiamo regolato tutto secondo il nostro bisogno tracciamo una linea nella direzione della sfumatura da realizzare. . . . . . per ottenere la sfumatura cercata. Minore è la lunghezza della linea, piú brusco sarà il passaggio dall’uno all’altro colore. 2.10.2 Effetto dissolvenza Possiamo rendere trasparenti alcune parti delle nostre immagini sempre con lo strumento Sfumature e l’aggiunta di un livello. 26 Capitolo 2. gimp Apriamo la finestra dei livelli. Se l’immagine è composta da un solo livello troveremo solo l’icona relativa all’intera immagine nell’unico livello. Clicchiamo col tasto destro del mouse sul livello: accederemo al menú contestuale relativo e lí selezioneremo Aggiungi maschera di livello. . . 2.10. Gradienti 27 Comparirà una finestra in cui selezioneremo il tipo di maschera. Quella selezionata di default (Bianco (opacità completa)) è quella da usare. Impostiamo a nero e bianco i colori di primo piano e sfondo, selezioniamo lo strumento Sfumature e impostiamolo in base al bisogno, quindi tracciamo la linea per orientare il gradiente. Il risultato è che una parte dell’immagine, e non un singolo colore come nel caso di Colore ad alfa, è diventata trasparente. Un’immagine contenente delle trasparenze deve essere salvata in un formato che le gestisca. Salvare un’immagine nel formato nativo di gimp (xcf) può essere una soluzione parziale perché il mondo commerciale tende a ignorare o a 28 Capitolo 2. gimp modificare la maggior parte dei formati liberi. Il formato png (da pronunciare ping) è un formato diffusissimo su internet, dà buone prestazione soprattutto con le immagini al tratto e gestisce le trasparenze. 2.10.3 Antialias L’antialiasing è una tecnica per ridurre l’effetto aliasing (in italiano scalettatura, gradinatura o scalettamento) quando un segnale a bassa risoluzione viene mostrato ad alta risoluzione. L’antialiasing ammorbidisce le linee smussandone i bordi e migliorando l’immagine. Il metodo pratico usato da gimp per ottenere quest’effetto è porre sui bordi di un oggetto i pixel di un colore intermedio tra quello dell’oggetto e quello dello sfondo. Qui di seguito vediamo riprodotta una linea tracciata a mano libera.A sinistra la linea non ha l’effetto antialias e quindi è riprodotta scalettata; la versione a destra invece ha un effetto antialias (ottenuto tramite una sfocatura) che ne rende la scalettatura meno evidente. 2.11 Dimensioni di stampa Una delle caratteristiche piú importanti di ogni programma di fotoritocco è quella di poter cambiare la risoluzione di un’immagine per poterne adattare le dimensioni per la stampa. Quanto descriveremo ora non è un’operazione specifica di gimp ma una procedura generica. 2.11. Dimensioni di stampa 29 Accediamo al menú Immagine → Dimensione di stampa. . . dell’immagine di cui vogliamo adattare la risoluzione o la dimensione. La finestra di dialogo ci mostra le dimensioni e la risoluzione corrente. Cambiando la risoluzione viene adattata la dimensione e viceversa. Descritto il funzionamento di gimp vediamo come e perché succede quanto detto. Supponiamo di avere un’immagine di 1000×1000 pixel alla risoluzione di 72 dpi (dot per inch, punti per pollice). La risoluzione dice quanti di quei pixel entrano in un pollice. Se la risoluzione fosse espressa in dpcm (dot per centimeter, punti per centimetro — centimetre se scriviamo in British English invece che in American English) indicherebbe quanti di quei pixel entrano in un centimetro. Non dimentichiamo il fattore di conversione: 1 in = 2, 54 cm Ora, un’immagine di 1000×1000 pixel a 72 dpi ha 72 pixel “stivati” in ogni pollice. In quanti pollici vengono stivati tutti i 1000 pixel a quella risoluzione? 30 Capitolo 2. gimp (a) Risoluzione 600 dpi. (b) Risoluzione 1200 dpi. Figura 2.3: Immagine alla risoluzione originale di 300 dpi stampata a risoluzioni maggiori. Una semplice divisione ce lo dice: 1000 pixel ≈ 13,9 in 72 dpi Dunque quell’immagine è grande 13,9 pollici, che tradotto in centimetri significa: cm 13,9 in × 2,54 = 35,306 cm in (senza gli arrotondamenti viene ≈ 35,28 cm). L’immagine, che ha sempre 1000×1000 pixel, una volta sottoposta al cambiamento della risoluzione, non crea nuova informazione, cioè altri pixel, e quindi stiverà piú o meno pixel in ogni pollice o centimetro. L’immagine dell’esempio, se trasformata per avere una risoluzione di 300 dpi, occuperà un’area piú piccola perché ora saranno 300 i pixel stivati in ogni pollice e la sua dimensione sarà 1000 pixel cm × 2,54 ≈ 8,46 cm 300 dpi in Da questi semplici calcoli inferiamo che, a parità di pixel di un’immagine, all’aumentare della risoluzione di stampa diminuisce l’area di stampa e al diminuire della risoluzione di stampa aumenta l’area di stampa. Quindi stampare un’immagine a 72 dpi copre una superficie di foglio maggiore della stessa immagine a 300 dpi. Vediamo un esempio nella Figura 2.3. Capitolo 3 Inkscape Inkscape è un programma libero di disegno vettoriale nato dallo sviluppo di un prodotto equivalente chiamato SodiPodi. Ha in qualche modo sostituito il noto e vetusto Xfig, diffusissimo programma di disegno protovettoriale per Unix, anche se non sembra disporre delle numerose librerie di clip art di Xfig. 3.1 Strumenti di disegno e loro personalizzazione L’ambiente di Inkscape si presenta come nella Figura 3.1. Sul lato sinistro troviamo la barra degli strumenti con i varî strumenti di selezione e di disegno. A seconda della risoluzione del monitor non tutti gli strumenti saranno visibili. Gli invisibili saranno raggiungibili cliccando sul tasto in basso. In ogni caso tutti gli strumenti sono selezionabili dalla tastiera. Vediamo la barra nella Figura 3.2. La tabella seguente riporta tutte le icone degli strumenti di Inkscape col relativo significato e la sequenza di tasti che li selezionano. Icona Attrezzo Funzione Tasti Selettore Seleziona e trasforma oggetti F1 Nodo Modifica tracciati dai nodi F2 Ritocco Ritocca oggetti scolpendoli o ridipin- Maiusc-F2 gendoli Ingrandimento Ingrandisce o rimpicciolisce F3 Rettangolo Crea rettangoli e quadrati F4 Solido 3D Crea solido 3D Maiusc-F4 31 32 Capitolo 3. Inkscape Ellisse Crea cerchi, ellissi e archi F5 Stella Crea stelle e poligoni * Spirale Crea spirali F9 Pastello Disegna linee a mano libera F6 Penna Disegna tracciati e linee dritte Maiusc-F6 Pennino Crea linee calligrafiche o pennellate Ctrl-F6 Testo Crea e modifica gli oggetti testuali F8 Spray Gomma Spruzza oggetti scolpendoli o dipin- Maiusc-F8 gendoli Cancella tracciato esistente Maiusc-e Secchiello Colora aree delimitate Gradiente Crea e modifica i gradienti Contagocce Preleva colore dall’immagine Connettore Crea connettori di diagramma Maiusc-F7 Per ognuno degli strumenti a disposizione la barra dei controlli strumento posta sotto al menú mostra i controlli e le regolazioni proprie dello strumento selezionato. Sotto lo spazio di lavoro, vicino alla tendina per la selezione del livello, troviamo un piccolo help che ci suggerisce l’uso di base dello strumento selezionato. Alla destra dello spazio di lavoro c’è un’altra barra di strumenti per accedere piú rapidamente alle funzioni rivelatesi d’uso piú frequente. Tracciare dei disegni, sebbene precisi, su un foglio bianco può rivelarsi fattibile a scapito della precisione. 3.1. Strumenti di disegno 33 Possiamo visualizzare una griglia. . . . . . e delle guide per aumentare la precisione dei nostri disegni. Clicchiamo su uno dei righelli e trasciniamo il mouse sul foglio di lavoro: trasciniamo cosí una guida. Se il movimento del mouse è diagonale sarà diagonale anche la guida. Possiamo anche stabilire che ogni disegno venga attaccato a un punto della griglia o delle guide, invece che liberamente sul foglio di lavoro, selezionando il controllo dedicato. Possiamo modificare il tratto e il colore di ogni oggetto disegnato. Dal menú Oggetto → Riempimento e contorni accediamo alla finestra omonima. Qui interveniamo sullo spessore e lo stile del tratto, nonché sul suo colore e sul colore di riempimento dell’oggetto. Il colore può essere scelto negli spazi rgb, cmyk, hsl (trasparenze comprese) o sulla ruota dei colori. Possiamo anche agire solo sulla trasparenza senza modificare il colore. Il rettangolo disegnato ha un riempimento trasparente che possiamo modificare con colori pieni, sfumature, motivi. 34 Capitolo 3. Inkscape Quando per un oggetto selezioniamo il riempimento pieno possiamo scegliere lo spazio da cui selezionare il colore. Per facilitare il posizionamento assoluto e relativo degli oggetti possiamo visualizzare una griglia sul foglio e far comparire sui righelli una guida che segue il movimento del mouse. Infine possiamo fare in modo che Inkscape ci segnali a quale punto della griglia stiamo attaccando un oggetto. 3.2 Manipolatori di oggetti Ogni oggetto disegnato con Inkscape può essere manipolato in seguito. Tra le trasformazioni possibili di un oggetto ricordiamo la traslazione, la deformazione (cambiamento di forma), la rotazione, la scala (ingrandimento o rimpicciolimento), la riflessione. La traslazione si effettua semplicemente cliccando su un oggetto e muovendo il mouse lasciando il tasto cliccato. La deformazione può avvenire in varî modi tra cui l’aggiunta di punti di deformazione. Possiamo anche agire sui manipolatori di un oggetto, manipolatori che ci permettono anche le operazioni di scala e di rotazione. Quando clicchiamo su un oggetto questo viene evidenziato con delle frecce. Quelle poste al centro di ogni segmento del rettangolo circoscritto all’oggetto servono ad allungare l’oggetto in orizzontale o verticale, quelle poste agli angoli del rettangolo circoscritto servono a ingrandire e rimpicciolire l’oggetto in entrambe le direzioni, anche in maniera non proporzionale. Se clicchiamo su un oggetto già selezionato le frecce dei manipolatori cambiano aspetto. Ora quelle poste agli angoli servono a ruotare l’oggetto, mentre quelle centrali lo deformano orizzontalmente o verticalmente con un’operazione nota come skew (deformazione di coppia). Questo tipo di deformazione è quella che trasforma, per esempio, un rettangolo in un parallelogramma. 3.3. Schemi a blocchi 35 Ogni forma ha poi dei controlli dedicati; ad esempio il rettangolo ha quello per arrotondare gli angoli anche in maniera asimmetrica, l’ellisse ha il controllo per disegnare solo un arco (aperto o chiuso). Resta il fatto che possiamo aggiungere dei punti ulteriori per deformare in maniera piú complessa le varie forme come vedremo nel Paragrafo 3.4. 3.3 Schemi a blocchi Può capitare di dover realizzare degli schemi a blocchi di qualsiasi natura: diagrammi di flusso, organigrammi, alberi o grafi, mappe mentali. Sebbene i tecnici troveranno piú comodo usare programmi ad hoc, gli operatori grafici potrebbero essere piú familiari con il programma di grafica vettoriale usato quotidianamente e che non comporta un ulteriore apprendimento di termini e strumenti inconsueti. Scribus facilita la vita mettendo a disposizione non i blocchi dalle forme predefinite e comuni nelle varie tipologie di schemi a blocchi ma i connettori. Supponiamo di voler collegare tramite connettori i rettangoli posti sul foglio di lavoro e allineati tramite Oggetto → Allinea e distribuisci (le icone relative agli allineamenti sono autoesplicative). Selezioniamo lo strumento connettore e regoliamone la funzione: permette al connettore di attraversare gli oggetti, non permette di attraversare gli oggetti selezionati e piega o raddrizza i connettori a seconda che lo selezioniamo o deselezioniamo. Per connettere correttamente gli oggetti dobbiamo partire e arrivare nei rispettivi centri. 36 Capitolo 3. Inkscape I connettori che non attraversano gli oggetti rendono lo schema piú pulito e piú facilmente interpretabile. 3.4 Forme complesse da forme semplici Combinare piú forme semplici è un modo abbastanza rapido per ottenere forme complesse senza dover disegnare queste ultime da zero. Inkscape può combinare i disegni con diverse modalità i cui nomi ricordano le operazioni sugli insiemi: unione, intersezione, differenza, divisione, esclusione. Permette anche di raggruppare gli oggetti senza dover cambiare loro le forme. Supponiamo di aver disegnato un rettangolo e un’ellisse sovrapposti e di voler unire le due forme mantenendo solo i contorni non sovrapposti. L’operazione cercata è l’unione, come ci mostrano le icone esemplificative del menú Tracciato. Applichiamo l’operatore e otteniamo il risultato voluto. Un altro metodo per ottenere forme complesse da forme semplici è aggiungere dei punti di deformazione (nodi) e usarli per rimodellare i segmenti dell’oggetto. 3.4. Forme complesse 37 Figura 3.1: L’ambiente di lavoro di Inkscape. Dopo aver disegnato una forma predefinita, ad esempio un rettangolo, selezioniamo lo strumento che serve a modificare i tracciati a partire dai nodi e dalla sua barra dei controlli strumento clicchiamo sull’icona (che serve a convertire gli oggetti selezionati in tracciati): i punti di controllo usuali del rettangolo diventano dei quadrati a 45° e siamo pronti a deformare il rettangolo. Cliccando due volte su un punto del perimetro del rettangolo aggiungiamo un nodo. Il nostro intento è trasformare il rettangolo in un martello, quindi inseriamo quattro nodi sul lato inferiore e uno sul lato superiore. 38 Capitolo 3. Inkscape A questo punto trasciniamo i varî punti fino a ottenere la forma voluta. Non è questo l’unico modo di deformare una forma: con gli stessi strumenti e gli altri presenti nella barra dei controlli strumento possiamo deformare ogni segmento mediante le maniglie di cui parleremo nel Paragrafo 3.6. 3.5 Livelli Inkscape gestisce necessariamente i livelli. Disegni a ricalco e parti di progetti complessi sono piú agevoli da realizzare se separati su diversi livelli. Dal menú livelli possiamo gestire tutte le operazioni relative ai livelli: creazione, spostamento, eliminazione, cambiamento. Per passare rapidamente da un livello all’altro o bloccare un livello possiamo anche usare la tendina vicino all’help evidenziato nella Figura 3.1. Esempio: ricalco di un contorno mediante forme semplici e unione Il seguente esempio, che non ha alcuna pretesa di precisione, mostra una sequenza di operazioni manuali che richiamano il metodo di lavoro di molti programmi di grafica tridimensionale e rendering: questi usano molte forme semplici, generalmente triangoli, per riprodurre forme complesse. Supponiamo di voler ricalcare il noto Barking dog di Keith Haring mostrato nella Figura 3.3. Vogliamo ricalcare i contorni del disegno originale solo usando poligoni predefiniti: rettangoli e triangoli. Questo non è certamente il metodo piú facile e veloce, però ci abitua a scomporre in forme semplici quello che è complesso. 3.5. Livelli 39 Figura 3.2: La barra degli strumenti di Inkscape. Se non è interamente visibile a causa della risoluzione del monitor possiamo comunque selezionare tutti gli strumenti. Importiamo l’immagine raster in un documento Inkscape (menú File → Importa bitmap), blocchiamo il livello corrente cliccando sul lucchetto e creiamo un nuovo livello. Nell’immagine abbiamo chiamato ricalco questo nuovo livello. Cominciamo a disegnare dei rettangoli sovrapposti col perimetro di spessore adeguato e con gli spigoli arrotondati alla bisogna. Aggiungiamo dei triangoli cosi che corpo, coda, zampe, orecchie, coda e bocca siano riprodotti. 40 Capitolo 3. Inkscape Dopo aver selezionato tutti gli oggetti del disegno applichiamo l’operatore Unione. Il risultato, ottenuto in meno di due minuti, non è precisissimo ma mostra che un minimo di impegno in piú darebbe un risultato perfetto. Non abbiamo usato altro che forme semplici e predefinite, cosí come è spesso possibile fare. 3.6 Curve di Bézier La curva di Bézier è un particolare tipo di curva parametrica molto usata nella computer grafica. Dati due punti e una linea vettoriale otteniamo una curva di Bézier lineare, cioè una linea retta che attraversa due punti. Tali curve possono contenere delle curvature; piú numerose sono le curvature maggiore è l’ordine delle curve e il numero di punti da fornire: tre punti, una curvatura (curva quadratica), quattro punti, due curvature (curva cubica) e cosí via. I programmi di grafica permettono di curvare le linee visualmente tramite delle maniglie. Le maniglie vengono mostrate come segmenti tangenti agli estremi della curva, e mostrano gli angoli delle estremità. Agendo sulle estremità delle maniglie si cambiano la curvatura e gli angoli della curva stessa. La maggior parte del programmi di grafica obbligano a connettere piú curve quadratiche per ottenere curve di ordine superiore. Per prima cosa possiamo inserire un segmento di curva. Clicchiamo sul punto di partenza e trasciniamo il mouse tenendo il tasto cliccato fino al punto d’arrivo. A quel punto rilasciamo il tasto e trasciniamo il mouse: il segmento viene curvato senza maniglie visibili. Possiamo anche inserire una curva simmetrica. Clicchiamo sul punto di partenza, rilasciamo il tasto e trasciniamo il mouse fino al punto finale. Quindi riclicchiamo: compare la maniglia di quest’ultima estremità e possiamo curvare il segmento. 3.6. Curve di Bézier 41 Figura 3.3: Una copia del famoso dipinto Barking dog, una delle opere piú iconiche di Keith Haring. Con i due metodi appena visti abbiamo disegnato delle curve quadratiche (una sola curvatura dati tre punti). Possiamo aggiungere un’ulteriore curvatura a un segmento di curva, rendendolo cosí cubico, se alla fine del tratto clicchiamo e trasciniamo il mouse: compare la maniglia e possiamo curvare o controcurvare il segmento ottenendo una curva di Bézier cubica. Ogni volta che finiamo un segmento possiamo aggiungere un nuovo segmento. Finché non confermiamo il disegno con Invio possiamo cancellare i segmenti disegnati a partire dall’ultimo col tasto Canc. Possiamo usare i tracciati non solo come elemento decorativo o fondante di un disegno piú complesso ma anche come “pista” da inseguire per il posizionamento di una scritta. Partiamo dalla condizione di aver tracciato una linea, a mano libera o di Bézier, e scritto un testo. 42 Capitolo 3. Inkscape Dopo aver selezionato entrambi gli elementi clicchiamo su Testo → Metti su tracciato. Inkscape posizionerà la scritta piegandola conformemente al tracciato. La scritta si troverà in alto a sinistra del tracciato se questo è stato disegnato da sinistra a destra, in basso a destra se è stato disegnato da destra a sinistra. Quanto detto finora non vale per le figure geometriche predefinite poiché queste non sono tracciati. In questi casi possiamo posizionare la scritta al loro interno ma, se vogliamo che la scritta insegua un contorno chiuso, non possiamo usare rettangoli, circonferenze o poligoni predefiniti. Per posizionare la scritta come indicato dobbiamo selezionare i due oggetti (la scritta e la figura geometrica) e cliccare Testo → Fluisci in struttura. 3.7. Filtri per immagini raster 43 Il testo verrà posto entro la figura. 3.7 Filtri per immagini raster Essendo in grado di importare immagini raster, Inkscape è anche in grado di applicare loro dei filtri. Ciò lo rende alternativo a gimp per una serie limitata di elaborazioni. Ha anche un editor di filtri per combinare i filtri disponibili e ottenere effetti inediti. L’importazione di un’immagine raster permette l’inserimento della suddetta immagine nel documento corrente. Ognuno dei filtri disponibili può essere applicato a tutte e solo alle immagini selezionate. 44 Capitolo 3. Inkscape Il filtro selezionato viene applicato direttamente senza alcun’anteprima. 3.8 Vettorizzazione di immagini raster L’utilità di un programma di disegno vettoriale si basa anche sul fatto che è possibile ricalcare dei disegni memorizzati come immagini raster generandone una versione vettoriale. Questa caratteristica, utilissima, è però dispendiosa in termini di tempo. Avere un modulo di vettorizzazione di immagini raster può rappresentare un bel risparmio di tempo e di risorse di elaborazione. Dopo aver selezionato l’immagine raster da vettorizzare, accediamo alla funzione Tracciato → Vettorizza bitmap. Comparirà una finestra di dialogo in cui impostare i parametri del vettorizzatore e la modalità di vettorizzazione. 3.9. Formato dei file 45 Alla fine dell’elaborazione l’immagine vettoriale viene sovrapposta all’originale raster. Possiamo spostarla dove vogliamo o copiarla in un secondo documento. Dal basso a destra in senso orario troviamo: vettorizzata bianco e nero, vettorizzata a 256 toni di grigio, vettorizzata a 256 colori, raster originale. Inkscape effettua la vettorizzazione usando potrace, un programma libero di vettorizzazione di immagini raster. 3.9 Formato dei file e nomi degli oggetti Ogni oggetto disegnato con Inkscape può assumere un nome. Questo nome, o etichetta, lo identifica univocamente e non può essere duplicato. Avere degli identificativi può sembrare superfluo nei disegni semplici, ma per disegni complessi è fondamentale. Inkscape salva i file in formato svg, una specializzazione del formato xml (eXtensible Markup Language) per supportare le proprietà di un disegno. A differenza del pdf, formato proprietario di Adobe e standard de facto del mercato, svg è un formato aperto, non proprietario e perfettamente leggibile anche da un umano. In questo documento abbiamo disegnato un rettangolo a cui assegniamo il nome datogli per default da Inkscape. Il documento salvato nel formato nativo di Inkscape è leggibile anche con un editor di testo. Ecco il risultato: 46 1 2 Capitolo 3. Inkscape <? xml version = " 1.0 " encoding = " UTF -8 " standalone = " no " ? > <! -- Created with Inkscape ( http: // www . inkscape . org /) -- > 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 < svg xmlns:dc = " http: // purl . org / dc / elements /1.1/ " xmlns:cc = " http: // creativecommons . org / ns # " xmlns:rdf = " http: // www . w3 . org /1999/02/22 - rdf - syntax - ns # " xmlns:svg = " http: // www . w3 . org /2000/ svg " xmlns = " http: // www . w3 . org /2000/ svg " xmlns:sodipodi = " http: // sodipodi . sourceforge . net / DTD / sodipodi -0. dtd " xmlns:inkscape = " http: // www . inkscape . org / namespaces / inkscape " width = " 744.09448819 " height = " 1052.3622047 " id = " svg2 " version = " 1.1 " inkscape:version = " 0.48.1 ␣ " sodipodi:docname = " Nuovo ␣ documento ␣ 1 " > < defs id = " defs4 " / > < s od ip odi :n am edv ie w id = " base " pagecolor = " # ffffff " bordercolor = " #666666 " borderopacity = " 1.0 " i n k s c a p e : p a ge o p a c i t y = " 0.0 " i nk s c ap e :p a g es h ad o w = " 2 " inkscape:zoom = " 0.98994949 " inkscape:cx = " 315.05691 " inkscape:cy = " 520 " inkscape:document - units = " px " inkscape:current - layer = " layer1 " showgrid = " false " inkscape:window - width = " 1366 " inkscape:window - height = " 706 " inkscape:window - x = " -8 " inkscape:window - y = " -8 " inkscape:window - maximized = " 1 " / > < metadata id = " metadata7 " > < rdf:RDF > < cc:Work rdf:about = " " > < dc:format > image / svg + xml </ dc:format > < dc:type rdf:resource = " http: // purl . org / dc / dcmitype / StillImage " / > < dc:title > </ dc:title > 3.9. Formato dei file 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 47 </ cc:Work > </ rdf:RDF > </ metadata > <g inkscape:label = " Livello ␣ 1 " in ks ca pe: gr ou pmo de = " layer " id = " layer1 " > < rect style = " fill:none ; stroke: #000000; stroke - opacity:1 " id = " rect3800 " width = " 307.08636 " height = " 161.6244 " x = " 123.23861 " y = " 453.34174 " / > </ g > </ svg > Alla riga 56 vediamo il nome identificativo del rettangolo: le righe 54–60 contengono tutti di dati del rettangolo. Possiamo anche modificare un disegno Inkscape senza usare Inkscape ma usando un semplice editor di testo. Alla successiva apertura dell’immagine le modifiche verranno mostrate da Inkscape a patto che siano corretti. Capitolo 4 Scribus Scribus, l’equivalente libero di prodotti commerciali blasonati e costosi come Quark XPress e Adobe InDesign, è un programma di composizione tipografica. Permette di realizzare facilmente e con buona precisione dei documenti di diversa natura. Come abbiamo già visto per Inkscape, anche Scribus salva i suoi file in un formato “proprietario” (sla) derivato da xml. A differenza in Inkscape, che ci chiede se vogliamo inserire permanentemente o tramite link un’immagine raster in un documento, Scribus opta per il solo link. Ciò comporta che distribuire un documento Scribus implica distribuire a parte le immagini che lo compongono. 4.1 Creazione di un documento All’apertura Scribus ci chiede se vogliamo creare un nuovo documento da impostare o a partire da un modello predefinito, oppure se vogliamo aprirne uno preesistente. Nel primo caso siamo chiamati a scegliere il formato di pagina, il layout del documento, l’unità di misura di lavoro (di default impostata a pt — punti), i margini di rispetto se il documento ha una gabbia di diversa dall’intera pagina. . . 48 4.1. Creazione di un documento 49 . . . e i margini al vivo, cioè i margini su cui deborderanno le immagini e le decorazioni che saranno rifilate finendo sul margine esterno del foglio, al vivo, per l’appunto. Nel secondo caso, quello della creazione di un nuovo documento basato su un modello predefinito, abbiamo un’ampia gamma di modelli di documento, tale da soddisfare diverse esigenze. A seconda del tipo di documento dovremo aggiungere delle pagine e tutte saranno impostate come la regolazione iniziale. Non appena il documento è stato impostato siamo pronti a riempirlo col materiale necessario. Il posizionamento degli oggetti, che vedremo essere possibile in maniera piú che millimetrica, può essere agevolato dall’uso dei righelli superiore e sinistro. Questi, nell’impostazione predefinita, misurano i punti (pt). Agendo sul tasto a tendina in basso a sinistra possiamo cambiare l’unità di misura predefinita del documento e, di conseguenza, dei righelli. 50 Capitolo 4. Scribus Nel caso in esame abbiamo scelto i centimetri (cm). In rosso vediamo i segni di taglio; li prenderemo come riferimento per posizionare gli elementi al vivo. Questi saranno posti in modo da eccedere il margine rosso cosí che, dopo il taglio, questi siano proprio sul bordo del foglio. 4.2 Cornici di testo, immagini e render Ogni documento complesso avrà al suo interno del testo e/o delle immagini. Non possiamo porre questi elementi direttamente nel documento ma siamo vincolati a porli dentro delle scatole che Scribus chiama cornici. Come si evince dal nome una cornice di testo è un’area adibita a contenere del testo mentre una cornice immagine è un’area entro cui posizionare una e una sola immagine. Selezioniamo il comando (pulsante) adatto alla cornice da inserire quindi clicchiamo e trasciniamo sul documento per creare la cornice nelle dimensioni volute. La cornice creata avrà forma rettangolare. Vedremo che paragrafo 4.6 che possiamo cambiare a piacere la forma di ognuna delle cornici create. Dopo aver scelto lo strumento Cornice di testo. . . . . . creiamo sul documento un’area adibita a contenere del testo. Iniziamo a scriverci dentro direttamente o mediante copia e incolla dopo averci cliccato dentro due volte. 4.2. Cornici 51 Possiamo anche importare del testo o aprire l’editor dedicato alla modifica del testo. Dall’editor dedicato possiamo controllare anche le caratteristiche tipografiche del testo di una cornice. Naturalmente possiamo selezionare il pulsante Cornice immagine. . . e creare la relativa cornice vuota, pronta da riempire. Clicchiamo col tasto destro sulla cornice dell’immagine e otteniamo il menú contestuale dal quale accediamo alla voce per inserire un’immagine nella cornice. 52 Capitolo 4. Scribus Non appena l’immagine è stata selezionata viene inserita nella cornice alla risoluzione impostata (vedi il menú contestuale all’immagine precedente). Può capitare che l’immagine non abbia le stesse dimensioni della cornice creata per contenerla (o viceversa). Abbiamo due opzioni per sistemare le cose. La prima è adattare la cornice all’immagine. In questo caso la cornice verrà perfettamente ridimensionata alle dimensioni dell’immagine. 4.2. Cornici 53 La seconda opzione è quella di adattare l’immagine alla cornice. Il risultato non è sempre dei migliori, specialmente se il rapporto delle dimensioni dell’immagine non è uguale al rapporto delle dimensioni della cornice. In questo caso notiamo che l’immagine viene ingrandita (o rimpicciolita) fin quando una delle due dimensioni raggiunge la corrispondente dimensione della cornice; l’altra dimensione viene adattata proporzionalmente senza necessariamente adattarsi a quella corrispondente della cornice. Nel paragrafo 4.6 vedremo come fare in modo che l’immagine venga deformata senza proporzionalità. Deformare un’immagine senza mantenere la proporzione tra le sue dimensioni non è un’operazione sempre consigliabile. Un elemento molto interessante di Scribus è la capacità di inserire nei propri documenti i risultati dell’elaborazione di programmi esterni. Non stiamo parlando di testi e immagini importati, che è cosa comune, ma di documenti generati su richiesta e al momento. Quando creiamo una di queste cornici, definite render, possiamo scegliere il tipo di documento da inserire (testo LATEX, grafico Gnuplot, spartito Lilypond, grafico GraphViz o immagine renderizzata POVRay) e passare dal programma esterno il sorgente del documento da compilare. Ovviamente i programmi esterni devono essere installati o Scribus non riuscirà a generare il risultato. Come nei casi visti in precedenza, partiamo dalla selezione del pulsante corretto, 54 Capitolo 4. Scribus quindi si disegna la cornice nel modo consueto. Ogni cornice render ha dei file di prova predefiniti, ognuno adatto al programma esterno da usare. La scelta predefinita di Scribus è PdfLATEX. Se il programma da usare non è installato nel sistema, Scribus ce lo notificherà immediatamente, già durante il tracciamento della cornice. La cornice verrà inserita lo stesso nel documento, ma con l’evidente segnalazione del problema. Nel caso in cui PdfLATEX sia presente nel sistema vedremo il risultato dell’elaborazione nella cornice render. Ricordiamo che l’elaborazione viene eseguita al momento della nostra richiesta. Ovviamente possiamo cambiare il programma elaboratore e/o l’esempio da far renderizzare. Clicchiamo col tasto destro dentro la cornice e selezioniamo Modifica origine. . . per accedere alla finestra in cui modificare sia l’esempio che il programma da usare. Nel caso in esame ci limitiamo a cambiare il codice da renderizzare con PdfLATEX. Possiamo anche modificare il programma a cui far eseguire il rendering. In base al programma usato cambieranno anche le linguette disponibili. 4.3. Cornici di testo collegate 55 Questo è il risultato nel rendering sul codice che abbiamo inserito noi. 4.3 Cornici di testo collegate Quando componiamo un testo lungo è normale che il testo non entri tutto nello spazio a esso riservato in una pagina o di una colonna. Non è nemmeno pensabile che dividiamo a mano il testo nei punti necessari: basterebbe cambiare il corpo del font o l’interlinea per avere tutto il testo scompaginato di nuovo. Inserire un testo molto lungo in una cornice di testo comporta la “sparizione” del testo in eccesso oltre il margine inferiore della cornice. Scribus segnala questa “sparizione” mediante un artificio grafico: un quadrato crociato nell’angolo in basso a destra della cornice di testo. Per ovviare al problema del testo in eccesso dobbiamo creare delle cornici di testo collegate. In questo modo il testo fluirà dall’una all’altra cornice fino alla fine del testo. Creiamo una cornice di testo aggiuntiva alla prima, quindi selezioniamo la prima cornice (quella col testo in eccesso) e selezioniamo il pulsante Collega cornici testo. A questo punto non ci rimane che cliccare sulla cornice di testo vuota per vedere il testo in eccesso distribuirsi al suo interno. 56 4.4 Capitolo 4. Scribus Tabelle Scribus possiede ovviamente un’opzione per inserire delle tabelle nei documenti. Le tabelle non sono altro che una serie di cornici arrangiate in righe e colonne. Dopo aver selezionato il pulsante (o la voce del menú) relativa alla tabella creiamo la tabella e Scribus ci chiede di definire il numero di righe e colonne componenti la tabella. Il prodotto del numero di righe per il numero di colonne indica il numero di celle della tabella. Al termine dell’operazione la tabella riempie la cornice ed è un’entità unitaria, cioè è impossibile selezionare la singola cella. Se clicchiamo col tasto destro entro la tabella otteniamo il menú contestuale a essa relativo contenente la voce Separa, cioè l’opzione per separare la tabella in celle singole e indipendenti. Dopo aver applicato l’operazione di separazione siamo in grado di selezionare la singola cella. Ora la tabella non è piú un’entità monolitica ma un’accozzaglia di riquadri uno vicino all’altro ma separabili. Purtroppo ridimensionare una tabella nelle singole righe e/o colonne non è affatto un’impresa semplice in Scribus. Bisogna infatti togliere il raggruppamento come abbiamo appena visto riaggiustare a mano tutti gli elementi necessari. Il risultato è però spesso povero, neanche lontanamente paragonabile a quello ottenibile con i piú comuni elaboratori di testo, a meno di non 4.5. Elementi grafici 57 dedicare molto tempo a ridisegnare tutti gli elementi della tabella, celle, bordi e colori. 4.5 Elementi grafici Scribus permette di arricchire ogni documento con una serie di elementi grafici predefiniti e personalizzabili. Gli oggetti che possiamo disegnare sono: segmenti di retta (linee), curve di Bézier, linee disegnate a mano libera, poligoni con numero di lati, angolo di rotazione, curvatura dei lati e relativi angoli interamente configurabili, forme predefinite. Ognuno degli oggetti è modificabile usando la stessa tecnica discussa al paragrafo 4.6. Selezionare il pulsante delle forme predefinite. . . . . . permette di disegnare direttamente la forma rappresentata sul pulsante. Essendo il pulsante programmabile, possiamo selezionare da un ampia gamma di forme quella da disegnare direttamente. 58 Capitolo 4. Scribus Anche il tasto relativo ai poligoni ha la stesse funzionalità del precedente, permettendoci di disegnare direttamente il poligono programmato (non quello presente nell’icona del tasto). Anche questo tasto è programmabile. A differenza del precedente, la sua programmazione è demandata a una finestra di dialogo in cui impostare i valori del poligono: numero di lati, rotazione, curvatura e fattore o valore della convessità o concavità del poligono. Non c’è molto da dire sul disegno dei segmenti e delle linee a mano libera. Basta selezionare i pulsanti relativi e cliccare trascinando. Anche sulle curve di Bézier possiamo dire ben poco. Si tracciano allo stesso modo di come abbiamo visto con Inkscape (cfr. paragrafo 3.6). 4.6. Proprietà e personalizzazione degli oggetti 59 Figura 4.1: La finestra delle proprietà è completamente inattiva perché non è stato selezionato alcun oggetto di cui modificare le proprietà. 4.6 Proprietà e personalizzazione degli oggetti Tutti gli oggetti inseriti in un documento Scribus hanno una serie di proprietà completamente regolabili. La pressione del tasto F2 o la selezione della voce del menú Finestre → Proprietà apre la finestra delle proprietà di un oggetto. A seconda dell’oggetto alcune linguette non sono attive. Siccome la finestra delle proprietà è unica per tutti gli oggetti del documento (cambia contestualmente le proprietà mostrate), se non è stato selezionato alcun oggetto la finestra non mostra alcuna proprietà da modificare (Figura 4.1). Vediamo nel dettaglio tutte le proprietà identificate da Scribus, sempre ricordando che non tutti gli oggetti possiedono (o espongono) tutte le proprietà. Ad esempio (Figura 4.2) una cornice di testo non possiede le proprietà Raggruppa e Immagine. 60 Capitolo 4. Scribus Figura 4.2: La finestra delle proprietà di una cornice di testo permette di visionare, e modificare, la posizione (X, Y, Z), la Forma, il contenuto (Testo), lo spessore e lo stile dei tratti (Linea) e i Colori. In questo spazio possiamo modificare la posizione assoluta dell’oggetto all’interno del documento (in base a uno dei punti angolari o al punto centrale), nonché la sua altezza, larghezza e rotazione. Possiamo posizionare l’oggetto piú o meno in primo piano, invertirlo orizzontalmente o verticalmente, bloccarne il contenuto o le dimensioni. Se l’oggetto è il raggruppamento di piú oggetti possiamo anche ripristinare le entità originarie. 4.6. Proprietà e personalizzazione degli oggetti 61 Da qui possiamo modificare la forma dell’oggetto (lo vedremo nel dettaglio piú avanti), l’arrotondamento dei suoi angoli e il flusso di testo relativamente a esso. Attiva solo per gli oggetti raggruppati, è l’opzione equivalente a Forma relativa agli oggetti singoli. 62 Capitolo 4. Scribus Da qui definiamo tutte le proprietà di un testo: carattere (font, stile, corpo, interlinea, imbandieramento, colore, effetti varii). Di ogni immagine inclusa in una cornice immagine possiamo impostare la posizione relativa alla cornice, la percentuale di scala (libera o vincolata), la risoluzione orizzontale e verticale (libera o vincolata). Risolviamo anche il problema relativo al ridimensionamento delle immagini rispetto alle cornici introdotto nel Paragrafo 4.2: basta togliere la spunta alla casella Proporzionale. 4.7. Modifica delle forme 63 In questa sezione modifichiamo lo stile delle linee dell’oggetto, bordi compresi. Tipo della linea, spessore, frecce iniziali o terminali, angoli ed estremità sono tutti modificabili in base alle nostre esigenze e compatibilmente con le modalità permesse. Come possiamo evincere dal nome, qui modifichiamo i colori dei bordi o dello sfondo di ogni oggetto, impostandone contemporaneamente la trasparenza, la modalità di fusione e la sovrastampa. 4.7 Modifica delle forme Scribus consente di modificare liberamente la forma di ogni oggetto tranne che dei segmenti di retta. Per ogni oggetto da deformare accediamo alla finestra delle proprietà e da qui alla sezione Forma. 64 Capitolo 4. Scribus Possiamo modificare immediatamente le forme poligonali, comprese le cornici, in una delle forme predefinite. Tutte le forme, comprese le curve di Bézier e quelle a mano libera — ma non i segmenti —, sono modificabili liberamente cliccando sul tasto Modifica. . . . I controlli utilizzabili (alcuni sempre attivi e altri attivi contestualmente) dall’alto verso il basso e da sinistra a destra, sono i seguenti: muovi i nodi, aggiungi un nodo, togli un nodo, rettifica una curva di Bézier, aggiungi una curva di Bézier con maniglie (o controlli) asimmetriche o simmetriche, elimina un controllo, apri un poligono, chiudi una linea, specchia orizzontalmente o verticalmente, ruota in senso antiorario od orario del numero di gradi indicato, ingrandisci o rimpicciolisci l’oggetto nella percentuale o nella dimensione indicata, anche in coordinate assolute. 4.8 Ruota dei colori e scelta Quando progettiamo una pubblicazione dovremo anche tener conto dei colori che la caratterizzeranno. Questi colori verranno raccolti in una tavolozza (altrimenti nota come palette). Scribus ci permette di (e in un certo senso ci aiuta a) scegliere una palette. Un nuovo documento è già corredato di una serie di colori predefiniti: una serie di neri (pieno, caldo, freddo, solo nero), un bianco puro e alcuni altri 4.9. Codici a barre 65 colori di base. A questi colori possiamo aggiungere o sostituire dei colori a nostra scelta accedendo al menú Utilità → Mappa cromatica. La prima cosa che salta all’occhio è la ruota dei colori con al centro il colore principale, quello che scegliamo noi e da cui Scribus ricava una mappa cromatica. Il colore principale è espresso in base a diversi sistemi di colori: cmyk, rgb, hsv o anche approssimato con uno dei colori predefiniti nel documento. Quindi scegliamo lo schema di colori tra quelli a nostra disposizione per avere un numero di colori variabile tra due (complementare) e cinque (complementare separato). L’ultimo criterio che possiamo seguire per scegliere la tavolozza del documento è quello relativo ai difetti visivi dei potenziali lettori. Scribus circoscrive questi difetti al daltonismo o alla cecità a uno dei tre colori visibili all’occhio umano: rosso, verde e blu del sistema rgb. Una volta che abbiamo scelto i colori, possiamo aggiungerli o sostituirli a quelli predefiniti del documento. Siccome possiamo iterare questa procedura per piú di una volta, dovremo rinominare i colori per non avere conflitti tra colori nominati allo stesso modo. Possiamo rinominare i colori nella finestra di dialogo accessibile dal menú Modifica → Colori. . . 4.9 Codici a barre Scribus può inserire un codice a barre in un documento in modo molto semplice. 66 Capitolo 4. Scribus La prima cosa da fare è selezionare la voce del menú Inserisci → Codice a barre. Nella finestra di dialogo che segue scegliamo il tipo di codice a barre che vogliamo inserire. Tra i tipi elencati riconosciamo l’ean-13, quello tipico di molte merci, e l’isbn, quello che identifica univocamente i libri. Dopo aver scelto il tipo ean-13, completiamo il numero proposto con una stringa di testo composta da uno spazio e un altro numero di cinque cifre. Questo codice prende il nome di “issn e addon” e identifica i giornali e le riviste. Il codice ean-13 rappresenta il codice issn e identifica la testata mentre l’ulteriore codice, l’addon identifica il numero della testata (nei casi piú complessi, come i quotidiani, rappresenta la data di uscita). Quando i dati sono inseriti correttamente clicchiamo OK e il codice viene inserito nel documento secondo lo standard richiesto. 4.10 Esportazione in pdf e font embedded I font embedded, cioè associati permanentemente a un documento, sono una caratteristica dei formati di stampa quali il PostScript e il pdf. L’utilità 4.10. Esportazione in pdf e font embedded 67 di questa pratica sta nel fatto che chi stampa può non avere il font usato nel documento e quindi stamperebbe un documento contenente delle lettere scritte con un carattere non previsto dal compositore. Il risultato può variare dal povero all’inaccettabile. Includere i font nel documento finale solleva lo stampatore dall’avere problemi in fase di stampa. Dunque l’inclusione dei font in un documento Scribus è un compito confinato all’esportazione di un documento. Quando il documento ha raggiunto la sua forma finale siamo pronti a mandarlo in stampa. Dobbiamo selezionare la voce del menú File → Esporta → Salva come PDF. . . Scribus verifica per noi la bontà del pdf e ci segnala gli eventuali errori. Possiamo decidere di correggerli oppure, se siamo sicuri della bontà del risultato, di ignorarli. Proseguiamo nella creazione guidata del pdf da mandare in stampa. Nella prima linguetta della finestra di dialogo scegliamo le impostazioni generali (versione dello standard pdf, risoluzione, pagine, margini e cosí via). 68 Capitolo 4. Scribus La seconda linguetta ci permette di personalizzare l’inclusione dei font. Scribus propone da sé quali font includere e quali ricalcare come figure. Basa la sua decisione sul numero di caratteri scritti in ogni font: se il numero di caratteri da disegnare è alto il file risultante sarebbe troppo grande (ogni segmento o curva rappresenta un’informazione che prende spazio in un file) e quindi conviene includere il font (file .ttf o .otf); se il numero di caratteri da ricalcare è basso si può evitare l’inclusione del font. La penultima linguetta riguarda il colore. Scribus distingue tra web/screen, cioè documenti fruibili online, stampante, cioè documenti fruibili su carta, e toni di grigio, documenti da stampare sopprimendone i colori. È facilmente intuibile che il primo tipo di documenti avrà i colori gestiti in rgb mentre il secondo in cmyk. L’ultima linguetta, infine, ci consente di inserire tutti gli elementi di prestampa quali i crocini di taglio, le guide di allineamento (segni di registrazione), le barre di colore e le informazioni sul documento. Il pdf finale dopo aver impostato tutti i dati richiesti, si presenta cosí, col suo bel font (una versione del ben noto Myriad). 4.10. Esportazione in pdf e font embedded 69 Se non avessimo incluso il font nel documento avremmo avuto ben altro risultato. Qui vediamo il lettore di file pdf che sostituisce Myriad con l’altrettanto noto Helvetica e offre un risultato che si commenta da sé. Capitolo 5 Audacity Audacity è un programma di editing ed elaborazione sonora, non di composizione musicale. È adatto a elaborare musica e a registrarne ma non a creare un brano scrivendone lo spartito. Ne vedremo le operazioni di base utili per creare o ritoccare una colonna sonora di un filmato. Non ci addentreremo nei dettagli tecnici sulla scelta dell’attrezzatura per la registrazione. L’ambiente di lavoro è quello mostrato nella Figura 5.1. Dall’alto troviamo il menú dei comandi, i comandi visuali di riproduzione e registrazione, la scelta dello strumento di lavoro (noi lavoreremo esclusivamente con la selezione), le informazioni sui livelli della riproduzione e della registrazione e le relative regolazioni, le icone delle operazioni più eseguite (copia, incolla e altro), la regolazione della velocità di riproduzione, la selezione dello hardware, il foglio di lavoro e infine le informazioni sul brano corrente. 5.1 Apertura, visualizzazione e riproduzione di un file Audacity è in grado di leggere, riprodurre e salvare diversi formati audio con una predilezione per i formati liberi e aperti. Non è infatti in grado di riprodurre nativamente alcuni formati chiusi come l’mp3 mentre lo è per i formati liberi, ad esempio ogg Theora. È però in grado di sfruttare le funzioni di alcune librerie esterne per integrare le sue funzionalità. Se installiamo la libreria FFmpeg Audacity potrà riprodurre anche il noto formato audio compresso mp3. Aprire un file audio è semplice come aprire un file di testo: 70 5.1. Riproduzione 71 Figura 5.1: Il programma di elaborazione sonora Audacity. Selezioniamo la voce File → Apri. . . del menú oppure premiamo ctrl-o, . . . . . . scegliamo il brano da aprire ed eccolo sotto forma di segnale. Vediamo l’intero brano concentrato nella lunghezza della finestra. 72 Capitolo 5. Audacity 1.5 sin(x) cos(x) sin(x) + cos(x) 1 0.5 0 -0.5 -1 -1.5 0 1 2 3 4 5 6 Figura 5.2: Somma di due segnali semplici. La domanda che molti pongono all’apertura di un file è: «Posso estrarre la sola voce del cantante da un brano?» La risposta è: «Dipende.» In un normale brano commerciale la cosa è praticamente impossibile; in un brano multitraccia, non in vendita in negozio, sí. Un brano stereo (o anche multicanale 5.1 o 7.1) è una combinazione di piú tracce, ognuna contenente un segnale complesso con molte frequenze udibili. Come facciamo a ricostruire i segnali originali a partire da quello finale? Non possiamo. Nella figura 5.2 vediamo la somma di due segnali semplici, operazione facilmente eseguibile. Se però conosciamo solo il segnale risultato ma nessuno dei due segnali addendi non possiamo dedurre niente sull’identità degli addendi, solo immaginare. Sarebbe come voler scoprire gli addendi originari della somma che dà 14 come risultato. Può essere 7+7 = 14, 10+4 = 14, oppure 14+0 = 14, ma anche 1 000 000 014 + (−1 000 000 000) o (14 + ε) − ε (la lettera usata è la èpsilon dell’alfabeto greco). Ciò detto, eviteremo di eseguire operazioni impossibili. Estrarre delle frequenze tagliandone altre (tecnicamente filtrare) non implica il raggiungimento del risultato auspicato. Quando possiamo vedere il segnale del brano sul foglio di lavoro siamo anche in grado di riprodurlo. Ci basta premere il tasto (play) (o attivare la voce del menú Attività → Riproduci per iniziare la riproduzione. Non riportiamo 5.1. Riproduzione 73 qui gli altri tasti vista l’universalità delle loro icone. Ci sono i tasti pausa, stop, avanzamento e arretramento veloce nonché il tasto rec (record, registra). Premiamo play e la riproduzione inizia dall’inizio. Se però prima clicchiamo su un punto del segnale il punto viene contrassegnato da una riga verticale e la riproduzione inizierà da lí dopo la pressione di play. Possiamo anche selezionare col mouse una parte del brano: premere play comporta la riproduzione della sola selezione. Un progetto è normalmente composto da tante tracce quante ne servono per costruire l’intera colonna sonora. Dunque possiamo caricare diversi brani che possiamo riprodurre contemporaneamente. Alla sinistra di ogni traccia del progetto ci sono due tasti etichettati Mute e Solo. Il primo ammutolisce solo la traccia corrispondente, il secondo ammutolisce solo tutte le altre tracce. Tutto quanto descritto di seguito sarà applicabile solo a brano fermo (stop), non in riproduzione (play) o in pausa (pause). 74 5.2 Capitolo 5. Audacity Zoom sul segnale Abbiamo detto che l’apertura di un brano fa in modo che Audacity mostri tutto il segnale associato. Possiamo eseguire uno zoom cosí da vedere solo una porzione del segnale, oppure ingrandire solo la parte selezionata. È inutile dire che ingrandire il segnale ci aiuta a eseguire i tagli necessari con maggior precisione. 5.3 Copia e incolla Il copia e incolla in Audacity funziona esattamente come per qualunque altro programma con la differenza che copiare una parte di segnale equivale a copiare la porzione sonora associata. Possiamo copiare pezzi di un brano o interi brani e incollarli in un altro brano. In questo caso copiamo la porzione di brano selezionata in una nuova traccia (menú Tracce → Nuova traccia) all’interno dello stesso progetto. 5.3. Copia e incolla 75 Incolliamo il pezzo dopo aver evidenziato la seconda traccia, quella vuota. . . . . . ed ecco il risultato. Attenzione che la nuova traccia abbia le stesse caratteristiche dell’originale (nell’esempio entrambi sono stereofoniche). 76 Capitolo 5. Audacity 5.4 Informazioni sulla traccia e ambiente di lavoro Alla sinistra di ogni traccia troviamo una sezione dedicata alle informazioni e ai controlli sulla traccia. Da sinistra a destra, dall’alto in basso troviamo: il tasto per la chiusura della traccia; una tendina col titolo del brano, cliccandoci su accediamo ad alcuni strumenti di analisi o modifica del brano; un’etichetta coi dati del brano: stereofonia, frequenza di campionamento, risoluzione in bit; i tasti Mute e Solo già discussi nel Paragrafo 5.1; il cursore del volume generale e quello del bilanciamento del volume tra i canali destro e sinistro; il tasto per minimizzare lo spazio verticale occupato dalla traccia. Qui vediamo il menú che scaturisce dalla tendina con tutti gli strumenti d’analisi sonora e di modifica del brano. 5.5 Effetti Audacity dispone di un buon numero di effetti e di plugin che non analizzeremo in dettaglio. Discuteremo qui il solo filtro passa-basso.1 Gli altri effetti si 1 Un filtro passa-basso è un filtro che taglia le alte frequenze lasciando le basse inalterate. La distinzione alte-basse viene fatta tramite un valore soglia. Il contrario del filtro passabasso è il filtro passa-alto. 5.6. Velocità e intonazione 77 applicano piú o meno allo stesso modo, sia al brano intero che alla sola parte eventualmente selezionata. Dopo aver selezionato il brano o la parte di esso a cui applicare l’effetto selezioniamo la voce desiderata dal menú Effetti. A seconda dell’effetto applicato dovremo compiere delle regolazioni preliminari. Nel caso in esame (filtro passa-basso) il valore fondamentale è la frequenza di taglio (cutoff frequency). Dopo aver effettuato le regolazioni Audacity applica l’effetto. In questo caso applica il filtro passa-basso a una copia del brano originale. Il brano originale è visibile nella traccia superiore mentre quello filtrato sta nella traccia inferiore. Qui vediamo un segnale meno esteso verticalmente. All’ascolto il brano filtrato è piú cupo e senza il contributo delle alte frequenze. 5.6 Variazione della velocità e/o dell’intonazione Possiamo variare la riproduzione del brano in varî modi. Il modo piú semplice è variare la velocità. Difficilmente ci facevamo caso, ma il sonoro dei film visti al cinema in passato era leggermente piú profondo e lento di quello degli stessi film visti in tv. Questo succede perché i film al cinema vengono proiettati a 24 fotogrammi2 al secondo. Il suono è sincronizzato con la velocità di proiezione. 2 Un fotogramma contiene un’immagine ferma, una fotografia. Se visualizziamo un fotogramma ogni secondo, fino a 17 al secondo, abbiamo realizzato quello che chiamiamo slide show, cioè una visualizzazione di foto. Se proiettiamo da 18 fotogrammi al secondo in su il nostro occhio non si accorge piú del fatto che stiamo vedendo delle foto perché il 78 Capitolo 5. Audacity Quando un film veniva passato al telecinema per essere trasferito su supporto analogico, magnetico o ottico, subiva anche un adattamento per il sistema televisivo di arrivo. In Europa il sistema televisivo analogico è il pal3 (Phase Alternating Line) che prevede di trasmettere 25 fotogrammi al secondo. Sia la velocità delle immagini che del suono era leggermente accelerata (ecco perché i film in videocassetta nel sistema pal duravano un po’ di meno che al cinema).4 Variare la velocità di un brano ne cambia anche l’intonazione (pitch). Per vedere l’effetto graficamente è utile avere due copie dello stesso brano. Creiamo una nuova traccia stereo e copiamoci dentro l’intero brano. Notate che il brano originale è un 16 bit pcm mentre la copia è 32 bit float (in virgola mobile). Ciò non significa che la qualità della copia sarà superiore all’originale perché non creiamo informazione dal nulla. Dopo aver selezionato il brano inferiore, quello a cui applicheremo l’effetto, scegliamo la voce Effetti → Cambia velocità (tempo e intonazione). . . . Avremo la possibilità di regolare i parametri relativi all’effetto nella finestra di dialogo che compare. Dopo aver impostato un aumento di velocità dell’8%5 il segnale risultante sarà piú corto dell’originale e la sua forma leggermente diversa. All’ascolto sarà evidente sia la differenza di velocità che di intonazione (piú acuta). Naturalmente, se avessimo impostato un aumento di velocità del −8% (diminuzione di velocità) il segnale risultante sarebbe stato piú lungo e il suono piú grave. nostro cervello “ricostruisce” il movimento. 3 In realtà il pal è solo un sistema di colore. 4 Diverso è il caso del sistema americano ntsc (National Television Standard Committee) che trasmette 30 fotogrammi al secondo. Velocizzando la pellicola fino a quel punto si avrebbe un effetto ridicolo. In conversione vengono ripetuti dei fotogrammi e la colonna sonora non viene alterata. 5.6. Velocità e intonazione 79 Audacity è in grado di cambiare la velocità del brano senza alterarne l’intonazione. Quest’operazione, accessibile su Effetti → Cambia tempo. . . , è utile per sincronizzare il suono alle immagini senza cambiare le caratteristiche tonali (voci piú cavernose o troppo acute), Nella solita finestra di dialogo inseriamo i parametri di modifica. . . . . . dopodiché otteniamo un brano velocizzato (o rallentato se scegliamo una variazione negativa) ma con la stessa intonazione dell’originale. Ovviamente è possibile cambiare la tonalità del brano senza variarne la velocità, cosa utile per adattare la musica, nel caso di una canzone, all’estensione vocale del cantante. Dopo aver selezionato la voce del menú Effetti → Cambia tonalità. . . otteniamo la relativa finestra di dialogo per regolare i parametri. Dopo l’applicazione dell’effetto troviamo che il brano ha lunghezza immutata ma forma d’onda diversa. Ovviamente il tono sarà piú acuto o piú grave a seconda di come abbiamo regolato i parametri. 80 Capitolo 5. Audacity 1 sin(x) − sin(x) sin(x) − sin(x) 0.8 0.6 0.4 0.2 0 -0.2 -0.4 -0.6 -0.8 -1 0 1 2 3 4 5 6 Figura 5.3: Somma di due segnali opposti. Tutte le regolazioni viste sono numeriche; alcune di esse hanno anche delle etichette significative. Per esempio, 33 giri 13 , 45 e 78 giri sono velocità relative ai dischi in vinile. 5.7 Riproduzione di un segnale e del suo inverso Uno dei “trucchi” piú carini che si possono mostrare in un laboratorio di acustica è fare in modo che una persona parli ma non esca da essa alcun suono. Non si tratta di magia nera ma di semplice algebra dei segnali. La Figura 5.3 mostra che la somma di due segnali opposti è zero. Vale lo stesso principio per i segnali sonori. Se carichiamo lo stesso brano su due tracce diverse ma invertiamo una delle due, cioè rendiamo negativi i valori positivi e viceversa, e poi riproduciamo in contemporanea i due brani alle nostre orecchie arriverà. . . il silenzio. 5.7. Segnali inversi 81 L’inversione di un segnale è presente nel menú Effetti Il risultato è un segnale in cui tutti i dati sono cambiati di segno, quindi invertiti rispetto all’asse orizzontale (tempo). Notate che il brano invertito è indistinguibile alle nostre orecchie rispetto all’originale. Capitolo 6 Varie 6.1 FontForge e la visualizzazione dei glifi Un programma libero e gratuito per il disegno dei font e la conversione di formato dei font è FontForge, programma realizzato per la piattaforma Linux e tradotto anche per Mac, Windows e altri sistemi operativi. Possiamo usarlo per la semplice visualizzazione di un font. . . e dei contorni dei singoli glifi. Questo ci permette di apprezzare le caratteristiche di ogni font e magari indirizzarci nella scelta del font piú adatto a un particolare lavoro. 82 6.3. Gnuplot: funzioni e grafici 6.2 83 Yudit e la scrittura multilingue Un operatore grafico potrebbe essere chiamato a realizzare un documento multilingua e multialfabeto. L’inserimento di testi con caratteri dell’alfabeto latino non comporta particolari problemi: l’italiano ha molte delle sue lettere già presenti sulla tastiera e l’inglese ha raramente parole accentate. Inserire testi francesi, tedeschi, spagnoli, romeni, islandesi e vietnamiti è già piú complicato. Non parliamo poi delle lingue rappresentate con alfabeti diversi dal latino: il russo e le lingue scritte con l’alfabeto cirillico, il cinese, il giapponese e il coreano con gli alfabeti ideografici, l’arabo o l’ebraico. L’uso di un comune elaboratore di testi o di un programma di composizione tipografica non ci semplifica molto il compito. Per questo è utile ricorrere a un editor multilingua come Yudit. Questo è sviluppato stabilmente per Linux e ne esiste una vecchia versione anche per Windows. Questo editor, supportato opportunamente dai font Unicode (uno standard di codifica universale dei caratteri), ci permette di inserire testi in qualunque lingua e direzione (per ora solo da sinistra a destra o viceversa) e con qualunque alfabeto. Dispone di diverse mappe di tastiera cosí da non dover intervenire sulle impostazioni del sistema operativo. 6.3 Gnuplot: funzioni e grafici L’inserimento di grafici dignitosi in un documento è parte integrante del lavoro di un operatore grafico. Tra gli strumenti di larga diffusione nel mondo Linux, e disponibili anche per Windows, c’è Gnuplot, ottimo programma di tracciamento di grafici. Questo programma è in grado di tracciare grafici di funzioni (2D e 3D) o di tabelle di dati con diversi stili e colori e, soprattutto, è in grado di esportare il risultato finale in diversi formati tra cui il PostScript, il pdf e LATEX. Quest’ultimo permette un’integrazione perfetta per uniformità di stile con i documenti scritti nello stesso linguaggio. Vediamo un esempio delle sue capacità producendo un grafico relativo alla somma di segnali sinusoidali. Questo grafico rispecchia l’aspetto della presente dispensa. 84 Capitolo 6. Varie 2 sin(x) sin(3x) sin(x) + sin(3x) 1.5 1 0.5 0 -0.5 -1 -1.5 -2 0 1 2 3 4 5 6 Parte II Elementi di grafica 85 Capitolo 7 Rappresentazione grafica di dati Ogni volta che studiamo un fenomeno qualsiasi (la strada percorsa da un numero n di persone, il numero di telefonate fatte in una città in un giorno, la distribuzione di peso e altezza in un gruppo di persone) otteniamo in risposta una serie piú o meno corposa di dati, generalmente costituita da numeri. Ovviamente non tutti i dati saranno numerici; alcuni di essi potranno essere costituiti da nomi, aggettivi o altro. La prima forma di rappresentazione organizzata di dati è quella tabellare (o tabulare): una tabella contiene ed espone in maniera organizzata i dati rilevati. Una persona esperta riesce a estrapolare tutte le informazioni o tutte quelle di suo interesse osservando la tabella. Una forma di rappresentazione piú immediata, e forse piú comprensibile anche ai non esperti, è quella grafica. I dati vengono rappresentati graficamente in uno spazio predefinito secondo un modello rappresentativo adatto a evidenziare una o piú caratteristiche rilevanti dei dati mostrati. La rappresentazione grafica è piú immediatamente comprensibile alla mente rispetto a una rappresentazione tabulare, però sarà intrinsecamente meno precisa dal punto di vista numerico essendo soggetta ad arrotondamenti piú o meno importanti. La rappresentazione grafica dei dati impone rigore e chiarezza. Rigore perché bisogna rappresentare i dati in maniera adeguata, chiarezza perché bisogna fare in modo che il grafico sia comprensibile al maggior numero di lettori possibile. Facciamo una similitudine: se il dottore ci prescrive una radiografia noi andiamo in un centro radiologico, lí un tecnico radiologo esegue le radiografie e un medico le referta. Ora, se il tecnico radiologo ha fatto un buon lavoro le radiografie saranno chiare e il medico avrà piú facilità a refertarle. Allo stesso modo, un grafico chiaro e adeguato permette a chi lo consulta di ricavarne il massimo dell’informazione col minimo sforzo. 86 7.1. Gli elementi grafici dei grafici 87 Sovente possiamo rappresentare un insieme di dati con diversi tipi di grafico. Sceglieremo l’uno o l’altro dei possibili in accordo con l’informazione che vogliamo evidenziare. Piú raramente saremo guidati solo da canoni estetici. 7.1 Gli elementi grafici dei grafici Prima di descrivere in dettaglio i possibili tipi di grafici bisogna affrontare il discorso della loro composizione. È opportuno che il grafico ricalchi i canoni estetici del documento entro cui verrà rappresentato. Otteniamo quest’uniformità in primo luogo scegliendo lo stesso font del documento. Questa piccola ma spesso tralasciata accortezza rende il lettore consapevole di stare consultando un lavoro realizzato con cura e non un’accozzaglia di elementi tratti da chissà dove e messi insieme alla meno peggio. Anche il corpo del font riveste grande importanza. Se scegliamo un corpo troppo piccolo o troppo grande avremo lo stesso effetto: il lavoro sembrerà fatto “a tirar via”. Se invece scegliamo un corpo compatibile con quello del documento la cura sarà evidente. Infine anche le dimensioni del grafico saranno da valutare attentamente. Realizzare un grafico troppo piccolo o troppo grande rispetto allo spazio a esso riservato nel documento restituisce lo stesso senso di trasandatezza già osservato in precedenza. Non possiamo tralasciare l’uso del colore, del grigio o del bianco e nero. Scegliere l’una o l’altra colorazione dipenderà dal supporto d’elezione per il documento finale. Se stiamo realizzando dei grafici per un libro potrebbe essere inutile usare il colore. Piú opportuno sarà usare i toni di grigio o, addirittura, del bianco e nero: tratteggi e campiture permetteranno di distinguere le varie componenti altrettanto bene quanto i colori. Da qui in poi parleremo di colori tenendo presente che “colore” è un termine generico di riferimento a qualunque altro artificio grafico di quelli appena citati. Ogni grafico, anche il piú semplice, è di solito corredato da una legenda, cioè un riquadro esplicativo in cui ogni grandezza rappresentata è associata a una linea colorata, uguale a quella usata nel grafico. La legenda è una chiave di lettura del grafico e indica chi rappresenta cosa. È buona norma riportare anche la fonte dei dati riportati nel grafico, cosí come lo è intitolare il grafico stesso. Non bisogna dimenticare, inoltre, di indicare le eventuali unità di misura. A questo proposito non sarà male riferirsi ai manuali uni e iso in modo da non scrivere strafalcioni.1 1 L’annuario istat 2011 riporta senza tregua la grandezza “Kg.”. Tre errori in soli tre caratteri. Primo errore: chilo si abbrevia con la k minuscola. Secondo errore: la k maiuscola 88 7.2 Capitolo 7. Rappresentazione grafica di dati I tipi di grafico Sebbene non vedremo di seguito tutti i tipi di grafico possibili sui dati statistici, discuteremo brevemente alcuni di essi, suddivisi in tipologie affini. 7.2.1 Grafici cartesiani Un grafico, o diagramma, cartesiano si chiama cosí perché viene rappresentato su un piano cartesiano, cioè un piano il cui sistema di riferimento è costituito dagli assi delle ascisse (orizzontale) e delle ordinate (verticale). Su ogni asse possiamo rappresentare sia valori positivi che negativi. È pratica comune, ma non obbligatoria, rappresentare gli assi come centrati nel punto (0, 0). I grafici cartesiani sono anche noti come grafici a linee per via del fatto che sono rappresentati con delle spezzate (dei segmenti). Questi grafici sono usati spesso per rappresentare delle serie storiche o temporali, cioè i valori assunti da una singola grandezza al passare del tempo. In questa rappresentazione il tempo viene rappresentato sull’asse delle ascisse e i valori della grandezza sull’asse delle ordinate. Piú in generale usiamo i grafici cartesiani per rappresentare delle grandezze continue. Disegniamo un grafico cartesiano in due fasi: nella prima fase riportiamo i punti relativi ai dati sul piano e nella seconda fase uniamo i punti seguendo l’ordine dettato dall’asse delle ascisse. La spezzata ottenuta mostra l’evoluzione di un fenomeno al passare del tempo. Vedremo che non uniremo mai con una linea dei fenomeni scorrelati. Consideriamo la tabella 7.1. Questa rappresenta piú serie temporali perché registra i prezzi al consumo di alcuni alimenti in un determinato intervallo di tempo (fonte istat). Tabella 7.1: Prezzi in euro per unità di misura dei prodotti alimentari. Fonte: istat, serie storiche. Anno Latte (l) Burro (kg) Olio d’oliva (l) Vino (l) Caffè tostato (kg) Zucchero (kg) 1961 1962 1963 0.04442 0.04545 0.05113 0.62233 0.66003 0.70548 0.31710 0.32795 0.42195 0.06456 0.06869 0.07024 1.06648 1.05254 1.05512 0.10536 0.10794 0.11155 si usa per indicare la temperatura in gradi Kelvin. Terzo errore: nessuna unità di misura dev’essere puntata perché non è un’abbreviazione. Complimenti agli estensori e alla loro cultura! 7.2. I tipi di grafico 89 Tabella 7.1: Prezzi in euro per unità di misura dei prodotti alimentari (seguito). Anno Latte (l) Burro (kg) Olio d’oliva (l) Vino (l) Caffè tostato (kg) Zucchero (kg) 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 0.05888 0.05939 0.06146 0.06301 0.06352 0.06404 0.06921 0.07489 0.07953 0.08212 0.10329 0.12188 0.14512 0.19522 0.20555 0.23137 0.26907 0.31762 0.38992 0.45293 0.48650 0.52834 0.57120 0.59341 0.61613 0.68276 0.73182 0.75816 0.79276 0.85990 0.92239 0.98075 1.05564 1.06958 0.74731 0.77469 0.76642 0.75971 0.79328 0.86507 0.89812 0.94202 0.97972 0.98901 1.11813 1.36758 1.67487 1.81793 1.92483 2.08132 2.41030 2.86324 3.32288 3.67459 3.87188 3.94935 4.14921 4.25457 4.35735 4.73075 5.05818 5.15889 5.32364 5.60614 5.87366 6.24241 6.81775 6.80277 0.38218 0.39922 0.42763 0.38683 0.38166 0.37650 0.37753 0.38373 0.39251 0.47772 0.72614 0.89140 0.88624 1.16151 1.17907 1.22349 1.33762 1.48275 1.62632 1.78591 1.96925 2.17480 2.34833 2.29823 2.27964 2.50482 2.72121 2.96704 3.03315 3.02902 3.16278 3.69422 4.99517 4.86089 0.07437 0.07489 0.07902 0.07953 0.08005 0.08263 0.08522 0.08831 0.09193 0.11930 0.13428 0.14667 0.15700 0.19884 0.22982 0.27166 0.31349 0.34396 0.39767 0.46481 0.51026 0.55777 0.63214 0.68276 0.71633 0.77159 0.88676 0.99108 1.05874 1.12123 1.16203 1.24053 1.48378 1.56228 1.10832 1.12794 1.12691 1.12691 1.12794 1.13259 1.18114 1.20128 1.21522 1.27823 1.46002 1.62891 2.28326 4.63210 4.34857 4.17349 4.39763 4.53552 4.87122 5.37477 6.12879 7.06513 8.24472 7.97100 7.28514 7.19993 7.19063 7.90437 8.09030 8.07945 8.40843 10.37200 10.03992 10.04405 0.11362 0.11930 0.12395 0.12395 0.12395 0.12447 0.12498 0.13015 0.13273 0.13428 0.16217 0.21485 0.24842 0.30006 0.33053 0.36772 0.42504 0.47204 0.56449 0.61820 0.64712 0.66210 0.67088 0.68689 0.70600 0.71994 0.74370 0.82736 0.84286 0.90896 0.95958 1.05925 1.12639 1.09386 90 Capitolo 7. Rappresentazione grafica di dati Tabella 7.1: Prezzi in euro per unità di misura dei prodotti alimentari (seguito). Anno Latte (l) Burro (kg) Olio d’oliva (l) Vino (l) Caffè tostato (kg) Zucchero (kg) 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 1.07475 1.07939 1.10573 1.16616 1.21 1.23 1.24 1.25 1.26 1.29 1.41 1.42 1.42 6.88747 6.89780 6.96855 7.06255 7.17 7.16 7.14 7.00 6.94 7.11 8.09 7.87 8.10 4.10273 3.84605 3.91578 3.80371 3.83 3.84 3.96 4.05 4.87 4.95 4.84 4.65 4.51 1.65938 1.68881 1.71154 1.73375 1.77 1.79 1.82 1.73 1.69 1.70 1.74 1.76 1.81 10.43966 9.89325 9.83179 9.61953 9.74 9.40 9.19 9.10 9.11 9.23 9.62 9.89 9.67 1.03859 1.00038 0.99005 0.99728 1.01 1.01 1.02 1.01 0.99 0.98 0.98 0.96 0.96 Una delle rappresentazioni possibili è quella mostrata nella Figura 7.1: Notiamo che le spezzate sono inframmezzate da punti posti in corrispondenza dei valori della tabella, finezza grafica non necessaria ma d’ausilio. Ci sono altri modi di rappresentare gli stessi dati, sostanzialmente equivalenti al grafico a linee appena visto. Tralasciamo il grafico composto dai soli punti senza le spezzate perché non sempre riusciamo a vedere l’andamento della grandezza avendo solo i punti. Un modo equivalente a quello visto è sostituire le spezzate con delle cspline (dei tratti curvilinei detti cubiche di Hermite) come vediamo nella figura 7.2. In questo modo otteniamo delle linee che toccano sempre i punti relativi ai dati. Se invece sostituiamo le spezzate e le cspline con delle curve di Bézier otteniamo dei grafici non necessariamente tangenti ai punti relativi ai dati ma solo approssimanti. Gli unici punti toccati certamente sono l’iniziale e il finale. Nella Figura 7.3 vediamo il grafico disegnato con le curve di Bézier. L’utilità di questo grafico è di evidenziare un trend (andamento) senza la pretesa di toccare, e quindi far risaltare, i punti dei dati. I grafici cartesiani possono rappresentare adeguatamente anche serie di dati non temporali, quindi anche numeriche generiche. Trovate un esempio nella Tabella 7.2 e nel grafico a essa associato (Figura 7.4). 7.2. I tipi di grafico 91 Latte (l) Burro (kg) Olio d’oliva (l) Vino (l) Caffè tostato (kg) Zucchero (kg) Prezzi al consumo (per unità di misura) 12 10 8 6 4 2 0 1960 1965 1970 1975 1980 1985 1990 1995 2000 2005 2010 Anno Figura 7.1: Diagramma cartesiano della variazione dei prezzi al consumo (Tabella 7.1. Tabella 7.2: Distribuzione di 50 soggetti secondo il numero delle arterie cerebellari. Fonte: H. Pineau, F.X. Roux, Tentative de typologie artérielle des plexus choriïdes de la fosse cérébrale postérieure, étude biométrique, Cahiers d’Anthropologie et Biométrie humaine, Tome 2 (1984/2) Numero di arterie 1 2 3 4 5 6 Soggetti 5 16 7 8 3 1 92 Capitolo 7. Rappresentazione grafica di dati Latte (l) Burro (kg) Olio d’oliva (l) Vino (l) Caffè tostato (kg) Zucchero (kg) Prezzi al consumo (per unità di misura) 12 10 8 6 4 2 0 1960 1965 1970 1975 1980 1985 1990 1995 2000 2005 2010 Anno Figura 7.2: Diagramma cartesiano con le cspline invece delle spezzate. Adottiamo un linguaggio standard e diciamo che sull’asse delle ascisse rappresentiamo la modalità, cioè le classi di individui, o gli istanti di tempo, e sull’asse delle ordinate la frequenza, cioè il dato rilevato per la data modalità. Nei due casi visti la modalità è rappresentata, rispettivamente, dagli anni e dal numero di arterie cerebellari mentre la frequenza è rappresentata, rispettivamente, dal prezzo per unità di misura o dal numero di individui con quel determinato numero di arterie. 7.2.2 Grafici polari Un grafico polare, anche noto come diagramma a radar, è un tipo di grafico usato per riportare grandezze cicliche oppure per confrontare piú serie di dati relative a varie classi, o anche per rappresentare la frequenza di risposte diverse, date in un questionario, alla stessa domanda. Il radar non è altro che un poligono regolare con tanti vertici quante sono le classi. Un esempio su tutti è il grafico relativo alle temperature medie di ogni mese di un anno. Ogni vertice del radar rappresenta un mese dell’anno, e l’asse che parte dal centro del radar riporta le temperature. Quando tutte le 7.2. I tipi di grafico 93 Latte (l) Burro (kg) Olio d’oliva (l) Vino (l) Caffè tostato (kg) Zucchero (kg) Prezzi al consumo (per unità di misura) 12 10 8 6 4 2 0 1960 1965 1970 1975 1980 1985 1990 1995 2000 2005 2010 Anno Figura 7.3: Diagramma cartesiano con le curve di Bézier invece delle spezzate. temperature sono state riportate sui relativi assi uniamo tutti i punti fino a ottenere il diagramma polare. Nella Tabella 7.3 vediamo i valori medi delle temperature minime e massime registrate in Italia nel 2010. Avremmo potuto rappresentare tali valori con un grafico cartesiano ma preferiamo mostrarli, per la loro natura ciclica, in un diagramma polare. Vediamo dunque il relativo grafico a radar nella Figura 7.5. 7.2.3 Istogrammi L’istogramma è la rappresentazione di una variabile statistica divisa in classi. Istogramma significa infatti diagramma di aree. Siccome ogni classe può avere diversa ampiezza non possiamo riportare in ordinata le frequenze osservate bensí le cosiddette densità di frequenza, cioè le frequenze per unità di classe. Consideriamo la Tabella 7.4 relativa ai residenti in Italia nel 2010 divisi per fasce d’età. Se riportassimo questi valori direttamente nell’istogramma avremmo un grafico completamente falsato. La prima cosa da fare è realizzare un’altra tabella con le densità di frequenza. Ricordiamo che la densità di 94 Capitolo 7. Rappresentazione grafica di dati Tabella 7.3: Temperature minime e massime (in media) in Italia nel 2010. Mese Gennaio Febbraio Marzo Aprile Maggio Giugno Luglio Agosto Settembre Ottobre Novembre Dicembre Temperatura minima (°C) Temperatura massima (°C) 0.7 1.7 3.3 6.6 10.0 14.2 18.7 17.2 14.1 10.5 7.8 2.6 6.5 8.5 11.2 15.8 18.7 23.7 28.3 26.8 22.7 17.6 13.8 9.0 Tabella 7.4: Residenti in Italia nel 2010 per fasce d’età. Fonte: Annuario istat 2011. Fascia d’età Abitanti 0–24 25–29 30–34 35–39 40–44 45–49 50–54 55–59 60–64 oltre 64 14582455 3471266 4062179 4788169 4940399 4784790 4143200 3727316 3689883 12436785 7.2. I tipi di grafico 95 18 16 14 Soggetti 12 10 8 6 4 2 0 1 2 3 4 5 6 Nº arterie cerebellari Figura 7.4: Diagramma cartesiano relativo ai dati della Tabella 7.2. frequenza è data dal seguente calcolo: df = frequenza ampiezza La frequenza è il valore della seconda colonna della Tabella 7.4 mentre l’ampiezza è data da numero di anni in ogni classe. La nuova tabella è visibile nella Tabella 7.5. Siamo pronti a tracciare l’istogramma a partire dai dati relativi all’età e alla densità di frequenza. Vediamo in risultato nella Figura 7.6. Il valore significativo nel grafico è l’area delle barre, non la loro altezza. 7.2.4 Grafici areali Grafici a torta Un grafico a torta è un grafico circolare la cui area viene suddivisa spicchi di dimensione proporzionale al dato normalizzato (percentuale) da rappresentare. Questo implica che non possiamo riportare direttamente su di esso le frequenze osservate ma dobbiamo prima renderle delle percentuali. Per calcolare 96 Capitolo 7. Rappresentazione grafica di dati Temperature medie in Italia nel 2010 Aprile Maggio Marzo Giugno Luglio 30° Febbraio 20° 10° 0° 10° Agosto 20° 30° Gennaio Dicembre Settembre Novembre Ottobre Minime Massime Figura 7.5: Diagramma polare relativo ai dati della Tabella 7.3 Tabella 7.5: Tabella delle densità di frequenza dei residenti in Italia nel 2010 suddivisi per fasce d’età. Fascia d’età Abitanti Ampiezza Densità di frequenza 0–24 25–29 30–34 35–39 40–44 45–49 50–54 55–59 60–64 oltre 64 14 582 455 3 471 266 4 062 179 4 788 169 4 940 399 4 784 790 4 143 200 3 727 316 3 689 883 12 436 785 25 05 05 05 05 05 05 05 05 35 583 298.2 694 253.2 81 2435.8 957 633.8 988 079.8 956 958.0 828 640.0 745 463.2 737 976.6 355 336.714 7.2. I tipi di grafico 97 Popolazione residente in Italia nel 2010 suddivisa per fasce d’età Densità della popolazione 1000000 800000 600000 400000 200000 0 0 20 40 Età 60 80 100 Figura 7.6: Istogramma relativo ai dati della Tabella 7.5. le percentuali basta fare una proporzione, la cui formula è la seguente: totale percentuale : totale frequenze = x : frequenza da normalizzare Consideriamo la Tabella 7.6. Dobbiamo normalizzare a 100 (quindi rendere percentuali) i valori ivi presenti. Il calcolo di uno dei valori percentuali in base alla formula data è: 100 : 60626442 = x : 14582455 Ricordando che in una proporzione il prodotto dei medi è uguale al prodotto degli estremi possiamo scrivere la formula cosí: 60626442x = 14582455 × 100 da cui segue che 14582455 · 100 = 24.05 60626442 Una volta eseguiti tutti i calcoli come appena visto otteniamo la tabella delle frequenze percentuali visibili nella Tabella 7.7 Ora siamo pronti a generare il grafico a torta (Figura 7.7). x= 98 Capitolo 7. Rappresentazione grafica di dati Tabella 7.6: Residenti in Italia nel 2010 per fasce d’età. Fonte: Annuario istat 2011. Fascia d’età Residenti 0–24 25–44 45–64 oltre 64 14 582 455 17 262 013 16 345 189 12 436 785 Totale 60 626 442 Tabella 7.7: Residenti in Italia nel 2010 per fasce d’età (percentuali). Fonte: Annuario istat 2011. Fascia d’età Residenti (%) 0–24 25–44 45–64 oltre 64 24.05 28.47 26.96 20.52 Totale 100 Abitanti in Italia nel 2010 suddivisi per fasce d’età 25–44 0–24 Oltre 64 45–64 Figura 7.7: Grafico a torta relativo ai dati della Tabella 7.7 7.2. I tipi di grafico 99 Tabella 7.8: Residenti in Italia nel 2009 per fasce d’età. Fonte: Annuario istat 2011. Fascia d’età Residenti 0–24 25–44 45–64 oltre 64 14 563 690 17 477 731 16 092 437 12 191 496 Totale 60 340 328 Tabella 7.9: Residenti in Italia nel 2009 per fasce d’età (percentuali). Fonte: Annuario istat 2011. Fascia d’età Residenti (%) 0–24 25–44 45–64 oltre 64 24.15 28.97 26.67 20.21 Totale 100 Grafici ad anello Possiamo pensare al grafico ad anello come una “generalizzazione” del grafico a torta. In pratica è come se fosse una torta multipiano con il piano superiore piú piccolo di quello inferiore. Quando guardiamo la torta dall’alto vediamo l’intero cerchio centrale relativo al piano piú alto (e piú piccolo) e gli anelli (le corone circolari) dei piani via via piú bassi e piú grandi. Ognuno degli anelli mostra l’informazione relativa a un periodo osservato. Possiamo quindi rappresentare piú periodi sullo stesso grafico. Consideriamo ad esempio la Tabella 7.8 e la sua versione normalizzata (Tabella 7.9). Rappresentiamo quest’ultima in sovrapposizione al grafico della Figura 7.7 e quello che otterremo sarà il grafico presentato nella Figura 7.8. Grafici a barre A differenza dell’istogramma il diagramma a barre presenta in ascissa le modalità (in genere non numeriche) e in ordinata le frequenze. Tutte le barre hanno ampiezza uguale e quindi l’altezza delle barre è il dato significativo. 100 Capitolo 7. Rappresentazione grafica di dati Abitanti in Italia nel 2009–2010 suddivisi per fasce d’età 0–24 25–44 45–64 Oltre 64 2009 2010 Figura 7.8: Grafico ad anelli dei residenti in Italia nel periodo 2009–2010 In base a come raggruppiamo le barre faciliteremo dei confronti a scapito di altri. Il grafico a barre è in genere una rappresentazione alternativa al grafico a torta. Piú grafici a barre affiancati sostituiscono quelli ad anello. Usare l’uno o l’altro è spesso questione di scelte editoriali e di spazio sulla pagina.2 La Figura 7.9 presenta il diagramma a barre realizzato a partire dai dati delle Tabelle 7.6 e 7.8. Il grafico presenta i dati affiancati per fascia d’età. Possiamo organizzare i dati in maniera diversa: la Figura 7.10 mostra gli stessi dati ma raggruppati per anno. La Figura 7.11 mostra gli stessi dati organizzati per anno, uno sull’altro (impilati). Due ultime osservazioni: la prima è che possiamo inserire dentro ogni barra un’etichetta riportante il valore rappresentato dalla barra stessa. In questo modo aiutiamo il lettore sia visivamente che analiticamente. La seconda invece riguarda l’orientamento delle barre: qui abbiamo mostrato delle barre verticali ma possiamo posizionarle in orizzontale se mettiamo le classi sull’asse delle ordinate. In questo caso le frequenze saranno riportate sull’asse delle ascisse e quindi è la lunghezza delle barre a rappresentare le frequenze. 2 In genere gli statistici non usano i grafici a torta e ad anello. 7.2. I tipi di grafico 101 Popolazione residente in Italia negli anni 2009 e 2010 suddivisa per fasce d’età 20000000 2010 2009 15000000 10000000 5000000 0 e tr ol 64 4 4 –4 24 –6 45 25 0– Figura 7.9: Popolazione residente in Italia negli anni 2009–2010. Confronto per fasce d’età. 7.2.5 Scatter o grafici a dispersione Un diagramma a dispersione o scatter (anche noto come nuvola di punti) riporta sul pano cartesiano due valori relativi a un fenomeno dato. Questi punti assumono l’aspetto di punti sparpagliati (dall’inglese scattered ) sul piano e non possono essere uniti da alcuna linea perché la modalità di rappresentazione non fa di essi una serie storica o temporale. Nel grafico mostrato nella Figura 7.12 vediamo le temperature minime e massime (in media) in Italia nei dodici mesi del 2010 (quelle riportate nella Tabella 7.3). Sul piano ci sono dodici punti, ognuno posto in corrispondenza dei valori minimo e massimo di ogni mese. Ovviamente non avrebbe senso unire i punti con una linea perché non c’è un andamento correlato al trascorrere del tempo. Da questo grafico notiamo il fatto noto che al crescere delle temperature minime (cosa che avviene nei mesi caldi) crescono proporzionalmente anche le massime. Nel successivo caso in esame, peso e altezza di un insieme di persone, è piú evidente l’inutilità del diagramma a linee: i dati antropometrici di una 102 Capitolo 7. Rappresentazione grafica di dati Popolazione residente in Italia negli anni 2009 e 2010 suddivisa per fasce d’età 20000000 15000000 10000000 5000000 0 –6 64 4 e tr ol 45 64 4 –4 25 24 0– e tr ol 4 4 –4 –6 45 25 24 0– 2010 2009 Figura 7.10: Popolazione residente in Italia negli anni 2009–2010. Confronto per fasce d’età. persona non influenzano quelli di un’altra persona quindi non possiamo unire i punti: non c’è correlazione o evoluzione temporale. La Figura 7.13 mostra il grafico menzionato. 7.2. I tipi di grafico 103 Popolazione residente in Italia negli anni 2009 e 2010 suddivisa per fasce d’età 60000000 oltre 64 45–64 25–44 0–24 50000000 40000000 30000000 20000000 10000000 0 2009 2010 Figura 7.11: Popolazione residente in Italia negli anni 2009–2010. Confronto delle fasce d’età impilate. 104 Capitolo 7. Rappresentazione grafica di dati Temperatura massima (in °C) 30 25 20 15 10 5 0 2 4 6 8 10 12 14 16 Temperatura minima (in °C) 18 Figura 7.12: Diagramma scatter dei dati della Tabella 7.3. 20 7.2. I tipi di grafico 105 85 80 Peso (kg) 75 70 65 60 55 50 45 155 160 165 170 175 Altezza (cm) 180 185 190 Figura 7.13: Diagramma scatter relativo a peso e altezza di un gruppo di studenti. Parte III Per l’esame finale 106 Appendice A Domande ed esercizi A.1 gimp 1. Cosa fa la selezione per colore di gimp? (a) (b) (c) (d) seleziona seleziona seleziona seleziona tutti tutti tutti tutti i i i i pixel pixel pixel pixel vicini a quello selezionato dello stesso colore purché adiacenti dello stesso colore anche non adiacenti dell’immagine 2. Cosa significa in gimp mandare un colore ad alfa? (a) (b) (c) (d) significa significa significa significa rendere rendere rendere rendere quel colore piú chiaro trasparente quel colore quel colore sfumato quel colore diverso 3. Stampiamo un’immagine di 1024 × 1024 pixel alla risoluzione di 72 dpi e otteniamo una stampa di 14,2 × 14,2 pollici. Cosa succede se stampiamo la stessa immagine solo dopo averne aumentato la risoluzione a 300 dpi? (a) (b) (c) (d) l’immagine occuperà un’area inferiore l’immagine occuperà un’area superiore l’immagine occuperà la stessa superficie l’operazione indicata è impossibile 4. Cosa significa aumentare la risoluzione di un’immagine? (a) (b) (c) (d) aumentare aumentare aumentare aumentare il numero di colori il numero di pixel la vicinanza dei pixel la luminosità 107 108 Appendice A. Domande ed esercizi 5. Cos’è un operatore puntuale? (a) (b) (c) (d) un operatore che termina l’esecuzione dopo un tempo prestabilito un operatore che opera su un pixel per volta un operatore che opera solo su immagini di 1 × 1 pixel un operatore che simula un orologio, cioè elabora i pixel in senso orario 6. Dare un sinonimo di gradiente. (a) (b) (c) (d) sfumatura grado trasparenza curva 7. Che differenza c’è tra le operazioni di colore ad alfa e di effetto dissolvenza? (a) la prima rende trasparenti i pixel di uno specifico colore indipendentemente dalla loro posizione mentre la seconda rende trasparente una porzione dell’immagine indipendentemente dal suo contenuto (b) la prima scurisce tutti i pixel di uno specifico colore indipendentemente dalla loro posizione mentre la seconda rende trasparente una porzione dell’immagine indipendentemente dal suo contenuto (c) la prima rende trasparenti i pixel di uno specifico colore indipendentemente dalla loro posizione mentre la seconda elimina l’intero contenuto dell’immagine (d) la prima rende trasparenti tutti i pixel adiacenti di uno specifico colore mentre la seconda elimina l’intero contenuto dell’immagine A.2 Inkscape 1. Come si chiama in Inkscape l’operazione che dalla figura A fa ottenere la figura B? A (a) complemento (b) sottrazione B A.2. Inkscape 109 (c) unione (d) intersezione 2. Qual è il formato nativo dei file creati con Inkscape? (a) (b) (c) (d) svg (Scalable Vector Graphics) pdf (Portable Document Format) inf (Inkscape Numeric Format) xml (eXtensible Markup Language) 3. Perché possiamo dare un nome a ogni singolo oggetto disegnato con Inkscape? (a) (b) (c) (d) Non c’è un motivo preciso Per puntiglio Per specificare la forma Per riferimenti futuri 4. Quale delle seguenti operazioni non è una trasformazione applicabile a un oggetto Inkscape? (a) (b) (c) (d) traslazione automazione rotazione deformazione 5. Quali sono le operazioni ammesse nei seguenti casi A e B? (La figura B mostra un oggetto Inkscape già selezionato e su cui clicchiamo di nuovo). A (a) (b) (c) (d) B ridimensionamento, rotazione, deformazione di coppia ridimensionamento, cambiamento del colore, rotazione deformazione di coppia, sfumatura, aggiunta di nodi aggiunta di nodi, rotazione, cambiamento del colore 6. Inkscape è in grado di vettorizzare immagini raster? (a) (b) (c) (d) sì, ma solo in bianco e nero no, nessuna sì, ma solo piú piccole di 1024 × 1024 pixel sì, senza restrizioni 110 A.3 Appendice A. Domande ed esercizi Scribus 1. Qual è il programma proprietario equivalente di Scribus? (a) (b) (c) (d) Linux Gnuplot InDesign Yudit 2. Qual è in Scribus l’operazione propedeutica alla scrittura di un testo? (a) (b) (c) (d) Nessuna: possiamo scrivere il testo direttamente La creazione di un documento L’apertura della finestra di modifica del testo L’inserimento di una cornice di testo nel documento 3. Dobbiamo inserire, adattandola, un’immagine quadrata in una cornice immagine rettangolare. Cosa dobbiamo fare nella finestra delle proprietà delle immagini di Scribus? (a) L’operazione non è possibile (b) Dobbiamo deselezionare la proprietà proporzionale nella finestra delle proprietà dell’immagine (c) Non dobbiamo fare niente perché ci pensa il programma (d) Dobbiamo selezionare la proprietà proporzionale nella finestra delle proprietà dell’immagine 4. Dobbiamo creare in Scribus un documento al vivo. Come lo impostiamo nella finestra di impostazione di un nuovo documento? (a) (b) (c) (d) Non esiste questa opzione Bisogna mettere i bordi al vivo maggiori di 0 Lo fa Scribus automaticamente Bisogna mettere i bordi al vivo minori di 0 5. Come si includono i font in un documento Scribus? (a) Nella finestra di esportazione dei pdf selezioniamo i font da includere (b) Tutti i font vengono inclusi automaticamente (c) Scribus non permette un’operazione simile (d) Scribus include nel documento tutti i font presenti nel sistema A.4. Audacity 111 6. Cos’è una cornice render di Scribus? (a) (b) (c) (d) A.4 È un oggetto in cui porre delle immagini È un oggetto adatto a contenere qualunque contenuto testuale È un oggetto di controllo invisibile in fase di stampa È un oggetto entro il quale viene posto il risultato di un’elaborazione esterna pilotata da Scribus Audacity 1. Cos’è il pitch di un suono? (a) (b) (c) (d) L’intonazione Il volume Il numero di bpm La frequenza di campionamento 2. Cosa succede se riproduciamo contemporaneamente due segnali uno l’inverso dell’altro? (a) Viene riprodotto un brano leggermente sfasato rispetto all’altro (b) Viene riprodotta la loro somma, nulla, equivalente al silenzio. (c) Viene riprodotta la loro somma, non nulla, equivalente a un volume maggiore (d) Viene riprodotto solo uno dei due brani mentre l’altro viene silenziato 3. Cos’è un filtro passa-basso? (a) È un filtro che elimina le basse frequenze da un brano musicale e lascia inalterate le alte (b) è un filtro che elimina le alte e le basse frequenze e lascia inalterate le centrali (c) è un filtro che elimina le alte frequenze da un brano musicale e lascia inalterate le basse (d) è un filtro che elimina le frequenze centrali e lascia inalterate le basse e le alte 4. A cosa corrisponde il taglio di una parte del segnale visualizzato da Audacity? (a) (b) (c) (d) al taglio di una parte del brano a nessun effetto udibile a nessun effetto visibile al taglio delle frequenze 112 Appendice A. Domande ed esercizi 5. I segnali dei due canali di un brano stereo devono essere (a) (b) (c) (d) necessariamente uguali possibilmente diversi di lunghezza diversa di larghezza diversa 6. Audacity è in grado di variare (a) (b) (c) (d) A.5 solo la velocità di un brano solo l’intonazione di un brano la velocità e l’intonazione di un brano solo contemporaneamente la velocità e l’intonazione di un brano anche separatamente Elementi di grafica 1. Cosa rappresentiamo con un diagramma cartesiano (o a linee)? (a) (b) (c) (d) le le le le serie cicliche serie normalizzate funzioni continue serie convergenti 2. Perché non uniamo con una spezzata i punti di un diagramma scatter o a disperione? (a) (b) (c) (d) perché perché perché perché rappresentano una funzione continua sono dati scorrelati sono dati ciclici sono dati qualitativi 3. Qual è la differenza tra un diagramma a barre e un istogramma? (a) le barre del secondo possono essere di spessore variabile ma quelle del primo no (b) le barre del primo sono piú basse del secondo (c) le barre del secondo sono piú basse del primo (d) le barre del primo possono essere di spessore variabile ma quelle del secondo no 4. Che operazione aritmetica permette di suddividere in spicchi un diagramma a torta? (a) (b) (c) (d) divisione integrazione inferenza proporzione A.5. Elementi di grafica 113 5. Perché il diagramma ad anello è un’estensione del diagramma a torta? (a) (b) (c) (d) equivale a due torte affiancate equivale e un istogramma equivale a una torta multistrato non può rappresentare dati numerici 6. Qual è il tipo di dati d’elezione per i grafici polari o a radar? (a) (b) (c) (d) storici ciclici scorrelati correlati 7. Quali sono gli elementi da considerare per far sembrare un grafico creato per il documento e non preso da altre fonti e incollato alla meno peggio? (a) (b) (c) (d) font, colori, dimensioni piano cartesiano, barre, percentuali aspetto, dimensione, profondità di colore numero di pixel, risoluzione, profondità di colore Appendice B Risposte B.1 1. 2. 3. 4. 5. 6. 7. B.2 1. 2. 3. 4. 5. 6. B.3 gimp (c) Seleziona tutti i pixel dello stesso colore anche non adiacenti (b) Significa rendere trasparente quel colore (a) L’immagine occuperà un’area inferiore (c) Aumentare la vicinanza dei pixel (b) Un operatore che opera su un pixel per volta (a) Sfumatura (a) La prima rende trasparenti i pixel di uno specifico colore indipendentemente dalla loro posizione mentre la seconda rende trasparente una porzione dell’immagine indipendentemente dal suo contenuto Inkscape (c) Unione (a) svg (Scalable Vector Graphics) (d) Per riferimenti futuri (b) Automazione (a) Ridimensionamento, rotazione, deformazione di coppia (d) Sì, senza restrizioni Scribus 1. (c) InDesign 2. (d) L’inserimento di una cornice di testo nel documento 114 B.4. Audacity 115 3. (b) Dobbiamo deselezionare la proprietà proporzionale nella finestra delle proprietà dell’immagine 4. (b) Bisogna mettere i bordi al vivo maggiori di 0 5. (a) Nella finestra di esportazione dei pdf selezioniamo i font da includere 6. (d) È un oggetto entro il quale viene posto il risultato di un’elaborazione esterna pilotata da Scribus B.4 Audacity 1. (a) L’intonazione 2. (b) Viene riprodotta la loro somma, nulla, equivalente al silenzio 3. (c) È un filtro che elimina le alte frequenze da un brano musicale e lascia inalterate le basse 4. (a) Corrisponde a tagliare una parte del brano rappresentato 5. (b) Possibilmente diversi 6. (d) La velocità e l’intonazione di un brano anche separatamente B.5 Elementi di grafica 1. (c) Le funzioni continue 2. (b) Perché sono dati scorrelati 3. (a) Le barre del secondo possono essere di spessore variabile ma quelle del primo no 4. (d) Proporzione 5. (c) Equivale a una torta multistrato 6. (b) Ciclici polare. 7. (a) Font, colori, dimensioni Questa dispensa è stata composta in LATEX 2ε col font Computer Modern. Tutte le immagini sono state ottenute usando software libero, sia quello descritto nel testo che METAPOST. Il codice a barre in ultima di copertina è stato generato con barcode ed elaborato con Inkscape. Rappresenta nome e cognome dell’autore nello standard Code128. Fine stesura e composizione: 20 maggio 2012. Gianluca Pignalberi