Share
Cosa starai creandoQuesto tutorial è stato originariamente pubblicato nel febbraio 2012 come tutorial Tuts + Premium. Ora è disponibile gratuitamente per la visualizzazione. Sebbene questo tutorial non utilizzi l'ultima versione di Adobe Illustrator, le sue tecniche e processi sono ancora rilevanti.
Dai un po 'di nostalgia ai tuoi disegni con una serie di pittogrammi in stile patch ricamati. In questo tutorial imparerai come sovrapporre riempimenti, tratti ed effetti speciali nel pannello Aspetto per creare una complessa immagine di una patch ricamata usando solo un cerchio e alcune forme. Cominciamo!
Nota: Poiché questa patch viene utilizzata come grafica Web, la creeremo in pixel e su piccola scala. Se vuoi realizzare questo effetto per una grafica più grande o per la stampa, dovrai ridimensionare le opzioni Aspetto di conseguenza o appiattire l'immagine una volta che hai finito e ridimensionarla da lì.
Vuoi creare incredibili disegni ricamati senza tante storie? Quindi sfoglia la nostra incredibile selezione di beni e accessori ricamati da GraphicRiver ed Envato Elements.
Iniziamo! Innanzitutto, apri Adobe Illustrator e crea un nuovo documento 160px di 160px, RGB e 75ppi, clic ok.
Seleziona il Strumento ellisse (L) e Opzione-clic sulla tavola da disegno per far apparire il Taglia opzioni. Impostare il Larghezza e Altezza a 140px, clic ok.
Apri il Allinea Impostazioni (Finestra> Allinea) e con il Ellisse selezionato, scelto Allinea alla tavola da disegno e Allineare l'ellisse verticalmente e orizzontalmente con la tavola da disegno.
Vai al Pannello Aspetto (Finestra> Aspetto) e impostare il Ellisse avere Nessun riempimento e a Linea 3pt in un colore di tono medio (ho usato un arancio caldo - # F7941E) impostare il berretto e Angolo a Il giro.
Clicca sulFxicona nella parte inferiore del Pannello Aspetto e vai a Distorci e trasforma> Zig Zag. Impostare il Taglia dello Zig Zag a 6pt e fare clic ok.
Clicca sul "Fx" icona nella parte inferiore del Pannello Aspetto e vai a Distorsione e Trasforma> Trasforma. Impostare il Orizzontale e Scala verticale a 103% e Mossa Orizzontale e Verticale a 1.4px, clic ok.
Seleziona il tratto nel Aspetto pannello e fare clic su "Duplica elemento selezionato" icona nella parte inferiore del pannello. Assicurati che il nuovo tratto sia sopra il primo che hai fatto, possibilità che il colore sia leggermente più chiaro del primo colore (ho usato un arancione caldo leggero - # FBB040).
Apri il Impostazioni del tratto facendo clic sul menu a discesa e fare clic su Trasformare impostazioni. Cambiare il Orizzontale e Scala verticale a 100%, clic ok.
Seleziona l'ultimo tratto che hai fatto Aspetto pannello e fare clic su "Duplica elemento selezionato" icona nella parte inferiore del pannello. Assicurati che il nuovo tratto sia sopra il primo che hai fatto, cambia il colore per essere leggermente più chiaro e più luminoso del secondo colore (ho usato un giallo caldo - # FBDC6F). Riduci il Peso dell'ictus a 0.25pt, clicca sul Zig Zag opzioni e cambiare la dimensione in 3px.
Seleziona l'ultimo tratto che hai fatto Aspetto pannello e fare clic su "Duplica elemento selezionato" icona nella parte inferiore del pannello. Assicurati che il nuovo tratto sia sopra il primo che hai fatto, cambia il colore per essere leggermente più chiaro e più luminoso del terzo colore (ho usato un giallo chiaro - # FFE395).
Aumentare il peso del tratto a 0.75pt, clicca sul Zig Zag opzioni e cambiare la dimensione in 6px. Controlla che il Trasforma l'effetto l'impostazione è impostata su Orizzontale e Scala verticale a 100%, clic ok.
Seleziona l'ultimo tratto che hai fatto Aspetto pannello e fare clic su "Duplica elemento selezionato" icona nella parte inferiore del pannello. Assicurati che il nuovo tratto sia sopra il primo che hai fatto, cambia il colore in modo che sia leggermente più scuro del terzo resto dei colori (ho usato un senape marrone - # BA6F18). Aumentare il Peso del Ictus a 1pt.
Clicca sul Zig Zag opzioni e cambiare la dimensione in 3px, clic ok.
Cambiare il Trasforma l'effetto impostazioni a Orizzontale aND Scala verticale a 95% e Orizzontale e Movimento verticale a 0.7px, clic ok.
Assicurati il tuo Griglia è impostato per pixel, puoi farlo andando a Impostazioni> Guide e griglia e cambiando il Linea della griglia essere tutti 10px e il suddivisioni essere 10px. Fare il Griglia visibile (Visualizza> Mostra griglia) e schiocco le forme al Griglia (Visualizza> Aggancia alla griglia).
Ora faremo il riempimento del tessuto per il badge. Fare un Nuovo strato e Serratura il livello precedente prima di iniziare questo passaggio. Prendi il Strumento rettangolo (M) e Opzione sulla tavola da disegno. Impostare il Rettangolo avere un Larghezza di 4px e a Altezza di 1px, clic ok.
Seleziona il Rettangolo e Opzione-Mouse Trascinare la forma per fare una copia. Fai due copie, una accanto all'altra. Questa è la prima fila di rettangoli che farà il modello. Nell'immagine di esempio sotto il rettangolo centrale è un grigio più chiaro in modo da poter vedere come viene posizionato. I tuoi rettangoli possono essere di qualsiasi colore in questa fase, li coloreremo con un gradiente più tardi.
Seleziona due rettangoli che sono uno accanto all'altro e Opzione-trascinamento del mouse le due forme per fare una copia nel mezzo della prima riga di rettangoli. Questa è la seconda fila di rettangoli che farà il modello.
Selezionare tutti i rettangoli (5 rettangoli) e Opzione-trascinamento del mouse le cinque forme per fare una copia sotto le prime due file di rettangoli. Questo è il terzo e il quarto rettangolo che farà il modello.
Apri il Pannello sfumatura (Finestra> Gradiente) e riempire i rettangoli con un beige / marrone Gradiente lineare, una luce scura Puoi vedere la distribuzione dei gradienti nell'immagine qui sotto.
Disegnare un Rettangolo con 0 Riempi e 0 Linea, coprendo il modello usando i due rettangoli in basso come guida. Clic sul livello su cui stai lavorando e vedrai che il rettangolo nel proprio livello (evidenziato in blu). Prendi questo strato e Trascinare è sotto gli oggetti che compongono il modello.
Selezionare tutti i rettangoli e trascinarli nel campioni pannello, disegnare un grande Piazza e Riempire con il campione che hai appena creato. Se il modello è stato realizzato correttamente, avrai un modello senza cuciture che assomiglia all'immagine qui sotto. Se il modello non funziona correttamente, torna al passaggio precedente e assicurati che il rettangolo trasparente sia posizionato correttamente sotto i rettangoli del gradiente.
Gira il modello Layer Off e tornare al toppa. Selezionalo e aggiungi un Nuovo riempimento in fondo al Aspetto (puoi farlo cliccando sul Aggiungi nuovo riempimento icona nella parte inferiore del pannello). Clicca nel Riempire opzioni e scegliere il modello che hai fatto nel passaggio precedente.
Aggiungere un Nuovo riempimento sopra il modello di tessuto e riempirlo con un colore marrone chiaro (che ho usato # C69C6D). Clicca nel Riempire opzioni e impostare il Opacità a 65%, questo ammorbidirà un po 'il pattern e ti consentirà di giocare con l'intensità senza dover cambiare i gradienti.
Seleziona il livello del modello e Alt-Click con il Ruota strumento (R) per far apparire il Ruotare Opzioni. Impostare l'angolo su -20 e deselezionare Oggetti in modo che solo il modellosarà cambiato. Clic ok.
La patch ora sembra quasi completa. Per renderlo un po 'più realistico, seleziona il riempimento del modello nel pannello Aspetto e aggiungi un Ombra esterna. Clicca sul "Fx" icona nella parte inferiore del Aspetto pannello e navigare verso Stilizzazione> Sfalsa ombra. Impostare il Offset X e Y. a 7px, il blur a 5px e il Modalità di fusione a Moltiplicare, clic ok.
Ora aggiungeremo le cuciture interne. Aggiungi un bianco Ictus in cima al Aspetto, e fare clic sul Ictus opzioni. Impostalo su 1px. Clicca sul "Fx" icona nella parte inferiore del Aspetto pannello e navigare verso Percorso> Percorso di offset. Impostare il Compensare a -10px, clic ok.
Ancora una volta, fare clic su "Fx" icona nella parte inferiore del Aspetto pannello e navigare verso Distorci e trasforma> Trasforma. Impostare il Scala a 100% e il Sposta orizzontale a 1px e il Sposta verticale a 2px. Clic ok.
Apri il Ictus impostazioni, fare clic Linea tratteggiata, e fare il I trattini e Lacune 6pt ogni. Quindi cambia il berretto e angoli a arrotondato.
Infine, fai clic su "Fx" icona nella parte inferiore del Aspetto pannello e navigare verso Stilizzazione> Sfalsa ombra. Impostare le opzioni su Modalità, Normale - Y e X Offset, 0 px e blur 1px. Clic ok.
Duplicare il Linea tratteggiata aspetto e cambiare il Trasforma l'effetto avere un ruotato Angolo di 45 °, fare clic su OK.
Ora aggiungeremo alcuni effetti di luce alla patch. Innanzitutto, crea un nuovo livello di riempimento sopra le altre impostazioni di aspetto. Clicca sul "Fx" icona nella parte inferiore del Aspetto Pannello e vai a Percorso> Percorso di offset. Impostare il Offset a -11px, clic ok.
Riempire questo strato con un gradiente radiale che va da un caldo beige / arancio al bianco trasparente. Utilizzare il Strumento sfumatura (G) per posizionare e regolare il radiale nella parte superiore sinistra della patch.
Impostare il Opacità del Riempimento radiale a 25%.
Duplicare il Aspetto di riempimento radiale e cambia il gradiente per avere un colore marrone medio, usa il Strumento sfumatura (G) posizionare il Gradiente radiale in basso a destra della patch.
Zoom sue dai un'occhiata alla patch. Se è un po 'buio, o ti piacerebbe farlo sembrare un po' lucido, quindi aggiungere un finale Ictus in cima al Aspetto (Duplicare uno dei precedenti Zig Zag tratti e spostalo in cima al Aspetto pannello). Apri il zig Opzioni Zag, cambiare il Taglia a 8px, e il Creste per segmento a 100. Clic ok.
Se c'è un Trasforma l'effetto applicato al Ictus, cambiare il Mossa impostazioni a 0px, e il Orizzontale e Scala verticale a 101%.
Apri il Opacità impostazioni, cambiare il Modalità di fusione a Schermo e il Opacità a 40%.
Ora hai finito con le impostazioni della patch. Creare colori diversi è semplice, tutto ciò che devi fare è cambiare i colori delle linee a zigzag. Assicurati di salvare il Aspetto selezionando la patch e facendo clic sul Nuovo stile grafico icona nella parte inferiore del Stili grafici pannello.
Ora faremo il logo ricamato. Usando i passi del disegno del modello come riferimento, torna al Pattern Layer e crea una griglia di rettangoli pieni sfumati di colore crema e beige. Crea un modello dai rettangoli e tornare al livello patch.
Usando il Strumento Penna, disegna la forma che vuoi usare sulla patch. Assicurarsi che non vi siano angoli sull'immagine in quanto possono distorcere il motivo di cucitura. Ho usato il logo Envato.
Seleziona le forme dell'immagine e applicane una nuova Aspetto. Il Aspetto è un 36% bianco opaco Riempire nella parte superiore, il modello di tessuto nel mezzo, con un riempimento marrone medio nella parte inferiore. Anche un Offset Path ("Fx" icona nella parte inferiore del Aspetto pannello e navigare verso Percorso> Percorso di offset. Impostare il Compensare a 3px, clic ok.)
Puoi cambiare facilmente la sfumatura del tessuto cambiando il colore del riempimento sullo strato superiore del tessuto Aspetto pannello.
Per completare l'immagine sul patch, applicheremo una linea a punto croce nella parte superiore delle forme. Innanzitutto, crea una piccola croce con il Strumento Penna (assicurati che la linea abbia le estremità arrotondate) e trascinala nel Spazzole pannello. Impostare il Spazzola a Pattern Brush e impostare il In forma a Allunga per adattarsi. Impostare il Metodo di colorizzazione a Hue Shift (Questo ti permetterà di colorare la linea di qualsiasi colore che ti piace), clicca ok.
Seleziona la prima sezione della tua forma e fai una copia sopra con Comando-C poi Comando-F. Adesso Chiaro l'aspetto dalla forma (fare clic sul menu a comparsa sul lato del Aspetto pannello e fare clic su Chiara apparenza).
Ho impostato la linea della forma chiara per il pennello a punto croce e cambiato il colore in modo che corrisponda alla tua immagine, ho usato il bianco. Salva l'aspetto della linea a punto croce sul Stili grafici pannello e copia la prossima sezione dell'immagine (Comando-C poi Comando-F). Ora fai clic sul Aspetto della linea a punto croce nel Stili grafici pannello per applicare l'effetto punto. Ripeti per il resto delle forme.
Ed ecco qua, una patch ricamata al 100% vettoriale. È molto divertente fare i diversi disegni. Giocare con le combinazioni di colori della linea e riempie per venire con i tuoi disegni unici. Divertiti!
Puoi ottenere lo stesso aspetto del risultato sopra con alcuni stili o azioni di livello. Sfoglia la nostra incredibile collezione di risorse di design da ricamo da GraphicRiver per risultati sorprendenti. E controlla uno dei nostri preferiti elencati di seguito!
Ti senti un po 'furbo? Questo fantastico pacchetto ha tutto il necessario per creare vettori realistici a maglia. In questo pacchetto sono inclusi stili grafici a maglia, pennelli a pulsante e persino pennelli per pennelli di Illustrator.
Accentsconagua