Share
Cosa starai creandoNei seguenti passaggi imparerai come creare un'icona del cursore 3D in Adobe Illustrator. Per i principianti imparerai come impostare una griglia semplice e come creare la tua forma principale utilizzando gli strumenti di base insieme alla funzione Blocca sulla griglia. Successivamente, ti darai una sensazione 3D utilizzando l'effetto 3D Estrusione e smusso. Andando avanti imparerai come aggiungere colore, ombreggiature e luci usando il pannello Aspetto e alcune tecniche di fusione di base. Infine, imparerai come ricolorare facilmente l'intero cursore usando solo una forma.
Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 600 nelle caselle larghezza e altezza, quindi fare clic su Avanzate pulsante. Selezionare RGB, Schermo (72ppi) e assicurarsi che il Allinea nuovi oggetti a Pixel Grid la casella è deselezionata prima di fare clic ok.
Abilita il Griglia (Visualizza> Mostra griglia) e il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 1 px, quindi semplicemente vai Modifica> Preferenze> Guide> Griglia, ed entra 1 nel Gridline ogni scatola e 1 nel suddivisioni scatola. Cerca di non scoraggiarti da tutta questa griglia: renderà più facile il tuo lavoro e tieni presente che puoi facilmente abilitarlo o disabilitarlo usando il Controllo-" scorciatoia da tastiera.
Dovresti anche aprire il Informazioni pannello (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Scegli il Strumento rettangolo (M) e concentrati sulla tua barra degli strumenti. Rimuovi il colore dal tratto e quindi seleziona il riempimento e imposta il suo colore su R = 209 G = 211 B = 212. Passa alla tua tavola da disegno e crea semplicemente un 42 x 41 px rettangolo di-il Aggancia alla griglia dovrebbe facilitare il tuo lavoro.
Assicurati che questo rettangolo rimanga selezionato e vai a Oggetto> Percorso> Aggiungi punti di ancoraggio. Passare al Elimina strumento Punto di ancoraggio (-) e fai semplicemente clic sui quattro punti di ancoraggio evidenziati nella prima immagine per rimuoverli. Questo dovrebbe trasformare il tuo rettangolo in un triangolo, come mostrato nella seconda immagine. Concentrati sul lato inferiore del tuo triangolo e afferra il Strumento di selezione diretta (A). Seleziona il punto di ancoraggio centrale e trascinalo 6 px a destra. Ancora una volta, la griglia e il Aggancia alla griglia funzionalità sarà utile.
Assicurati che il tuo triangolo rimanga selezionato, continua a focalizzarti sul lato inferiore, prendi il Aggiungi strumento Punto di ancoraggio (+) e aggiungi un nuovo punto di ancoraggio come mostrato nella prima immagine. Passare al Strumento di selezione diretta (A), seleziona i due punti di ancoraggio evidenziati nella seconda immagine e trascinali semplicemente 6 px su. Alla fine le cose dovrebbero assomigliare alla terza immagine.
Usando il Strumento rettangolo (M), creare un 12 x 22 px forma e posizionalo esattamente come mostrato nella prima immagine. Seleziona questo nuovo rettangolo insieme all'altra forma, apri il esploratore pannello (Finestra> Pathfinder) e fare clic su Unire pulsante.
Assicurati che la tua forma sia selezionata e vai a Effetto> 3D> Estrusione e smusso. Immettere tutti gli attributi mostrati nell'immagine seguente, selezionare Disegna volti nascosti casella, quindi fare clic ok.
Riseleziona la tua forma e vai a Oggetto> Espandi Aspetto. Assicurati che il gruppo risultante sia selezionato e semplicemente colpito Maiuscole-Ctrl-G due volte a Separa esso.
Usando il Strumento di selezione (V) e il Cambio pulsante, seleziona solo le forme visibili (evidenziate nella prima immagine) e semplicemente premi Controllo-G a Gruppo loro. Continua a concentrarti sul Livelli pannello e disattiva la visibilità del tuo gruppo in modo da poter dare un'occhiata alle forme che stanno dietro.
Sbarazzarsi di quelle forme di grigio più scure e quindi selezionare quello rimanente e sostituire il colore di riempimento esistente con un semplice nero (R = 0 G = 0 B = 0). Una volta che hai finito puoi tornare al Livelli pannello, riaccendere la visibilità per il gruppo, quindi selezionare e Separa usando lo stesso Maiuscole-Ctrl-G scorciatoia da tastiera.
Seleziona le cinque forme che compongono i lati laterali del cursore e crea le copie davanti (Control-C> Control-F). Assicurarsi che siano selezionate solo queste copie, fare clic su Unire pulsante dal esploratore pannello, quindi premere il tasto Control-8 scorciatoia da tastiera per trasformare le forme selezionate in un percorso composto semplice. Assicurati che il percorso composto sia selezionato e sostituisca semplicemente il colore di riempimento esistente con R = 39 G = 170 B = 225.
Sposta in Livelli pannello, seleziona la tua forma nera, crea una copia davanti (Control-C> Control-F) e portarlo in primo piano (Maiusc-Control-]). Assicurati che questa copia rimanga selezionata e si concentri su Aspetto pannello. Rimuovi il colore dal riempimento e quindi concentrati sul tratto. Inserisci R = 247 G = 148 B = 30 per il colore e aumentare il Peso a 2 px. Con questo percorso arancione ancora selezionato, vai a Oggetto> Percorso> Corsa contorno.
Riselezionare il percorso composto blu insieme alla forma arancione e fare clic su intersecare pulsante dal esploratore pannello. Assicurati che il gruppo di forme risultante sia selezionato e trasformalo in un nuovo percorso composto usando lo stesso Control-8 scorciatoia da tastiera.
Continua a concentrarti su questo percorso arancione, prendi il Elimina strumento Punto di ancoraggio (-) e semplicemente rimuovere i sei punti di ancoraggio evidenziati nella seconda immagine. Alla fine il tuo percorso composto arancione dovrebbe assomigliare alla terza immagine.
Assicurati che il percorso composto arancione sia ancora selezionato e vai al Aspetto pannello. Sostituisci il colore di riempimento esistente con un semplice nero, quindi fai clic su "Opacità"pezzo di testo per aprire il Trasparenza pannello a scomparsa. Abbassare il Opacità a 20% e cambia il Modalità di fusione a Luce soffusa.
Seleziona le cinque forme che compongono i lati laterali del cursore uno per uno e sostituisci semplicemente i colori di riempimento esistenti con i gradienti lineari indicati nell'immagine seguente.
Seleziona la forma che costituisce il lato superiore del cursore e sostituisci semplicemente il colore di riempimento esistente con il gradiente lineare mostrato nell'immagine seguente.
Riselezionare la forma che costituisce il lato superiore del cursore e concentrarsi su Aspetto pannello.
Seleziona il tratto esistente, cambialo Modalità di fusione a Luce soffusa e aggiungi il gradiente lineare mostrato nell'immagine seguente. Tieni presente che i numeri blu dal Pendenza immagine stand per Posizione percentuale mentre quelli gialli rappresentano Opacità percentuale. Ritorna al Aspetto pannello e fai clic su "Ictus"pezzo di testo per aprire il Ictus menu a comparsa. Assicurarsi che il Peso è impostato a 1 px e quindi controllare il Arrotondati e il Allinea Stroke to Inside pulsanti.
Riseleziona le sei forme che compongono i lati visibili del cursore e duplicali (Control-C> Control-F). Assicurati che siano selezionate solo queste copie, sostituisci gli attributi di riempimento esistenti con due tonalità casuali di blu come mostrato nella seconda immagine e non dimenticare di rimuovere il tratto usato per le forme superiori.
Seleziona la forma blu che costituisce il lato superiore del cursore e crea una copia davanti (Control-C> Control-F). Seleziona questa copia insieme alla forma blu più scura evidenziata nella prima immagine e fai clic su Fronte meno pulsante dal esploratore pannello.
Riseleziona tutte le tue forme blu e concentrati su Aspetto pannello. Rimuovere i colori di riempimento e quindi aggiungere un 1 px colpo nero. Una volta che hai finito, Gruppo queste forme (Controllo-G).
Assicurati che il tuo gruppo sia ancora selezionato e fai una copia davanti (Control-C> Control-F). Seleziona questa copia e fai clic su Unire pulsante dal esploratore pannello. Concentrati sulla forma risultante, imposta il colore di riempimento sul bianco, elimina quel tratto nero e poi usa il Elimina strumento Punto di ancoraggio (-) per rimuovere il punto di ancoraggio evidenziato nella seconda immagine. Alla fine le cose dovrebbero assomigliare alla terza immagine.
Riseleziona la forma bianca creata nel passaggio precedente insieme al tuo unico gruppo, apri il Trasparenza pannello (Finestra> Trasparenza) e fare clic su Crea maschera pulsante, e le cose dovrebbero apparire come nella seconda immagine. Continua a concentrarti sul Trasparenza pannello, cambia il Modalità di fusione a Luce soffusa e abbassare il Opacità a 30%.
Concentrarsi sul Livelli pannello, selezionare la forma nera che costituisce il lato inferiore del cursore e passare a Aspetto pannello. Seleziona il tratto esistente, fallo nero, abbassalo Opacità a 5% e poi aprilo Ictus pannello a scomparsa. Assicurarsi che il Peso è impostato a 1 px e quindi controllare il Round Join e Allinea il tratto all'esterno pulsanti.
Riseleziona la forma nera che costituisce il lato inferiore del cursore, quindi torna a Aspetto pannello, assicurati che l'intero percorso sia selezionato (fai semplicemente clic sul pulsante "Sentiero"parte del testo dal lato superiore del pannello) e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere gli attributi visualizzati nella finestra in alto a sinistra (nell'immagine seguente), fare clic su ok e quindi aggiungere gli altri tre Ombra esterna effetti mostrati nell'immagine seguente.
Riseleziona il tuo gruppo mascherato e crea una copia di fronte (Control-C> Control-F). Assicurarsi che rimanga selezionato e fare clic su Unire pulsante dal esploratore pannello. Ora puoi usare questa nuova forma per ricolorare facilmente l'intero cursore. Assicurati che rimanga selezionato e concentrati su Aspetto pannello. Imposta il colore di riempimento su R = 28 G = 117 B = 188 e quindi modificare il Modalità di fusione a Luce soffusa.
Sentiti libero di usare una diversa modalità di fusione per questa forma che ricolora l'intero cursore.
È sempre possibile regolare la percentuale di opacità per aumentare / diminuire l'intensità del colore per la forma che aggiunge colore al cursore.
Puoi anche provare a combinare due diverse modalità di fusione.
Infine, non esitate a sperimentare con colori diversi.
Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri.
Accentsconagua