Nel suggerimento rapido di oggi, farò luce su uno strumento che spesso viene ignorato a causa della complessità che più si associa al modo in cui si comporta. Questo strumento non è altro che la maschera di ritaglio, che a mio parere può aiutarti a progettare molto più velocemente una volta che hai capito come funziona.
Quindi, nelle righe seguenti cercherò di svelare i suoi segreti e poi confrontarlo con il pannello Pathfinder, e vedere come il primo può eguagliare e in alcuni casi anche sostituire il secondo.
Come con qualsiasi curva di apprendimento, dobbiamo prima capire che cos'è una maschera di ritaglio, e Adobe ha fatto un ottimo lavoro spiegando proprio questo: "Una maschera di ritaglio è un oggetto la cui forma maschera altre illustrazioni in modo che solo le aree che si trovano all'interno della forma siano visibili."
Quindi, in pratica, se vuoi rivelare solo alcune sezioni della tua opera d'arte, o elementi frame all'interno di una forma specifica, puoi creare un oggetto di livello superiore che puoi usare per fare proprio questo.
Come avrai notato, la definizione lo afferma chiaramente solo un oggetto, quindi una forma vettoriale, può fungere da maschera di ritaglio. Puoi mascherare qualsiasi cosa (un vettore, un'immagine raster) con un oggetto, ma non puoi mascherare i vettori usando le immagini raster (jpeg, png, ecc.).
Inoltre non c'è limite al numero di oggetti che puoi inserire all'interno di una maschera di ritaglio, il che ovviamente è fantastico.
La maggior parte delle volte i progettisti omettono l'esistenza dell'opzione Maschera di ritaglio a causa del suo meccanismo di difficile comprensione.
Devo confessare che inizialmente sono stato sopraffatto da un sacco di cose in Illustrator, dal modo in cui i livelli hanno funzionato sul modo in cui sono stati creati i Clipping Masks. Ma presto ho immaginato tutto sulla mia tavola da disegno come piccoli pezzi di carta (fogli bianchi, fogli colorati, lastre trasparenti) e questo mi ha aiutato a vedere tutto in modo diverso.
Puoi provare e fotografare la maschera di ritaglio come un pezzo di carta trasparente più grande che passa sopra un altro pezzo colorato o bianco. Quando si sovrappongono, la carta trasparente nasconde magicamente tutto ciò che esce dai suoi confini, dando una chiara visione di ciò che è sotto di esso.
Se non sapevi come creare una maschera di ritaglio, non preoccuparti, perché in realtà è davvero facile.
Facciamo un esempio e vediamo lo strumento in azione. Ho creato un 320 x 320 px quadrato giallo, che userò sia come sfondo che come maschera di ritaglio, e voglio aggiungere un 554 x 230 px ellisse che rappresenterà un campo.
Come puoi vedere, il campo si estende completamente fuori dal quadrato, cosa che non voglio che faccia.
Questo è dove il Maschera di ritaglio l'opzione viene in aiuto. Attraverso un semplice processo di copia e quindi di incollare sul campo un duplicato del quadrato giallo (che fungerà da maschera) (che è l'oggetto che ho bisogno di mascherare), seleziono quindi entrambe le forme e utilizzo uno dei seguenti metodi per creare la mia maschera:
E 'così semplice. Usando solo un paio di clic o tasti (a seconda del metodo), sono riuscito a nascondere ogni singola sezione del campo che non rientra nello sfondo giallo. Facile, giusto?
Aspetta un attimo! Alcuni di voi potrebbero obiettare che si può fare la stessa cosa con un po 'di vecchio esploratore.
Beh, ad essere onesti, potresti. Come con il Maschera di ritaglio metodo, incolleresti una copia del quadrato sull'ellisse e poi userai il intersecare opzione, che risulterebbe in una nuova forma.
Ma quando confrontiamo i due metodi, vedrai alcuni vantaggi nell'usare il primo metodo rispetto al secondo.
Innanzitutto, le maschere di ritaglio offrono un alto livello di modificabilità, che consente di modificare, aggiungere o rimuovere elementi all'interno della maschera.
Questa è stata la cosa che alla fine ha cambiato il mio flusso di lavoro, una volta trovato mi ha dato più spazio per giocare poiché le mie forme non avrebbero bisogno di essere cancellate e quindi create di nuovo usando esploratore'S intersecare opzione. Potrei semplicemente creare qualcosa, mascherarlo e modificare le cose al volo senza preoccuparmi.
Detto questo, non fraintendermi, esploratore è ancora un grande pannello. Puoi ottenere lo stesso risultato, ma cosa succede una volta che hai bisogno di aggiustare o aggiungere cose? Bene, devi iniziare a tagliare, creare e tagliare, e per me questo complica le cose.
Prendiamo l'esempio del campo giallo / arancione e diciamo che voglio aggiungere un'altra ellisse sul lato sinistro. Se faccio doppio clic sulla sezione del campo, entrerò direttamente in Modalità di isolamento, dove posso aggiungere la mia nuova forma.
Se dovessi fare la stessa cosa usando esploratore, Per prima cosa dovrei creare un duplicato dello sfondo giallo, quindi creare la mia ellisse, selezionarli entrambi e infine usare l'opzione Interseca. Quale è OKish credo.
Ora diciamo che voglio rendere il mio campo aggiunto di recente un po 'più ampio.
Usando il Maschera di ritaglio metodo, posso semplicemente selezionare la forma usando il mio Strumento di selezione diretta (A) o entrando Modalità di isolamento, e poi dargli un valore di larghezza maggiore.
Se ho aggiunto il secondo campo usando il esploratore metodo, beh se sono pigro e non così nei dettagli, potrei semplicemente selezionare il giusto punto di ancoraggio usando il Strumento di selezione diretta (A) e trascinalo a destra. Ma dal momento che non sono né l'uno né l'altro, dovrei creare l'ellisse più grande e poi intersecarlo di nuovo con il mio background.
Ma questo è uno scenario piuttosto carino, in cui il nostro sfondo è un quadrato, e la nostra forma non è così complicata. Cosa sarebbe successo se l'oggetto di sfondo avesse linee più curve e le mie forme interne fossero qualcosa di diverso dalle ellissi?
Ti dirò cosa succederebbe. Avresti cancellato molte forme e le hai ricreate da zero in quanto le sezioni che si trovavano di fronte al bordo della forma principale (quella usata come oggetto di intersezione di base) avrebbero bisogno di riparazioni serie.
Naturalmente alcuni potrebbero dire: "Beh, posso effettivamente selezionare la forma e trascinare il lato destro del suo riquadro di delimitazione a sinistra o a destra per ridurlo o ingrandirlo. Una volta che l'ho fatto, posso semplicemente intersecarlo ancora una volta con la forma di base da sotto. "
Beh, certo, funziona quando non stai lavorando su una base perfetta per i pixel, ma prova a farlo quando hai tutti i pixel preziosi e il punto di ancoraggio catturati sulla griglia, e vedi cosa succede.
Ho sottolineato questo vantaggio poche righe fa. Usando le maschere di ritaglio creerai più rapidamente, in effetti molto più rapidamente che se dovessi usare il esploratore pannello. Provaci e se sbaglio, puoi lasciare un brutto commento di "bugiardo, bugiardo, pantaloni in fiamme" nella sezione in basso.
Ma credimi, so cosa sto dicendo. Sono stato lì, ci ho provato e sono arrivato qui, quindi lo so dalla prima mano.
Alcuni di voi ragazzi là fuori, a questo punto probabilmente sanno che sono super profondo in tutto il flusso di lavoro perfetto per i pixel. Voglio, ho bisogno, deve avere tutto sul mio tavola da disegno perfettamente scattato al mio Pixel Grid, altrimenti vado a cuculo.
Quindi vi farò conoscere un piccolo segreto che fa davvero la differenza quando aggiungete dettagli alle illustrazioni che sono costruite su una base perfetta per pixel: Maschere di ritaglio può e sarà sempre una scelta migliore finita esploratorele opzioni.
Una volta che hai un oggetto perfettamente spezzato, usarlo come maschera farà aderire tutti gli elementi interni allo stesso aspetto nitido e pulito.
Ti darò un piccolo esempio per mostrarti di cosa sto parlando.
OK, quindi torniamo alla nostra piccola illustrazione di campo, e diciamo che vogliamo aggiungere un'ombra tra i due campi, ma contenerla in modo che vada solo sul campo più piccolo a sinistra e non sull'intero sfondo.
Usando il Strumento ellisse (L) Ho creato un 574 x 250 px forma, che poi ho colorato con il nero e abbassato il suo Opacità livello a 10%. Come puoi vedere, ho posizionato l'ombra proprio sopra tutti i miei altri elementi.
Iniziamo usando il esploratore metodo.
Per prima cosa creerò una copia del campo a sinistra, quindi con entrambi e l'ombra selezionata, userò il intersecare opzione. Quindi, dovrò creare una copia dello sfondo quadrato e Intersecarlo con la forma risultante. Finalmente posso tagliare la forma e incollarla nel Maschera di ritaglio, assicurandosi di posizionarlo sotto il primo campo.
Ad una prima occhiata si potrebbe dire che il risultato è esattamente quello che volevamo.
Ma ingrandiamo un po 'e selezioniamo l'ombra usando il Strumento di selezione diretta (A) nel frattempo Anteprima pixel modalità.
Come puoi vedere, a causa dell'operazione Intersect, la nuova forma ha un'ancora disallineata (in realtà ne ha circa tre). In questo caso non sono dannosi in quanto non vanno oltre la superficie della nostra piazza principale, e soprattutto perché la forma è già contenuta all'interno di una maschera di ritaglio.
Ma questo non è sempre il caso. Giocavo con il intersecare opzione molto quando ho iniziato a creare con la perfezione del pixel in mente, e ad un certo punto ho iniziato ad avere problemi poiché l'intersezione avrebbe creato ancore che richiedevano il re-snapping. Il problema era che così facendo, nella maggior parte dei casi le mie ancore cadevano fuori dalla forma su cui le posizionavo, rendendo impossibile allinearle perfettamente ai miei margini.
Se torniamo al nostro esempio, possiamo vedere che non solo l'intersezione disallinea le ancore, ma ne ha aggiunte anche di più recenti dato che l'ombra ha acquisito una forma generale diversa.
Ora proviamo a replicare lo stesso risultato usando il Maschera di ritaglio metodo.
Per prima cosa selezionerò la forma del campo più piccola, la incollerò sopra l'ombra e con entrambe selezioneremo fare clic con il tasto destro> Crea maschera di ritaglio.
Una volta ottenuto il mio oggetto mascherato, lo copierò semplicemente nella mia maschera più grande e lo posizionerò sotto il campo inferiore più grande.
Come probabilmente avrai notato, il processo è in realtà più veloce, e se eseguo lo zoom in avanti e seleziono la mia ombra, possiamo vedere che è perfettamente sincronizzato Pixel Grid, nessun ancore extra incluse.
A questo punto spero che inizi a pensarci due volte prima di usare il pannello Pathfinder quando aggiungi dettagli al tuo disegno e dare una possibilità alla Maschera di ritaglio, poiché potrebbe rivelarsi molto più versatile.
Ecco qua. Ho messo tutto sul tavolo perché tu possa vederlo, in modo che alla fine tu possa prendere una decisione in base alle tue esigenze. Spero che la tua decisione si basi sul piccolo pezzo di intuizione che sono riuscito a estrarre dalla mia esperienza.