Nozioni di base sui tracciati di ritaglio e maschere di opacità

Cosa starai creando

In questo tutorial, verranno illustrati i vantaggi, alcuni usi e il "come fare" di due potenti metodi per nascondere o mostrare aree di un documento di Illustrator senza eliminare gli oggetti che si desidera siano invisibili, il che consente di torna indietro e ri-lavora più facilmente.

introduzione

Le maschere di opacità e i tracciati di ritaglio sono due degli strumenti più utilizzati nel mio flusso di lavoro. Mi consentono di rivelare o nascondere facilmente la grafica senza eliminare alcun tracciato. Come in tutte le arti digitali, è meglio progettare il flusso di lavoro per consentire la massima modificabilità. È inevitabile che sia io che il cliente cambino idea durante il processo e questa tecnica consenta revisioni e modifiche facili, con conseguente riduzione dello stress e dei clienti più felici.

Per prima cosa definiamo la differenza tra un tracciato di ritaglio e una maschera di opacità:

  • I tracciati di ritaglio sono operazioni binarie (attivate o disattivate) applicate a tutti i percorsi / oggetti all'interno di un livello. Questo può anche includere sottostrati con percorsi di ritaglio definiti separatamente.

  • Le maschere di opacità sono mappe a scala di grigi applicate solo su singoli percorsi / oggetti. L'unica eccezione è che una maschera di opacità può essere applicata a un insieme di oggetti se sono raggruppati.

Potrebbe essere più facile da capire con questo semplice esempio:

A sinistra è l'arte originale senza opacità o ritaglio applicato.

Al centro ho applicato un tracciato di ritaglio a forma di stella per il livello contenente il percorso circolare turchese, mostrato di seguito. Perché i percorsi di ritaglio sono a si o no concetto, l'operazione riconosce solo se c'è o se non c'è un percorso. Il cerchio si rivela dove c'è un sentiero, e nascosto in assenza di quel sentiero.

A destra ho applicato una maschera di opacità al percorso circolare turchese. Poiché Opacity Masks riconosce l'intera gamma di nero in bianco, ho usato un gradiente per mostrare l'intervallo di valori tra l'opacità completa e l'assenza di opacità, cosa che faremo di nuovo tra poco. Ovviamente possiamo creare maschere di opacità di qualsiasi tonalità di grigio uniforme per assegnare diverse percentuali di trasparenza / opacità. Le impostazioni predefinite per Opacity Masks sono: il bianco è visibile, il nero invisibile, tutti i grigi intermedi si riferiscono di conseguenza.

Parte 1: percorsi di ritaglio

I percorsi di ritaglio sono un ottimo strumento: li uso per 2 motivi principali:

  • Ritaglio di un'intera opera d'arte in Destinazione. Molte volte avrò una grafica che si estende ben oltre le dimensioni desiderate per l'illustrazione, ma io ritagliamo l'opera d'arte alle dimensioni corrette più il sanguinamento appropriato.

  • Rivelare motivi, trame o sfondi all'interno di un'area (escludendola quindi in altre aree) senza eliminare alcun percorso o oggetto

Passo 1

Per questa dimostrazione ho intenzione di ritagliare lo sfondo sottostante con una forma specifica. Sia il turchese che la medusa sono nello stesso livello.

Passo 2

Ora abbiamo bisogno di creare un percorso o una forma su cui fare clip. Questo esempio è simile a quello che potrei fare per un'illustrazione a piccoli punti. I rettangoli sono così noiosi e prevedibili, facciamo qualcosa di organico. In modo che tu possa vederlo facilmente, ho impostato la forma che voglio ritagliare come un solido nero. Di solito disegno questo percorso senza punti, con un tratto sottile in modo da poter vedere al di sotto di esso per precisione.

Passaggio 3

Se il tracciato su cui vuoi tagliare il livello non si trova nella parte superiore del set di livelli, spostalo lì e fai clic sul pulsante Crea / Rilascia maschera di ritaglio nella parte inferiore del pannello Livelli. L'icona mostra un cerchio e un quadrato delineati con la loro unione ombreggiata. Assicurati di selezionare il livello a cui vuoi applicare il percorso di ritaglio, in questo esempio è "Livello 2", non il percorso stesso.

Ora, una volta applicato il percorso di ritaglio, è possibile visualizzare i risultati. Viene rivelata solo l'opera d'arte direttamente sotto il percorso.

In qualsiasi momento puoi sempre prendere il Sentiero e muoverlo se vuoi. Molte volte il tuo percorso di ritaglio potrebbe non essere perfettamente allineato, quindi è bello avere la possibilità di spingere la roba in giro. Anche la forma stessa non è permanente: puoi modificare i singoli punti di controllo! Puoi rilasciare il percorso di ritaglio selezionando il percorso di ritaglio e facendo clic sulla stessa icona che lo ha creato nel pannello Livelli, oppure per rimuoverlo completamente puoi trascinare il percorso nel Cestino nel pannello Livelli.

Parte 2: Maschere di opacità

Passo 1

Ho posizionato un semplice personaggio JellyFish davanti al nostro sfondo appena ritagliato. Stiamo per aggiungere alcuni punti alle Meduse che svaniranno quando gli si avvicinano agli occhi e alla bocca. All'inizio ho delineato i punti in modo da poter vedere dove si sovrappongono allo sfondo bianco.

Passo 2

Ora ho selezionato il corpo della Medusa e copiato e incollato davanti. Ho quindi applicato un gradiente semplice attraverso il pannello Gradiente. Puoi vedere questa forma sotto, la useremo come Opacity Mask.

Passaggio 3

Ho quindi tagliato la nuova forma gradiente per rimuoverla dal disegno, mantenendola negli Appunti per l'uso in appena un minuto. Dopo aver selezionato i punti bianchi e averli raggruppati, si passa al pannello Trasparenza e si fa doppio clic nell'area vuota accanto a Anteprima dei punti.

Con il percorso / oggetto / gruppo a cui vuoi applicare la Maschera di Opacità, fai doppio clic nel pannello Trasparenza per attivare il Livello maschera, come mostrato sotto.

Passaggio 4

Ora che ho detto a Illustrator di applicare una maschera di opacità al gruppo di punti, I Paste in Front di nuovo (Incolla in fronte / retro sono bei comandi quando prendono i percorsi copiati / tagliati e li posizionano nella posizione esatta da dove sono venuti ) in questa area Opacity Mask. Command + F è Paste in Front e Command + B è Paste in Back.

Se visiti visivamente il gradiente sulla tavola da disegno dopo aver incollato, significa che non stai lavorando nell'area Opacity Mask. Nel pannello Trasparenza noterai un leggero contorno attorno al quadrato sinistro o destro. Il quadrato a sinistra è il tuo artwork Artboard, quello giusto è Mask. È facile dimenticare se stai lavorando su Opacity Mask o sulla tavola da disegno, quindi assicurati di lavorare su quello corretto. Quando incolli nella Opacity Mask non la vedrai sulla tavola da disegno, ma un'anteprima delle forme apparirà nel pannello Trasparenza, come mostrato sotto.

Noterai un'icona di un collegamento a catena tra i due. Ciò significa che se sposti il ​​disegno, la Maschera si muove con esso. Se sono sbloccati (facendo clic sull'icona) è possibile spostare il disegno indipendentemente dalla Maschera. Questo è utile se ad esempio hai una maschera Opacity a forma di camicia, ma il pattern non è allineato correttamente, puoi spostare il pattern e la camicia rimane ferma.

Inoltre, nota che ho fatto clic su Inverti maschera nel pannello Trasparenza. Questo semplicemente cambia se il nero o il bianco agisce come la parte trasparente o visibile dello spettro e viceversa.

Conclusione

Torno alla tavola da disegno e ho aggiunto alcune luci luminose bianche senza maschera per creare la medusa pop oltre a ridimensionare lo sfondo e aggiungere un po 'di sfumatura ai tentacoli.

Ed ecco il prodotto finito! Opacity Mask e Clipping Paths possono liberare un sacco di tempo per un artista o un designer, impararli bene e saranno alcuni dei tuoi migliori strumenti.

Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.