Scene infinite e frame

Una scena è una tela infinita e panoramabile che contiene molti tavoli da disegno, chiamati frame. È il tipo di parte da utilizzare quando vuoi vedere un'intera campagna, un set di varianti di dimensione o un piccolo sistema di design su un'unica superficie invece di passare da una pagina all'altra.

Un frame qui è un tavolo da disegno, non la maschera di ritaglio che ottieni dagli strumenti di selezione o dagli strumenti penna. Le due funzionalità condividono la parola "frame", ma non sono correlate: un frame di scena contiene un progetto, un frame di selezione maschera parte di un'immagine.

Panoramica rapida

1. Aggiungi una parte infinita dalle schede pagina, oppure cambia la parte corrente tra singola e infinita dalla barra dei comandi.
2. Disegna un frame con lo strumento Frame, oppure aggiungine uno da un modello o da un progetto salvato.
3. Pan e zoom per disporre i frame; seleziona più frame per allinearli, distribuirli o raggrupparli.
4. Trasforma un elemento condiviso in un componente collegato in modo che ogni frame rimanga sincronizzato.
5. Scarica un frame come PNG oppure selezionane diversi per scaricare un PNG ciascuno.

Riferimento dettagliato

Creare una scena

Una scena può iniziare in due modi: aggiungi una parte Infinita dal menu aggiungi parte ("+") sulle schede pagina, oppure attiva l'interruttore Singola / Infinita nel pannello dei modelli della barra dei comandi. L'interruttore imposta solo la modalità; la pagina della scena vera e propria viene creata in modo lazy la prima volta che aggiungi un frame o rilasci un modello mentre sei in modalità Infinita, quindi attivarlo non genera mai una pagina vuota da sola. Una nuova scena inizia con un frame segnaposto, che viene sostituito automaticamente la prima volta che aggiungi contenuto reale, quindi il tuo primo modello atterra come unico frame invece di stare accanto a uno vuoto.

Preimpostazioni dei frame

Sia lo strumento Frame che il generatore di varianti responsive qui sotto utilizzano le stesse cinque dimensioni:

Preimpostazione	Dimensioni (px)
Quadrato	1080 x 1080
Ritratto	1080 x 1350
Storia	1080 x 1920
Paesaggio	1920 x 1080
A4	595 x 842

Aggiungere e modificare i frame

Azione	Come fare
Disegnare un frame	Scegli lo strumento Frame e trascina; un trascinamento breve rilascia un frame quadrato predefinito
Usare una dimensione preimpostata	Apri il menu a comparsa dello strumento Frame per le cinque dimensioni sopra
Aggiungere da un modello	Rilascia un progetto modello; atterra come nuovo frame accanto agli altri
Aggiungere un progetto salvato	Posiziona uno dei tuoi progetti salvati come frame allo stesso modo
Ridimensionare	Seleziona il frame e inserisci larghezza e altezza esatte (da 20 a 20.000 px), oppure scegli un chip rapporto: 1:1, 16:9, 9:16, 4:3 o 3:4
Duplicare	Posiziona una copia appena a destra dell'originale, affiancandola nella prima colonna libera, con un suffisso "copia" nel suo nome
Ricolorare	Scegli un colore di sfondo dalla riga di campioni, scegli un colore personalizzato o rendilo trasparente
Rinominare	Fai clic sull'etichetta del nome del frame e digita uno nuovo
Tag	Apri il selettore di tag dalla barra contestuale del frame per aggiungere o rimuovere tag di progetto
Eliminare	Seleziona il frame ed eliminalo, come qualsiasi oggetto

Ridimensionare un frame mantiene fisso l'angolo superiore sinistro e non ridimensiona il contenuto già presente al suo interno.

Modificare all'interno di un frame

Un frame normalmente si comporta come un singolo oggetto: un clic singolo seleziona l'intero tavolo da disegno e trascinarlo lo sposta (con tutto ciò che contiene) come unità. Per modificare i contenuti, fai doppio clic sul frame per entrare al suo interno. I suoi oggetti diventano selezionabili singolarmente, il suo sfondo diventa uno sfondo bloccato e gli altri frame si attenuano così puoi concentrarti. Premi Esc oppure fai doppio clic sullo sfondo o su uno spazio vuoto per uscire; gli oggetti si raggruppano nuovamente nel frame e la scena viene salvata. Nuovo testo, immagini e forme che aggiungi cadono nel frame attivo, come descritto in Barra degli strumenti e navigazione qui sotto.

Lavorare con più frame contemporaneamente

Seleziona con il marquee o con Maiusc+clic per selezionare più frame; la selezione si restringe automaticamente ai soli frame. Una barra di selezione multipla ti dà colore di sfondo, dimensioni esatte, raggruppa/sciogli gruppo, allinea e scarica per frame. Allinea funziona su sei bordi (sinistra, centro, destra, superiore, medio, inferiore) e distribuisce gli spazi tra i frame in modo uniforme lungo una riga o colonna mantenendo almeno un piccolo intervallo tra di essi. I frame raggruppati si muovono insieme e selezionare un qualsiasi membro di un gruppo seleziona l'intero gruppo.

Prestazioni e frame in sospensione

Una scena contiene fino a 200 frame per impostazione predefinita; aggiungerne altri mostra un avviso di limite. Per mantenere un paio di centinaia di frame fluidi da panoramare e zoomare, i frame che scorrono ben al di fuori del viewport visibile si comprimono in una miniatura leggera in cache (limitata a circa 400 px sul lato lungo) e si risvegliano in oggetti completamente modificabili nel momento in cui ti avvicini di nuovo a loro. Il risveglio utilizza un piccolo alone intorno al viewport, quindi un frame è solitamente sveglio poco prima di entrare nello schermo e il controllo viene eseguito una frazione di secondo dopo che una panoramica o uno zoom si sono stabilizzati, invece che a ogni fotogramma del gesto. Sospensione e risveglio non aggiungono mai passaggi di annullamento.

Filtrare i frame per tag

Una volta che il tuo progetto ha dei tag, una barra di filtro ti consente di attivare i chip dei tag per restringere quali frame sono evidenziati, passare dalla corrispondenza di tutti i tag a qualsiasi tag, invertire la corrispondenza e cancellare il filtro con un clic. Un'azione di clustering raggruppa i frame corrispondenti in blocchi ordinati e puoi salvare un filtro come vista nominata per tornarci in seguito.

Componenti collegati

Trasforma un elemento selezionato in un componente collegato e viene clonato in ogni altro frame nella stessa posizione relativa. Modificare il riempimento, il tratto, le dimensioni, il testo, il carattere o l'ombra di un'istanza aggiorna immediatamente ogni altra istanza, mentre ogni istanza mantiene la propria posizione, in modo che un'intestazione o un pulsante condiviso rimangano visivamente coerenti ma possano comunque posizionarsi correttamente in un frame di forma diversa. Ricollegare dopo aver aggiunto nuovi frame estende la sincronizzazione anche a loro.

Varianti responsive

Genera un set completo di copie delle dimensioni della piattaforma da un frame in un unico passaggio, utilizzando le stesse cinque dimensioni elencate sopra. Ogni variante viene posizionata sotto il frame sorgente con il suo contenuto clonato e ridimensionato proporzionalmente, pronto per ritocchi specifici della piattaforma, in modo che un layout diventi un set abbinato di frame con dimensioni corrette.

Applicare un brand

Con un kit brand attivo, applica i suoi colori e caratteri a un singolo frame o a ogni frame nella scena contemporaneamente, inclusi quelli attualmente in sospensione. Gli sfondi dei frame assumono il colore del corpo del brand, il testo passa al carattere e al colore del testo del brand e le altre forme assumono il colore primario del brand. Vedi Panoramica brand.

Esportare i frame

L'azione Download sulla barra del frame renderizza il frame selezionato (sfondo più contenuto) come PNG e lo scarica. Con più frame selezionati, scarica un PNG per frame anziché un singolo archivio. Per ottenere molti frame come un unico ZIP, selezionali nel browser Opere e utilizza la sua esportazione bulk sensibile alle parti. Vedi Esportare una pagina per le opzioni di esportazione generali.

Barra degli strumenti e navigazione

La barra degli strumenti mobile contiene Seleziona/Sposta, uno strumento Mano per panoramare, Frame, Immagine, Testo, gli strumenti penna, Forme e un menu "altro" per note adesive, aggiungere un modello, un interruttore griglia e un interruttore snap intelligente. Passare il mouse su Seleziona, Frame o il pulsante penna apre un piccolo menu a comparsa di varianti e dimensioni; Forme e "altro" si aprono al clic. Scorri per zoomare verso il puntatore tra il 5% e l'800%, tieni premuto Spazio o trascina con il pulsante centrale del mouse per panoramare e premi Esc per uscire dallo strumento corrente, chiudere un menu a comparsa o cancellare la selezione. Disegnare un frame ti riporta a Seleziona; tieni premuto Alt mentre termini il trascinamento per mantenere armato lo strumento Frame e disegnarne diversi in sequenza.

Un nuovo oggetto (una forma, un'immagine, del testo, un'icona, un codice QR e così via) si unisce al frame attivo automaticamente e atterra centrato al suo interno. Il frame attivo è quello che hai selezionato, il frame all'interno del quale stai attualmente modificando o, quando non è selezionato nulla, il frame più vicino al centro della tua vista. Le note adesive del menu "altro" fanno eccezione: galleggiano sempre liberamente a livello di scena e non vengono mai assorbite in un frame.

Passo dopo passo

Organizzare una scena come una moodboard o un flusso multi-schermo

1. Aggiungi una parte Infinita dal menu "+" sulle schede pagina, oppure attiva l'interruttore Singola/Infinita della barra dei comandi su Infinita.
2. Premi F per lo strumento Frame. Trascina ciascun tavolo da disegno oppure passa il mouse sul pulsante Frame e scegli una dimensione preimpostata (Quadrato, Ritratto, Storia, Paesaggio o A4). Un clic rapido senza trascinare rilascia un frame predefinito 1080 x 1080.
3. Riempi ogni frame: con un frame selezionato (o dopo aver fatto doppio clic al suo interno), aggiungi testo con T, immagini con I e forme con R. Ogni nuovo oggetto si centra nel frame attivo.
4. Premi V per tornare a Seleziona, seleziona più frame con il marquee e utilizza la barra multiframe per allinearli in righe o colonne ordinate e distribuire la spaziatura in modo uniforme.

Disegnare un nuovo frame e dargli un nome

1. Premi F, quindi trascina sulla tela vuota per delineare il tavolo da disegno della dimensione desiderata; un'anteprima tratteggiata segue il cursore.
2. Rilascia per creare il frame. Lo strumento torna a Seleziona così puoi riposizionarlo subito (tieni premuto Alt mentre rilasci se vuoi continuare a disegnare altri frame).
3. Ogni frame ha un'etichetta del nome appena sopra. Fai clic sull'etichetta nella barra contestuale del frame, digita un nuovo nome e premi Invio. L'etichetta sulla tela si aggiorna di conseguenza.

Panoramare e zoomare una scena grande senza perdere la posizione

1. Scorri per zoomare verso il puntatore (dal 5% all'800%). Tieni premuto Spazio e trascina, passa allo strumento Mano con H oppure trascina con il pulsante centrale del mouse per panoramare da qualsiasi punto.
2. Le etichette dei nomi dei frame si muovono sopra ciascun tavolo da disegno mentre ti sposti e si troncano alla larghezza del frame quando ingrandisci, così puoi sempre leggere dove ti trovi.
3. Per riorganizzare una scena tentacolare, tagga i frame, apri la barra di filtro dei tag e utilizza l'azione Cluster per far scattare i frame in blocchi ordinati raggruppati per il loro primo tag.

Usare un frame singolo

1. Fai clic una volta su un frame per selezionare l'intero tavolo da disegno; non fare doppio clic, altrimenti entreresti al suo interno.
2. Sulla barra contestuale del frame, scegli Download per renderizzare quel frame come PNG.
3. Per riutilizzare il progetto del frame altrove, salva un elemento al suo interno in I miei elementi oppure genera copie delle dimensioni della piattaforma con le varianti responsive. Per un batch di frame come singolo ZIP, selezionali nel browser Opere e utilizza la sua esportazione bulk.

Attività comuni

• Un progetto, tutte le dimensioni della piattaforma: seleziona un frame finito e genera varianti responsive. Otterrai una copia in ciascuna delle altre dimensioni preimpostate, posizionate sotto la sorgente con il contenuto ridimensionato per adattarsi, pronte per ritocchi specifici della piattaforma.
• Mantenere sincronizzata un'intestazione o un pulsante condiviso: seleziona l'elemento e collegalo come componente. Una copia collegata viene inserita in ogni altro frame nella stessa posizione relativa e la modifica del riempimento, del testo, del carattere, delle dimensioni o dell'ombra di una qualsiasi istanza le aggiorna tutte mentre ciascuna mantiene la propria posizione.
• Applicare un brand in un'unica mossa: con un kit brand attivo, ricolora un singolo frame o l'intera scena in una volta, inclusi i frame in sospensione. Vedi Panoramica brand.
• Raggruppare frame che stanno insieme: seleziona più frame e scegli Raggruppa. I frame raggruppati si muovono insieme e facendo clic su uno qualsiasi si seleziona l'intero gruppo; scegli Sciogli gruppo per rilasciarli.
• Ricolorare lo sfondo di un frame: apri i campioni Sfondo sulla barra del frame, scegli un preset o un colore personalizzato, oppure rendilo trasparente in modo che lo sfondo punteggiato si veda.

Risoluzione dei problemi

I frame appanno sfocati o a bassa risoluzione quando vengono rimpiccioliti

I frame che scorrono ben fuori dallo schermo vengono sostituiti con una miniatura in cache (circa 400 px sul lato lungo) per mantenere veloce la panoramica, e quel proxy può apparire leggermente sfocato. Scorri di nuovo verso il frame e si risveglia nella versione a piena risoluzione e modificabile. Le esportazioni vengono sempre renderizzate a piena risoluzione indipendentemente dallo stato di sospensione del frame.

Un nuovo oggetto è finito nel frame sbagliato. I nuovi oggetti vanno al frame attivo: quello selezionato, quello all'interno del quale stai modificando o quello più vicino al centro della vista. Seleziona prima il frame di destinazione, poi aggiungi l'oggetto, oppure trascina un oggetto libero su un frame e rilascialo per assorbirlo.

Non riesci a fare clic su un elemento all'interno di un frame. Un singolo clic seleziona l'intero frame come unità. Fai doppio clic sul frame per entrare al suo interno, quindi fai clic sull'elemento e premi Esc per uscire.

Ridimensionare un frame non ha ridimensionato il suo contenuto. È intenzionale: un ridimensionamento mantiene fisso l'angolo superiore sinistro e lascia il contenuto dov'è. Per ridimensionare un layout in una forma diversa, utilizza le varianti responsive invece di ridimensionare.

Una nota adesiva non si attacca a un frame. Le note adesive vivono sempre libere a livello di scena per progettazione, quindi non distorcono mai un frame. Utilizza il testo (strumento T) per il testo che dovrebbe appartenere a un frame.

Allineare sembrava nascondere i frame. Non è così: allineare un bordo che farebbe sovrapporre i frame li riorganizza in una riga o colonna con un piccolo intervallo, in modo che ogni frame rimanga visibile.

Scorciatoie da tastiera

Scorciatoia	Azione
V	Seleziona / Sposta
H	Mano (panoramica)
F	Frame
I	Immagine
T	Testo
P	Penna Bezier
Shift + P	Penna a mano libera
L	Strumento linea
R	Forme
Esc	Esci dallo strumento corrente, chiudi un menu a comparsa o cancella la selezione

Suggerimenti

Clic singolo seleziona, doppio clic modifica

Fai clic una volta su un frame per spostare o ridimensionare l'intero tavolo da disegno come unità. Fai doppio clic per entrare al suo interno e modificarne i contenuti; gli altri frame si attenuano così puoi concentrarti. Esc ti riporta fuori.

Non confondere i due "frame"

I frame di una scena sono tavoli da disegno all'interno dei quali progetti. Il frame che ottieni dagli strumenti di selezione o dagli strumenti penna è una maschera di ritaglio attorno a una parte di un'immagine. Vedi Strumenti di selezione.

Correlati

• Pagine per il tipo di parte singola più semplice
• Presentazioni e Lavagne per gli altri tipi di parti a forma libera
• Strumenti di selezione per l'altro tipo di frame
• I miei elementi per salvare e riutilizzare un progetto
• Panoramica brand per impostare colori e caratteri da applicare