Come creare un pattern adatto per Royalty in Adobe Illustrator

In questo tutorial ti mostrerò come creare un modello simmetrico complesso utilizzando Adobe Illustrator insieme agli strumenti aggiuntivi di MirrorMe, consentendo di creare una simmetria istantanea, il pennello Rimuovi intelligente, che consente di rimuovere punti in eccesso con un solo tratto e ColliderScribe , dandoti precisione e velocità nel posizionare gli oggetti in modo adeguato. Quindi, iniziamo a familiarizzare con alcuni degli aspetti high-tech della grafica vettoriale!

Contenuto sponsorizzato

Questo contenuto è stato commissionato da Astute Graphics ed è stato scritto e / o modificato dal team Tuts +. Il nostro obiettivo con i contenuti sponsorizzati è quello di pubblicare tutorial pertinenti e obiettivi, case study e interviste ispiratrici che offrono un vero valore educativo ai nostri lettori e ci consentono di finanziare la creazione di contenuti più utili.


1. Installare i plug-in richiesti e creare un nuovo documento

In questo tutorial utilizzeremo i plug-in di Astute Graphics che contribuiranno a velocizzare e semplificare il nostro flusso di lavoro. Scarica una prova gratuita di 14 giorni per i plug-in MirrorMe, ColliderScribe e VectorScribe. Questi brevi video riguardano l'installazione, le licenze e il processo di attivazione. Durante il tutorial impareremo come vari strumenti all'interno di questi plug-in possono aiutarci nel nostro processo di progettazione.

Esegui Adobe Illustrator, quindi premi Control-N per creare un nuovo documento. Nella finestra di dialogo aperta, imposta i parametri della tavola da disegno e scegli la modalità colore in base a come utilizzerai il disegno. Se hai intenzione di stampare il tuo modello scegli il CMYK modalità colore, ma se si desidera pubblicare le proprie illustrazioni esclusivamente sul Web, scegliere il RGB modalità colore.


2. Lavorare con MirrorMe

Passo 1

Il plug-in MirrorMe è progettato per rispecchiare letteralmente la grafica vettoriale all'istante. È possibile eseguire il mirroring del disegno su un solo asse o su più assi (fino a 72). Una volta installato il plug-in, vedrai l'icona dello strumento apparire nel Utensili pannello. Per aprire il pannello del plug-in, vai a Finestra> MirrorMe> MirrorMe pannello.

Prendi il MirrorMe Tool e fai clic sulla tavola da disegno in cui sarà l'asse di simmetria. Questo produrrà il sistema di annotazione. Ora puoi spostare gli assi di simmetria e cambiare la loro angolazione spostando il centro di simmetria e ruotando gli assi usando Specchiami.

Nel Specchiami pannello è possibile impostare le coordinate esatte del centro di simmetria insieme con l'angolo e il numero di assi. Imposta l'angolo a 90 gradi con 4 assi di simmetria.

Passo 2

Clicca su Applica al livello nel sistema di annotazione o nel Specchiami pannello.

Facendo questo tutti gli oggetti che hai creato nel settore attivo apparirà immediatamente negli altri settori. Il settore attivo è l'area in cui disegneremo e viene contrassegnato con due triangoli sugli assi. Gli oggetti creati in altri settori verranno ignorati dal plug-in.


3. Creare la base del modello usando lo strumento Estendi percorso

Passo 1

Usando il Strumento ellisse (L) creare un cerchio nel settore attivo. Questo cerchio non dovrebbe intersecare l'asse della simmetria. Prendi il Scissors Tool (C) e tagliarlo nei punti UN e B.

Quindi elimina questo segmento del cerchio.

Passo 2

Continua il percorso dal punto A. Come saprai, è piuttosto complicato evitare di rompere la curvatura di un segmento adiacente quando utilizzi il Strumento penna (P). Questo è dove il Estendi strumento tracciato, uno degli strumenti del plug-in VectorScribe2 aiuta molto in quanto consente di tagliare o estendere il percorso lungo una determinata traiettoria. Dopo aver installato il plug-in, gli strumenti appaiono sul Utensili pannello. Clicca sul Strumento PathScribe icona e selezionare il Estendi strumento tracciato nel pannello degli strumenti secondari aperto.

Quando si fa clic sul punto UN puoi vedere l'annotazione che mostra la traiettoria a cui puoi estendere il percorso.

Passaggio 3

Esistono quattro modalità di estensione: il Single Bezier, Raggio costante, Dritto, e Spirale. È possibile passare da una modalità all'altra premendo il tasto E scorciatoia tenendo premuto il pulsante del mouse. Puoi anche scegliere la modalità di estensione in Estendi le preferenze del percorso finestra di dialogo; per aprirlo, fare clic su Return / Invio pulsante o doppio click sul Estendi strumento tracciato icona nel Pannello strumenti. Scegliere Raggio costante e Usa raggio fisso in questa finestra.

Ora l'annotazione ci mostra il percorso sotto forma di un arco circolare.

Per ridurre il raggio usa il Freccia sinistra chiave, e per aumentarla usa il Freccia destra chiave.

Aumentare il raggio e continuare il percorso spostando il puntatore dello strumento lungo l'annotazione e incrociando l'asse di simmetria.

Quando il percorso attraversa l'asse di simmetria, si connette con il suo riflesso.

Passaggio 4

Creare un segmento curvo usando il Strumento penna (P).

Questa volta lo allungherò lungo una spirale. Scegli il Modalità di estensione a spirale e fare clic sul punto finale.

Come con il Raggio costante modo possiamo cambiare il raggio della spirale usando il Sinistra e Freccia destra chiavi. Inoltre possiamo cambiare il Costante di avvolgimento della spirale usando il Freccia su chiave per aumentare e il Freccia in giù tasto per diminuire questo parametro.

Quando la forma è come la vuoi, allora estendi il percorso.

Passaggio 5

Continua a riempire il settore attivo con gli elementi del modello creando gli inizi dei percorsi con il Strumento penna (P) ed estendendoli usando il Estendi strumento tracciato.

Grazie al Estendi strumento tracciato è facile creare una continuazione a spirale del percorso e riempire gli spazi tra altri percorsi esattamente come si desidera. Ti aiuta a evitare intersezioni non pianificate e salva anche noiose modifiche. Non penso sarebbe facile farlo con lo standard Strumento a spirale in quanto non ti permette di continuare senza intoppi un percorso aggiungendo una spirale alla fine. Specchiami ti dà un riflesso istantaneo dei percorsi che hai creato in modo da avere il controllo visivo sull'intero pattern mentre lo stai creando.


4. Converti percorsi uniformi in percorsi con larghezza variabile

Passo 1

Modificare la larghezza dei percorsi in modo che aumenti gradualmente dal punto iniziale al punto finale. Seleziona uno dei percorsi e poi applica ad esso il profilo triangolare nel Ictus pannello. Qui puoi anche controllarne la larghezza.

Passo 2

Utilizzare il Width Tool (Shift-W) per controllare la larghezza del percorso localmente. Porta il puntatore dello strumento più vicino al punto desiderato. Fare clic e trascinare cambierà la sua larghezza.

Facendo doppio clic nella posizione selezionata verrà aperta una finestra di dialogo in cui è possibile impostare i valori esatti della larghezza.

Ora cambia la larghezza di tutti i percorsi disponibili.


5. Elimina i punti in eccesso usando lo strumento pennello Rimuovi intelligente

Passo 1

Seleziona tutti i percorsi, quindi vai a Oggetto> Percorso> Corsa contorno. Come puoi vedere, gli oggetti risultanti hanno una grande quantità di punti in eccesso. In effetti il ​​mio modello contiene un enorme 2263 punti!

La buona notizia è che possiamo rimuovere rapidamente la maggior parte di loro usando il Smart Remove Brush Tool che proviene dal plug-in VectorScribe2. Clicca sul Strumento PathScribe icona e nel pannello degli strumenti secondari aperto selezionare Smart Remove Brush Tool.

Apri il Preferenze di Smart Remove Brush Tool finestra premendo il tasto Return / Invio chiave. Imposta la dimensione del pennello, spunta Rimuovi i punti solo se il percorso cambia all'interno della tolleranza e impostare il valore di tolleranza su 15.

Ora spazza il pennello facendo clic sul pulsante del mouse dove sono i punti in eccesso. La linea rossa dell'annotazione ci mostra quale forma sarà il tracciato dopo aver cancellato i punti. Nota quanti punti abbiamo rimosso con una sola rotazione del pennello senza modificare in modo significativo la forma del percorso! Questi cambiamenti sono avvenuti all'interno della tolleranza che abbiamo impostato.

Passo 2

È possibile continuare a eliminare punti sul segmento selezionato disabilitando l'opzione Rimuovi i punti solo se il percorso cambia all'interno della tolleranza. In questo caso, tutti i punti che hai travolto con il pennello verranno rimossi. Ciò significa che puoi avere il controllo completo su quali punti eliminare e mantenere per mantenere la forma del percorso esattamente come desideri. Penso che entrambi questi metodi dovrebbero essere applicati in modo da utilizzare prima la misura di tolleranza per rimuovere la maggior parte dei punti su tutti i percorsi che potremmo chiamare "sgrossatura". Quindi disabilitare la misura di tolleranza e lavorare su ogni traccia individualmente con il pennello.

Il Smart Remove Brush Tool ha rapidamente ripulito il mio schema. Invece di avere 2263 punti Ora ho solo 207 punti, che è 11 volte meno di prima del montaggio! Ancora più impressionante è che mi ci sono voluti solo tre minuti!


6. Posizionamento preciso degli elementi del modello con il plug-in ColliderScribe

Passo 1

ColliderScribe è un semplice set di strumenti per Adobe Illustrator che consente di posizionare le forme in modo preciso posizionando qualsiasi oggetto esattamente accanto a un altro quando tocca. Dopo aver installato il plug-in, è possibile trovare nuovi strumenti nel Gruppo di selezione (V) nel Pannello strumenti. Queste sono le Strumento Snap To Collisions e il Ruota allo strumento Collisioni.

Crea una cerchia usando il Strumento ellisse (L).

Per dimostrare le prestazioni dello strumento prendere il Strumento Snap To Collisions e fare clic in qualsiasi punto del cerchio e trascinarlo sull'oggetto adiacente. Quando gli oggetti toccano ci sarà un'azione di schiocco, come se i corpi fisici vivi si scontrino. Un indicatore di collisione rosso apparirà sul punto di tangenza.

È possibile spostare gli oggetti uno sull'altro senza rompere il loro contatto se mantenuto all'interno Tolleranza snap gamma.

Il Tolleranza snap il valore è impostato nel Preferenze di Snap To Collisions finestra di dialogo. Per aprirlo, fare clic su Return / Invio chiave o doppio click l'icona dello strumento.

Passo 2

Il Ruota allo strumento Collisioni ti consente non solo di scontrare le forme, ma anche di ruotare l'oggetto selezionato attorno al percorso di un altro. Quando si usa il Ruota allo strumento Collisioni devi catturare l'oggetto sul bordo del percorso.

Utilizzando questi due strumenti, sono stato in grado di posizionare con precisione gli elementi esistenti e nuovi nel modello. Ad esempio, alla fine degli elementi a spirale ho inserito un cerchio usando il Ruota allo strumento Collisioni.

Ora puoi rimuovere parti indesiderate del modello usando il Strumento di creazione forme (Shift-M).

Dopo aver fatto ciò, gli elementi del modello appaiono come mostrato nell'immagine sottostante.

Passaggio 3

Facciamo alcuni semplici elementi usando il Strumento penna (P). Questi oggetti riempiranno gli spazi vuoti che abbiamo.

Seleziona tutti gli oggetti creati, quindi fai clic su Unire nel esploratore pannello.


7. Colora e raffina il modello

Passo 1

Seleziona tutti gli oggetti e riempili con un colore marrone chiaro R = 213 G = 159 B = 76.

Nella parte inferiore degli elementi del modello si creano percorsi curvi usando il Strumento penna (P) senza riempimento e con il tratto di colore marrone R = 180 G = 97 B = 42. Scegliere Profilo di larghezza 1 nel Ictus pannello per questi percorsi. In questo pannello puoi anche regolare la larghezza del tratto.

Ora abbiamo creato ombre sul modello dando più profondità.

Passo 2

La forma di alcune ombre potrebbe essere più complessa. Per questi, crea un oggetto con un riempimento di colore marrone e nessun tratto come mostrato di seguito.

Rimuovi la parte dell'ombra che va oltre il bordo del modello. Seleziona l'ombra e il modello, prendi il Strumento di creazione forme (Shift-M), quindi tenendo premuto il tasto Opzione / Alt, clicca sulla parte dell'ombra che stiamo per rimuovere.

Usando questi passaggi, continua a creare ombre su tutti gli elementi del modello all'interno del settore attivo di Specchiami.

Passaggio 3

La tecnica che useremo per creare le alte luci è la stessa di quando abbiamo creato le ombre. Ma questa volta, useremo il colore giallo R = 246 G = 234 B = 109 per il riempimento e il tratto. Posiziona i punti salienti nella parte superiore degli elementi del modello.

Ora che tutti gli elementi del pattern sono pronti, fai clic su Rimuovi assi pulsante nel Specchiami pannello. Questo uscirà dalla modalità simmetria.

Passaggio 4

Prendi il Strumento rettangolo (M) e creare un rettangolo riempito con il colore marrone R = 77 G = 37 B = 28. La dimensione del rettangolo dovrebbe corrispondere alle dimensioni della tua tavola da disegno.

Serratura questo oggetto nel Livelli pannello.

Passaggio 5

Raggruppa tutti gli oggetti del modello (Controllo-G). Sposta il modello nell'angolo in alto a sinistra della tavola da disegno, tenendo premuto Opzione / Alt e Cambio. Fare questo raddoppierà il modello.

Blocca il gruppo con un motivo al centro della tavola da disegno nel Livelli pannello.

Passaggio 6

Seleziona il modello superiore, quindi prendi il MirrorMe Tool e imposta il centro di simmetria al centro della tavola da disegno. Scegli due assi di simmetria nel Specchiami pannello, quindi fare clic su Applica alla selezione nel sistema di annotazione.

Passaggio 7

Usando il Strumento rettangolo (M), crea un rettangolo con i vertici che coincidono con i centri dei disegni sui bordi della tavola da disegno.

Seleziona questi modelli e il rettangolo, quindi vai a Oggetto> Maschera di ritaglio> Crea.


Congratulazioni! Hai finito.

Ora puoi usare questo modello nei tuoi progetti futuri.