Strumento di sovrapposizione immagini

Ripristino dei file selezionati...

Posiziona un logo su una foto, combina un soggetto già scontornato con un nuovo sfondo o aggiungi una texture a un’immagine. Questo strumento locale nel browser unisce un’immagine di base e una sovrapposizione: inserisci la posizione X/Y, regola scala e opacità, scegli la modalità di fusione e scarica il risultato appiattito in PNG.

Come sovrapporre un'immagine su un'altra

  1. 1

    Carica le immagini di base e di sovrapposizione

    L'immagine di base riempie l'area di lavoro, la sovrapposizione resta sopra.

  2. 2

    Posizione e dimensione

    Inserisci la posizione X/Y in pixel e scegli una scala dal 5% al 200%.

  3. 3

    Imposta opacità e modalità di fusione

    Opacità totale per composizioni nette, 30-60% per filigrane sottili.

  4. 4

    Esporta

    Appiattisci i due livelli in un PNG con le dimensioni dell'area di lavoro dell'immagine di base.

Sovrapposizioni che sembrano intenzionali

Una buona composizione a due livelli nasce da posizione, scala e fusione scelte con cura.

Posizionamento

  • Usa la regola dei terzi: posiziona il centro della sovrapposizione su un’intersezione delle linee dei terzi per un effetto editoriale.
  • Le filigrane posizionate negli angoli funzionano meglio con un padding del 10-15% dal bordo.
  • Il posizionamento centrale è indicato per poster e card social ben bilanciati.

Scala

  • La sovrapposizione raramente appare corretta sopra il 60% del lato più piccolo della base.
  • Una filigrana di logo è solitamente il 5-15% della larghezza della base.

Modalità di fusione

Per composizioni che sembrano naturali:

Modalità Effetto
Normale Composizione alpha diretta
Moltiplica (Multiply) Scurisce: ottimo per aggiungere texture
Schermo (Screen) Schiarisce: utile per bagliori e flare
Sovrapposizione (Overlay) Fusione che aumenta il contrasto
Scurire (Darken) Mantiene il pixel più scuro dei due livelli
Schiarire (Lighten) Mantiene il pixel più chiaro dei due livelli

Funzioni e privacy

Lo strumento posiziona, ridimensiona e fonde una sola sovrapposizione. Non ruota, ritaglia, sfuma i bordi né aggiunge ombre, quindi prepara queste modifiche prima del caricamento quando servono. Entrambe le immagini vengono elaborate nel browser e non sono mai inserite nell’URL del percorso né inviate al server. Nel percorso guidato, IndexedDB conserva temporaneamente il progetto su questo dispositivo per un massimo di 30 minuti, così da mantenerlo tra un passaggio e l’altro.

Composizioni comuni

  • Prodotto all’interno di un mockup di smartphone o portatile.
  • Filigrana di logo nell’angolo di una foto.
  • Distintivo o etichetta posizionata su uno sfondo piatto.
  • Avatar all’interno di una cornice decorativa.
  • Un soggetto trasparente già scontornato su un nuovo sfondo.

Domande frequenti

Lo strumento gestisce un’immagine di base e una sovrapposizione per ogni passaggio. Per composizioni a più livelli, esporta il risultato e usalo come nuova immagine di base per la sovrapposizione successiva.

Sì. Se la sovrapposizione è un PNG con canale alpha, sulla base vengono disegnati solo i pixel visibili. Le sovrapposizioni in JPG non hanno trasparenza e appaiono come un rettangolo.

Normale per composizioni nette; Moltiplica (Multiply) per sovrapporre una texture (carta, grunge) su una foto; Schermo (Screen) per bagliori e riflessi. Sovrapposizione (Overlay), Scurire (Darken) e Schiarire (Lighten) sono modalità stilistiche: vale la pena provarle.

Usa i campi di input numerici X/Y invece di trascinare. Lo strumento accetta posizioni precise in pixel, quindi l’allineamento a una griglia di 1 pixel è possibile.

Strumenti correlati