Come creare una cornice di Art Gallery in vettoriale

Una buona grafica sembra ancora meglio in una cornice. Questo tutorial fa uso del Gradient Annotator di Illustrator CS4 per simulare l'aspetto della venatura del legno. Imparerai anche come ricolorare l'artwork per ottenere effetti di luce delicati. Iniziamo!

Anteprima dell'immagine finale

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.

Parte I: Making The Gradients

Passo 1

In primo luogo, creeremo alcuni gradienti legnosi. Vai al pannello Campioni e, dal menu mobile, seleziona Apri Libreria Swatch> Sfumature> Legno.

Passo 2

Usando lo Strumento Rettangolo (M), disegna un quadrato. Riempi il quadrato con uno dei gradienti del legno. Vogliamo qualcosa con qualche contrasto, quindi ho scelto il campione "Cipro" (posiziona il cursore sopra i campioni per rivelare i loro nomi). Cambia il gradiente da lineare a radiale, selezionando "Radiale" nel pannello Sfumatura.

Passaggio 3

Con il riquadro ancora selezionato, vai sul pannello Campioni e seleziona "Nuovo gruppo di colori" dal menu mobile o fai clic sull'icona Nuovo gruppo di colori nella parte inferiore del pannello. Nella finestra di dialogo, seleziona il pulsante radiale "Dalla grafica selezionata" e chiama questo gruppo di colori "Legno scuro". Finirai con un gruppo di colori che contiene i singoli colori del gradiente.

Passaggio 4

Ora modificheremo questo gradiente aggiungendo alcune fermate ad esso con lo strumento Gradiente (G). Se stai usando Illustrator CS4, il Gradient Annotator apparirà sopra il quadrato pieno quando passi il mouse su di esso.

Fare clic sulla parte inferiore del cursore (su Annotator o nel pannello Gradiente) per aggiungere fermi al gradiente. Il cursore si trasformerà in una freccia bianca con un segno "più". Non preoccuparti per i colori ora, aggiungi solo fermate. Circa 16 o 20 andranno bene.

Passaggio 5

Fare doppio clic su ogni interruzione di colore per cambiare il colore. In CS4, questo può essere fatto direttamente dal Gradient Annotator. Usando il gruppo di colori appena creato, si alternano colori chiari e scuri.

Ora fai scorrere ciascun fermo di colore scuro più vicino a ciascun fermo di colore chiaro. Osserva le modifiche sul quadrato pieno di sfumature. Il risultato finale dovrebbe assomigliare a una sezione trasversale di un tronco d'albero. Cerca di non rendere il colore smesso equidistante; vogliamo qualche variazione nella distanza tra ogni coppia di luce / buio.

Trascina il gradiente appena creato nel pannello Campioni per salvarlo. Se lo desideri, puoi fare doppio clic sul nuovo campione per nominarlo.

Passaggio 6

Disegna un rettangolo (o qualsiasi forma) e riempilo con un gradiente di legno più chiaro dalle preimpostazioni "Legno". Qui ho scelto "Maple". Come prima, vai al pannello Campioni e scegli "Crea nuovo gruppo di colori", usando "Da disegno selezionato" come metodo. Assegna un nome a questo gruppo "Legno chiaro". Elimina la forma riempita "Maple". Ora possiamo usare questo nuovo gruppo di colori per creare un altro gradiente multi-stop.

Passaggio 7

Duplica il quadrato contenente la sfumatura "anello dell'albero" che hai fatto nel passaggio 6. Seleziona il duplicato e vai a Modifica> Modifica colori> Ricolora grafica. Nella finestra di dialogo che viene visualizzata, fai clic sull'icona del proxy Swatches in basso a destra e seleziona "Campioni documento". I gruppi di colori creati verranno visualizzati nella colonna a destra. Nota: se non si vede la colonna Gruppi di colori, fare clic sulla freccia sul lato per espandere il pannello.

Passaggio 8

Scegli il gruppo "Legno chiaro" per assegnare quei colori al nuovo gradiente. Clicca OK. Ricolorare è molto più veloce che partire da zero.

Come prima, trascina il campione gradiente più leggero nel pannello Campioni per salvarlo. Ora dovresti avere due quadrati, ognuno riempito con un diverso gradiente di legno. Puoi eliminare questi quadrati o metterli da parte.

Parte II: il telaio

Passo 1

Disegna un rettangolo, 10 pollici per 8 pollici. Tenerlo selezionato e fare doppio clic sullo strumento Scala. Inserisci 98% e fai clic su Copia. Con la copia selezionata, fai doppio clic sullo strumento Scala e inserisci 92% e fai clic su Copia. Fatelo altre tre volte, con queste percentuali: 97, 92, 98. Dovrebbe assomigliare ai risultati mostrati di seguito.

Passo 2

Seleziona lo strumento Segmento di linea (\) e traccia una linea che va dall'angolo in alto a sinistra del riquadro in basso a destra. Può essere approssimativo; lo regoleremo nel prossimo passaggio.

Passaggio 3

Attiva le guide intelligenti (comando + U). Utilizzando lo strumento Selezione diretta, sposta il punto finale della linea in modo che intersechi l'angolo in alto a sinistra del riquadro (potrebbe essere utile per visualizzare in modalità Profilo). Vedrai la parola intersecare quando hai colpito il punto giusto. Ora fai questo per il punto in basso a destra. Dovresti finire con una linea diagonale che va da un angolo all'altro.

Passaggio 4

Fare doppio clic sullo strumento Rifletti e riflettere la linea di 90 °. Ora hai un X attraverso il centro della cornice. Seleziona il X e i rettangoli. Vai a Effetto> Ecoscandaglio> Dividi o fai clic sull'icona Dividi nel pannello Elaborazione tracciati.

Passaggio 5

Usa lo strumento selezione diretta per sbarazzarti dei quattro triangoli nel mezzo del fotogramma. Trascina per selezionare, quindi premi due volte il tasto Cancella. La struttura del telaio è terminata, ora aggiungeremo la venatura del legno.

Passaggio 6

Separare gli elementi del frame. Seleziona tutti i pezzi sul lato destro del fotogramma e riempi con il gradiente di legno più chiaro che hai creato nella Parte I. Nel pannello del gradiente, inserisci 90 ° per l'angolo e un rapporto di formato del 5%. Questo cambierà i riempimenti di ogni forma individualmente, e vedrai un Annotatore di gradienti su ogni forma.

Vogliamo che il gradiente si estenda su tutti gli oggetti. Quindi, con lo strumento Sfumatura, fare clic e trascinare verso il basso attraverso gli oggetti per applicare la venatura del legno. Probabilmente dovrai iniziare sopra le forme selezionate e trascinare fino a un punto sotto di loro per farlo sembrare corretto. Questo potrebbe richiedere diversi tentativi.

Passaggio 7

Poiché si tratta di una cornice smussata, è necessario avere alcune dimensioni. Seleziona sulla forma più a destra della sezione che hai appena riempito. Nel pannello Campioni, fai clic sulla sfumatura più scura per cambiarne il riempimento. Questo ha l'effetto di far sembrare che sia tagliato dallo stesso pezzo di legno, ma è nell'ombra. Ripeti questo cambiamento con ogni altra sezione su quel lato.

Passaggio 8

Continua a riempire ciascun lato del telaio e ricolorare, come sopra. In seguito perfezioneremo l'illuminazione.

Se una delle forme ha un tratto, cambia il tratto su none. Raggruppa tutto e il gioco è fatto. La cornice dovrebbe assomigliare all'immagine qui sotto.

Parte III: The Mat

Passo 1

Crea un nuovo livello sotto il livello "Cornice" e chiamalo "Mat". Nascondi il livello "Cornice". Disegna un rettangolo leggermente più grande dell'apertura del telaio. In questo caso, è circa 8 x 6,5 pollici.

Passo 2

Fai doppio clic sullo strumento Scala, inserisci 70% e fai clic su Copia. Ora con entrambi i rettangoli selezionati, vai su Oggetto> Percorso composto> Crea (Comando + 8). Riempi la forma con un leggero colore buff. Questo è il tappetino superiore.

Passaggio 3

Seleziona la forma opaca e ridimensiona-copia come sopra, questa volta al 97%. Riempi con un colore a contrasto (ho usato il blu) e spediscilo dietro il tappetino superiore

Passaggio 4

Poiché sappiamo che la sorgente luminosa si trova nella parte superiore dell'illustrazione, riempire il tappetino superiore con un gradiente radiale che va da un colore caldo, quasi bianco ad un marrone chiaro. Trascina con lo strumento Sfumatura dalla parte superiore centrale del tappetino verso l'esterno.

Passaggio 5

Per aggiungere più dimensioni al tappetino, selezionalo e vai a Effetto> Stilizzazione> Sfalsa ombra. Poiché la luce proviene direttamente dall'alto, inserisci 0 nel campo X Offset e circa 0,05 pollici (o l'equivalente se preferisci lavorare in pixel) nell'offset Y. Dagli una leggera sfocatura. Spunta la casella Anteprima per dare un'occhiata, quindi fai clic su OK.

Seleziona il tappetino inferiore e vai a Effetto> Applica ombra esterna per aggiungere la stessa ombra. Il tuo tappetino finito dovrebbe assomigliare all'immagine mostrata sotto.

Parte IV: La lampada e il muro

Passo 1

Stiamo solo realizzando una semplice lampada da galleria sopra il fotogramma. Crea un nuovo livello sotto il livello "tappeto". Disegna un piccolo rettangolo e riempilo con il preset sfumato "Rame". Cambia l'angolo a 90 °. Disegna altri due piccoli rettangoli per i cappucci terminali e riempili con lo stesso gradiente. Regola leggermente l'evidenziatura solo per dargli qualche dimensione. Raggruppa le tre forme.

<

Passo 2

Per il muro, disegnare un rettangolo grande e inviarlo dietro la lampada. Riempi con un gradiente radiale che va da un bianco caldo, quasi bianco, a un colore neutro più scuro. Fai clic con lo strumento Sfumatura nella parte inferiore della lampada e trascina un arco di luce.

<

Ritocchi finali!

1. Mostra tutti i livelli. Dovresti avere tre totali: uno per il fotogramma, un altro per il tappetino e l'ultimo contiene la lampada e il muro. Seleziona tutto e allinea il centro orizzontalmente.

2. Seleziona la cornice e vai a Effetto> Applica ombra esterna. Poiché il riquadro ha una profondità maggiore rispetto ai tappetini, fai clic su Ombra nel pannello Aspetto per modificarlo, aggiungendo un po 'più di sfalsamento e sfocatura.

3. La parte superiore della cornice è più vicina alla luce, quindi dovrebbe essere più chiara. Seleziona il pezzo superiore con lo Strumento selezione diretta e torna alla finestra di dialogo Ricolora (Modifica> Modifica colori> Ricolora grafica). Far scorrere il cursore Luminosità su ciascun colore completamente verso l'alto. Un nuovo gradiente verrà visualizzato nel pannello Campioni e sarà possibile applicarlo anche alla parte superiore della guida inferiore. Apporta qualsiasi altra regolazione che si adatti alla fonte di luce.

4. Ora aggiungi il tuo capolavoro e abbiamo finito!

Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.