Come creare disegni di Spirograph vettoriale

Sono stato affascinato dai disegni di Spirograph sin da quando ero bambino. Adoro il modo simmetrico e fresco che sembrano. So che ci sono programmi là fuori che possono disegnare automaticamente i disegni Spirograph, ma non è così divertente come renderli a mano.

Quando ho iniziato a imparare Illustrator, ho faticato a creare i loop manualmente e i risultati erano tutt'altro che perfetti. Sapevo che Illustrator doveva avere un modo migliore per farlo, e alla fine l'ho trovato! Ecco di cosa si tratta, basta imparare a usare gli strumenti in modo che le tue idee possano essere liberate.

Anteprima dell'immagine finale

Di seguito è riportato il progetto finale su cui lavoreremo.

Prima di iniziare

Vai a Modifica - Preferenze - Generale e assicurati che Scala tratti ed effetti sia deselezionato. In caso contrario, la dimensione del tratto potrebbe cambiare quando si utilizza Trasforma entrambi. In questo caso, seleziona tutte le forme e modifica la larghezza del tratto su 1 pt.

Nota: Il livello di abilità di questo tutorial è Facile. Se non sei sicuro, è meglio fare i disegni in ordine, perché spiego le cose un po 'meno mentre andiamo oltre.

Design 1

Passo 1

Con un tratto verde da 1 pt, crea un ellisse di 150 pixel per 25 pixel.

Passo 2

Oggetto> Trasforma> Trasforma ogni, con Angolo impostato su 30 °. Fai clic su Copia (non OK).

Passaggio 3

Vai a Oggetto> Trasforma> Trasforma di nuovo (o Comando + D) quattro volte per creare le altre copie. Quindi selezionare tutti i puntini di sospensione verdi e fare clic su Oggetto> Gruppo.

Passaggio 4

Ora con un tratto blu di 1 pt forma una stella a otto lati con un raggio interno di 50 px e un raggio esterno di 75 px.

Passaggio 5

Usando lo Strumento selezione diretta, seleziona metà dei punti di ancoraggio. Usa il pannello di controllo sopra per convertire i punti di ancoraggio in modo uniforme. Quindi selezionare l'altra metà e convertirli in modo uniforme.

Nota: una stranezza di Illustrator è quella che si seleziona tutti dei punti di ancoraggio di un oggetto, il pannello di controllo scompare. Il file della Guida dice: "Per utilizzare le opzioni di conversione del punto di ancoraggio nel pannello Controllo, devono essere selezionati solo i punti di ancoraggio rilevanti, non l'intero oggetto. Se selezioni più oggetti, uno degli oggetti deve essere solo parzialmente selezionato. gli oggetti sono selezionati, le opzioni del pannello di controllo cambiano a quelle che riguardano l'intero oggetto. "

Passaggio 6

Utilizzare lo strumento selezione diretta per selezionare uno dei punti di ancoraggio esterni. Potrebbe essere una buona idea trascinare una casella sopra la posizione del punto di ancoraggio in questo modo, piuttosto che cliccarla, per essere sicuri di selezionare l'intero punto di ancoraggio invece di uno dei suoi punti di manipolazione.

Afferra lo strumento Ruota (R), quindi imposta l'angolo di 180 ° e fai clic su OK.

Passaggio 7

Ripetere questo per ciascuno dei punti di ancoraggio esterni singolarmente. Questo può essere fatto rapidamente se si lascia lo strumento Ruota selezionato, tieni premuto Comando per usare temporaneamente lo Strumento selezione diretta per selezionare il prossimo punto di ancoraggio, quindi premi Invio per aprire la finestra di dialogo Ruota. Premi invio di nuovo per utilizzare gli stessi valori.

Passaggio 8

Ora seleziona tutti i punti di ancoraggio interni. Puoi ottenerli tutti contemporaneamente disegnando un rettangolo proprio così. Usa lo strumento Scala per muoverli tutti leggermente verso l'esterno, il che rende le curve interne più arrotondate.

Passaggio 9

Quindi selezionare un punto di ancoraggio. Utilizza lo strumento Scala nella casella degli strumenti per ingrandirlo del 150%.

Passaggio 10

Ripeti con tutti i punti di ancoraggio nella forma, all'interno e all'esterno, uno dopo l'altro. Di nuovo, non ci vorrà molto se lasci lo strumento Scala selezionato, tieni premuto Comando e seleziona il punto di ancoraggio, quindi premi Invio due volte. Quando hai finito dovrebbe assomigliare a questo.

Passaggio 11

Seleziona l'intero oggetto e usa Oggetto> Trasforma> Trasforma Ciascuno con una scala del 95% e Ruota di -5%.
Fai clic su Copia.

Passaggio 12

Premi Comando + D due volte per creare altre due copie. Quindi seleziona tutte e quattro le forme e raggruppale.

Passaggio 13

Selezionare entrambi i gruppi e fare clic su Allinea orizzontale nel Pannello di controllo (o Pannello di allineamento), quindi su Centro allineamento verticale.

Finito!

Design 2

Passo 1

Con un tratto di acqua a 1 pt, crea un quadrato di 100 px di larghezza.

Passo 2

Con il quadrato selezionato, fai clic su Effetto> Distorci e trasforma> Pucker e gonfia e rendi l'effetto 100%.

Passaggio 3

Vai a Oggetto> Espandi aspetto. Quindi Oggetto> Trasforma> Trasforma ognuno con una scala del 90% e una rotazione del -10%.

Passaggio 4

Comando + D per creare più copie. Quindi selezionali tutti e fai clic su Oggetto> Raggruppa.

Passaggio 5

Con un tratto rosso di 1 pt, fai un'ellisse 150 px per 25 px. Vai a Oggetto> Trasforma> Trasforma ognuno al 95% della scala e -8% al Ruota.

Passaggio 6

Fai diverse copie. Seleziona tutti gli ovali rossi e Oggetto> Gruppo. Quindi ruotare l'intero gruppo di 45 °.

Passaggio 7

Seleziona entrambi i gruppi e fai clic su Allinea orizzontale e poi su Al centro verticale.

Finito!

Design 3

Passo 1

Usa lo strumento Stella per creare una stella di 7 punti con un raggio esterno di 75 px. Questa sarà una guida, quindi il colore non ha importanza.

Passo 2

Ho capovolto il mio in modo che punti, usando Object> Transform> Reflect. Quindi vai su Oggetto> Blocca> Selezione per impedire alla stella guida di muoversi. Imposta il tratto a 1 punto blu. Ora, usa lo strumento Penna per tracciare una forma a stella a 7 punte facendo clic da un punto all'altro come mostrato.

Passaggio 3

Vai a Oggetto> Sblocca tutto e cancella la stella guida. Usa lo strumento selezione diretta per selezionare gli ancoraggi (metà alla volta, come abbiamo fatto in Disegno 1) e convertirli in modo uniforme.

Passaggio 4

Crea una copia della forma. Seleziona un punto di ancoraggio della seconda stella e ridimensionalo al 50%. Ripeti con tutti i punti di ancoraggio.

Passaggio 5

Crea una copia della seconda stella. Ora ci sono tre stelle. Sulla terza stella, seleziona uno dei punti di ancoraggio e usa lo strumento Ruota per ruotarlo di 180 °. Ripeti questo per tutti i punti di ancoraggio.

Passaggio 6

Seleziona tutte e tre le stelle e allinea i loro centri orizzontali e verticali.

Finale!

Cambia i colori su due delle forme e per farlo sembrare più come uno Spirograph autentico, ridimensiona la stella più grande del 90%.

Design 4

Passo 1

Crea un quadrato arancione di 100 px di larghezza. Convertire i punti di ancoraggio per lisciare.

Passo 2

Ruota ogni singolo punto di ancoraggio di 180 °.

Passaggio 3

Seleziona l'intero oggetto, usa Oggetto> Trasforma> Ruota di 10 ° e crea otto copie.

Passaggio 4

Ora seleziona una delle forme, Copia e poi Incolla in primo piano e cambia il suo Colore tratto in blu. Con quella forma ancora selezionata, Oggetto> Trasforma> Trasforma Ciascuno in Scala 90% e Ruota di -5 °. Fai clic su Copia.

Passaggio 5

Usa Command + D per creare diverse copie.

Finito!

Design 5

Passo 1

Crea una forma a stella con otto punti e un raggio esterno di 75 px. Questa stella sarà una guida. Usa Oggetto> Blocca> Selezione per impedirne lo spostamento.

Passo 2

Usando lo strumento Penna con un tratto rosso di 1 pt, traccia da un punto all'altro come mostrato di seguito.

Passaggio 3

Vai a Oggetto> Sblocca tutto e quindi elimina la stella guida.

Passaggio 4

Metà alla volta, converti i punti di ancoraggio in modo uniforme.

Passaggio 5

E uno alla volta, ruotali ...

Quando sono tutti ruotati sembra l'immagine qui sotto.

Passaggio 6

Usando un tratto magenta da 1 pt, crea una forma a stella a 4 punte con raggio esterno di 75 px.

Passaggio 7

Convertire i punti di ancoraggio per lisciare. Uno alla volta, ruota i quattro punti di ancoraggio degli angoli di 180 °.

Passaggio 8

Seleziona gli altri quattro punti di ancoraggio nel mezzo. Rimuovili usando Oggetto> Percorso> Rimuovi punti di ancoraggio. Copia la forma tre volte, ruotata a 22,5 °.

Passaggio 9

Raggruppare le forme, quindi selezionarle insieme alla forma precedente. Allinea verticalmente e orizzontalmente.

Finito!

Design 6

Passo 1

Con un colpo magenta da 1 pt, crea un cerchio di 100 px.

Passo 2

Applicare l'effetto Pucker & Bloat al 140%.

Passaggio 3

Trasforma Ciascuno con una scala dell'85%, la rotazione di -18 ° e fai clic su Copia. Quindi usa Command + D per fare altre tre copie.

Passaggio 4

Seleziona la terza copia più grande e vai a Modifica> Copia e quindi Modifica> Incolla in primo piano.

Passaggio 5

Cambia il tratto in verde scuro, quindi ruota di 36 °.

Passaggio 6

Nel pannello Aspetto, fai doppio clic sull'effetto Pucker e Bloat per modificarlo. Cambia l'importo al 100%.

Finale!

Ora Trasforma Ciascuno nelle impostazioni precedenti come mostrato.

variazioni

Ormai puoi praticamente duplicare qualsiasi cosa dal libretto di Spirograph.

Ecco l'ovale verde di Design 1, ruotato e copiato con un angolo di 5 °, combinato con un Ellipse viola 90 px di 60 px, ruotato con un angolo di 20 °.

Questa è la stella rossa di Design 3, il cui colore è cambiato in blu, con copie ruotate di -10 ° e ridimensionate al 90%, combinate con un Ellipse blu chiaro 135px per 85px con copie ruotate a 15 °.

Questa è la forma blu di Design 1, ridotta del 90% e la forma rossa di Design 5, copiata e ruotata di 60 °.

Ecco due forme di Design 3, quella stretta ruotata di -10 ° e scala del 90%, e quella arrotondata ridotta all'80%, quindi una copia all'80%.

Conclusione

Divertiti! Se fai qualcosa di veramente bello con questo, mi piacerebbe vedere come è! Grazie!