Adobe Photoshop per il Web - le F.A.Q.

Ho trovato sul web alcune gif da inserire nel mio sito, però hanno lo sfondo colorato, come posso metterle su uno sfondo trasparente?
- Parto dal presupposto le immagini non siano animate (perché altrimenti occorrerebbe effettuare la stessa operazione su di ogni singolo fotogramma, e questo con ImageReader che si trova nella stessa cartella di Photoshop).
- Se lo sfondo è tinta unita prendi la bacchetta magica dal pannello degli Strumenti, per selezionare aree più o meno differenti di tonalità devi agire sulla percentuale % che trovi posta sulla barra in alto, e tocchi il fondo. Comparirà una selezione.
Adesso dal menù Selezione fai Inversa, così da trovarti la selezione sulla tua immagine, e poi Copia (ctrl+c) e Incolla (ctrl+v). Adesso sei su di un nuovo livello trasparente.
- Dal pannello dei Livelli (a destra dalla tua immagine) chiudi l'occhietto alla gif originale e dal menù File fai Salva per Web.
In alto a destra trovi delle preferenze, controlla sia selezionata GIF e la casella Trasparenza, dai l'OK e rinomina il file. Infine non salvare ulteriormente la precedente gif.
- Il problema ti si pone esclusivamente per selezionare l'immagine, e se la bacchetta magica non va bene puoi utilizzare altri strumenti di selezione, come il lazo o la penna, ma per ognuno c'è una procedura diversa.

Il formato JPG per web può essere trasparente?
- No, per il web può essere trasparente un formato GIF.

Lo sfondo della mia immagine è irregolare, come faccio a selezionarlo?
- Per selezionarlo meglio devi aumentare o diminuire la percentuale che trovi sulla barra in alto (c'è scritto 100%) dello strumento bacchetta magica, o provare, tenendo lo shift premuto, a selezionare contemporaneamente altre aree.
Purtroppo se lo sfondo non è omogeneo devi lavorare di pazienza.
Per selezioni più dettagliate puoi provare con lo strumento lazo, tracciando il contorno dell'immagine, oppure con la penna, ma già questa operazione è più complessa.
Se preferisci la definizione perfetta con la penna devi procedere così: tracci tutto il contorno inserendo i vari punti e trascinando il cursore quando incontri curve ed evidenziando le maniglie che ammorbidiranno il tratto, poi dal pannello dei Livelli/Canali/Tracciati (sulla destra) vai su Tracciati. Clicchi due volte sulla voce Tracciato di lavoro e sulla rispettva finestra uscirà scritto Tracciato 1, fai OK oppure dagli un altro nome.
Col tasto destro sulla stessa voce fai Crea selezione e dai OK al valore che esce.
Ed hai la selezione dell'immagine.

Come scontornare un oggetto ruvido, tipo una pallina da tennis?
1) Innanzitutto creati un nuovo Livello (pannello a destra dei Livelli, tasto destro: Nuovo), e chiudi il precedente (chiudendo l'occhietto sempre nel pannello dei Livelli) perché non ti farebbe procedere risultando bloccato.
2) Adesso devi procedere a selezionare il tracciato. Hai varie possibilità. Se si tratta di una sfera prendi dagli strumenti lo strumento di selezione ad ellisse; se il fondo è a tinta unita od omogeneo puoi utilizzare la Bacchetta Magica (agendo sul valore in percentuale che trovi in alto sulla barra principale); se il tracciato (come hai detto) è irregolare, ma ti occorre una selezione esatta, prendi lo strumento Penna e qui devi agire con accuratezza: controlla in alto sia impostata la scelta su Tracciato, e comincia a seguire il perimetro punto per punto. Può sembrare difficile ma questo metodo di selezione, una volta acquisita la manualità, può tornarti molto utile. Quando incontri delle curve resta sul punto appena realizzato e trascina il cursore, in modo da vedere la linea ammorbidirsi in curva. Quando avrai raggiunto l'ultimo punto il Tracciato si chiuderà e comparirà nel pannello Livelli/Canali/Tracciati. Clicca due volte sul Tracciato e dagli un nome, poi tasto destro e scegli Crea selezione.
3) Hai la tua immagina selezionata, adesso devi "invertire" la selezione, per cui: menù Selezione e Inversa. Cancella il fondo.
4) Da menù File fai Salva per Web, controlla in alto ci sia la scelta su Gif e selezionata la Trasparenza. Fai OK. Ti salva il file con un altro nome e in formato gif.
Per alleggerire il file ma vederlo con qualità puoi agire sui colori (Gif 128, ma controlla se va bene anche 64 colori, e scegli l'opzione "senza dithering").
Quando la finestra di salvataggio si chiude NON SALVARE ulteriormente il file, oppure salvalo ma non utilizzarlo nel web perché si tratta di un formato psd.

Con Photoshop CS come aggiungere nuove punte ai pennelli?
- Si può creare una nuova punta di pennello basata sulla selezione in un'immagine. Photoshop aggiungendo la punta nella palette Pennelli.
1 - Nella palette Livelli, seleziona il livello contenente l'immagine da usare per il pennello.
2 - Con uno strumento di selezione, seleziona l'area dell'immagine da usare come punta di pennello.
3 - Scegli Modifica > Definisci pennello predefinito.
4 - Nella finestra di dialogo Nome pennello, immetti un nome per il pennello e fai clic su OK.
Photoshop aggiunge alla palette Pennelli il nuovo pennello predefinito, con la selezione come punta del pennello.

Come correggo un'immagine con pixel troppo visibili di una gif?
- Innanzitutto devi trasformare il metodo di colore in RGB, perché devi poter usare i Filtri. E quindi da menù Filtri > Disturbo scegli Smacchia. È un filtro che espande tutti i pixel, per cui se dovesse sbiadire i particolari dell'immagine torna indietro (ctrl+z). Alternativa è, sempre da Disturbo, Intermedio.
- Se non basta, e magari devi poter usufruire dell'immagine in vari formati, allora da menù Immagine > Dimensione Immagine aumenti la Risoluzione. Vedrai, quindi, aumentare i numeri di pixel di cui è costituita, ma non la dimensione (lasciando selezionate le scelte Proporzioni e Ricampiona immagine).
Attenti: è un finto aumento di pixel, perché l'immagine ne contiene sempre 72 per unità di misura. E allora, se ti è possibile farlo, diminuisci la dimensione reale (se è 10 cm sul lato più grande la fai diventare 8 in proporzione), e così i pixel si chiudono. Ma solo se è necessario.
Tieni conto che con filtri e aumento di risoluzione il peso cambia e quindi, una volta migliorata la clip, occorre salvarla per web tentando di ridurla. Questo è indiscutibile, perché dobbiamo tenere in conto le informazioni aggiuntive a disposizione della memoria del file.

Come rendo nero e buio lo sfondo di una mia immagine?
- Innanzitutto seleziona il colore dello sfondo cliccando sul quadrato che individua primo piano e sfondo (scegli: quello di sfondo) che trovi in basso sul pannello degli Strumenti. Noterai: quando clicchi su uno dei quadrati si apre il pannello dei colori, in basso puoi inserire direttamente il colore che ti serve usando il valore esadecimale che hai utilizzato nella tua pagina web.
- Poi crea un nuovo Livello su cui inserire lo sfondo, e allora: pannello dei Livelli a destra, tasto destro e Nuovo Livello.
- Fai crtl+a (che è il comando Seleziona tutto) e poi dal menù Modifica fai Riempi; dalla finestra che si apre scegli colore di sfondo (controlla ci sia il 100% della percentuale).
Adesso hai un livello con lo sfondo scuro che serve a te.
- Dal pannello dei livelli clicca su livello Sfondo e, tenendo premuto, trascina il livello al di sotto della tua immagine (solo nel caso non potessi farlo perché l'immagine è bloccata: sbloccala, sempre dal menù del tasto destro).
- Posizionati sul livello dell'immagine: devi selezionare quello che deve restare visibile. Se è un'oggetto selezionalo utilizzando uno degli strumenti dal pannello: il Lazo magnetico, oppure il Lazo che ti permette di seguire i contorni dell'oggetto... vado per ipotesi, non so come sono le foto. Ma forse hai un fondo uniforme e allora puoi semplicemente selezionarlo con la bacchetta magica...
Ad ogni modo, sia che selezioni lo sfondo che l'oggetto, fai dal menù Selezione: Sfuma, inserendo un piccolo valore (5, al massimo 10) nella finestrella che apparirà. Cancella. Per ottimizzare la sfumatura puoi utilizzare lo strumento Gomma, scegliendo (in alto fra le varie dimensioni e sfumature) l'ampiezza della cancellatura.
- Sempre per ottimizzare l'uniformità del tutto scegli i livelli di luminosità (ctrl+l), dal menù Immagine e Regola > Livelli. Ti si apre una finestra con due guide e alcune freccette. Clicca sulla freccetta mediana della prima riga e spostala verso destra: vedrai la tua immagine scurirsi ai bordi. Fai OK quando pensi d'aver finito.

Come creare una scritta trasparente sulla mia foto?
- Da menù Finestra > Livelli.
Adesso, con la tua foto aperta avanti, prendi lo strumento Testo e scrivi. Scegli il colore che ti occorre dalla barra in alto, e ingrandisci il carattere come vuoi. Eventualmente puoi farlo ruotare un po', così da posizionarlo in diagonale, e per fare questo lascia il cursore e tocca lo strumento di Selezione, fai crtl+t (Trasforma) e lo ruoti, lo ingrandisci e lo deformi come vuoi.
Automaticamente il programma posizionerà la scritta su di un nuovo livello, e su questo devi semplicemente abbassare quella percentuale % di opacità che trovi, appunto, sul pannello dei Livelli, altrimenti lo trovi posizionato sulla barra in alto, o nella finestrella delle Info.
Da menù File fai Salva per Web e salvi come jpg ed hai finito.

Ho molte immagini in formato 3072x2304 che intendo inserire in alcune pagine web ad una dimensione di 461x346, come fare?
- Puoi memorizzare una serie di Azioni in modo da farle ripetere in pochissimo tempo per tutte le immagini.
Ma: 1. devi comunque aprirle una alla volta e schiacciare il pulsante dell'Azione che avrai precedentemente memorizzato. 2. è importante che le immagini siano tutte di tipo orizzontale, oppure verticale... insomma, che siano uniformi nella lettura, perché dovremo ridimensionare un solo lato dell'immagine: il più grande.
- Apri la tua prima foto e guarda sulla destra i vari pannelli: ce n'è uno con scritto Storia/Azioni, naturalmente visualizza la sezione Azioni.
- Troverai una cartella Azioni predefinite, togli la spunta a tutte le azioni e cliccando sulla freccettina in alto a destra del pannello scegli Nuovo Set e gli dai il nome Azioni_Personali, così non ti confondi, e poi fai Nuova azione dandogli ad esempio il nome Ridimensionamento immagini. A questo punto cominci automaticamente a registrare (si evidenzia in basso al pannello un pulsantino tondo).
- Da menù Immagine > Dimensione immagine, controlla la spunta su tutte le caselline in basso, e fai così direttamente: imposta già la risoluzione a 72 pixel/pollice ultima voce in basso (si abbasserà già la dimensione totale dell'immagine), poi ti posizioni in alto (prima riga) sulla larghezza in pixel e digiti 461. Fai OK.
- Menù File > Salva (crtl+s) > Jpg > media o bassa (valore 5-6) e fai OK.
- Chiudi l'immagine, e fai click sul pulsante di arresto registrazione dell'azione (pulsante quadrato).
- Adesso puoi aprire un'altra foto (o molte altre assieme) e, semplicemente, cliccare sul pulsante triangolare di avvio della tua Azione Ridimensionamento immagini.

Volevo sapere se modificando la risoluzione di un'immagine, il peso del file cambia. Io pensavo di si, ma ho modificato la stessa foto due volte: la prima modificando solo la dimensione, la seconda modificando la dimensione e la risoluzione (che ho portato da 300 a 72). Ebbene, i due file avevano la stessa dimensione e anche la stessa qualità. Come mai??
Il discorso è un pò complesso, molto dipende dalla risoluzione, molto dalle dimensioni, molto dal salvataggio che fai del tuo file.
Immagina un quadrato con all'interno tanti quadrati piccoli, mettine 300 nel quadrato grande: questa è la risoluzione. Ovviamente un quadrato con 300 quadratini piccoli sarà più nitido dello stesso con 72 quadratini.
In effetti, il variare la risoluzione di un'immagine porta il file ad avere maggiori o minori informazioni, per cui, in conseguenza, cambiarne la dimensione varia di poco in Kb, perché il software di lettura del file leggerebbe quasi lo stesso numero di pixel che ci sono in un'immagine più grande.
Altro discorso sta nel salvataggio fra diversi formati: un GIF alle volte risulta più pesante (perché memorizza i contrasti in orizzontale) ma viene letto immediatamente dai vari browser, per questo è molto diffuso; il JPG riesce a "sembrare" più leggero, ma impiega anche più tempo ad espandersi nei browser, per cui tarda la lettura dell'immagine... e mi soffermo a questi soli due formati per il web.
Ultimo appunto, la visibilità: apparentemente un file di 300 dpi e uno di 72 possono sembrare identici, ma non è così. Sul web la perfetta nitidezza neanche ti serve, perché leggi un file con la risoluzione di un monitor: 3 colori secondari (RGB), 72 pixel/pollice (la risoluzione dei monitor, per questo si utilizza questo valore). La differenza la noti nella stampa, ad esempio, o se ingrandisci al 400% l'immagine, notando l'allargarsi dei pixel che (purtroppo) restano gli stessi salvati mostrando sempre più i vuoti tra di essi.

Ho una foto di una persona davanti ad un sipario rosso. Mi sa che le luci erano posizionate male perché lo sfondo è un pugno in un occhio e il viso è troppo illuminato. Come faccio per aggiustare il rosso sullo sfondo?
Regolare le Curve per un principiante è un tantino difficoltoso, ma magari ti ci trovi bene; semmai puoi provare con i Livelli, da menù Immagine fai Regola > Livelli e schiacci il pulsante Auto che regola da solo i chiari e gli scuri. Per il rosso, sempre da Immagine fai Regola > Tonalità/Saturazione, ti si apre una finestra con in alto un menù a tendina posto sulla parola Composita, qui scegli Rosso e abbassi le frecce della saturazione (quella al centro), anche qui vedrai il risultato mano a mano che modificherai il valore.