In questo articolo, tratteremo come aggiungere e modificare Foto, GIF e Codici QR in Designer.
Usando Designer, puoi utilizzare un'ampia gamma di foto stock, GIF da GIPHY e codici QR personalizzabili per rendere i tuoi progetti più dinamici.
Per informazioni più generali sull'app Designer, consulta la nostra guida Iniziare con Designer.
Queste opzioni sono accessibili dal Menu Laterale di Designer:
Foto
Selezionando l'opzione Foto si aprirà la sezione Foto del Menu Laterale:
Qui puoi cercare qualsiasi tipo di foto stock che desideri utilizzare. Una volta selezionata, verrà posizionata nel progetto.
Per modificare la foto, selezionala. Le opzioni del Menu Superiore cambieranno:
Esamineremo ciascuna di queste opzioni in ordine.
| NOTA |
| Le seguenti informazioni si applicano anche alle immagini aggiunte tramite l'opzione Immagine, caricate dal tuo dispositivo o come risorsa. |
Sfondo
L'opzione Sfondo ti permette di modificare il livello di sfondo della foto.
Filtro
L'opzione Filtro apre il Menu Laterale, permettendoti di selezionare diversi filtri da aggiungere alla tua foto:
Ritaglia
L'opzione Ritaglia ti permette di ritagliare la foto o l'immagine selezionata.
L'area di ritaglio può essere trascinata, espansa e ridotta, con opzioni di Proporzioni e la possibilità di capovolgere e ruotare l'immagine. Un'anteprima dell'immagine ritagliata è presente nell'angolo in alto a destra dello schermo e viene indicata la dimensione dell'immagine. Infine, l'area di ritaglio può essere cambiata in Rettangolo o Cerchio.
Maschera
Cliccando sull'opzione Maschera si aprirà l'opzione Maschera nel Menu Laterale.
Selezionando una Forma dal menu Maschera verrà automaticamente applicata una maschera di quella forma all'immagine. L'immagine può ancora essere spostata una volta applicata la maschera.
Cliccando su Modifica Maschera ti permetterà di spostare la maschera stessa intorno all'immagine. Cliccando su Inverti scambierai le aree mascherate. Cliccando su Applica Maschera riapplicherai la maschera all'immagine.
Sostituisci
L'opzione Sostituisci ti permette di sostituire l'immagine o la foto con un'immagine dal dispositivo corrente. È accessibile tramite il Menu Superiore o la barra delle azioni rapide:
Rimuovi Sfondo
L'opzione Rimuovi Sfondo rileva e rimuove automaticamente gli sfondi dalle immagini. Attualmente supporta solo la rimozione automatica e non è possibile cancellare o ripristinare manualmente lo sfondo.
Dovrai attendere che l'icona di caricamento finisca:
Una volta completato, clicca su Salva e lo sfondo sarà scomparso.
Collegamento
Selezionando l'opzione Collegamento ti permette di trasformare la tua foto o immagine in un elemento interattivo, utilizzato principalmente per i chioschi. Si aprirà la sezione Opzioni Collegamento nella Barra di Navigazione Laterale:
Cliccando su Aggiungi Collegamento ti verrà chiesto di inserire un URL o selezionare una risorsa:
Una volta scelto un collegamento o una risorsa, appariranno altre opzioni nella sezione Opzioni Collegamento:
Espandendo la sezione Scala fornirà questa opzione per la tua risorsa:
Qui, scegli come verrà ridimensionata l'immagine. Ci sono tre opzioni:
- Adatta (predefinito) - Adatta l'immagine allo schermo.
- Allunga - Allunga l'immagine per riempire l'intero schermo.
- Zoom - Ingrandisce l'immagine per riempire l'intero schermo. Non consigliato per immagini piccole su display grandi, in quanto ciò creerà sfocatura.
| NOTA |
| Se viene fornito un URL, l'opzione Scala non apparirà. |
Espandendo la sezione Impostazioni fornirà queste opzioni per il tuo collegamento:
- Durata (secondi) - Quando il collegamento viene cliccato o toccato, per quanto tempo il collegamento o la risorsa verrà visualizzata prima di tornare al progetto principale. Questo inizia dall'ultimo tocco sullo schermo o dal momento in cui è stato cliccato il collegamento.
- Precarica - Quando selezionato, il sito web verrà caricato insieme al progetto. Questo riduce il tempo necessario per far apparire il sito web quando viene cliccato il collegamento. Tuttavia, avere numerosi collegamenti da caricare potrebbe causare rallentamenti.
Espandendo la sezione Stile Chiudi e Barra Nav fornirà queste opzioni per il tuo collegamento:
Questa sezione si riferisce al pulsante che apparirà sui tuoi schermi quando viene inviato a loro. Cliccando o toccando questo pulsante tornerai al progetto originale.
- Posizione Icona - Mostra dove apparirà questa icona. Predefinito su Centro Inferiore, ma può essere posizionata ovunque lungo la parte superiore o inferiore, o disattivata completamente.
- Stile Icona - Ti permette di impostare lo stile dell'icona. Scegli tra Etichetta, Solido, Rotondo o Predefinito (vedi sopra)
- Dimensione Icona - Ti permette di cambiare la dimensione dell'icona. Scegli tra Piccolo, Medio, Grande o Predefinito (vedi sopra)
- Colore Icona - Cambia il colore HTML esadecimale dell'icona per adattarsi meglio al tuo progetto.
- Colore Sfondo - Cambia il colore HTML esadecimale dello sfondo dell'icona per adattarsi meglio al tuo progetto.
- Opacità - Il cursore ti permette di cambiare quanto è opaco o trasparente lo sfondo dell'icona.
- Mostra Barra di Navigazione - Quando selezionato, aggiunge piccole frecce di navigazione all'icona. Ti permette di navigare rapidamente tra più collegamenti. Appare così:
Impostazioni
Selezionando il pulsante Impostazioni si aprirà la sezione Mappatura Dati nel Menu Laterale:
Cliccando su Crea Mappatura Dati ti permette di rendere il testo selezionato dinamico, mappato a una delle tue DataSource esistenti. Consulta il nostro articolo su DataSource Dinamiche con OptiSync per maggiori informazioni.
Effetti
Selezionando l'opzione Effetti ti permette di cambiare diversi aspetti del tuo testo. Si aprirà la sezione Effetti nel Menu Laterale:
Qui hai numerose opzioni. Le esamineremo ciascuna in ordine.
| NOTA |
| Molte di queste opzioni sono meglio utilizzate con uno sfondo trasparente, altrimenti non vedrai molta differenza. |
Espandendo la sezione Colore ti permette di aggiungere colore alla foto o all'immagine.
Seleziona tra colori preimpostati, colori usati in questo progetto o attraverso il selettore colori.
Espandendo la sezione Sfondo ti permette di impostare un colore di sfondo specifico su cui posizionare la foto o l'immagine. Questo è funzionalmente lo stesso dell'opzione Sfondo dal menu superiore.
Espandendo la sezione Opacità ti permette di variare l'opacità dell'area selezionata - sfondo e testo insieme.
Questo può essere regolato tramite cursore. Di seguito è mostrata metà opacità:
Espandendo la sezione Contorno ti permette di aggiungere un contorno alla foto o all'immagine. Puoi selezionare un colore da un menu a tendina o utilizzare il selettore colori, e utilizzare il cursore per cambiarne lo spessore.
Espandendo la sezione Ombra ti permette di creare un'ombra sulla foto o sull'immagine. Per impostazione predefinita, tutti i cursori saranno bianchi.
Applicando un colore verrà creata un'ombra, e cambiando i cursori ti permette di cambiare la sfocatura e spostare l'ombra lungo l'asse X o Y.
Espandendo la sezione Gradiente presenterà diverse opzioni di gradiente per il tuo testo. Cliccando su una di queste opzioni di Gradiente la applicherà al tuo testo.
La sezione Texture è simile a quella Gradiente. Presenterà diverse opzioni di texture per il tuo testo. Cliccando su una di queste opzioni di texture le applicherà al tuo testo.
Anima
Selezionando il pulsante Anima ti permetterà di aggiungere animazioni alle tue foto o immagini. Cliccandolo si aprirà l'area Anima nel Menu Laterale:
Ci sono numerose opzioni per aggiungere Animazioni al tuo progetto. Per maggiori informazioni su questo, consulta il nostro articolo Animazioni.
Posizione
Selezionando l'opzione Posizione si aprirà la sezione Posizione del Menu Laterale. Questo ti permette di posizionare con precisione la foto o l'immagine, o cambiarne la stratificazione.
- Porta in Primo Piano - Porta la foto o l'immagine selezionata al livello superiore
- Porta Avanti - Porta la foto o l'immagine selezionata su di un livello
- Manda in Fondo - Porta la foto o l'immagine selezionata al livello inferiore
- Manda Indietro - Porta la foto o l'immagine selezionata giù di un livello
-
Allinea alla Pagina - Opzioni per cambiare l'allineamento della foto o dell'immagine selezionata
- Sinistra
- Centro
- Destra
- Alto
- Mezzo
- Basso
-
Spaziatura Uniforme - Allinea la foto o l'immagine all'interno della selezione più grande
- Verticalmente
- Orizzontalmente
-
Capovolgi - Capovolge la foto o l'immagine selezionata
- Orizzontale
- Verticale
- Posizione - Permette il posizionamento specifico della foto o dell'immagine nel progetto
- Ridimensiona - Permette il ridimensionamento preciso dell'elemento foto o immagine selezionato
- Mantieni Proporzioni - Quando selezionato, mantiene le proporzioni durante il ridimensionamento
Blocca / Copia Stile
| NOTA |
| La funzione "Blocca" è disponibile solo per utenti con piano Pro Plus e superiori. |
Cliccando sul pulsante Blocca bloccherai la foto o l'immagine selezionata in posizione, impedendo qualsiasi modifica.
Questo è utile quando si gestiscono molti elementi in un progetto.
Il pulsante Copia Stile ti permette di applicare rapidamente lo stile della foto selezionata a un'altra.
Questo è utile per stilizzare rapidamente numerose foto.
GIPHY
L'opzione GIPHY nel Menu Laterale ti permette di scegliere tra una varietà di Adesivi, GIF, Emoji e opzioni di Testo animato da inserire nel tuo progetto.
La funzione Cerca ti permette di trovare la GIF, l'Adesivo, l'Emoji o il Testo animato che desideri utilizzare da GIPHY. Una volta selezionati, verranno posizionati nel tuo progetto e si animeranno automaticamente:
Questi possono essere ulteriormente perfezionati utilizzando il pulsante Posizione.
Cliccando questo mentre la GIF è selezionata si aprirà la scheda Posizione nel Menu Laterale:
- Porta in Primo Piano - Porta la GIF selezionata al livello superiore
- Porta Avanti - Porta la GIF selezionata su di un livello
- Manda in Fondo - Porta la GIF selezionata al livello inferiore
- Manda Indietro - Porta la GIF selezionata giù di un livello
-
Allinea alla Pagina - Opzioni per cambiare l'allineamento della GIF selezionata
- Sinistra
- Centro
- Destra
- Alto
- Mezzo
- Basso
-
Spaziatura Uniforme - Allinea la GIF all'interno della casella più grande
- Verticalmente
- Orizzontalmente
-
Capovolgi - Capovolge la GIF selezionata
- Orizzontale
- Verticale
- Posizione - Permette il posizionamento specifico della GIF nel progetto
- Ridimensiona - Permette il ridimensionamento preciso della GIF
Mantieni Proporzioni - Quando selezionato, mantiene automaticamente le proporzioni durante il ridimensionamento.
Usa come Sfondo - Quando selezionato, permette alla GIF di essere utilizzata come Sfondo nel progetto.
Codice QR
L'opzione Codice QR nel Menu Laterale ti permette di aggiungere un codice QR a qualsiasi progetto. Premendo Aggiungi Codice QR ti offre numerose opzioni:
Scegli:
- URL Sito Web - Invia l'utente al sito web quando il codice QR viene scansionato
- Email - Invia un'email a un indirizzo specificato quando il codice QR viene scansionato.
- Testo - Visualizza testo quando l'utente scansiona il codice QR
- Chiamata - Effettua una chiamata telefonica quando l'utente scansiona il codice QR
- SMS - Invia un messaggio di testo a un numero specifico quando il codice QR viene scansionato
- App Store - Invia l'utente all'Apple Store o al Google Play store quando il codice QR viene scansionato.
- Facebook - Invia l'utente alla pagina Facebook quando il codice QR viene scansionato.
- Instagram - Invia l'utente alla pagina Instagram quando il codice QR viene scansionato.
- X - Invia l'utente al profilo X quando il codice QR viene scansionato.
- WiFi - Dà all'utente accesso a una rete WiFi quando il codice QR viene scansionato.
- WhatsApp - Invia un messaggio su WhatsApp quando il codice QR viene scansionato.
- Risorsa - Scegli una risorsa OptiSigns che l'utente vedrà quando il codice QR viene scansionato.
Cliccando su Aggiorna Codice QR ti permette di cambiare il tipo di codice QR o aggiornare qualsiasi informazione.
Infine, se desiderato, possono essere aggiunti numerosi codici QR al progetto.
È tutto!
OptiSigns è leader nel software per digital signage. Se hai ulteriori domande, dubbi o feedback su OptiSigns, non esitare a contattare il nostro team di supporto all'indirizzo support@optisigns.com.