Share
Questo tutorial mostra come creare un effetto vetro colorato in Adobe Illustrator. Il metodo è piuttosto semplice e veloce, ma il risultato sembra molto bello, specialmente quando si utilizza una bella immagine come riferimento. Iniziamo!
Di seguito è l'immagine finale su cui lavoreremo. Vuoi accedere ai file Vector Source completi e alle copie scaricabili di ogni tutorial, incluso questo? Unisciti a Vector Plus per soli 9 $ al mese.
Ho deciso di creare un effetto vetro colorato quando ho visto una bellissima lampada Tiffany. E, anche se potrebbe essere facile creare un mosaico con effetti raster di Illustrator, ho pensato che sarebbe stato meglio renderlo un modo diverso. Il semplice metodo che descrivo in questo tutorial riguarda solo alcuni strumenti. Inoltre, otterrai risultati migliori con un'immagine di riferimento, indipendentemente dal fatto che si tratti del tuo schizzo, di una foto o di qualsiasi altra immagine che ti piace.
Apriamo Adobe Illustrator e creiamo un nuovo documento. Imposta come predefinito il formato A4 (210x297 mm in orizzontale), ma l'immagine può essere creata in qualsiasi dimensione. L'ho impostato in modalità colore RGB, ma puoi scegliere CMYK se preferisci.
Ora avremo bisogno di un'immagine di riferimento, e devi sapere qualcosa a riguardo. Risoluzione e qualità non contano, può essere una piccola foto. Per un effetto vetro colorato è meglio non scegliere immagini ad alta frequenza, il che significa immagini con molti piccoli dettagli o con oggetti molto distanti.
Sarà piuttosto difficile riprodurre aree minuscole con così tanti pezzi di vetro (dovrai creare ognuno di essi). Pertanto, i paesaggi cittadini o i ritratti dettagliati non sono la scelta migliore. Scegli un'immagine a bassa frequenza come una natura morta, fiori o un paesaggio. Vedi gli esempi qui sotto.
Va bene, quando viene scelta l'immagine di riferimento, posizionarla nel documento (File> Inserisci). Ho usato una splendida foto "Spring bouquet" che il fotografo russo Nattalia Shloma mi ha gentilmente concesso di usare in questo tutorial. Ha alcune sorprendenti composizioni floreali perfette per effetti di vetro colorato.
Posiziona e ridimensiona l'immagine posizionata a tuo piacimento, in modo che l'oggetto principale si trovi al centro. Quindi fai clic due volte sul livello nel pannello Livelli (F7) e rinominalo in "foto". Controlla l'opzione "modello", inserisci anche 100% nel campo Dim To. In questo modo l'immagine sarà visibile anche in modalità contorno.
Ho lasciato alcuni spazi vuoti per riempirlo di vetri più tardi, e ho anche deciso di ritagliarlo con una maschera di ritaglio. Crea semplicemente un rettangolo delle stesse dimensioni del documento, seleziona sia la forma rettangolare che l'immagine, quindi premi Comando + 7.
Ora crea un nuovo livello e chiamalo "Vetreria". Scegli lo Strumento Linea (\) e assicurati che il tuo livello inferiore con un'immagine di riferimento sia bloccato, quindi non lo selezioni accidentalmente. I colori non hanno più importanza ora, li cambierai in seguito, quindi puoi scegliere un tratto di colore vivido con cui lavorare.
Ora è il momento di creare la forma di base della vetrata. Questa è la parte più lunga del tutorial e richiede un po 'di pazienza. Disegna la bozza approssimativa della vetrata, in modo che le linee siano i bordi tra i pezzi di vetro.
Inizia a creare linee che seguono gli oggetti principali nell'immagine. Assicurati che ogni linea tocchi un'altra linea o il bordo dell'immagine con i suoi endpoint. Stai facendo dei pezzi di vetro futuri, tienilo a mente - quindi l'idea è di rompere la superficie in oggetti separati. Evitare Aperto la linea finisce, è molto importante, quindi la chiave è la sovrapposizione!
Attiva le smart guide (Command + U) per aiuto. In questo modo vedrai dove si incrociano le linee. Non è necessario copiare esattamente l'immagine di riferimento. Ho deciso di rendere il tavolo piatto e pulito, ho lasciato cadere il tulipano caduto e ho cambiato la forma del vaso.
Le aree piatte come il muro o il tavolo saranno composte da pezzi di vetro più grandi, mentre gli oggetti più piccoli (fiori e foglie) necessitano di un lavoro più dettagliato. Prova a disegnare linee che seguono approssimativamente i bordi di ogni oggetto. Ricorda: è meglio creare pezzi di vetro più piccoli in cui non ne abbiamo realmente bisogno, piuttosto che creare un enorme pezzo in cui abbiamo bisogno di maggiori dettagli.
Qui ho sostituito la mimosa con foglie più semplici per evitare troppi piccoli dettagli. È possibile passare alla modalità contorno (Comando + Y) se il colore della linea disturba. Questo è quello che ho per ora.
È facile sapere che sei pronto per il prossimo passaggio: basta disattivare la visibilità del livello inferiore e vedrai se le linee sembrano riconoscibili. Assicurati che ogni oggetto importante della tua foto di riferimento sia appropriato pezzo di vetro delimitata da linee sul livello superiore.
Controllare due volte che le linee si tocchino l'una con l'altra o il bordo dell'immagine. Correggere gli spazi vuoti e tutti i punti che sono leggermente oltre il confine: spostali semplicemente con lo Strumento selezione diretta (A). Sarai in grado di correggerlo più tardi però.
Una volta che la bozza delle linee sembra OK, seleziona tutte le linee che hai creato (puoi semplicemente fare clic sul cerchio accanto al nome del livello nel pannello Livelli). Ora scegli lo strumento Warp (Shift + R) e inizia a deformare le linee per renderle ondulate - iniziare con grandi dimensioni pezzi di vetro utilizzando la dimensione dello strumento predefinita. Quando inizi a lavorare su pezzi più piccoli, modifica le impostazioni dello strumento in una maniglia in aree più sottili, fai clic su Invio e regola intensità, semplicità e dimensioni.
Puoi anche cambiare rapidamente le dimensioni dello strumento di curvatura tenendo premuto Alt e trascinando verso l'interno o l'esterno (per mantenere le proporzioni anche tenere premuto Shift). Fai in modo che la linea funzioni la forma degli oggetti immagine. Devi finire con qualcosa di simile all'immagine mostrata qui sotto (ho reso invisibile il livello inferiore).
Bene, l'ultima cosa da fare prima di aggiungere il colore è creare un rettangolo che sarà il bordo dell'immagine. Assicurati che non abbia riempimento e tocchi le linee in modo che non ci siano spazi vuoti. Ora, seleziona l'intero livello (linee e rettangoli insieme), raggruppa questi oggetti (Comando + G) e assegna a questo gruppo un tratto di 3 punti di colore marrone chiaro (# BC8B0F).
Ora dovresti fare una copia di questo gruppo, lo useremo in seguito: premi Comando + C e Comando + F. La copia appare sopra il gruppo originale. Nascondilo per ora premendo Comando + 3 o facendo clic sull'icona a forma di occhio accanto alla copia di gruppo nel pannello dei livelli. Di seguito viene mostrato l'aspetto con l'immagine in basso disattivata.
Ora aggiungiamo un po 'di colore alla nostra grafica: seleziona il gruppo originale di lavoro sulla linea e vai a Oggetto> Pittura dinamica> Crea (Alt + Comando + X). Questo trasforma il gruppo in un gruppo di pittura dal vivo: il riquadro di delimitazione attorno potrebbe cambiare leggermente. Ora puoi ricolorare lo spazio tra le linee con lo strumento di pittura dinamica (K).
Per scegliere i campioni ti suggerisco di andare su Finestra> Librerie campioni e selezionare la combinazione che preferisci (ho usato le librerie "Cibo" e "Natura"). Basta fare clic sul campione di colore come colore di riempimento e portare il cursore dello strumento sull'area che si desidera dipingere, verrà indicato con un'ampia selezione. Inizia a dipingere l'intera immagine con i colori che ti piacciono (non cambiare però il colore del tratto).
Potresti dover affrontare alcuni problemi quando dipingi i tuoi vetri. Se alcune aree appaiono come una singola a causa di spazi tra le linee, selezionare il punto finale della linea con lo Strumento selezione diretta (A) e spostarlo per chiudere il divario.
Se senti che mancano alcune linee, disegna nuove linee e deformale con lo strumento Warp, quindi seleziona sia le nuove linee che il gruppo Colore dinamico e vai a Oggetto> Pittura dinamica> Unisci. Le linee saranno aggiunte al gruppo.
Continua a dipingere la tua immagine: puoi modificare il colore di qualsiasi parte di questo gruppo, se lo desideri con lo stesso strumento di pittura dinamica. Spegni la visibilità del livello inferiore per verificare il riempimento della vetrata. Di seguito è quello che ho finora.
Per completare la forma di base della vetreria, visualizzare il gruppo di backup duplicato nel passaggio 6 (premere Alt + Comando + 3). Seleziona il duplicato e modifica il suo tratto a 2 pt e colore giallo scuro (# EAA00C). Ora copia nuovamente il gruppo di fronte (Comando + C e Comando + F) e dai a questo un tratto da 1 pt e un colore giallo chiaro (# FCD515). In questo modo i bordi di vetro sembrano fatti con una lamina di rame.
Alla fine, ritagliamo l'immagine. Disegna il rettangolo sopra la vetrata in modo che copra l'intera tela (oppure puoi copiarne una dal livello inferiore). Rendi il livello una maschera di ritaglio (seleziona il livello "Vetreria" nel pannello Livelli e scegli Crea maschera di ritaglio nel menu a comparsa). Ora puoi bloccare il livello "Vetreria", dato che il lavoro di base è terminato.
Crea un nuovo livello e chiamalo "Realismo" (come aggiungeremo ora alcuni dettagli realistici). Crea un rettangolo che copra di nuovo l'intera area (o copia il tracciato di ritaglio dal livello sottostante). Duplicalo due volte e nascondi le copie per un momento (Comando + C e Comando + F). Seleziona il primo e fallo riempire il 50% di nero senza alcun tratto. Ora vai su Effetti> Artistico> Spugna, inserisci questi valori:
Puoi ora andare al pannello Opacità (Maiusc + Comando + F10) e cambiare la modalità di fusione del rettangolo in Sovrapposizione. Ora, con esso ancora selezionato, vai di nuovo in Effetti> Schizzo> Distorsione plastica e inserisci quanto segue:
Creerà una bella trama di vetro. Puoi ridurre la sua opacità per un effetto più sottile. Inoltre, se il tuo documento ha dimensioni diverse, potresti voler cambiare un po 'le impostazioni degli effetti.
Scopri la prima copia del rettangolo e riempila con una sfumatura radiale da bianca a nera. Sposta il punto centrale del gradiente con lo strumento Sfumatura (G), ovunque tu voglia imitare la luce fuori dalla finestra di vetro. Ora cambia la modalità di fusione del rettangolo in Luce soffusa.
L'immagine sembra già buona, ma se vuoi aggiungere un'illuminazione supplementare, seleziona il terzo rettangolo sopra gli altri due, riempilo con un colore grigio e trasformalo in una trama sfumata (Oggetto> Crea mesh sfumata), inserisci 4 per le righe e 6 per colonne. Ora cambia un punto del colore in bianco, selezionandoli con la freccia bianca (A), e sposta alcuni punti e maniglie per creare le forme delle transizioni di colore.
Ora, cambia di nuovo la modalità mesh su Soft Light e regola l'opacità se vuoi. Questo oggetto imita ulteriori fonti di luce all'esterno di una finestra di vetro. A questo punto ho anche modificato leggermente i colori del gruppo Light Paint. Ecco, di seguito è il mio risultato.
In questo tutorial abbiamo realizzato un effetto vetro colorato con un metodo semplice utilizzando diversi strumenti di Illustrator. Puoi usare la maggior parte delle immagini come riferimento per creare questo effetto, ma cerca di evitare le immagini ad alta frequenza.
Questo metodo produce buoni risultati quando viene creato da zero, dato che puoi creare a caso una linea e dipingerla a tuo piacimento. Inoltre, anche l'ornamento più semplice con questo effetto applicato sembra bello - guarda l'immagine qui sotto. Spero che tu abbia trovato qualcosa di utile per te stesso in questa tecnica.
Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.
Accentsconagua