Shape-Building con VectorScribe

VectorScribe è un plug-in di Illustrator che cambierà il tuo modo di lavorare nel tuo programma di disegno vettoriale preferito. Dopo averlo usato per un po ', i vecchi metodi di costruzione dei file risulteranno ingombranti e noiosi. VectorScribe è potente e intuitivo, ma come tutto, ha una curva di apprendimento e ci vuole un po 'per abituarsi. Non lasciarti scoraggiare dal fatto che, una volta che avrai imparato a conoscere questo set di strumenti, lavorerai più velocemente, in modo più intelligente e più pulito. Iniziamo!

Contenuto sponsorizzato

Questa è una recensione sponsorizzata o omaggio di un prodotto / servizio che è particolarmente rilevante per i nostri lettori.


Passo 1

VectorScribe è disponibile in due versioni: Studio e Designer. In questo tutorial, mi occuperò principalmente dello strumento PathScribe, che fa parte di Designer, e dello strumento Curve dinamiche, che si trova in VectorScribe Studio. Puoi scaricare una prova gratuita di sette giorni qui.


Passo 2

Come riferimento, sto utilizzando una vecchia pubblicità per auto, che ho inserito su un livello Template. Ovviamente puoi usare uno schizzo, una foto o semplicemente attingere alla tua immaginazione.

Usando lo strumento Rettangolo (M) disegna un rettangolo come nell'immagine qui sotto. Questo farà il cofano e la parte anteriore della macchina.


Passaggio 3

Seleziona lo strumento PathScribe. Inizia a trascinare il segmento superiore del rettangolo. Noterai che il percorso inizia a curvare. Trascina dal lato del segmento (non al centro), quindi tieni premuto il tasto Maiusc per rendere la curva simmetrica. Trascinalo in modo che corrisponda alla curva della cima dell'auto.

Già puoi capire quanto sia più efficiente lo strumento PathScribe. Per creare questa forma con Illustrator da solo, devi disegnare il rettangolo, quindi disegnare un'ellisse, quindi allinearli, quindi utilizzare il Pathfinder per unirli. Potresti anche aver bisogno di ripulire punti extra. Con VectorScribe, un processo in 4 fasi è ridotto a due soli passaggi ed è molto più intuitivo e accurato.

Nota: il trascinamento di un tracciato dritto dal centro mentre si tiene premuto il tasto Maiusc determina un comportamento diverso delle maniglie dell'angolo, come si può vedere nel seguente confronto:


Passaggio 4

Disegna un altro rettangolo, coprendo l'area del parabrezza. Utilizzando lo strumento Trasformazione libera (E), trascina l'angolo superiore del rettangolo tenendo premuto Comando + Maiusc + Opzione. Questo cambierà la prospettiva in modo che il risultato sia una forma trapezoidale, come nell'immagine qui sotto.

Come prima, usa lo strumento PathScribe per creare una cima arrotondata.


Passaggio 5

Vai a Finestra> VectorScribe> Pannello Angoli Dinamici. Quindi fare clic sul pannello per selezionare lo strumento.

Passa il mouse sopra l'angolo in alto a sinistra del trapezio. Inizia a trascinare con lo strumento Angolo dinamico e otterrai un riscontro visivo immediato sull'angolo. Allinearlo con l'immagine sorgente. Ora, tutto ciò che devi fare sul lato destro è fare clic sull'angolo e verrà creata una curva con lo stesso raggio di quello appena trascinato.

Ancora una volta, con Illustrator da solo, queste curve dovrebbero essere disegnate manualmente, o una combinazione di ellissi dovrebbe essere utilizzata. Gli Angoli Dinamici di VectorScribe utilizzano un raggio reale, che consente una precisione migliore rispetto a quella ottenibile manualmente. Penso che anche loro stiano meglio.


Passaggio 6

Utilizzo dello strumento Penna per disegnare un poligono a 4 lati per la finestra. Utilizzando lo strumento Curve dinamiche, trascinare gli angoli per creare curve.


Passaggio 7

Per la griglia, crea una forma trapezoidale come prima. Trascina il percorso superiore con lo strumento PathScribe per renderlo curvo. Fai lo stesso con i lati sinistro e destro. Usa lo strumento Angoli dinamici per creare curve, come nel Passaggio 5.


Passaggio 8

Disegna un rettangolo attorno all'esterno dell'alloggiamento del faro, come indicato di seguito. Prendi lo strumento Angoli Dinamici e disegna le curve per entrambi gli angoli in alto e in basso a sinistra.

Passare allo strumento PathScribe e trascinare una curva verso l'interno, tra i punti sul lato sinistro, come mostrato.


Passaggio 9

Sempre usando lo strumento PathScribe, seleziona il punto in cima alla curva appena creata. Se il pannello PathScribe non è visibile, vai su Finestra> VectorScribe> PathScibe Panel per mostrarlo. Fai clic sull'icona Punto morbido sul pannello, come nell'immagine qui sotto. Ancora una volta, è possibile vedere come VectorScribe rende tale regolazione più rapida e accurata.


Passaggio 10

Per l'interno dell'alloggiamento della luce, disegna un rettangolo come prima e regola gli angoli con lo strumento Angoli dinamici.


Passaggio 11

Ecco cosa abbiamo finora. Noterai le annotazioni rosse sulle curve. Questi indicano lo stato "dinamico" delle curve. Puoi pensare a "dinamico" nello stesso modo in cui Illustrator usa la parola "live".

In questo caso, tutti i raggi degli angoli dinamici possono essere modificati, trascinando con lo strumento o immettendo un valore nel pannello. Anche se si sposta la posizione dell'angolo, viene mantenuto il raggio della curva. Se tieni premuto il tasto Opzione / Alt mentre posizioni la curva, vedrai un'indicazione del percorso originale, non curvo della curva e puoi sempre tornare a quell'angolazione scegliendo Rimuovi angoli selezionati dal menu mobile del pannello. In alternativa, puoi semplicemente trascinare con lo strumento Angoli dinamici oltre il punto originale per tornare all'angolo retto.


Passaggio 12

Per il paraurti, traccia segmenti retti con lo strumento Penna, quindi aggiungi le curve con lo strumento Curve dinamiche. Prendiamo solo metà, quindi riflettiamo e copiamo per una forma simmetrica.

Rendi la traccia molto più spessa e aggiungi un cappuccio arrotondato.


Passaggio 13

Vai a Oggetto> Percorso> Cenni di contorno. Cambia il riempimento e il tratto se lo desideri, premendo MAIUSC + X.

Selezionare il punto finale e fare clic sull'icona Ritira maniglie sul pannello PathScribe, come nell'immagine sottostante.

È come fare clic sul punto con lo strumento Converti ancoraggio. In questo caso, dove abbiamo un singolo punto da convertire, non c'è alcun vantaggio nell'utilizzo della funzione PathScribe. Ma immagina di avere una forma curva con molti petali che vuoi convertire. Essere in grado di farlo con un clic farebbe risparmiare un sacco di tempo!


Passaggio 14

Usa lo strumento Rifletti per capovolgere orizzontalmente il semi-paraurti mentre ne fai una copia. Unisci le due forme per completare il paraurti


Conclusione

Ho appena scalfito la superficie di ciò che questa suite di strumenti può fare. VectorScribe è ricco di funzionalità, in un'interfaccia intuitiva e familiare. Più di alcune volte ho usato uno strumento o premuto un pulsante e ho pensato: "Wow, è così che Illustrator avrebbe dovuto lavorare da sempre."

Spero che questo tutorial ti incoraggi a provarlo e ad avere alcuni "A-ha!" momenti del tuo. L'immagine in basso mostra l'auto vettoriale finale, dopo aver aggiunto il colore e qualche altro dettaglio. Divertiti a creare il tuo.