PREPARIAMO LE NOSTRE IMMAGINI PER IL WEB. A cura di Mauro Minetti

Transcript

1 PREPARIAMO LE NOSTRE IMMAGINI PER IL WEB A cura di Mauro Minetti

2 INDICE PREMESSA PREPARIAMO L IMMAGINE DIMENSIONE IMMAGINE MASCHERA DI CONTRASTO FORMATO DI REGISTRAZIONE REGISTRAZIONE CORNICI TRASFORMAZIONE IN BIANCO E NERO RIEPILOGO FLUSSO DI LAVORO CONCLUSIONI

3 PREMESSA Con la fotografia digitale, è inevitabile che prima o poi scatti dentro di noi la voglia di mostrare in rete le nostre foto, vuoi per soddisfazione personale di uno scatto, vuoi per sentire l opinione degli altri, ma anche solo per il gusto di avere una pagina dedicata aperta al mondo, grazie ad internet che ha permesso di condividere con gli altri anche le proprie emozioni. Oggi ottenere una buona immagine digitale è diventato abbastanza semplice, grazie alle nuove fotocamere digitali in grado di acquisire uno scatto di alta qualità senza grande impegno da parte del fotografo, sia per le potenzialità e precisioni degli automatismi, sia per la qualità dei sensori in continua evoluzione, senza per questo sottovalutare l abilità dell autore. Prima di questi apparecchi, la fotografia digitale era realizzata tramite la pellicola, impressa mediante una macchina fotografica analogica, che passava dopo il suo sviluppo in uno scanner per diventare digitale, richiedendo una preparazione non indifferente da parte dell operatore sul software di scansione, oltre che di un lavoro accurato per l eliminazione della polvere, graffi, grana, ed altri aspetti di disturbo per la qualità che si voleva ottenere. Nel tempo, anche gli scanner hanno raggiunto una migliore facilità di utilizzo grazie al loro software sempre più evoluto, e di conseguenza anche più qualità nel risultato dell immagine acquisita. La prima cosa da tenere in considerazione nella pubblicazione sul web di una nostra immagine, è che essa sarà vista esclusivamente dal monitor di tutti gli utenti della rete, quindi senza necessità di essere stampata.

4 PREMESSA E importante tenere presente il concetto che l immagine per il web richiede una preparazione diversa rispetto a quella della stampa, seppure certe regolazioni siano analoghe o addirittura identiche. Il fatto stesso che il monitor non sia in grado di visualizzare oltre i 96 dpi dovrebbe farci capire che è perfettamente inutile mantenere il nostro file digitale oltre tale risoluzione: si visualizzerebbe solo l immagine più ingrandita, senza aggiungere qualità. Limitando a 96 dpi la sua risoluzione, otterremo una riduzione anche del suo peso, ed una volta pubblicata in un sito web la sua visualizzazione sarà anche veloce. Dopo questa prima considerazione, dobbiamo pensare alla cosa più importante, ovvero a far rendere la nostra immagine bella, sia per nitidezza quanto per i colori, per tutti quelli che la osserveranno dal loro computer. Ecco che a questo punto, diventa di fondamentale importanza l uso di un software di fotoritocco, senza il quale non potremo mai ottenere un risultato adatto alla pubblicazione sulla rete, salvo accettare il risultato ottenuto in fase di scatto e ridimensionato per lo scopo. In questo experience prendiamo in considerazione il software più conosciuto (Adobe Photoshop), ma è chiaro che lo stesso risultato è ottenibile da qualsiasi altro programma in grado di elaborare le nostre immagini, così come le regolazioni ed i metodi spiegati siano da intendersi puramente indicativi e non vincolanti per i propri gusti e necessità.

5 Teniamo presente che in un elaborazione per il web possiamo agire con più vigore su qualsiasi controllo, contrariamente ad una correzione per la stampa dove andremo invece a compromettere le sfumature ed altri aspetti importanti della nostra immagine. Per prima cosa occorrerà controllare se l esposizione del fotogramma (file digitale) sia da correggere in sovra o sotto esposizione, tramite il menù IMMAGINE -REGOLAZIONI -CURVE. PREPARIAMO L IMMAGINE Prima di registrare il file nel formato JPG però, dovremo elaborarlo nei vari aspetti, utilizzando un software di fotoritocco. Per fare questo, sarà sufficiente trascinare il centro del grafico verso la parte alta per aumentare l esposizione, oppure verso la parte bassa per diminuire il grado di luce che lo ha impresso. In questo modo agiremo sulle tonalità medie della gamma presente, senza compromettere drasticamente l esposizione delle alte luci o delle ombre.

6 Dopo aver controllato l esposizione, occorrerà accentuare il contrasto per migliorare anche la nitidezza generale dell immagine, con lo stesso controllo delle curve utilizzato per la correzione dell esposizione. PREPARIAMO L IMMAGINE Spostando il grafico nella parte bassa verso il centro otterremo delle ombre più marcate, mentre intervenendo nella parte alta aumenteremo il valore delle alte luci. Questa disposizione del grafico aumenterà automaticamente il contrasto dell immagine, rendendola anche più nitida, senza necessariamente obbligarci a dover intervenire con una maschera di contrasto che, se da un lato migliora il grado di nitidezza percepito, dall altro può causare l amplificazione del rumore generato dal sensore nei casi in cui la sensibilità ISO sia diversa dalla minima consentita (effetto grana), o utilizzata (nel caso si tratti di una scansione da pellicola). Questo tipo di grafico, variabile a seconda della quantità presente di alte luci ed ombre, aiuta a rendere l immagine più tridimensionale ed allo stesso tempo più satura nei colori.

7 PREPARIAMO L IMMAGINE Dopo aver regolato a piacere il contrasto e l esposizione generale dell immagine, possiamo ancora intervenire con altre regolazioni o correzioni, tipo tagli, clonazioni di particolari, pulizia di eventuali macchie dovute a polvere sul sensore, occhi rossi, ecc.. La tecnica della clonazione è la più utilizzata per eliminare tracce di polvere o graffi dall immagine acquisita. Con l apposito strumento clone (raffigurato dal simbolo di un timbro, nella palette degli strumenti di correzione) andremo a scegliere il punto più prossimo alla zona da correggere, mantenendo premuto sulla tastiera il tasto alt (opzione) prima di cliccare con il mouse nel punto desiderato. In questo modo indichiamo al software quali siano i pixel da copiare per correggere la zona interessata. Scegliendo una dimensione di pennello adatta alla dimensione (risoluzione) del nostro file, indicheremo anche quanti pixel devono essere copiati. Il passaggio successivo consiste nel posizionarsi sulla zona da correggere e, mantenendo premuto il mouse, andremo a cliccare sulla macchia di polvere o trascinare (con il tasto del mouse premuto) sull imperfezione da coprire. Con qualche prova ed un po di allenamento risulterà molto facile applicare tale tecnica in molteplici occasioni. E chiaro che le tecniche di correzione possono essere anche di altro tipo, selettive, su canali, ecc, ma tra tutte, questa è da considerarsi la più semplice e veloce.

8 DIMENSIONE IMMAGINE Apportate queste basilari correzioni, possiamo passare a dimensionare l immagine per il web. La risoluzione del monitor dipende dalla grandezza del monitor e dalle sue impostazioni in pixel. Quasi tutti i monitor di ultima generazione supportano una risoluzione di 96 dpi; quelli meno recenti supportano 72 dpi. Il concetto di risoluzione del monitor è utile per capire perché a volte le stesse immagini sembrano avere dimensioni diverse sullo schermo e sulla carta. I pixel dell'immagine vengono convertiti direttamente in pixel del monitor. Questo significa che quando la risoluzione dell'immagine è superiore alla risoluzione del monitor, l'immagine sullo schermo risulta più grande dell'immagine stampata. Ad esempio, su un monitor standard da 15 pollici impostato per una visualizzazione di 800 pixel in orizzontale e 600 in verticale, un'immagine da 800x600 pixel riempirà tutto lo schermo. Su un monitor più grande a 800 per 600 pixel, la stessa immagine (da 800 per 600 pixel) riempie ancora lo schermo, ma i singoli pixel sono più grandi. Se impostiamo il monitor più grande a 1024 per 768 pixel, l'immagine risulta più piccola e occupa solo una parte dello schermo. Quando realizzate un'immagine da visualizzare on line, così come una pagina Web destinata a vari tipi di monitor, le dimensioni in pixel sono particolarmente importanti: limitando le dimensioni a 800 per 600 pixel si lascerà lo spazio ai controlli del browser. Tenendo fermi i 96 dpi di risoluzione massima riproducibile da un monitor, andremo ad impostare le dimensioni dell immagine nella relativa finestra di dimensionamento.

9 DIMENSIONE IMMAGINE Su questi nuovi parametri si dovrà intervenire avendo l accortezza di mantenere attive le proporzioni ed il ricampionamento dell immagine, altrimenti non otterremo il ridimensionamento come voluto. La stessa cosa si può ovviamente ottenere assegnando il valore alle dimensioni del documento, cambiandone la risoluzione, anziché intervenire nel riquadro superiore in cui assegnamo le dimensioni ai pixel. Osservando i dati di queste due immagini (finestre dimensione immagine) dovrebbe anche essere chiaro il concetto della RISOLUZIONE, in cui si legge la corrispondenza della dimensione in stampa a 300 pixel/pollice di 5,42x3,6 cm. dopo aver ridimensionato l immagine per la pubblicazione on line, equivalenti a cm. 16,93x11,27 a 96 dpi.

10 DIMENSIONE IMMAGINE La soglia massima dei 96 dpi ci deve anche far pensare alle ampie possibilità di applicare di forti tagli (crop) alle immagini che hanno milioni di pixel a disposizione, senza comprometterne la qualità per una visione a pieno schermo. Da questa considerazione, oltre alla qualità dell elaborazione post scatto, capiremo come ci possano essere poche differenze qualitative tra un immagine acquisita da una compatta digitale rispetto ad una DSLR da 12 milioni di pixel, una volta pubblicate sul web. Poter disporre di un elevato numero di pixel ci permette di ottenere più immagini ricavandole dalla stessa che abbiamo acquisito.

11 MASCHERA DI CONTRASTO Dopo il ridimensionamento, potremmo anche fermarci e registrare l immagine per il web, se ci soddisfa il risultato ottenuto. Nella maggior parte dei casi invece, ci renderemo conto che potrebbe risultare migliore se potessimo aumentare ancora di più la sua nitidezza. In questi casi, possiamo intervenire con l applicazione semplice di una maschera di contrasto nell apposito menù FILTRO - CONTRASTA - MASCHERA DI CONTRASTO. I valori da assegnare sono strettamente vincolati alla qualità del file, a sua volta condizionati dal metodo di acquisizione (scanner o macchina fotografica digitale). In linea di massima è sempre meglio non esagerare per non rischiare l amplificazione del rumore o altri aspetti che influirebbero negativamente sul risultato finale. Per procedere correttamente a questo tipo di regolazione è indispensabile visualizzare l immagine al 100% per capire l effetto apportato. Anche in questo caso saranno sufficienti poche prove per individuare i parametri ottimali da applicare al tipo d immagine sulla quale si sta lavorando.

12 MASCHERA DI CONTRASTO Tra i metodi più efficaci per ottenere un aumento della nitidezza percepita, esiste quello di lavorare sul canale della luminosità. Tale metodo richiede più passaggi, ma permette di ottenere un miglioramento notevole senza rischiare di compromettere il livello di rumore o causare alterazioni nei colori dell immagine. Dal menù IMMAGINE - METODO scegliamo COLORE LAB ed attiviamo nella relativa palette il CANALE DELLA LUMINOSITA. Attivando tale canale, la nostra immagine si trasformerà in una visualizzazione in bianco e nero (la luminosità non ha colore) e ci permetterà una migliore valutazione della correzione che apporteremo con l applicazione della maschera di contrasto su di esso.

13 MASCHERA DI CONTRASTO Rispetto al metodo di applicazione SEMPLICE della maschera di contrasto precedentemente descritto, con questo sistema potremo agire più efficacemente sulla nitidezza generale dell immagine applicando dei valori più elevati di MASCHERA DI CONTRASTO senza rischiare di comprometterne la qualità con l aumento del rumore o lo sfalsamento dei colori. Dopo aver applicato la maschera di contrasto sceglieremo di ritornare al metodo di lavoro RGB dallo stesso menù con il quale siamo passati al metodo LAB, Per completare la preparazione dell immagine per il web.

14 MASCHERA DI CONTRASTO Senza alcun dubbio, la percezione di nitidezza risulta uno degli aspetti importanti nel giudizio di un immagine pubblicata sul web, così come il suo contrasto e la fedeltà dei colori. A maggior ragione, questo metodo di lavoro sul canale della luminosità dovrebbe diventare di abitudine per l applicazione della maschera di contrasto, specialmente in tutte quelle situazioni in cui il metodo semplice comprometterebbe il risultato finale aumentando ad esempio i particolari non graditi nell incarnato o la comparsa di un eccessivo rumore in un cielo terso.

15 FORMATO DI REGISTRAZIONE Il formato obbligatorio per la pubblicazione di un immagine sul web, è il JPG. Così come è superfluo, ed alle volte controproducente, utilizzare uno spazio colore diverso da srgb Se disponiamo di un immagine acquisita (sia da scanner che da fotocamera digitale) in formati diversi dal JPG, ad esempio TIFF o RAW (.NEF) dovremo quindi per PRIMA COSA convertirla nel formato di registrazione JPG Questo passaggio è semplicissimo. Con qualsiasi software dedicato all elaborazione delle immagini sarà possibile con un semplice SALVA CON NOME assegnare il formato indicato. Da notare il cambiamento delle dimensioni (peso) del file dopo essere stato elaborato per il web Perché si usa il JPG? Semplicemente per le caratteristiche di leggerezza dovuta alla compressione dei dati, che entro certi limiti non compromettono la qualità dell immagine. Ricordiamoci che andrà esclusivamente visualizzata tramite un monitor, il quale non potrà mai riprodurre tutte le sfumature di colore, di luce e di nitidezza, realmente presenti nel file originale.

16 Dopo aver apportato le regolazioni e correzioni necessarie, siamo finalmente pronti per la registrazione dell immagine che abbiamo corretto, in previsione di pubblicarla in un sito web. In Photoshop 7 esiste un apposito menù SALVA PER WEB che ci permetterà il tipo di salvataggio ideale. REGISTRAZIONE Nella relativa finestra potremo assegnare il tipo d impostazione (preferibile assegnare JPEG ALTA) e la qualità (mantenendola a 60 è più che sufficiente). Con il comando salva, ricordiamoci di mettere un nome diverso dal file originale dal quale siamo partiti, in modo da non sostituirlo con questo (ridimensionato e corretto per lo scopo) per non perdere il documento originale.

17 CORNICI Abbiamo visto quanto sia facile e veloce preparare un immagine per il web. Ciò non toglie che potremo renderla ancora più gradevole anche solo aggiungendo una cornice che stacchi di più l immagine dallo sfondo sul quale sarà visualizzata nella pagina del sito scelto per la sua pubblicazione. Una cornice può aiutare a valorizzare molto l'immagine, ed è sufficiente visitare qualsiasi sito che abbia una gallery on line per capire quanto possono influire sull impatto dell osservatore. Esistono svariate tecniche e metodi per applicare una cornice alle nostre immagini, così come il loro contributo a migliorare l immagine possa essere vincolato dalla creatività dell autore. Vediamo dunque uno dei metodi più semplici, che consiste nella realizzazione personale della cornice, utilizzando gli strumenti più semplici di Photoshop. Nel caso si decidesse di applicare una cornice, tale procedura è consigliabile inserirla prima del ridimensionamento della stessa per il web.

18 CORNICI Dopo aver aperto l'immagine, aumenteremo la dimensione del quadro, ad esempio di cm. 3 sia per l'altezza che per la larghezza, mantenendo l ancoraggio centrale dell immagine.

19 CORNICI Otterremo in questo modo lo spazio necessario per realizzare la nostra cornice. Con lo strumento per la selezione rettangolare, comprenderemo nella selezione un lieve spessore della parte bianca, avendo cura di effettuarlo in uguale misura e proporzione sui 4 lati della nostra immagine.

20 Dopo la selezione corretta, chiederemo al programma di invertire la selezione, in modo da evidenziare la restante parte del nostro quadro. CORNICI

21 Mentre abbiamo la cornice selezionata, utilizzeremo lo strumento secchiello per colorare tale selezione. Prima di utilizzare lo strumento secchiello è importante selezionare il colore di riempimento desiderato. Il passaggio seguente consisterà nel disattivare la selezione con un click in un punto qualsiasi dell immagine per procedere al ridimensionamento della stessa per il web. CORNICI

22 CORNICI Riepilogando, la creazione di una semplice cornice, la cui precisione è dettata dall abilità dell autore, richiede 4 azioni: 1) Dopo aver aperto l'immagine, si aumenta a piacere la dimensione del quadro sia in altezza che in larghezza; 2) Si crea una selezione rettangolare leggermente più abbondante dell'immagine, in modo da avere 2 o 3 mm. in più rispetto alla foto; 3) Dal menù "selezione" si sceglie "inversa"; 4) Con lo strumento secchio, si versa nella selezione attiva il colore selezionato. Questa base di lavoro permette molte altre variabili, tipo selezionare con il contagocce un colore presente nel soggetto principale, per utilizzarlo come riempimento (secchiello) in modo da creare una cornice colorata della stessa tonalità principale del soggetto. Da qui, infinite altre variabili, lavorando in più passaggi sulla dimensione del quadro e sull'inverso della selezione. Ad esempio, se vuoi fare in modo che l'immagine abbia una cornice a 2 colori, si seleziona l'immagine in modo esatto, si esegue l inverso della selezione, e si mette il primo colore. Poi si seleziona più ampio, si inversa la selezione, e si metti il secondo colore, e così via. La creatività e fantasia non hanno limiti.

23 CORNICI Dalla base appena spiegata, si può partire con la creazione di un infinità di variabili, ed effetti, per far risaltare di più le nostre immagini. Con la conoscenza approfondita del software utilizzato, potremo creare dei bordi e delle cornici per ogni necessità, elaborando con più passaggi l ottenimento del risultato. Così come sarà possibile utilizzare altre tecniche per ottenere un maggiore precisione dei riquadri, effetti di contrasto, nitidezza e cromatismi, che solo l esperienza con l uso del software ci potrà insegnare.

24 TRASFORMAZIONE IN BIANCO E NERO L uso di un software di fotoritocco, ci permetterà anche di trasformare un immagine a colori in una in bianco e nero. Molte volte ci accorgiamo che un immagine potrebbe essere addirittura migliore se i colori in essa contenuti non riescono a valorizzarla. I metodi per la trasformazione, sono anche in questo caso molteplici, e del tutto personali a seconda dell effetto che si desidera ottenere, dal contrasto alla gamma dei valori che passano dal bianco al nero. Il metodo più semplice è quello di assegnare un profilo colore all immagine RGB che sia in grado di interpretare i suoi valori nella gamma del bianco e nero. Dal menù IMMAGINE - METODO - CONVERTI IN PROFILO potremo assegnare lo spazio di destinazione gray gamma 2.2 nella relativa finestra

25 TRASFORMAZIONE IN BIANCO E NERO Un altro metodo consiste nel scegliere il canale con il maggior numero di informazioni e renderlo monocromatico. Dal menù IMMAGINE - REGOLAZIONI - MISCELATORE CANALE si sceglie ad esempio il verde e si seleziona l opzione MONOCROMATICO Differenti cromatismi ed interpretazioni possono derivare, con questo metodo di conversione, utilizzando canali specifici della gamma RGB (red -green -blue) a seconda dell immagine presa in considerazione. Con questo metodo, lo spazio colore risulterà sempre quello dell immagine originale srgb, seppur risulti in bianco e nero per effetto dell eliminazione degli altri 2 canali non utilizzati.

26 TRASFORMAZIONE IN BIANCO E NERO In un immagine RGB possiamo osservare, mediante l analisi dei livelli, la quantità di colore di ogni canale RGB che contribuisce a formare l immagine a colori. Da questa analisi potremo prendere in considerazione, per utilizzare questo metodo di conversione, il canale che possiede il maggior numero di informazioni.

27 TRASFORMAZIONE IN BIANCO E NERO A seconda del metodo utilizzato (gray gamma 2.2 o srgb su un solo canale monocromatico) potremo ottenere un differente effetto di contrasto e di dettaglio. Nell esempio riportato qui sotto in cui sono state applicate le stesse regolazioni, si può notare seppur in misura lieve, la differenza di contrasto rispetto a quella in cui si è lavorato solo sul canale del verde. Lavorare su un singolo canale offre il vantaggio di un maggior contrasto e stacco tra luci ed ombre. La scelta del metodo di conversione andrà quindi valutata attentamente in base al soggetto preso in esame, ed al proprio gusto. Gray gamma 2.2 srgb monocromatico

28 TRASFORMAZIONE IN BIANCO E NERO Elaborazione sul canale VERDE Da queste immagini si possono notare le differenze sul risultato finale a seconda del canale utilizzato per l elaborazione. A maggior ragione si dovrà prestare attenzione alla scelta di quello che ci permetterà di ottenere l effetto a noi gradito. Elaborazione sul canale ROSSO Elaborazione sul canale BLU

29 RIEPILOGO FLUSSO DI LAVORO FILE Colore srgb Bianco e nero srgb su 1 canale Gray gamma 2.2 REGOLAZIONE ESPOSIZIONE REGOLAZIONE CONTRASTO EVENTUALE CORNICE DIMENSIONAMENTO PER WEB REGOLAZIONE NITIDEZZA SALVA PER WEB

30 CONCLUSIONI E inutile negare quanto l immagine digitale abbia cambiato il mondo della fotografia, abituati alla pellicola con la quale non si sarebbe potuto rendere migliore, oltre un certo limite, un immagine impressa dopo averla scattata. Internet ha contribuito ancor di più ad esaltare la fotografia digitale, sia per merito di numerosi siti che hanno dato la possibilità agli utenti di mettersi in mostra, ma anche per merito di moltissimi fotoamatori che hanno mostrato al mondo le loro grandi capacità senza per questo essere professionisti. Ma l aspetto più significativo è che oggi l immagine on line rappresenta ancor di più l espressione artistica dell autore, o le sue capacità grafiche, quando viene preparata secondo certe interpretazioni, o efficaci e determinanti correzioni, che aiutano a valorizzare ancor di più l immagine acquisita, sia essa da macchina fotografica digitale che da scansione di negativo o positivo. Dalle varie gallery on line emerge però un altra considerazione che mette in forte risalto lo stravolgimento del termine: possiamo ancora chiamare fotografia un immagine fortemente trasformata grazie ad un software di fotoritocco? Come tutte le evoluzioni che la storia insegna, anche questo nuovo modo di interpretare l immagine rappresenta un passaggio verso il quale ci si deve adeguare, non solo per stare al passo con i tempi ma anche per metterci in mostra adeguatamente e far apprezzare di più le nostre immagini. Mauro Minetti