Share
Nel seguente tutorial imparerai a creare un'icona valigia, adatta per un sito orientato al viaggio o una brochure per le vacanze. Afferra i tuoi strumenti vettoriali e iniziamo a costruire.
Creare un documento 255 per 255 pixel. Innanzitutto, attiva la griglia (Visualizza> Griglia) e la Scatta alla griglia (Visualizza> Aggancia alla griglia). Successivamente, avrai bisogno di una griglia ogni 5px. Vai a Modifica> Preferenze> Guide e griglia, inserisci 5 nella griglia 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). Crea una forma di 225 per 170 px e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 10px, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Seleziona la forma creata nel passaggio precedente e riempila con il gradiente lineare mostrato di seguito. Successivamente, avrai bisogno di un modello specifico. Aprire il menu a comparsa del pannello Campioni e andare a Apri libreria campioni> Motivi> Grafica di base> Base Graphics_Texture. Una nuova finestra con alcuni modelli interessanti dovrebbe essere aperta.
Riselezionare la forma esistente, aprire il menu a comparsa del pannello Aspetto e fare clic su Aggiungi nuovo riempimento. Questo aggiungerà un secondo riempimento per la tua forma. Selezionalo, abbassa la sua Opacità all'8%, quindi riempilo con il motivo Diamante. Aggiungi un terzo riempimento per questa forma. Rendilo nero, modifica la modalità di fusione in Moltiplica, abbassa l'opacità al 10%, quindi vai a Effetto> Distorci> Bagliore diffuso. Inserire i dati mostrati di seguito e fare clic su OK. Ora, la tua forma dovrebbe apparire nell'immagine qui sotto.
Successivamente, è necessario mascherare la forma esistente. Selezionalo, premi prima Control + C poi Control + F. Questo aggiungerà una copia in primo piano. Selezionalo, riempilo solo di bianco (rimuovi i riempimenti extra dal pannello Aspetto), quindi apri il pannello Trasparenza. Seleziona le due forme create finora, apri il menu a comparsa del pannello Trasparenza e fai clic su Crea maschera di opacità.
Disattiva lo snap alla griglia e crea due copie della forma esistente. Seleziona la copia in alto e premi una volta la freccia sinistra e la freccia su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 158, G = 100, B = 72. Ora cambia la modalità di fusione in Moltiplica e abbassa l'opacità al 50%.
Crea altre due copie della forma mascherata. Seleziona la copia in alto e premi due volte la freccia sinistra. Riselezionare queste due copie e fare clic sul pulsante Minus Front dal pannello Pathfinder. Riempi questa nuova forma con R = 158, G = 100, B = 72. Ora cambia la modalità di fusione in Moltiplica e abbassa l'opacità al 25%.
Seleziona la forma mascherata e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di 1px e fai clic su OK. Riempi la forma risultante con un colore scuro e abbassa la sua opacità. Sarà più facile per te distinguerlo negli ulteriori passaggi. Fare doppio clic su di esso (nel pannello Livelli) e rinominarlo "00".
Abilita lo snap alla griglia. Seleziona lo strumento Ellisse (L), crea quattro cerchi perfetti e posizionali come mostrato nell'immagine seguente. Tutti e quattro i cerchi dovrebbero essere larghi e alti 35px.
Concentrati sul cerchio in alto a sinistra. Innanzitutto, duplica "00". Quindi, selezionare questa copia insieme al cerchio in alto a sinistra e fare clic sul pulsante Interseca dal pannello Elaborazione tracciati. Ora, è necessario aggiungere un effetto di rotondità discreto usando lo script Round Any Corner.
Salvalo sul tuo disco rigido, quindi seleziona lo Strumento selezione diretta (A). Seleziona i punti di ancoraggio evidenziati nella seconda immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci 1px Radius e fai clic su OK. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale. Il testo bianco dall'immagine del gradiente sta per Posizione.
Passiamo al cerchio in alto a destra. Crea una nuova copia di "00", selezionala insieme al cerchio e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Seleziona lo Strumento selezione diretta (A), seleziona i punti di ancoraggio evidenziati nella seconda immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci 1px Radius e fai clic su OK. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale.
Continua con il cerchio in basso a sinistra. Ancora una volta, fai una copia di "00". Selezionalo insieme al cerchio e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Seleziona lo Strumento selezione diretta (A), seleziona i punti di ancoraggio evidenziati nella seconda immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci 1px Radius e fai clic su OK. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale.
Infine, il cerchio in basso a destra. Seleziona l'originale "00" insieme al cerchio e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Seleziona lo Strumento selezione diretta (A), seleziona i punti di ancoraggio evidenziati nella seconda immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci 1px Radius e fai clic su OK. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale.
D'ora in poi avrai bisogno di una griglia ogni 1 px. Vai a Modifica> Preferenze> Guide e griglia e inserisci 1 nella griglia ogni casella. Scegli lo strumento Ellisse (L) e crea una forma 3 x 3 px. Riempilo con il gradiente radiale mostrato sotto e aggiungi un 0.15pt, allineato al tratto esterno (R = 60, G = 36, B = 21). Crea due copie di questo cerchio quindi posiziona tutte e tre le forme come mostrato nell'immagine seguente. Snap to Grid faciliterà il tuo lavoro.
Crea alcune nuove copie della forma creata nel passaggio precedente e posizionale come mostrato di seguito.
Afferra lo strumento Rettangolo (M) e crea una forma di 15 per 172 pixel. Posizionalo come nell'immagine seguente, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 1 pixel, fare clic su OK, quindi selezionare Oggetto> Espandi aspetto.
Selezionare la forma risultante dal passaggio precedente e riempirla con il gradiente lineare mostrato di seguito.
Seleziona lo strumento Penna (P) e disegna due percorsi verticali come mostrato nel passaggio seguente. Aggiungi un tratto di 0,25pt (R = 169, G = 124, B = 80) per ogni tracciato, quindi apri il pannello dei tratti. Controllare il pulsante Linea tratteggiata e inserire 1pt nella prima casella del trattino.
Afferra lo strumento Ellisse (L), crea un piccolo cerchio (2 per 2 pixel) e posizionalo come mostrato nell'immagine seguente. Riempi con R = 96, G = 57, B = 19, aggiungi un 0.25pt, allineato al tratto esterno (R = 169, G = 124, B = 80) quindi vai a Effetto> Distorci e Trasforma> Trasforma. Immettere 2 nella casella delle copie e trascinare il cursore Sposta-Verticale su 10px, quindi fare clic su OK. Duplica questa forma e quelle create negli ultimi tre passaggi. Seleziona queste copie e spostale a sinistra, come mostrato nella seconda immagine.
Seleziona lo strumento Rettangolo (M) e crea una forma 45 per 10 pixel. Posizionalo come mostrato nell'immagine seguente, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 1 pixel, fare clic su OK, quindi su Oggetto> Espandi aspetto.
Selezionare la forma risultante dal passaggio precedente e riempirla con R = 98, G = 58, B = 39. Aggiungi un secondo riempimento per questa forma. Rendilo nero, spostalo sotto il riempimento esistente, quindi vai su Effetto> Deformazione> Bulge. Immettere i dati mostrati di seguito, fare clic su OK, quindi su Effetto> Distorci> Distorci e trasforma. Apporta le modifiche solo nella sezione Scala (come mostrato) quindi fai clic su OK. Con il riempimento nero ancora selezionato vai su Effetto> Sfocatura> Sfocatura gaussiana e inserisci un raggio di 1px.
Afferra lo strumento Rettangolo (M) e crea una forma 43 per 8 pixel. Posizionalo come mostrato nell'immagine seguente, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 1 pixel, fare clic su OK, quindi selezionare Oggetto> Espandi aspetto. Riempi la forma risultante con none e aggiungi un tratto tratteggiato di 0,25 pt (R = 169, G = 124, B = 80). Crea due nuove copie della forma realizzata nel dodicesimo passaggio e posizionale come mostrato nell'immagine finale.
Duplica le forme create negli ultimi tre passaggi. Seleziona queste copie e spostale a sinistra, come mostrato nell'immagine seguente.
Seleziona lo strumento Rettangolo (M), crea una forma 17 x 6 px e posizionala come mostrato nell'immagine seguente. Riempi con il gradiente lineare, quindi vai a Effetto> Stilizzazione> Angoli arrotondati e inserisci un raggio di 2 pixel.
Crea una seconda forma. Rendilo alto 2px e largo 3px, riempilo con R = 241, G = 158, B = 86, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 0,5pt e fare clic su OK. Assicurati che queste due forme siano posizionate nella parte posteriore del resto delle forme. Duplica queste due forme e sposta le copie a sinistra, come mostrato nell'immagine finale sotto.
Seleziona lo strumento Rettangolo, crea due forme simili (7 per 2 pixel) e posizionale come mostrato nell'immagine seguente. Riempi entrambi con il gradiente lineare mostrato sotto, quindi vai a Effetto> Stilizzazione> Angoli arrotondati e inserisci un raggio di 1pt.
Ancora una volta, crea due forme simili (14 per 2 pixel) e posizionale come mostrato nell'immagine seguente. Riempili entrambi con R = 80, G = 45, B = 27. Ora vai su Effetto> Stilizzazione> Angoli arrotondati e inserisci un raggio di 1pt.
Afferra lo strumento rettangolo (M), crea una forma di 49 x 23 px e posizionalo come mostrato nell'immagine seguente. Riempi con nessuno e aggiungi un 8pt, allineato al tratto esterno, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 1 pixel, fare clic su OK dopo aver applicato Oggetto> Espandi aspetto.
Duplica la forma mascherata. Seleziona la copia e il tratto espanso, quindi fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 80, G = 45, B = 27. Ora applica Effetto> Stilizzazione> Bagliore interno e inserisci i dati mostrati di seguito.
Seleziona la forma creata nel passaggio precedente e vai a Oggetto> Tracciato> Tracciato offset. Inserisci un offset di -1px e fai clic su OK. Selezionare la forma risultante e sostituire il colore di riempimento in uscita con il gradiente lineare mostrato nell'immagine seguente.
Infine, seleziona la forma mascherata e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset -2px e fare clic su OK. Riempi la forma risultante con none, aggiungi un tratto 1pt, poi vai su Oggetto> Espandi.
Seleziona questa forma appena creata. Per prima cosa, portalo in primo piano (Shift + Control +]), quindi riempilo con il gradiente lineare mostrato nell'immagine finale. Cambia la modalità di fusione in Sovrapponi, abbassa l'Opacità al 50%, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 1 pixel, fai clic su OK e il gioco è fatto.
L'immagine finale è sotto. Ora prendi una vacanza vettoriale.
Accentsconagua