Share
Nel seguente tutorial, imparerai come creare una mensola in legno e un'illustrazione vetrosa. Useremo le tecniche di pixel perfect vector build, costruite con pattern di Illustrator, gradienti controllati, strumenti Pathfinder e molto altro per creare questi scaffali.
Premi Comando + N per creare un nuovo documento. Immettere 600 nelle caselle larghezza e altezza, quindi fare clic sul pulsante Avanzate. Seleziona RGB, schermo (72ppi) e assicurati che la casella "Allinea nuovi oggetti alla griglia pixel" sia deselezionata prima del tuo clic OK.
Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Successivamente, avrai bisogno di una griglia ogni 5px. Vai a Modifica> Preferenze> Guide e griglia, inserisci 5 nella griglia a ogni casella e 1 nella casella Sottori..
Puoi anche aprire il pannello Informazioni (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di sostituire l'unità di misura in pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Seleziona lo strumento Rettangolo (M) e crea una forma da 300 x 15 pixel. Riempi con un colore casuale e rimuovi il colore dal tratto. Assicurati che questa forma sia selezionata e passa allo Strumento selezione diretta (A). Seleziona il punto di ancoraggio in alto a sinistra e spostalo di 25px a destra. Ora seleziona il punto di ancoraggio in alto a destra e spostalo di 25px a sinistra. Alla fine, la tua forma dovrebbe apparire come un trapezio (immagine 2). Riseleziona, sostituisci il colore di riempimento esistente con R = 5 G = 211 B = 248, e abbassa la sua Opacità al 5%.
Disattiva lo snap alla griglia (Visualizza> Blocca sulla griglia), quindi vai a Modifica> Preferenze> Generale e assicurati che l'incremento della tastiera sia impostato su 1 pixel. Riseleziona la forma creata nel passaggio precedente e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e premi due volte la freccia destra per spostarla di 2px verso destra. Riselezionare entrambe le copie, aprire il pannello Pathfinder e fare clic sul pulsante Meno anteriore. Riempi la forma risultante con R = 0 G = 157 B = 221 e abbassa la sua opacità al 10%.
Riseleziona la forma creata nel secondo passaggio e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 2px a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Ancora una volta, riempire la forma risultante con R = 0 G = 157 B = 221 e abbassare la sua opacità al 10%.
Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Rettangolo (M), crea una forma 25 x 10 px e posizionalo come mostrato nella prima immagine. Riempi con un colore casuale e rimuovi il colore dal tratto. Assicurati che questa forma sia selezionata e passa allo Strumento selezione diretta (A). Seleziona i punti di ancoraggio giusti e spostali verso il basso di 15 px. Alla fine la tua forma dovrebbe assomigliare alla seconda immagine mostrata. Riseleziona, sostituisci il colore di riempimento esistente con R = 5 G = 211 B = 248, e abbassa la sua Opacità al 5%.
Seleziona lo strumento Rettangolo (M), crea una nuova forma 25 x 10 px e posizionalo come mostrato nella prima immagine. Riempi con un colore casuale e rimuovi il colore dal tratto. Assicurati che questa forma sia selezionata e passa allo Strumento selezione diretta (A). Seleziona i punti di ancoraggio sinistro e spostali verso il basso di 15 px. Alla fine, la tua forma dovrebbe assomigliare alla seconda immagine mostrata. Riseleziona, sostituisci il colore di riempimento esistente con R = 5 G = 211 B = 248, e abbassa la sua Opacità al 5%.
Seleziona lo strumento Rettangolo (M), crea una forma 250 x 10 px e posizionalo come mostrato nella prima immagine. Assicurati che questa nuova forma sia selezionata e concentrati sul pannello Aspetto. Per prima cosa, seleziona il riempimento, imposta il colore su R = 5 G = 211 B = 248 e abbassa la sua opacità al 5%.
Successivamente, aggiungi un tratto 1pt per questa forma. Selezionalo dal pannello Aspetto, imposta il colore su R = 0 G = 157 B = 221, allineatlo verso l'interno e riduci l'opacità al 10%. Riseleziona questo rettangolo, assicurati che nessun riempimento o tratto sia selezionato (nel pannello Aspetto) e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati nella seconda immagine e fare clic su OK.
Seleziona lo strumento Rettangolo (M), crea una forma da 300 x 10 px e posizionalo come mostrato nella prima immagine. Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona questo rettangolo e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di -1px e fai clic su OK.
Seleziona la forma risultante e crea una copia in primo piano (Comando + C> Comando + F). Seleziona questa copia e spostala 1px in basso. Riselezionare questa copia spostata, insieme alla forma originale, e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco e abbassa la sua opacità al 60%.
Riseleziona il rettangolo creato all'inizio del passaggio precedente e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in basso e spostala 3px in basso. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 5%.
Riselezionare il rettangolo creato all'inizio dell'ottavo passaggio e riempirlo con il gradiente lineare mostrato di seguito. I numeri gialli dall'immagine del gradiente indicano la percentuale di opacità. Assicurati che questa forma sia ancora selezionata, aggiungi un tratto 1pt e concentrati sul pannello Aspetto. Selezionare il tratto, allinearlo all'interno, impostare il colore su R = 0 G = 157 B = 221 e abbassare la sua opacità al 15%.
Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Rettangolo (M), crea una forma da 300 x 15 px e posizionala come mostrato nella prima immagine. Riempi con un colore casuale e rimuovi il colore dal tratto. Assicurati che questa forma sia selezionata e passa allo Strumento selezione diretta (A).
Seleziona il punto di ancoraggio in alto a sinistra e spostalo di 25 px a destra. Ora seleziona il punto di ancoraggio in alto a destra e spostalo di 25px a sinistra. Alla fine, la tua forma dovrebbe apparire come un trapezio (immagine 2). Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona la forma trapezoidale e crea due copie davanti (Comando + C> Comando + F> Comando + F).
Seleziona la copia in alto e spostala 2px a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 0 G = 157 B = 221 e abbassa la sua opacità al 10%.
Riseleziona la forma trapezoidale creata nel passaggio precedente e crea due copie davanti (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 2px a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 0 G = 157 B = 221 e abbassa la sua opacità al 10%.
Riselezionare la forma trapezoidale creata nel passaggio precedente e sostituire il colore piatto utilizzato per il riempimento con il gradiente lineare complesso mostrato nell'immagine seguente. Ricorda che i numeri gialli dall'immagine del gradiente indicano la percentuale di opacità, mentre i numeri bianchi indicano la percentuale di posizione.
Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Rettangolo e crea una forma 10 x 35 pixel. Riempilo con il gradiente lineare mostrato sotto e posizionalo come mostrato nella prima immagine. Disattiva lo snap alla griglia (Visualizza> Aggancia alla griglia), seleziona questo nuovo rettangolo e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 1 pixel a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 122 G = 122 B = 122.
Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Rettangolo e crea una forma di 10 x 15 pixel. Riempilo con il gradiente lineare mostrato sotto e posizionalo come mostrato nella prima immagine. Assicurati che questa forma sia selezionata e passa allo Strumento selezione diretta (A). Seleziona i punti di ancoraggio inferiori e spostali di 25 px a sinistra.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona la forma creata nel passaggio precedente e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 1 pixel a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 122 G = 122 B = 122.
Riseleziona la forma creata nel quindicesimo passaggio e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 1 pixel a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 205 G = 205 B = 205.
Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Per il prossimo passo avrai bisogno di una griglia ogni 1px. Quindi, vai a Modifica> Preferenze> Guide e griglia e inserisci 1 nella griglia ogni casella. Seleziona lo strumento Ellisse (L), crea due cerchi da 2 a 2 pixel e posizionali come mostrato nella prima immagine.
Seleziona il cerchio superiore, riempilo con R = 45 G = 45 B = 45 e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati visualizzati nella finestra di sinistra e fare clic su OK. Seleziona il cerchio in basso, riempilo con R = 150 G = 150 B = 150, e applica Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati visualizzati nella finestra di destra e fare clic su OK.
Ritorna a "gridline ogni 5px". Quindi, vai a Modifica> Preferenze> Guide e griglia e inserisci 5 nella griglia ogni casella. Seleziona tutte le forme create negli ultimi cinque passaggi e raggruppale (Comando + G). Seleziona questo nuovo gruppo e invialo indietro (Maiusc + Comando + [).
Riseleziona il gruppo creato nel passaggio precedente e fai una copia in primo piano (Comando + C> Comando + F). Seleziona questo nuovo gruppo, trascinalo a destra e posizionalo come mostrato nella prima immagine. Assicurati che questa copia di gruppo sia ancora selezionata e vai su Oggetto> Trasforma> Rifletti. Controlla il pulsante Orizzontale e clicca OK. Il gruppo risultante dovrebbe assomigliare alla seconda immagine.
Passare al pannello Livelli e aprire il gruppo creato nel passaggio precedente. Seleziona il rettangolo 10 x 35 px e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito (nella finestra di sinistra) e fare clic su OK. Continua a concentrarti sul pannello Livelli e apri la copia di gruppo creata all'inizio di questo passaggio. Ancora una volta, seleziona il rettangolo 10 x 35px e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito (nella finestra di destra) e fare clic su OK.
Seleziona lo strumento Rettangolo e crea una forma 10 x 5 pixel. Riempilo con il gradiente lineare mostrato nell'immagine seguente e posizionalo come indicato.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona il rettangolo creato nel passaggio precedente e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 1px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 160 G = 160 B = 160.
Riseleziona il rettangolo creato nel passaggio 21 e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito (nella finestra di sinistra), fare clic su OK e tornare a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito (nella finestra di destra) e fare clic su OK.
Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona le forme create negli ultimi tre passaggi e duplicale (Comando + C> Comando + F). Seleziona queste copie, trascinale verso destra e posizionale come mostrato di seguito. Seleziona il rettangolo 10 x 5 pixel e concentrati sul pannello Aspetto. Apri il secondo effetto Ombra esterna e modificalo come mostrato nell'immagine seguente.
Seleziona tutte le forme create finora e duplicale (Comando + C> Comando + F). Seleziona queste copie e fai clic sul pulsante Unite dal pannello Pathfinder.
Ancora una volta, per il seguente passaggio avrai bisogno di una griglia ogni 1px. Quindi, vai a Modifica> Preferenze> Guide e griglia e inserisci 1 nella griglia ogni casella. Riselezionare la forma creata nel passaggio precedente e ruotarla di 180 gradi. Trascinalo verso il basso, posizionalo come mostrato nella prima immagine e invialo indietro (Maiusc + Comando + [). Quindi, riempilo con il gradiente lineare mostrato nella seconda immagine. Abbassa la sua opacità al 15% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 5px e fai clic su OK.
Ritorna a "gridline ogni 5px". Seleziona lo strumento Rettangolo (M), crea una forma di 250 x 10 px e riempilo con il gradiente lineare mostrato di seguito. Posizionalo come mostrato nella prima immagine, abbassa la sua Opacità al 5% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 3 pixel e fai clic su OK.
Seleziona tutte le forme create finora e raggruppale (Comando + G). Questo sarà il tuo scaffale vetroso. Crea una copia di questo gruppo e trascinalo di diversi pixel verso il basso. Passare al pannello Livelli, aprire questo nuovo gruppo ed eliminare le forme selezionate nella seconda e nella terza immagine. Alla fine, dovresti avere solo il trapezio blu e il rettangolo 300 x 10px, insieme ai due rettangoli più sottili. Seleziona il trapezio, aumenta la sua Opacità al 100% e riempilo con R = 185 G = 143 B = 92.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona il trapezio e crea due copie davanti (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 1 pixel verso il basso. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 139 G = 94 B = 60.
Riseleziona il trapezio e crea due nuove copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 1px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 238 G = 208 B = 157.
Riselezionare il trapezio, concentrarsi sul pannello Aspetto e aggiungere un secondo riempimento utilizzando il pulsante Aggiungi nuovo riempimento. È la piccola icona quadrata bianca che si trova nella parte inferiore del pannello Aspetto. Seleziona questo nuovo riempimento dal pannello Aspetto, abbassa l'Opacità al 50% e aggiungi il gradiente lineare mostrato nella prima immagine. Ricorda che lo zero giallo dall'immagine del gradiente indica la percentuale di opacità. Assicurati che il trapezio sia ancora selezionato e aggiungi un terzo riempimento. Ancora una volta, selezionalo dal pannello Aspetto, abbassa la sua Opacità al 50% e aggiungi il gradiente lineare mostrato nella seconda immagine.
Seleziona il trapezio e aggiungi un quarto riempimento. Selezionalo dal pannello Aspetto, rendilo nero, riduci l'Opacità al 10%, cambia la modalità di fusione in Moltiplica e vai a Effetto> Schizzo> Penna grafica. Inserire i dati mostrati di seguito e fare clic su OK. Riseleziona il trapezio, assicurati che nessun riempimento o tratto sia selezionato (nel pannello Aspetto) e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati nell'immagine seguente e fare clic su OK.
Vai al rettangolo 300 x 10px. Aumentare la sua opacità al 100% e riempirlo con R = 185 G = 143 B = 92. Quindi, seleziona il rettangolo bianco sottile. Aumentare la sua opacità al 100% e sostituire il bianco con R = 238 G = 208 B = 157.
Riselezionare il rettangolo 300 x 10 pixel, aggiungere un secondo riempimento e utilizzare il gradiente lineare mostrato di seguito. Continua a concentrarti sul pannello Aspetto e aggiungi un tratto 1pt. Imposta il suo colore a R = 139 G = 94 B = 60 e allinearlo verso l'interno.
Riseleziona il rettangolo 300 x 10px e aggiungi un terzo riempimento. Selezionalo dal pannello Aspetto, rendilo nero, riduci l'Opacità al 10%, cambia la modalità di fusione in Moltiplica e vai a Effetto> Schizzo> Penna grafica. Inserire i dati mostrati di seguito e fare clic su OK. Questa è la tua mensola di legno.
Ecco come puoi aumentare facilmente la lunghezza del tuo scaffale. Seleziona lo strumento Direct Select (A), quindi fai clic e trascina per selezionare i punti di ancoraggio cerchiati nella prima immagine. Ora, tieni premuto Maiusc e trascinali semplicemente a sinistra. Ovviamente, puoi usare la stessa tecnica per diminuire la lunghezza.
Infine, creiamo uno sfondo semplice per i nostri scaffali. Seleziona lo strumento Rettangolo (M) e crea una forma delle dimensioni della tua tavola da disegno. Riempi con il gradiente radiale mostrato sotto e invialo indietro (Shift + Comando + [).
Riselezionare il rettangolo creato nel passaggio precedente e aggiungere un secondo riempimento. Selezionalo dal pannello Aspetto, rendilo nero, riduci l'Opacità al 15%, cambia la modalità di fusione in Moltiplica e vai a Effetto> Schizzo> Carta Nota. Inserire i dati mostrati di seguito e fare clic su OK.
Riselezionare il rettangolo modificato nel passaggio precedente, concentrarsi sul pannello Aspetto e aggiungere un terzo riempimento. Avrai bisogno di un modello incorporato per questo nuovo riempimento. Passare al pannello Campioni, aprire il menu a comparsa e andare a Apri libreria campioni> Motivi> Grafica di base> Grafici_Tempi di base. Questo aprirà una nuova finestra con una serie di modelli incorporati. Avrai bisogno del modello "Diamante".
Tornare al pannello Aspetto, selezionare il terzo riempimento, aggiungere il modello "Diamante", abbassare l'opacità al 10%, cambiare il metodo di fusione in Moltiplica e andare a Effetto> Artistico> Grana pellicola. Inserisci i dati mostrati di seguito, fai clic su OK e il gioco è fatto.
Ora il tuo lavoro è finito. Ecco come dovrebbe apparire.
Accentsconagua