Crea un effetto tipo cucito in Adobe Illustrator

In questo tutorial imparerai come creare un effetto tipo cucito. Creerai semplici motivi geometrici, un pennello pattern e userai il pannello Aspetto per creare l'aspetto finale. Iniziamo!


Passo 1

Apri un nuovo documento. Ho scelto un formato verticale 180x240 mm in modalità RGB.


Passo 2

Inizieremo creando un modello senza interruzioni. Per fare questo, crea un quadrato di 10x10 mm e centralo sulla tela.


Passaggio 3

Il primo modello sarà composto da cerchi. Per fare ciò creare un'ellisse con dimensione 4x4 mm e centrarla pure.


Passaggio 4

Vogliamo avere un altro cerchio più piccolo all'interno del primo. Duplica il livello (Comando + C e Comando + F) e cambia le sue dimensioni in 2x2 mm.


Passaggio 5

Ora per rendere ripetibile il motivo, copia i due cerchi e posizionali nell'angolo in alto a sinistra del rettangolo. Puoi ottenere la posizione precisa selezionando prima l'angolo con lo strumento di selezione diretta (A) e copia la posizione del punto usando il pannello Trasforma al centro dei due cerchi duplicati. Dato che conosci le dimensioni della tela e le dimensioni quadrate, la posizione sarà x: 85 mm; e y: 125 mm.


Passaggio 6

Ora duplica il quadrato 2 volte (Comando + C e Comando + F e Comando + F). Seleziona il quadrato e uno dei cerchi nell'angolo. Usa il pannello Pathfinder per intersecare le due forme.


Passaggio 7

Fai lo stesso con il secondo cerchio e il quadrato duplicato. Raggruppa i due quarti dei cerchi.


Passaggio 8

Duplica il quarto gruppo, giralo orizzontalmente e allinearlo con il quadrato che è ancora a sinistra sul lato destro del quadrato (non sulla tela). Seleziona i due quarti e duplicali. Ora girali verticalmente e allineati con il fondo del quadrato.

Ora dovresti avere una forma quadrata, due cerchi al centro e otto quarti dei cerchi nel mezzo.


Passaggio 9

Ora colorerò lo schema in qualcosa di più attraente della scala di grigi. Apri il pannello Campioni e vai a Open Swatch Library> Retro (Questo è un campione di colore CS2, l'ho copiato manualmente nella mia cartella CS3). Ovviamente puoi scegliere qualsiasi colore che desideri o scegliere i tuoi colori.

I colori funzionano meglio quando si ha contrasto tra le forme. Ho usato un blu brillante accanto a un giallo molto pallido. In questo modo i due colori non si fondono l'un l'altro e fanno male agli occhi. Lo stesso vale per il rosa al centro.


Passaggio 10

Apri il pannello Campioni e trascina il gruppo su di esso. Ora hai il tuo primo schema. Per controllarlo, crea semplicemente una nuova forma e applica il motivo come riempimento. Se tutto sembra a posto, hai finito con il tuo primo schema.

Si noti che l'intelligenza artificiale talvolta visualizza "buchi" nell'anteprima. Una volta esportato il file o salvato per il web, tutto sarà perfettamente riempito.


Passaggio 11

Lo schema che hai creato è sfalsato perché abbiamo spostato un quarto del cerchio verso gli angoli del quadrato. Se non lo vuoi, elimina i quarti e trascina solo il quadrato e le cerchie nel pannello dei campioni.

Nel mio esempio (mostrato sotto) ho cambiato anche i colori, perché voglio usare questo modello in seguito.


Passaggio 12

Puoi utilizzare lo stesso flusso di lavoro sopra per creare modelli con quadrati anziché cerchi.

Per creare un motivo a strisce, crea un quadrato. Duplica il quadrato e modifica la sua larghezza o altezza, usando il pannello Trasforma o semplicemente trascinandolo. Crea tante strisce quante vuoi.

Con un po 'di creatività e logica ora puoi creare qualsiasi modello tu voglia. Ho creato alcuni esempi di modelli di seguito.

Potresti voler rivedere altri tutorial sulla creazione di modelli senza cuciture qui su Vectortuts + per ulteriori suggerimenti e istruzioni:

  • Suggerimento rapido: crea un pattern argyle senza cuciture
  • Come creare un modello di carta da parati floreale infallibile

Creazione del pennello pattern

Voglio creare l'aspetto del testo cucito. Potrei usare un contorno per fare questo, ma ho deciso di creare un pennello pattern per dargli maggiore profondità.


Passaggio 13

Creare un quadrato (io scelgo 2 mm) e centrarlo sulla tela. Elimina tutti i riempimenti e i tratti da questo rettangolo. Ora crea un'ellisse della stessa altezza come il rettangolo, ma meno larghezza. Riempi con nero e senza contorni.


Passaggio 14

La larghezza del rettangolo definisce quanto spazio ci sarà tra i singoli "punti" successivi. Per una vista migliore, passa a Visualizza> Struttura. Sarai in grado di vedere i contorni di tutte le forme, anche se non hanno tratto o riempimento.


Passaggio 15

Raggruppa le due forme. Con loro ancora selezionati, crea un nuovo Pattern Brush facendo clic sulla nuova icona del pennello sul pannello del pennello. Cambia il metodo di colorazione in Tinte e hai finito.


Creazione del tipo

Questo è il punto in cui smetto di essere tutto sui numeri e faccio qualche illustrazione a mano libera. Ho iniziato a disegnare lettere usando lo strumento Pencil. Ho una pen tablet, il che rende più facile. Ma come voglio che le lettere siano un po 'flosce, un mouse funziona bene.


Passaggio 16

Preferisco lavorare con percorsi che non si chiudono automaticamente. Quello che faccio invece è selezionare i 2 punti aperti con lo strumento Direct Select e unirli a loro, usando la scorciatoia Command + J. Puoi anche disegnare le lettere usando lo strumento Penna. È quello che alla fine ho fatto per ottenere forme più precise per le lettere.


Passaggio 17

Adatterò le lettere alla forma che mi piace utilizzando lo strumento penna in un secondo momento. Se non ti senti bene a disegnare le lettere a mano libera puoi sempre disegnare su carta e tracciare una scansione del tuo disegno. Non ho intenzione di dirti come dovrebbero apparire le lettere. Dopo che sei soddisfatto di come appaiono le lettere, puoi passare al passaggio successivo.


Aggiunta dello stile di livello al tipo

Abbiamo finito con i nostri preparativi e ora possiamo iniziare a mettere tutto insieme.


Passaggio 18

Seleziona una delle lettere che hai creato. Apri il pannello Aspetto e seleziona il riempimento, quindi scegli un motivo per questa lettera.


Passaggio 19

Quindi si seleziona il contorno e si utilizza il pennello pattern creato in precedenza. Puoi giocare con il colore e la larghezza del tratto fino a renderlo bello. Ho scelto un marrone scuro e una larghezza di tratto 1pt per le mie lettere.


Passaggio 20

Vogliamo dare alla lettera una sensazione più simile al tessuto. Usa Aggiungi nuovo riempimento nel pannello Aspetto. Puoi farlo facendo clic sull'icona nel pannello Aspetto. Questo sarà riempito con un modello standard di Illustrator.

Vai al pannello Campioni e usa Open Swatch Library> Pattern> Grafica di base> Basic Graphic_Textures. Ho selezionato il pattern "Iuta" per il mio nuovo riempimento. Imposta questo riempimento su luce soffusa e su Opacità al 40% sul pannello trasparente.


Passaggio 21

Per dare più profondità alla lettera applicherò un'ombreggiatura alla lettera. Vai a Effetti> Stilizzazione> Sfalsa ombra e usa questa impostazione.


Passaggio 22

Ora salveremo l'aspetto della lettera. Vai al pannello Aspetto e assicurati che nessuno dei tratti o dei riempimenti sia selezionato. Quindi apri il pannello Stili grafica e crea un nuovo stile.


Passaggio 23

Seleziona le altre lettere e scegli lo stile appena creato.


Passaggio 24

È ora possibile modificare il riempimento del motivo per ciascuna lettera selezionando una sola lettera, selezionare il riempimento del motivo sul pannello dell'aspetto e selezionare un motivo dal pannello Campioni. Gioca con un motivo per ogni lettera fino a quando non sei soddisfatto di come appaiono.


Passaggio 25

Disporre le lettere in un modo in cui ti senti a tuo agio. Mi piace metterli nel terzo superiore della tela.


Aggiungere uno sfondo

Abbiamo quasi finito! Per completare il nostro layout, creeremo ora un'impostazione di sfondo per il tipo.


Passaggio 26

Disegna un rettangolo con le dimensioni della tela e riempilo con una luce verde.


Passo 27

Usando il pannello Aspetto aggiungi un nuovo riempimento e applica una sfumatura con un angolo di 90 °.


Passaggio 28

Imposta il riempimento sfumato su Luce soffusa e 50% Opacità.


Passaggio 29

Aggiungi un altro riempimento usando la struttura che abbiamo usato sulle lettere e impostalo su Luce soffusa al 40% di Opacità.


Immagine finale

Puoi aggiungere tutti gli elementi che desideri al layout. Aggiungerò una piccola riga di testo e abbiamo finito.