Una volta aggiunta l’app e selezionato il catalogo o il segmento, arriverai all’editor "Template Builder", dove potrai iniziare a creare il tuo modello.
1. Comprendere i termini principali
Prima di creare il tuo design, ecco i principali termini che devi conoscere:
| Termine | Significato |
|---|---|
| Modello | Il tuo design completo, contenente uno o più layout. |
| Layout | Un formato del modello, con dimensioni della tela proprie. Un modello può contenere diversi layout, ad esempio una versione quadrata e una orizzontale. |
| Livello | Un elemento posizionato sulla tela, come testo, immagine o forma. |
| Variabile | Un elemento il cui valore può cambiare quando vengono generate le tue immagini, come il nome di un prodotto, il prezzo o l’immagine del prodotto. |
Il contenuto è condiviso, la geometria no
I livelli appartengono al modello, la geometria appartiene al layout. Aggiungi un livello di testo una volta e questo esisterà in ogni layout; spostalo e cambierà solo il layout su cui stai lavorando.
L’editor è suddiviso in tre aree principali:
- Pannello sinistro: accedi ai tuoi layout, livelli e variabili.
- Tela: l’immagine che stai progettando, con le sue dimensioni specifiche.
-
Pannello delle proprietà (a destra): le impostazioni del layout o del livello selezionato.
2. Aggiungere il primo layout
Quando accedi per la prima volta all’editor "Template Builder", si apre una finestra che ti consente di configurare il primo layout:
- Nome: assegna un nome al layout (da 3 a 32 caratteri).
- Dimensioni della tela: seleziona una delle dimensioni predefinite (post di Instagram, banner orizzontale, ecc.) oppure imposta dimensioni personalizzate utilizzando i campi larghezza e altezza. Fai clic sull’icona del lucchetto per bloccare le proporzioni.
- Colore: scegli un colore di sfondo per il layout. Puoi utilizzare il contagocce per selezionare un colore dallo schermo.
Fai clic su "Aggiungi" per iniziare a lavorare su questo layout.
3. Aggiungere livelli
Ogni elemento che aggiungi alla tela è un livello.
Alcuni di questi livelli resteranno statici (logo, testo promozionale), mentre altri diventeranno dinamici quando aggiungi una variabile per utilizzare le informazioni sui prodotti del tuo catalogo (immagini, prezzo, ecc.).
Utilizza la barra degli strumenti sotto la tela per aggiungere un nuovo livello: Testo, Immagine o Forma.
Se hai diversi layout, ogni livello viene aggiunto a tutti i layout, ma non viene ridimensionato per adattarsi a essi. Dovrai riposizionare il livello per adattarlo a ciascuna tela.
3.1 Proprietà comuni
Puoi selezionare un livello facendo clic su di esso nella tela oppure selezionandolo nel pannello Livelli.
Posiziona qualsiasi livello trascinandolo. In "Trasformazione", nel pannello delle proprietà a destra, puoi anche modificare:
- X / Y: la posizione del livello.
- Larghezza / Altezza: le sue dimensioni.
- Opacità: il suo livello di trasparenza.
- Rotazione: il suo angolo.
Per modificare l’ordine degli elementi, trascina i livelli verso l’alto o verso il basso nel pannello Livelli a sinistra. Il livello in alto viene visualizzato davanti agli altri.
Suggerimento: Rinomina i livelli, soprattutto nei modelli contenenti molti elementi. Ad esempio: Immagine del prodotto, Nome del prodotto, Prezzo, Logo.
Passa il cursore su una riga nel pannello Livelli per aprire il relativo menu e rinominarla. Puoi anche duplicare, nascondere o eliminare un livello.
3.2 Livello di testo
Aggiungi un nuovo livello di testo oppure fai doppio clic su uno esistente. Nella finestra "Modifica testo" puoi scrivere il testo e formattarlo utilizzando la barra degli strumenti. Fai clic su "Applica".
Nel pannello delle proprietà puoi modificare le dimensioni, lo stile, il colore, la spaziatura tra le lettere e altre impostazioni del testo.
Le impostazioni del Paragrafo ti consentono di controllare il comportamento del testo all’interno del riquadro:
| Orizzontale / Verticale | Controlla l’allineamento del testo. |
| Spaziatura tra le lettere | Regola lo spazio tra i caratteri, in pixel. |
| Spostamento della linea di base | Solleva o abbassa il testo rispetto alla sua linea di base. |
| Altezza della riga | Controlla la spaziatura tra le righe. |
| A capo automatico | "Interrompi parola" consente al testo di andare a capo su più righe; "Nessuno" lo mantiene su una sola riga. |
| Riduci per adattare | Riduce le dimensioni del testo (in percentuale) quando è troppo lungo per rientrare nel riquadro. |
| Testo oltre i limiti | Determina se il testo viene tagliato o può estendersi oltre il riquadro. "Taglia" interrompe tutto ciò che supera il bordo del riquadro; "Visibile" consente al testo di fuoriuscire. |
Queste impostazioni sono particolarmente utili per i nomi dei prodotti, che possono avere lunghezze diverse da un prodotto all’altro.
Puoi anche selezionare solo una parte di una frase e formattarla in modo diverso. Ad esempio, puoi visualizzare una parola promozionale con un colore diverso.
Nota: una parte o tutto il testo può recuperare dinamicamente le informazioni sul prodotto, come spiegato nella sezione Variabili.
Vuoi utilizzare i tuoi font?
Template Builder include Roboto per impostazione predefinita. Puoi anche importare i tuoi font:
- Seleziona un livello di testo
- Nel pannello delle proprietà, fai clic su "Font" > "+Carica font"
- Carica il file del font .ttf.
- Controlla la Famiglia, il Peso e lo Stile rilevati.
- Fai clic su Importa.
Ogni variante del font (ad esempio Regular, Medium, Bold o Italic) deve essere importata come file separato.
3.3 Livello immagine
Devi prima caricare le immagini affinché siano disponibili nel selettore delle risorse. Aggiungi un nuovo livello immagine, fai clic su "Carica" e seleziona le immagini dal tuo computer.
In "Risorse", seleziona l’immagine da utilizzare nel nuovo livello. L’immagine viene aggiunta al centro della tela.
Quando selezioni un livello immagine, la sezione "Origine" nel pannello delle proprietà ti consente di scegliere o sostituire l’immagine.
In "Immagine" > "Ridimensiona", puoi scegliere come l’immagine riempie il riquadro:
- Adatta: mostra l’immagine completa senza modificarne le proporzioni.
- Ritaglia: riempie il riquadro mantenendo le proporzioni e ritagliando le parti che non rientrano.
- Copri: allunga l’immagine per riempire esattamente il riquadro.
Con Ritaglia o Adatta, utilizza la griglia "Area di messa a fuoco" per decidere quale parte dell’immagine deve rimanere visibile o dove posizionare l’immagine all’interno del riquadro.
Nota: l’immagine può essere recuperata dinamicamente dal tuo catalogo per ogni prodotto, come spiegato nella sezione Variabili.
3.4 Livello forma
Le forme sono utili per sfondi, badge, etichette di sconto, pulsanti o blocchi colorati.
Aggiungi un nuovo livello Forma e scegli Linea, Ovale o Poligono, quindi disegna la forma sulla tela.
Quando selezioni un livello forma, la sezione "Forma" nel pannello delle proprietà ti consente di personalizzarlo.
Alcune proprietà sono disponibili solo per Poligoni e/o Ovali.
| Tipo | Alterna tra linea, ovale e poligono. |
| Lati | Imposta il numero di lati, da 3 a 10. Tre forma un triangolo, otto un ottagono, ecc. |
| Raggio degli angoli | Arrotonda gli angoli, in pixel. |
| Riempimento | Imposta il colore interno. Selezionando il campione trasparente, la forma rimane senza riempimento. |
| Opacità del riempimento | Imposta l’opacità del riempimento, da 0 a 100 percento. |
| Tratto | Imposta il colore del contorno. |
| Spessore | Imposta la larghezza del contorno in pixel. Un valore pari a 0 rimuove il contorno. |
| Posizione del tratto | Determina se il contorno si trova all’interno, al centro o all’esterno del bordo della forma. |
Fai doppio clic sulla forma se vuoi aggiungere del testo alla forma (ovale o poligono).
Nel pannello delle proprietà sono disponibili le stesse impostazioni di un livello di testo.
4. Configurare le variabili per aggiungere contenuti dinamici
Questo è il passaggio fondamentale per creare immagini di campagna riutilizzabili.
Una variabile è un valore che lasci aperto nel modello, in modo che possa essere sostituito quando viene generata l’immagine.
Ad esempio, invece di inserire un prezzo fisso come 49,99 €, puoi creare una variabile Prezzo per recuperare il campo del prezzo dal catalogo per ogni prodotto.
Allo stesso modo, invece di utilizzare un’unica immagine fissa del prodotto, puoi creare una variabile Immagine per recuperare il campo dell’immagine dal catalogo per ogni prodotto.
Le variabili possono essere utilizzate nei livelli immagine o testo.
Esistono due modi per creare una variabile:
-
Dal pannello Livelli:
- Nel pannello Livelli, passa il cursore su un livello per aprire il relativo menu.
- Fai clic su "Aggiungi variabile".
- Assegna alla variabile un nome chiaro.
- Seleziona il Tipo di origine "Metadati personalizzati".
- In "Campo metadati", seleziona il campo del catalogo da recuperare.
- Definisci il Valore predefinito da utilizzare come valore alternativo per i dati mancanti.
- Fai clic su "Crea".
-
Dall’editor di testo:
- Fai doppio clic su un livello di testo.
- Seleziona la parte del testo che deve cambiare.
- Fai clic su "(x) Variabile" per aprire il menu delle variabili.
- Fai clic su "+ Crea nuova variabile".
- Assegna alla variabile un nome chiaro.
- Seleziona il Tipo "Segnaposto di testo"
- Seleziona il Tipo di origine "Metadati personalizzati".
- In "Campo metadati", seleziona il campo del catalogo da recuperare.
- Definisci il Valore predefinito da utilizzare come valore alternativo per i dati mancanti.
- Fai clic su "Crea e inserisci".
Ad esempio, potresti creare un livello di testo contenente:
"Scopri il nostro [Nome del prodotto] – ora [Prezzo]"
dove "Nome del prodotto" e "Prezzo" sono variabili aggiunte dall’editor di testo. Quando le immagini vengono generate in AI Image Campaigns, queste variabili possono essere associate ai dati del catalogo pertinenti.
Qualsiasi variabile può essere modificata o eliminata nel menu Variabili del pannello sinistro. Fai clic sul nome di una variabile per aprirne le impostazioni nel pannello delle proprietà.
5. Aggiungere un altro layout
Invece di creare modelli separati, puoi riutilizzare lo stesso design in diversi formati adattati alle tue esigenze (banner, post di Facebook, ecc.).
Nel pannello sinistro, accanto a "Layout", fai clic su "+ Aggiungi". Quindi:
- Assegna un nome al nuovo layout.
- Scegli una dimensione della tela oppure inserisci una larghezza e un’altezza personalizzate.
- Scegli un colore di sfondo.
- In "Posizionamento del livello di base sul layout", seleziona il layout che desideri utilizzare come punto di partenza.
- Fai clic su "Aggiungi".
I livelli esistenti vengono copiati nel nuovo layout e le loro posizioni vengono ridimensionate come punto di partenza.
Puoi quindi riposizionarli o ridimensionarli specificamente per questo formato.
I livelli sono condivisi tra i layout, ma la loro posizione e dimensione sono specifiche di ciascun layout. Modificando il testo, questo cambia ovunque; spostando il testo, cambia solo il layout che stai modificando.
6. Avviare e monitorare la generazione delle immagini
Controlla ciascuno dei tuoi layout separatamente per assicurarti che il posizionamento di ogni elemento sia corretto.
Puoi verificare che gli elementi dinamici siano collegati al campo corretto del catalogo nel pannello Variabili oppure facendo clic su "Mostra slug delle variabili" nella barra degli strumenti per visualizzarli.
Quando sei pronto ad avviare la generazione delle immagini, fai clic su "Salva" e "Conferma". Tutti i layout vengono generati contemporaneamente.
Conferma dell’operazione AI: prima di avviare le operazioni AI, viene visualizzato un pop-up di conferma. Mostra il numero di operazioni AI già eseguite durante il mese corrente, insieme a una stima dell’utilizzo totale se procedi. In questo modo puoi capire come questa azione influirà sul tuo utilizzo mensile prima di confermare.
Ti consigliamo di limitare la prima generazione dell’immagine a un segmento contenente un solo prodotto, per poi estenderla a più prodotti quando sarai soddisfatto del risultato.
La generazione dell’immagine inizierà come operazione asincrona. Riceverai un’e-mail al termine.
Commenti
Accedi per aggiungere un commento.