Sovrapposizione di immagini

Una sovrapposizione di immagini è qualsiasi livello visivo posto sopra un'immagine di base: testo, forme, frecce, un logo, una cornice di dispositivo, un velo di colore o un'altra immagine. La sovrapposizione e l'immagine di base vengono combinate in ciò che vede lo spettatore.

Le sovrapposizioni si combinano con la composizione alfa. Ogni pixel della sovrapposizione ha un valore di opacità, e il risultato mescola il colore della sovrapposizione con quello di base in proporzione. Con opacità al 100 percento la sovrapposizione nasconde la base. Al 50 percento sono visibili entrambe.

Una sovrapposizione può restare modificabile come livello separato, oppure può essere appiattita nei pixel durante l'esportazione. Una sovrapposizione appiattita non può essere rimossa in seguito senza il file originale.

Tipi di sovrapposizioni

• Annotazioni: frecce, riquadri, ellissi, linee, etichette di testo e numeri di passaggio.
• Evidenziazioni: colore semitrasparente su un'area di interesse.
• Livelli di oscuramento: sfocatura o riquadri pieni su contenuti privati.
• Branding: loghi e filigrane.
• Cornici: cornici di dispositivo o di browser attorno a uno screenshot.
• Livelli di confronto: un'immagine sopra un'altra con opacità parziale.

Dove si usano le sovrapposizioni

Le guide passo passo usano frecce e marcatori numerati per indicare dove fare clic. Le segnalazioni di bug usano riquadri per indicare il problema. Le immagini di marketing aggiungono titoli e loghi sopra gli screenshot, e le revisioni di design sovrappongono due versioni per individuare gli spostamenti.

Come funzionano le sovrapposizioni

Gli editor conservano le sovrapposizioni come oggetti con posizione, dimensione, colore e ordine di sovrapposizione. Il rendering disegna prima l'immagine di base, poi ogni sovrapposizione dal basso verso l'alto. L'esportazione appiattisce tutto in un'unica immagine oppure mantiene i livelli in un formato di progetto.

Nell'editor dei Documenti di Temposhot, le sovrapposizioni includono Text (T), Rectangle (R), Ellipse (O), Line (L), Arrow (A) e gli strumenti Pro Blur (B), Click Marker (M) e Step Numbers (N). I tasti [ e ] cambiano l'ordine di sovrapposizione. L'editor mantiene le annotazioni separate dall'immagine catturata.

Errori comuni

• Coprire proprio il controllo che la sovrapposizione dovrebbe indicare.
• Usare colori che scompaiono sullo sfondo dello screenshot.
• Affidarsi a un riquadro semitrasparente per nascondere dati privati.
• Condividere i fotogrammi originali quando le sovrapposizioni esistono solo nella versione modificata. Uno ZIP di Temposhot con i fotogrammi annotati avvisa che contiene i file originali non modificati.

Hai un'immagine da correggere adesso?

Aggiungi frecce ed etichette nel browser con Screenshot Annotation Tool, oppure inserisci uno screenshot su uno sfondo progettato con Social Image Composer.

Domande frequenti

Posso rimuovere una sovrapposizione dopo l'esportazione?

Solo se conservi ancora l'originale non appiattito o il progetto modificabile.

Quale formato mantiene una sovrapposizione trasparente?

PNG e WebP mantengono la trasparenza. JPG no.

Fonti

• Alpha compositing (Wikipedia)
• Blend modes (Wikipedia)

Risorse correlate

• Annotazioni e inquadratura: strumenti dell'editor dei Documenti.
• Annotare gli screenshot per le istruzioni su Mac: un esempio completo.