Selezionare e trasformare
Seleziona una parte di uno sprite, spostala, scalala, ruotala e capovolgila, copia e incolla, disegna con la simmetria e aggancia alla griglia e alle guide.
Una selezione segna i pixel su cui vuoi lavorare. La pittura resta al suo interno e i comandi di Modifica e Filtro agiscono su di essa. Senza nulla di selezionato, agiscono sull'intero cel.
Creare una selezione
| Strumento | Tasto | Come |
|---|---|---|
| Selezione rettangolare | M | Trascina da un angolo all'altro. Raggio arrotonda gli angoli, tutti insieme o uno per uno. |
| Selezione ellittica | Shift+M | Trascina il riquadro in cui sta l'ellisse. |
| Selezione a lazo | Q | Trascina attorno all'area; si chiude da sola. |
| Selezione a lazo poligonale | Shift+Q | Fai clic su ogni angolo; fai doppio clic o premi Enter per chiudere. |
| Bacchetta magica | W | Fai clic su un colore del livello attivo, o trascina per aggiungere ogni area che attraversi. Contiguo prende l'area connessa, Globale ogni pixel corrispondente; Tolleranza imposta quanto un colore deve essere vicino. Queste impostazioni sono solo della bacchetta, separate da quelle del Secchiello. |
Tieni premuto un tasto mentre inizi per combinare con la selezione attuale:
- nessun tasto la sostituisce, e un clic senza trascinamento la cancella;
- Shift vi aggiunge;
- Alt+Shift ne toglie (come in Aseprite; lo fa anche Alt da solo);
- Ctrl+Shift mantiene solo la sovrapposizione.
Celle della griglia. Fai doppio clic con qualsiasi strumento di selezione per selezionare la cella della griglia sotto il puntatore. Tieni premuto il pulsante dopo il secondo clic e trascina per selezionare tutte le celle intere tra il punto di partenza e il puntatore. Funziona con griglie rettangolari, isometriche ed esagonali, e seleziona la forma esatta di ogni cella. I tasti qui sopra combinano le celle con la selezione che avevi prima del doppio clic. Usa la griglia dello sprite quando ne è impostata una in Visualizza > Griglia > Impostazioni griglia... o la griglia è visibile; altrimenti un doppio clic è solo due clic. Con lo strumento Selezione a lazo poligonale, dopo aver piazzato un angolo, il doppio clic chiude la forma come al solito.
La selezione appare come un contorno tratteggiato in movimento ("formiche in marcia") che segue la sua forma esatta.
Il menu Selezione:
- Selezione > Seleziona tutto (Ctrl+A) seleziona l'intera tela.
- Selezione > Deseleziona (Ctrl+D) cancella la selezione, e lo fa anche Esc.
- Selezione > Riseleziona (Ctrl+Shift+D) riporta l'ultima selezione che hai cancellato.
- Selezione > Inverti selezione (Ctrl+Shift+I) scambia ciò che è selezionato con ciò che non lo è.
- Selezione > Maschera rapida ti permette invece di dipingere la selezione (Maschera rapida).
- Seleziona opachi seleziona ogni pixel dipinto del livello attivo; Seleziona trasparenti seleziona ogni pixel senza pittura. Per un gruppo, significa i pixel di ogni livello al suo interno.
- Altera > Espandi..., Contrai... e Bordo... cambiano la forma della selezione di un certo numero di pixel (fino a 256). Espandi la fa crescere verso l'esterno. Contrai la restringe verso l'interno, e tutto ciò che è più sottile della quantità scompare. Bordo mantiene solo una fascia di quella larghezza lungo l'interno del margine, che puoi poi riempire per contornare una forma. Angoli sceglie Arrotondati (il pennello circolare della stessa estensione, come in Aseprite; a 1 pixel contano solo i pixel direttamente sopra, sotto e ai lati) o Squadrati (contano anche le diagonali). Il margine della selezione conta come un margine, quindi contrarre Seleziona tutto lascia un bordo vuoto e il suo bordo è una cornice attorno alla tela. Una selezione che sporge dalla tela mantiene la sua parte fuori dalla tela: contrarla non la ritira dal bordo della tela. La finestra ricorda l'ultima quantità e gli ultimi angoli usati.
Da un livello. Tieni premuto Alt e fai clic su un livello nella timeline per selezionarne i pixel dipinti nel fotogramma attuale, senza renderlo il livello attivo. Aggiungi Shift per aggiungerli alla selezione, Ctrl per toglierli, o entrambi per mantenere solo la sovrapposizione.
Le selezioni si possono annullare come qualsiasi altra modifica. Ogni sprite ha la propria.
Maschera rapida
Selezione > Maschera rapida ti permette di dipingere la selezione invece di disegnarne il contorno. Non ha una scorciatoia propria; puoi assegnargliene una in Impostazioni > Scorciatoie da tastiera....
Quando la attivi, la selezione diventa colore: la tela si tinge di rosso dove non c'è niente di selezionato e resta pulita dove c'è. Senza selezione, si tinge tutta la tela. Finché è attiva:
- gli strumenti di pittura dipingono la selezione. La matita, i pennelli, le forme, il secchiello e il gradiente la ampliano, e la gomma la riduce. Le forme del pennello, la simmetria, la pressione e le dinamiche funzionano come sempre. Il colore non conta, conta solo quanto è opaco;
- i tuoi livelli non si possono modificare: gli altri strumenti, e i comandi che modificherebbero lo sprite, non fanno nulla finché non la disattivi;
- Annulla e Ripeti scorrono i tuoi tratti; annullare oltre il primo disattiva la maschera rapida.
Scegli di nuovo Selezione > Maschera rapida per disattivarla: ogni pixel dipinto con metà opacità o più diventa la selezione. Attivarla e disattivarla sono un passo di annullamento ciascuno.
Ogni sprite ha la sua maschera rapida, che resta attiva mentre cambi fotogramma, livello o scheda. Non viene mai salvata: non è nel file, in un'esportazione né in Sync, e chiudere lo sprite mentre è attiva fa perdere ciò che hai dipinto. Eseguire uno script la disattiva prima, così lo script riceve ciò che hai dipinto come selezione.
Cosa usa la selezione
- Pittura. Ogni strumento di disegno resta all'interno della selezione.
- Comandi di Modifica. Modifica > Riempi riempie la selezione con il colore di primo piano; Modifica > Contorna selezione... dipinge una linea di larghezza e colore a scelta lungo il suo bordo (all'interno, centrata o all'esterno); Modifica > Elimina la cancella (un livello Sfondo si cancella con il colore di sfondo) e riduce il cel a ciò che resta, rimuovendolo quando non resta nulla. Elimina e Modifica > Taglia poi lasciano cadere la selezione, come in Aseprite (un solo annullamento riporta indietro entrambi, e Selezione > Riseleziona la selezione); Modifica > Capovolgi orizzontalmente e Modifica > Capovolgi verticalmente la capovolgono sul posto: ogni pixel selezionato si sposta nella posizione speculare entro i limiti della selezione, i punti che lascia si svuotano (con il colore di sfondo su un livello Sfondo) e anche il contorno della selezione si capovolge. Senza nulla di selezionato, Riempi e Capovolgi agiscono sull'intero cel, ed Elimina rimuove il cel (su un cel collegato, solo quello di questo fotogramma).
- Regolazioni ed effetti (il menu Filtro) funzionano all'interno della selezione. La loro opzione Applica a sceglie quali cel: quello attivo, i cel selezionati nella timeline, tutti i fotogrammi del livello, tutti i livelli nel fotogramma, o tutto.
Spostare e trasformare
I tasti freccia spostano i pixel selezionati di un pixel alla volta, e Shift con una freccia di una cella della griglia, come in Aseprite; ogni pressione è un passo di annullamento. Senza nulla di selezionato, ← e → scorrono i fotogrammi e ↑ e ↓ i livelli.
Con lo strumento Sposta (V), la selezione, o l'intero cel se non c'è nulla di selezionato, ottiene una cornice con delle maniglie. Poi:
| Per | Fai così |
|---|---|
| Spostare | Trascina all'interno. Shift mantiene una sola direzione; tieni premuto Alt per spostare una copia. |
| Scalare | Trascina una maniglia d'angolo o di lato. Shift mantiene le proporzioni. |
| Inclinare | Tieni premuto Ctrl e trascina una maniglia di lato. |
| Distorcere | Tieni premuto Ctrl e trascina una maniglia d'angolo: quell'angolo si muove da solo, per qualsiasi forma a quattro lati. |
| Prospettiva | Tieni premuti Ctrl e Shift e trascina una maniglia d'angolo: l'angolo opposto su quel lato si muove nell'altro senso, come un pavimento o una parete che si perde in lontananza. |
| Ruotare | Trascina appena fuori da un angolo. Shift aggancia a passi di 15°; le info della tela mostrano l'angolo. |
| Cambiare il centro | Trascina il punto al centro, oppure scegli un punto nella griglia Pivot nelle opzioni dello strumento. |
Premi Enter, fai clic all'esterno o cambia strumento per applicare la modifica come un solo passo di annullamento; Esc la annulla. Le opzioni dello strumento scelgono come la rotazione e la scalatura ridisegnano i pixel:
- Rotazione rapida mantiene ogni pixel com'è (la scelta abituale per la pixel art);
- RotSprite ruota attraverso un ingrandimento 8× per bordi più morbidi e puliti;
- Bilineare miscela colori intermedi.
Puoi distorcere e poi comunque scalare, ruotare o spostare il risultato. La forma deve restare convessa: un angolo non si può trascinare oltre la forma per ripiegarla.
Il disegno spostato o trasformato oltre il bordo della tela non va perso:
- Con nulla di selezionato, l'intero cel si sposta e mantiene tutto, quindi trascinarlo per metà fuori dalla tela e poi riportarlo indietro ridà tutto. Scalarlo o ruotarlo mantiene ciò che cade entro la tela e la vecchia area del cel, ovunque tu lo sposti.
- I pixel selezionati o incollati vengono mantenuti entro la tela e l'area che il cel già copre; ciò che va oltre viene tagliato quando applichi.
- Sul livello Sfondo, tutto ciò che sta oltre il bordo della tela viene tagliato.
Le opzioni dello strumento Sposta hanno anche dei campi numerici: X e Y (sinistra e alto della forma trasformata), L e A (le sue dimensioni in pixel, scalate attorno al pivot) e l'angolo in gradi. Scrivi un valore e premi Enter per avviare o modificare la trasformazione in sospeso. Con nulla di selezionato e più cel selezionati nella timeline, applicare la trasformazione sposta, scala o ruota ogni cel selezionato allo stesso modo, come un solo passo di annullamento.
Un livello con Blocca spostamento attivo non si può spostare, ma si può comunque scalare, ruotare e distorcere sul posto. Con Aggancia alla griglia attivo, spostare aggancia l'angolo alla griglia e scalare aggancia il lato che trascini; un angolo distorto si aggancia ai punti della griglia.
Modifica > Trasforma offre anche:
- Modifica > Trasforma > Ruota di 90° in senso orario, Modifica > Trasforma > Ruota di 90° in senso antiorario e Modifica > Trasforma > Ruota di 180°, precisi al pixel;
- Allinea (a sinistra, al centro, a destra, in alto, in mezzo, in basso) porta la selezione, o i pixel del cel, contro il bordo o il centro della tela, e Distribuisci orizzontalmente / verticalmente distanzia in modo uniforme il contenuto di tre o più cel selezionati tra i due più esterni;
- i comandi di rotazione, capovolgimento e iso, come Allinea, riguardano ogni cel selezionato nella timeline quando non c'è nulla di selezionato sulla tela (con una selezione agiscono sul cel attivo);
- Modifica > Trasforma > Iso sinistra, Modifica > Trasforma > Iso destra e Modifica > Trasforma > Iso pavimento, che proiettano un disegno piatto sui lati o sulla faccia superiore di un cubo isometrico, seguendo il rapporto isometrico dello sprite.
Per ruotare o capovolgere l'intero sprite o un intero livello, usa invece i menu Sprite e Livello (Sprite > Ruota di 90° a destra, Sprite > Capovolgi tela orizzontalmente, Livello > Capovolgi livello orizzontalmente e i loro vicini).
Copia e incolla
| Comando | Cosa fa |
|---|---|
| Modifica > Copia (Ctrl+C) | Copia i pixel selezionati del livello attivo. |
| Modifica > Taglia (Ctrl+X) | Li copia, poi li cancella. |
| Modifica > Copia unito | Copia ciò che vedi: ogni livello visibile, entro la selezione o l'intera tela. |
| Modifica > Incolla (Ctrl+V) | Incolla come immagine fluttuante che puoi spostare e trasformare, poi applicare. |
| Modifica > Incolla come nuovo livello | Incolla in un nuovo livello chiamato "Pasted". |
| Modifica > Incolla come nuovo sprite | Apre l'immagine degli appunti come nuovo sprite. |
Un incolla atterra dove si trova la selezione (quindi copiare e incollare lo rimette nello stesso punto), oppure al centro della vista. I pixel trasparenti al suo interno non cancellano ciò che c'è sotto. Premi Enter o fai clic altrove per posizionarlo, oppure Esc per buttarlo via.
Le copie vanno anche negli appunti del tuo computer come PNG, e le immagini copiate in altre app si possono incollare.
Quando la timeline ha il focus della tastiera, queste scorciatoie copiano e incollano invece interi cel (Animazione e timeline).
Simmetria
Attiva la simmetria con il pulsante Simmetria a destra della barra delle opzioni dello strumento, e ogni strumento di disegno specchia ciò che disegni. Il suo menu sceglie gli assi, che si possono combinare:
- Orizzontale specchia dall'alto in basso; Verticale specchia da sinistra a destra;
- le due Diagonali specchiano attraverso gli angoli;
- Orizzontale e Verticale insieme danno una simmetria a quattro vie.
Trascina le guide tratteggiate sulla tela per spostare un asse (si agganciano ai mezzi pixel, quindi le dimensioni dispari e pari si specchiano entrambe in modo pulito), e Ripristina le rimette al centro. Ogni sprite ricorda la propria simmetria. Lo strumento Sposta e gli strumenti di selezione non vengono specchiati.
I tratti specchiati lavorano sui pixel del proprio lato: un tratto traslucido, di ombreggiatura, sfocatura o scherma/brucia si miscela con ciò che sta sotto ogni specchio, e il Secchiello riempie di nuovo a partire dal punto di clic specchiato.
La griglia
Visualizza > Griglia offre:
- Visualizza > Griglia > Mostra griglia (Ctrl+') e Visualizza > Griglia > Mostra griglia di pixel (Ctrl+Shift+');
- Visualizza > Griglia > Aggancia alla griglia (Shift+S), che aggancia forme, linee, selezioni rettangolari ed ellittiche, slice e gradienti agli angoli della griglia;
- Visualizza > Griglia > Griglia isometrica, che passa a celle a rombo;
- Visualizza > Griglia > Griglia esagonale, che passa a celle esagonali;
- Visualizza > Griglia > Impostazioni griglia..., con il tipo di griglia (rettangolare, isometrica a 2:1, 1:1, 3:2 o 4:3, oppure esagonale), scostamento, dimensione delle celle, colore e opacità. Selezione come griglia usa i limiti della selezione come una cella.
Le griglie esagonali possono avere la punta in alto (un angolo in alto, lati dritti a sinistra e a destra) o il lato piatto in alto (un angolo a sinistra). Larghezza e Altezza sono il riquadro di delimitazione di un esagono e Lunghezza lato è la lunghezza dei suoi lati dritti. I pixel devono tornare in modo preciso: la larghezza (con la punta in alto) o l'altezza (con il lato piatto in alto) deve essere pari, e il riquadro deve essere più lungo del lato di un numero pari di pixel, così ogni estremità a punta è alta un numero intero di pixel. Scegliere il tipo, o girare l'orientamento, adatta un esagono dall'aspetto regolare; la finestra ti dice cosa non va se scrivi una combinazione che non torna. Una riga su due è spostata di mezza cella e le linee sono disegnate precise al pixel. Aggancia alla griglia aggancia agli angoli degli esagoni e Ferma alla griglia riempie un solo esagono.
Il tipo, lo scostamento e la dimensione della griglia vengono salvati con lo sprite (e si possono
annullare); il suo colore e la sua opacità, e se viene mostrata o aggancia, valgono per ogni sprite.
I file .aseprite mantengono solo il riquadro di delimitazione, come per le griglie isometriche.
Righelli e guide
Visualizza > Guide > Mostra righelli (Ctrl+R) mette un righello lungo il bordo superiore e quello sinistro di ogni editor, graduato in pixel dello sprite. L'estensione dello sprite è ombreggiata su ciascuno e il pixel sotto il puntatore è evidenziato.
Le guide sono linee che posizioni sullo sprite per allineare le cose. Non compaiono mai nel disegno né nelle esportazioni.
- Aggiungine una trascinando fuori da un righello verso la tela: fuori dal righello superiore per una guida orizzontale, fuori da quello sinistro per una verticale. La posizione appare mentre trascini, e le guide stanno sempre sul bordo di un pixel. Per un punto preciso, usa Visualizza > Guide > Nuova guida....
- Spostane una con lo strumento Sposta: trascina la guida.
- Rimuovine una trascinandola fuori dalla tela (di nuovo su un righello), oppure tutte con Visualizza > Guide > Cancella guide.
- Esc annulla il trascinamento di una guida.
Sempre in Visualizza > Guide:
- Visualizza > Guide > Mostra guide (Ctrl+;) le nasconde o le mostra;
- Visualizza > Guide > Aggancia alle guide (Ctrl+Shift+;) porta forme, linee, selezioni rettangolari ed ellittiche, slice e gradienti su una guida entro pochi pixel dello schermo, e anche lo spostamento o la scalatura con lo strumento Sposta (una selezione spostata atterra con il lato più vicino alla guida). Una guida a portata vince sulla griglia;
- Visualizza > Guide > Blocca guide (Ctrl+Alt+;) impedisce che le guide vengano spostate o rimosse trascinandole.
Le guide vengono salvate con lo sprite, anche nei file .aseprite (Aseprite le conserva ma non le
mostra), e aggiungerne, spostarne o rimuoverne una si può annullare. Si muovono insieme al disegno
quando cambi le dimensioni della tela o ritagli, rifili, ridimensioni, ruoti o capovolgi lo sprite.
Se vengono mostrate, agganciano o sono bloccate, e se i righelli vengono mostrati, vale per ogni
sprite.
Griglia prospettica
Visualizza > Griglia prospettica attiva un aiuto al disegno per la prospettiva: dei raggi si
aprono a ventaglio da uno, due o tre punti di fuga, con una linea dell'orizzonte che passa per i
primi due. Come le guide, non compare mai nel disegno. Con lo strumento Sposta, trascina un
punto per spostarlo (un punto può stare ben fuori dalla tela). Visualizza > Griglia prospettica > Impostazioni griglia prospettica...
imposta 1, 2 o 3 punti, le posizioni dei punti e quanti raggi si aprono da ciascuno. Viene salvata
con lo sprite, si muove con il disegno quando ridimensioni, ruoti o capovolgi la tela e si può
annullare; viene tralasciata nei file .aseprite. Nulla si aggancia a essa.
Scegli Fisheye come tipo per una griglia curvilinea a 5 punti: un cerchio con un punto centrale e linee orizzontali e verticali curve che si incontrano tutte nei punti sinistro, destro, superiore e inferiore del cerchio, con linee dritte che passano per il centro. Imposta il centro, il raggio e quante linee vanno in ogni direzione nella finestra, oppure trascina il centro e la maniglia sul cerchio con lo strumento Sposta.
In una vista ruotata ogni righello misura l'asse dello sprite che gli corre più vicino, quindi a 90° il righello superiore mostra y (contando nell'altro senso con certi angoli). Con angoli tra un quarto di giro e l'altro, i righelli leggono lungo la linea che passa per il centro della vista e l'evidenziazione segue il puntatore. Le guide si possono aggiungere e trascinare a qualsiasi angolo.