Ottieni sotto i baffi con i wireframe vettoriali tutto sulla modalità contorno

Cosa starai creando

In genere, quando si lavora in Adobe Illustrator, la grafica è creata e modificata in Modalità anteprima (Control-Y), dove colore pieno, sfumature, effetti e altro non sono solo a pieno schermo ma vengono ripetutamente sottoposti a rendering ogni volta che vengono apportate modifiche o aggiunte. L'alternativa a Modalità anteprima è un pratico metodo di visualizzazione di opere d'arte noto come Modalità contorno (Control-Y), precedentemente chiamato Modalità grafica. Si tratta essenzialmente di una vista wire frame del lavoro vettoriale.

Come creare un fiocco di neve digitale scarabocchiato in Adobe Illustrator di Mary Winkler

Può sembrare un pasticcio confuso di linee, a seconda dello stile del lavoro vettoriale che crei, o essere una bella alternativa alle linee colorate visibili all'interno di un'immagine finale esportata. Indipendentemente da come sono le tue montature, le trovo meravigliosamente interessanti. Dedichiamo un po 'di tempo per abbattere la maggior parte di tutto ciò che possiamo sui wireframe all'interno della grafica vettoriale.

Come visualizzare i contorni

Questa parte è abbastanza semplice. Quando si lavora con un documento in Adobe Illustrator, colpire Controllo-Y per commutare il valore predefinito Modalità anteprima a Modalità di contorno. Sarai trattato con quella vista solo sul percorso, vedendo oltre il design che potresti aver creato con una varietà di forme, effetti, gradienti o mesh. È interessante notare che questa modalità può essere salvata, ma non facilmente esportata.

Crea l'incantevole ritratto malefico in Adobe Illustrator di Yulia Sokolova

Spesso gli utenti devono utilizzare uno screenshot come mezzo per condividere le viste wire frame del materiale illustrativo o scaricare un plug-in per il programma che consente di esportare il file in Modalità di contorno come PNG, JPG o altri formati di file.

Come sono utili i wireframe?

Quando si lavora con un gradiente o un disegno vettoriale con effetti speciali, ogni modifica apportata richiede tempo e memoria virtuale per il rendering più e più volte. Per ridurre al minimo il tempo necessario per modifiche semplici che potrebbero non essere necessarie Modalità anteprima (spostando livelli o oggetti, ad esempio), apportando tali modifiche Modalità di contorno è sicuramente la strada da percorrere.

Corso Advanced Portraits Vector di Sharon Milne

I wire frame sono utili per capire quanto del tuo design è puro vettore rispetto al rendering o addirittura rasterizzato. Sapere cosa è "sotto il cofano", per così dire, del tuo lavoro vettoriale consente un controllo completo (oltre a sapere come un documento stamperà o guarderà altre risoluzioni, se è scalabile, sarà versatile). Inoltre, gli utenti possono vedere quali componenti sono percorsi tracciati (forse un pattern o pennello di dispersione), quali percorsi sono chiusi o lasciati aperti e se ci sono punti di ancoraggio estranei o bit di percorsi.

Wire Frames in Action: oggetti, gradienti e mesh

Diamo un'occhiata a un design senza fronzoli creato senza sfumature o effetti. Si noti la semplicità del disegno della trama del filo. Anche lavorando in Modalità anteprima, sai esattamente qual è la struttura di base della grafica vettoriale.

Come disegnare Cappuccetto rosso con forme base in Adobe Illustrator di Nataliya Dolotko

Nel caso di un'opera d'arte a gradiente, assomiglia a un semplice vettore piatto se visualizzato in Modalità di contorno. Mentre eventuali modifiche o aggiunte non informano l'utente del colore, del tipo di sfumatura, dell'angolo di sfumatura, dei livelli di opacità e così via, possono consentire all'utente di concentrarsi su quale sia la forma di ciascun oggetto in realtà (simile a lavorare con un schizzo semplice) rispetto all'illuminazione, alla profondità o alla modellazione che i gradienti possono creare.

Mastering Sketch Design in Illustrator Corso di Mary Winkler

Maglie a gradiente, tuttavia sono una storia diversa. Mentre molti colori e vari attributi possono essere applicati alla mesh, le linee che definiscono la forma dell'oggetto (e quindi alcuni) sono facilmente visibili Modalità di contorno.

Come creare una renna realistica con Gradient Mesh in Adobe Illustrator di Monika Zagrobelna

In questo caso, lo trovo educativo, poiché gli oggetti mesh assomigliano spesso a quadri raster e grafica vettoriale. Non solo è possibile vedere il contorno aiutare un utente a selezionare gli oggetti all'interno del proprio documento, ma vedere facilmente i percorsi di ogni mesh è sufficiente per riprodurre l'aspetto di un'illustrazione o di una tecnica che è molto più semplice.

Come creare nuvole vettoriali con lo strumento Gradient Mesh di Cheryl Graham

Wire Frames in Action: pennelli, effetti e maschere di ritaglio

Spazzole Illustratore sono strumenti altamente personalizzabili che consentono all'utente di applicare modelli, disegni simili a timbri o effetti pennello resi a percorsi tracciati. In quanto tale, l'aspetto dei contorni per i disegni a pennello spesso sarà un singolo percorso o sarà composto da pochi percorsi, nascondendo la complessità del progetto finale.

Usa un pennello pattern per creare un effetto testo in corda in Illustrator di Andrei Marius

Lavorare in questo modo (con i pennelli) consente all'utente di avere dimensioni di file più piccole (in ragione, dato che alcuni pennelli pattern possono essere intensi in RAM) o di alterare rapidamente il movimento del percorso di un pennello senza che sia una serie di singoli oggetti che hanno essere alterato.

Crea un mosaico, ispirato alla BBC, effetto di arte del testo in Adobe Illustrator di Andrei Marius

Nel caso di effetti (come Ombra esterna o vario Ordito effetti), il contorno della forma a cui è stato applicato sarà tutto ciò che mostra Modalità di contorno. Ora, è proprio vero che se hai altri oggetti all'interno del tuo progetto verranno visualizzati anche loro. 

Prendiamo ad esempio questo disegno di kiwi. Si presenta come una singola ellisse rispetto al design complesso che è realmente. Tutto all'interno del design è impostato come un tratto, riempimento o effetto all'interno del disegno Aspetto pannello (un pannello piuttosto potente nel caso in cui non vi siate familiari).

Crea un frutto Kiwi affettato con una sola forma in Adobe Illustrator di Sharon Milne

Un altro progetto con un'idea simile (basso numero di oggetti, elevata complessità all'interno del design) è questo pezzo di vettore di avocado. Il contorno mostra la forma base dell'avocado, ma altri aspetti del design sono applicati nel Aspetto pannello. Entrambi questi pezzi dimostrativi mostrano la versatilità di Illustratore quando si tratta di creare disegni vettoriali e in che modo i loro telai fili possono differire notevolmente dal prodotto esportato o stampato.

Crea un avocado con una sola forma in Adobe Illustrator di Diana Toma

Finalmente, siamo allo stile più ingannevole di grafica vettoriale: maschere di ritaglio. Quando vedi l'opera d'arte Modalità anteprima, le linee, lo sfondo o la cornice di questo lavoro sembrano molto pulite e organizzate. Durante la visualizzazione in Modalità di contorno, tuttavia, è l'esatto contrario. 

Come creare una scarpa stilizzata e frizione Illustrazione di moda in Illustrator di Svetlana Makarova

Vengono visualizzate trame o forme sovrapposte o un intero mondo di design nascosto dalla maschera ("ritagliato" se lo si desidera). La differenza mostrata nel wireframe rispetto all'opera d'arte finale non solo dà all'utente il pieno controllo del proprio lavoro, ma può anche mostrare studenti o artisti curiosi(o chiunque tu possa essere) più informazioni sul processo di progettazione e illustrazione.

Conclusione

Crea una regina punk di cuori, con un tatuaggio a maniche in Illustrator di Yulia Sokolova

Ora che abbiamo commutato le nostre modalità di visualizzazione e controllato vari tipi di vettori da oggetti ben definiti a maglie e maschere di ritaglio, dovresti avere una buona idea di quanto possa essere utile, bello e decisamente informativo il wireframe di un vettore. In quanto tale, siamo interessati a vedere anche i tuoi telai a filo. Vai al progetto della comunità che Melody Nieves ha creato e decostruisci la grafica vettoriale e mostra il tuo lavoro.