Modifica dei file

Questo articolo è una traduzione. La versione inglese è la versione di riferimento e quella che prevale in caso di dubbi.

Una volta scaricata una risorsa Magnific, l'esperienza di modifica dipende dal formato del file. Questo articolo spiega come aprire e modificare ogni tipo, quale software utilizzare e come risolvere i problemi più comuni che potresti riscontrare

In questo articolo

• Modifica di file vettoriali (EPS, AI, SVG)
• Modifica di file PSD
• Modifica di file PNG e JPG
• Modifica di file video
• Modifica di icone
• Problemi comuni e risoluzione dei problemi
• Nessun software di editing? Usa gli strumenti online di Magnific

Modifica di file vettore (EPS, Adobe Illustrator, SVG)

I file vettore (EPS, Adobe Illustrator, SVG) sono completamente modificabili: puoi cambiare i colori, ridimensionare senza perdita di qualità, modificare le forme, editare il testo e riorganizzare gli elementi. Hai bisogno di un'applicazione di editing vettoriale per lavorarci

Quando modifichi file vettore, tieni presente che i design possono includere più livelli o elementi raggruppati, quindi potresti dover esplorare i livelli o separare gli oggetti per modificarli singolarmente. Se la separazione non funziona, controlla la presenza di maschere di ritaglio e rilasciale. Nota inoltre che i font usati nelle anteprime potrebbero non essere disponibili nel file modificabile, quindi potrebbero essere necessarie delle sostituzioni

Software consigliato

Adobe Illustrator offre l'esperienza di editing più completa con i file Magnific. Se utilizzi un programma diverso e qualcosa non sembra corretto, prova ad aprire il file in Illustrator prima di dare per scontato che il file sia danneggiato

Aprire un file vettore in Adobe Illustrator

1. Apri Illustrator

   Avvia Adobe Illustrator sul tuo computer

2. Apri il file

   Vai su File → Apri e seleziona il file EPS o AI scaricato. Se hai scaricato un SVG, usa comunque File → Apri

3. Gestisci il prompt del font

   Se il file utilizza font che non hai installato, Illustrator mostrerà una finestra di dialogo per i font mancanti. Puoi sostituire i font ora o installare quelli mancanti in un secondo momento

4. Esplora i livelli

   Apri il pannello Livelli (Finestra → Livelli). Espandi i sottolivelli per accedere ai singoli elementi. Se tutto si trova su un unico livello, gli elementi potrebbero essere raggruppati

5. Separa se necessario

   Seleziona tutto (Cmd/Ctrl+A), quindi fai clic con il tasto destro → Separa (o Shift+Cmd/Ctrl+G). Alcuni file richiedono di separare più volte per raggiungere i singoli elementi

6. Modifica e salva

   Apporta le tue modifiche — colori, testo, forme, disposizione — e salva nel formato che preferisci tramite File → Esporta come o File → Salva con nome

Apertura di un file vettore in Inkscape

1. Apri Inkscape

   Avvia Inkscape (download gratuito su inkscape.org)

2. Apri il file

   Vai su File → Apri e seleziona il tuo file SVG o EPS

3. Per file EPS

   Inkscape converte i file EPS in SVG durante l'importazione. Alcuni effetti complessi potrebbero avere un rendering diverso rispetto a Illustrator: è normale

4. Modifica

   Usa lo strumento Selezione (F1) per fare clic e spostare gli elementi. Fai doppio clic sui gruppi per accedervi. Usa la palette di colori in basso per modificare i colori di riempimento

5. Esporta

   Vai su File → Esporta immagine PNG per un output raster, oppure File → Salva come per mantenerlo come SVG

Modifica di file PSD

I file PSD (Photoshop Document) contengono livelli, maschere, oggetti avanzati e testo modificabile. Offrono la massima flessibilità di modifica per mockup, modelli e composizioni di foto

Software consigliato

Apertura di un file PSD in Adobe Photoshop

1. Apri Photoshop

   Avvia Adobe Photoshop

2. Apri il file

   Vai su File → Apri e seleziona il file PSD

3. Esplora i livelli

   Il pannello Livelli mostra tutti i livelli, i gruppi e le maschere. Fai clic sull'icona a forma di occhio per attivare o disattivare la visibilità. Fai doppio clic su un livello di testo per modificare il testo

4. Modifica Oggetti avanzati

   Alcuni modelli di mockup utilizzano Oggetti avanzati per i contenuti segnaposto. Fai doppio clic sulla miniatura dell'Oggetto avanzato nel pannello Livelli per aprirlo in una nuova scheda, sostituisci il contenuto, salva (Cmd/Ctrl+S) e il mockup si aggiornerà automaticamente

5. Esporta

   Vai su File → Esporta → Esporta come per salvare in formato JPG, PNG o altri formati

Aprire un file PSD in GIMP

1. Apri GIMP

   Avvia GIMP (download gratuito su gimp.org)

2. Apri il file

   Vai su File → Apri e seleziona il file PSD. GIMP importerà i livelli automaticamente

3. Naviga tra i livelli

   Usa la finestra di dialogo Livelli (Finestre → Pannelli agganciabili → Livelli). Fai clic su un livello per attivarlo prima di modificarlo

4. Nota sulla compatibilità

   GIMP gestisce bene la maggior parte delle funzionalità dei PSD, ma alcuni effetti avanzati di Photoshop (determinate modalità di fusione, filtri avanzati) potrebbero apparire diversi. Per risultati perfetti al pixel, si consiglia Photoshop

Modificare un PSD senza Photoshop (Photopea)

Photopea (photopea.com) è un editor gratuito basato su browser che apre file PSD e supporta livelli, maschere e la maggior parte delle funzionalità di Photoshop. È un'opzione valida se hai bisogno di modificare un PSD occasionalmente senza un abbonamento

1. Vai su photopea.com

   Apri photopea.com nel tuo browser

2. Apri il tuo file

   Fai clic su Apri dal computer e seleziona il tuo PSD. Il file si apre con tutti i livelli intatti

3. Modifica come necessario

   Usa il pannello livelli, gli strumenti di testo e gli strumenti di disegno proprio come in Photoshop

4. Esporta

   Vai su File → Esporta come e scegli il tuo formato (JPG, PNG, PSD, ecc.)

Modifica di file PNG e JPG

I file PNG e JPG sono file raster piatti: non ci sono livelli e non puoi modificare i singoli elementi separatamente. Puoi comunque ritagliare, ridimensionare, modificare i colori, aggiungere testo e applicare filtri. Per modifiche più complesse, gli strumenti potenziati dall’IA sono spesso più veloci dell'editing manuale

Utilizzo dell'Editor di immagini di Magnific (nessun software necessario)

Per qualsiasi PNG o JPG, puoi usare l'Editor di immagini per ritagliare, ridimensionare, rimuovere lo sfondo, ritoccare, migliorare la qualità, cambiare stile e modificare i colori: tutto nel tuo browser, senza alcuna installazione richiesta

Modificare una foto nell'Editor di immagini è gratuito e non conta come download. Solo l'esportazione e il salvataggio del risultato sul tuo dispositivo incidono sul tuo limite giornaliero di download

Utilizzo di software desktop

Qualsiasi editor di immagini apre file PNG e JPG. Adobe Photoshop, GIMP, Affinity Photo e persino app di base come Anteprima (macOS) o Foto (Windows) funzionano bene per modifiche semplici. Per lavori di stampa, assicurati di lavorare a una risoluzione sufficiente: 300 DPI è lo standard per la stampa

Suggerimento sulla trasparenza dei PNG

I file PNG possono avere uno sfondo trasparente. Per preservare la trasparenza durante l'esportazione, salva sempre come PNG, non come JPG. Il formato JPG non supporta la trasparenza e la sostituirà con uno sfondo bianco

Differenze tra SVG e PNG

PNG e SVG sono entrambi formati ampiamente utilizzati per diverse esigenze di design. PNG è un formato raster composto da pixel, il che lo rende ideale per immagini dettagliate come le foto, ma meno flessibile per la modifica o il ridimensionamento.

SVG, d'altra parte, è un formato vettore costruito con forme e tracciati, il che significa che può essere ridimensionato a qualsiasi dimensione senza perdere qualità e facilmente modificato negli strumenti di design. I file SVG sono particolarmente adatti per la personalizzazione, la stampa e l'uso sul web

Modifica di file video

I video in stock di Magnific sono disponibili nei formati MP4 e MOV. Entrambi funzionano in tutti i principali editor video

Per modificare video direttamente all'interno di Magnific, apri l'Editor di progetti video. Puoi combinare clip, ritagliare, aggiungere audio ed esportare: non è richiesta l'installazione di alcun software

Modifica icone

Le icone su Magnific sono disponibili in SVG e PNG. Le icone SVG sono completamente modificabili: puoi cambiare i colori, ridimensionarle liberamente e modifica la larghezza della traccia. Le icone PNG sono immagini piatte e hanno una modificabilità limitata

Modifica di icone SVG nell'Editor di icone di Magnific

1. Apri la pagina dell'icona

   Trova l'icona che desideri su Magnific e apri la sua pagina di dettaglio

2. Fai clic su Modifica icona

   Fai clic sul pulsante Modifica icona per aprire l'Editor di icone direttamente nel tuo browser

3. Personalizza

   Cambia il colore, modifica la dimensione e — sulle icone supportate — modifica lo spessore della traccia

4. Scarica

   Scarica l'icona modificata in formato SVG o PNG

Modifica di icone SVG in Figma o Illustrator

Puoi copiare un'icona SVG direttamente negli appunti dalla pagina delle icone di Magnific (fai clic su Copia) e incollarla in Figma, Illustrator o qualsiasi strumento che accetti file SVG. Una volta incollata, puoi ricolorarla, ridimensionarla e modificarla come qualsiasi altro elemento vettore

Come copiare le icone negli appunti

Per copiare un'icona senza scaricarla, fai clic sul pulsante Copia PNG o Copia SVG e incollala direttamente nell'applicazione che preferisci. Le icone copiate vengono aggiunte anche alla cronologia dei download, il che significa che contano come download

Icone con traccia modificabile

Alcuni pacchetti di icone supportano la modifica dello spessore della traccia. Queste icone mostrano un'opzione di traccia modificabile nell'editor di icone. Se stai modificando l'SVG manualmente in Illustrator, regola la traccia nel pannello Traccia (Finestra → Traccia) dopo aver selezionato i tracciati dell'icona.

Le icone con traccia modificabile mantengono le tracce come linee, consentendoti di modificarne larghezza, curve e forme. Al contrario, gli SVG semplificati convertono le tracce in forme fisse, limitando le modifiche avanzate. Tieni presente che ridimensionare un'icona comporterà anche il ridimensionamento dello spessore della sua traccia: se devi mantenere uno spessore della traccia coerente, ridimensiona gli elementi manualmente invece di usare la scala

Icone animate

Per modificare le icone animate, scarica il file .AEP e aprilo in Adobe After Effects. Ogni file include un livello di controllo che ti permette di modificare proprietà chiave come larghezza della traccia, colori, posizione, scala e rotazione dell'icona.

Usa i controller disponibili per cambiare lo spessore della traccia, aggiornare i colori di base e di evidenziazione o regolare i singoli elementi. Per modificare i colori, fai clic sulla casella accanto a ogni controller per aprire il pannello Colore e regolare la tonalità come necessario

Problemi comuni e risoluzione dei problemi

Questo è il problema più comune con i file vettore e PSD. Il font utilizzato nel design originale non è incorporato nel file: devi averlo installato sul tuo computer affinché venga visualizzato correttamente

1. Quando apri il file, il tuo software ti indicherà quali font mancano
2. Cerca il nome del font su Google Fonts (gratuito), Adobe Fonts (incluso con Creative Cloud) o in un marketplace di font
3. Installa il font sul tuo sistema e riapri il file: verrà eseguito il rendering correttamente
4. Se non riesci a trovare il font, seleziona il livello di testo e sostituiscilo con un font simile a tua scelta

Le immagini di anteprima della risorsa Magnific mostrano il design con i font corretti. Il file modificabile non li visualizzerà a meno che tu non li abbia installati

Gli elementi sono raggruppati. In Illustrator: fai clic con il tasto destro → Separa (o Shift+Cmd/Ctrl+G). In Photoshop: nel pannello Livelli, fai clic sulla cartella del gruppo per espandere il livello e seleziona il singolo livello all'interno

Alcuni file hanno più livelli di nidificazione: potresti dover separare più volte per raggiungere l'elemento desiderato

Il file utilizza una maschera di ritaglio. In Illustrator: fai clic con il tasto destro sull'oggetto mascherato → Rilascia maschera di ritaglio. In Photoshop: fai clic con il tasto destro sul livello → Rilascia maschera di ritaglio (se si tratta di un livello di ritaglio) oppure elimina/disabilita la maschera di livello nel pannello Livelli

Una volta rilasciata, l'intera illustrazione sarà visibile e potrai ricomporla o modificarla

Il file potrebbe essere in modalità CMYK (per la stampa), mentre lo schermo mostra RGB. In Illustrator: vai su File → Modalità colore documento e passa a RGB se stai progettando per lo schermo. In Photoshop: vai su Immagine → Metodo → Colore RGB

Se i colori sembrano ancora piatti o sbiaditi, controlla se la trasparenza o le modalità di fusione sono andate perse durante la conversione (comune con i file EPS in software non Adobe)

Il design si trova dietro una maschera di ritaglio o all'interno di un gruppo non visibile al livello di zoom attuale. Prova Cmd/Ctrl+A (Seleziona tutto) per vedere se gli elementi vengono selezionati. Se lo sono, vai su Oggetto → Maschera di ritaglio → Rilascia (Illustrator) o controlla la visibilità del livello in Photoshop

In rari casi, il file potrebbe utilizzare funzionalità non supportate dalla tua versione del software. Prova ad aprirlo in una versione più recente o in Illustrator se stai utilizzando un'app diversa

Il designer ha convertito il testo in tracciati prima dell'esportazione. È una pratica comune nei file in cui il designer voleva evitare problemi di dipendenza dai font. Una volta convertito in tracciati, il testo non può più essere modificato come tale: diventa una forma

Le tue opzioni: elimina la forma del testo convertito in tracciati e scrivi un nuovo testo usando lo strumento Testo con un font simile. Se devi far corrispondere esattamente il font originale, identificalo usando uno strumento di identificazione font (come WhatFontIs o la ricerca visiva di Adobe Fonts), installalo e riscrivi il testo

Alcuni file PSD ad alta risoluzione o complesse illustrazioni vettoriali possono essere pesanti (50 MB+). È normale. Per migliorare le prestazioni:

• In Photoshop: vai su Modifica → Preferenze → Prestazioni e aumenta l'allocazione di RAM per Photoshop
• In Illustrator: vai su Modifica → Preferenze → Prestazioni GPU e assicurati che il rendering GPU sia attivo
• Chiudi le altre applicazioni per liberare memoria mentre lavori con file di grandi dimensioni

Alcuni file PSD o AI includono risorse esterne collegate inserite come riferimento anziché incorporate. Se questi file collegati non sono stati inclusi nel download, vedrai un avviso di collegamento mancante

In Illustrator: apri il pannello Collegamenti (Finestra → Collegamenti) per vedere cosa manca. Puoi ricollegare un file locale oppure selezionare l'elemento collegato e usare Incorpora immagine per incorporarlo direttamente

In Photoshop: il pannello Livelli mostrerà un'icona di avviso sul livello Oggetto avanzato interessato. Fai doppio clic sul livello per aprire l'Oggetto avanzato e sostituire il contenuto

Non hai un software di editing? Usa gli strumenti online di Magnific

Non devi installare nulla per modificare la maggior parte dei file Magnific. Questi strumenti funzionano interamente nel tuo browser:

Per vettori senza Illustrator

Se devi modificare un file EPS o un file IA e non hai Illustrator, Photopea (photopea.com) può aprire entrambi i formati nel tuo browser e gestire le modifiche più comuni. Per i file SVG, il piano gratuito di Figma è un'altra valida Option