Share
Nel seguente tutorial imparerai a creare un'icona sicura. Useremo una varietà di strumenti e tecniche di Adobe Illustrator per creare questa icona. Impara come creare un posto dove riporre il tuo oro vettoriale. Riguarda i dettagli che hai inserito in questo design per dargli un po 'di lucentezza.
Creare un documento 300 per 300 pixel. Innanzitutto, attiva la griglia (Visualizza> Griglia) e la Scatta alla griglia (Visualizza> Aggancia alla griglia). Successivamente, avrai bisogno di una griglia ogni 10px. Vai a Modifica> Preferenze> Guide e griglia, inserisci 10 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.
Inizia con lo strumento Rettangolo (M). Creare una forma di 185 px per 210 px e riempirla con R = 163, G = 163, B = 163. Crea un secondo rettangolo. Rendilo largo 185px e alto 10px, riempilo con R = 67, G = 67, B = 67. Ora posizionalo come mostrato nell'immagine seguente. Snap to Grid faciliterà il tuo lavoro.
Concentrati sulla forma più scura. Seleziona lo strumento di 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 a 25px a sinistra. Ora, la forma dovrebbe apparire come un trapezio.
Duplica le forme create nel passaggio precedente (Comando + C> Comando + F). Rendi invisibile la forma originale, quindi seleziona le copie e fai clic sul pulsante Unite nel pannello Elaborazione tracciati. Riempi la forma risultante con R = 203, G = 203, B = 203. Ora vai su Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 1,5 px, fare clic su OK, quindi bloccarlo.
Torna indietro per visualizzare le due forme del passaggio precedente. Selezionali e premi Shift + Command + Right Bracket per portarli in primo piano.
Primo, concentrati su quello oscuro. Sostituisci il colore di riempimento con il gradiente lineare mostrato sotto, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi su Oggetto> Espandi aspetto.
Ora passiamo alla seconda forma. Assicurati che sia riempito con R = 163, G = 163, B = 163. Ora vai su Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi su Oggetto> Espandi aspetto.
Seleziona la grande sagoma grigia e vai al pannello Aspetto. Aprire il menu a comparsa e fare clic su Aggiungi nuovo riempimento. Questo aggiungerà un secondo riempimento per la forma selezionata. Seleziona questo nuovo riempimento e usa il gradiente lineare mostrato sotto la prima immagine. Osserva più da vicino l'immagine del gradiente e noterai del testo giallo sopra i cursori del gradiente. Sta per Opacity. Significa che devi selezionare quei cursori e abbassare la loro opacità allo 0%.
Aggiungi un terzo riempimento per questa forma. Questa volta usa il gradiente lineare mostrato sotto la seconda immagine. Aggiungi un riempimento finale. Selezionalo e fallo diventare nero. Abbassa la sua opacità al 10%, cambia la modalità di fusione in Moltiplica, quindi vai a Effetto> Artistico> Grana pellicola. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Disattiva lo snap alla griglia, quindi vai a Modifica> Preferenze> Generale e inserisci 0,5 nella casella Incremento tastiera. Crea due copie della forma dal passaggio precedente (Comando + C> Comando + F).
Seleziona la copia in alto, quindi premi la freccia destra una volta e la freccia giù due volte. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona la forma risultante e rimuovi tutti i riempimenti extra (dal pannello Aspetto). Salva solo un riempimento e sostituisci il colore esistente con R = 209, G = 211, B = 212.
Riseleziona la grande sagoma grigia e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset a -15px e fare clic su OK. Seleziona questo nuovo riempimento, mantieni il primo riempimento (R = 163, G = 163, B = 163) e rimuovi il resto. Successivamente, vai su Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2 pixel, fare clic su OK, quindi su Oggetto> Espandi aspetto.
Seleziona la forma creata nel passaggio precedente e aggiungi un tratto scuro (R = 52, G = 52, B = 52). Farlo largo 1,5pt e allinearlo all'esterno. Successivamente, vai su Oggetto> Espandi aspetto. Dovresti ottenere due forme separate, una che rappresenta il riempimento e l'altra il tratto. Seleziona il secondo e vai su Effetto> Stilizzazione> Bagliore interno. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Seleziona la forma grigia, che abbiamo creato nel passaggio precedente. Aggiungi due nuovi riempimenti e usa i gradienti lineari mostrati sotto. Aggiungi un riempimento finale. Selezionalo e fallo diventare nero. Abbassa la sua Opacità al 10%, cambia la modalità di fusione in Moltiplica, quindi vai a Effetto> Artistico> Grana della pellicola. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Crea due copie della forma dal passaggio precedente. Seleziona la copia in alto, quindi premi due volte la freccia destra e la freccia giù. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona la forma risultante, rimuovi i riempimenti extra, quindi riempila con R = 203, G = 203, B = 203. Crea altre due copie della forma dal passaggio precedente.
Ancora una volta, seleziona la copia in alto. Questa volta ha colpito la freccia destra e la freccia giù solo una volta. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Selezionare la forma risultante, rimuovere i riempimenti extra, quindi riempirla con R = 230, G = 231, B = 232.
Abilita lo snap alla griglia e crea una copia della forma dal passaggio precedente. Seleziona lo strumento Rettangolo (M) e crea una forma simile a quella rossa mostrata nella prima immagine. Afferra lo strumento Elimina punto di ancoraggio (-) e fai clic sul punto di ancoraggio in alto a sinistra. Ora il rettangolo dovrebbe trasformarsi in un triangolo. Selezionalo insieme alla copia e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 2%.
Ora, creiamo i cardini. Seleziona lo strumento Rettangolo (M), crea una forma 20 x 10 px e posizionalo come mostrato nell'immagine seguente. Riempi con qualsiasi colore e quindi applica Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 1,8 px, fai clic su OK, quindi vai su Oggetto> Espandi aspetto.
Seleziona la forma creata nel passaggio precedente. Innanzitutto, riempilo con il gradiente lineare mostrato sotto e aggiungi un tratto di 0,75, allineato all'esterno (R = 67, G = 67, B = 67). Successivamente, aggiungi un secondo riempimento. Selezionalo e fallo diventare nero. Abbassa la sua Opacità al 5%, cambia la modalità di fusione in Moltiplica, quindi vai a Effetto> Artistico> Grana della pellicola. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Crea due copie di questa forma. Seleziona quello in alto e premi una volta la freccia destra e la freccia giù. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona la forma risultante. Rimuovere il tratto e il riempimento extra e quindi sostituire il colore dal riempimento esistente con R = 203, G = 203, B = 203. Seleziona queste due forme e raggruppale (Comando + G).
Seleziona il gruppo creato nel passaggio precedente e crea due copie. Sposta queste copie come mostrato nell'immagine seguente. Ancora una volta, Snap to Grid faciliterà il tuo lavoro.
Per il prossimo passo avrai bisogno di una griglia ogni 1px. Vai a Modifica> Preferenze> Guide e griglia e inserisci 1 nella griglia ogni casella. Ora prendi lo strumento Ellisse (L). Tieni premuto Maiusc e crea una forma 57px per 57px. Riempilo con R = 159, G = 159, B = 159. Ora aggiungi un secondo riempimento e usa il gradiente lineare mostrato nella seconda immagine. Riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona la forma creata nel passaggio precedente e vai a Oggetto> Tracciato> Tracciato offset. Inserisci un offset di -1px e fai clic su OK. Seleziona la forma risultante. Rimuovere l'effetto Ombra esterna sul secondo riempimento, quindi selezionare il riempimento rimanente e sostituire il colore esistente con il nero. Seleziona questa forma nera e vai su Oggetto> Percorso> Percorso offset. Immettere un offset di -4px e fare clic su OK.
Selezionare il percorso risultante, riempirlo con none e aggiungere un tratto bianco. Farlo largo 3pt e allinearlo verso l'esterno. Seleziona questo tratto e apri il pannello Traccia (Finestra> Traccia). Seleziona la casella Linea tratteggiata e quindi spostala verso il basso. Immettere 0,5pt nella casella di trattino e 13pt nella casella di separazione. Ora la tua forma dovrebbe apparire come mostrato nella terza immagine qui sotto. Duplicalo. Seleziona la copia, torna al pannello Traccia e inserisci 2,2pt nella casella spazio. Ora la tua copia dovrebbe apparire come la quarta immagine qui sotto.
Seleziona una delle ultime forme create nel passaggio precedente. Vai su Oggetto> Percorso> Percorso offset, inserisci un offset -3px e fai clic su OK. Useremo questa forma per scrivere su di essa. Seleziona lo strumento Tipo su tracciato, fai clic sul bordo di questa forma e aggiungi il testo bianco. Ho usato il font Myriad Pro con una dimensione di 3pt, ma puoi provare un altro font se preferisci.
Ora che hai aggiunto il testo, riseleziona una delle forme tratteggiate (fatte nel passaggio precedente). Di nuovo, vai su Oggetto> Percorso> Offset Path, questa volta inserisci un offset -4px e fai clic su OK.
Selezionare la forma risultante, riempirla con R = 67, G = 67, B = 67. Ora dargli un 3pt, tratto nero, allineato all'interno. Seleziona questo tratto (dal pannello Aspetto) e abbassa la sua Opacità al 10%. Infine, aggiungi due nuovi riempimenti per questa forma e usa i gradienti lineari mostrati nelle ultime due immagini.
Disattiva lo snap alla griglia e attiva le guide intelligenti. Scegli lo strumento Penna (P) e crea le due forme triangolari create nelle seguenti immagini. Riempi il primo con R = 46, G = 46, B = 46 e il secondo con il bianco. Ora selezionali entrambi e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 15px e fai clic su OK.
Quindi, è necessario mascherare queste due forme. Innanzitutto, raggruppali (Comando + G) quindi duplica la seconda forma creata nel passaggio precedente. Seleziona questa copia, riempila di bianco e spostala sopra il gruppo (nel pannello Livelli). Apri il pannello Trasparenza. Riselezionare la forma bianca insieme al gruppo, aprire il menu a comparsa del pannello Trasparenza e fare clic su Crea maschera di opacità. Ora, il tuo gruppo dovrebbe apparire nell'immagine di riferimento finale.
Seleziona la seconda forma creata nel 18 ° passaggio e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset -8px e fare clic su OK. Seleziona la forma risultante e spostala sopra il gruppo creato nel passaggio precedente.
Innanzitutto, riempilo con il gradiente lineare e quindi aggiungi due tratti. Fateli entrambi larghi 0,75 pt e allinearli all'esterno. Riempi il primo con R = 159, G = 159, B = 159 e il secondo con il nero.
Ora concentrati sul tratto nero. Selezionalo, spostalo nel pannello Traccia, seleziona la casella Linea tratteggiata e inserisci 1pt nella casella del trattino. Riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, quindi fare clic su OK. Alla fine la tua forma dovrebbe assomigliare all'immagine di riferimento.
Duplica la forma creata nel passaggio precedente. Seleziona lo strumento Rettangolo (M), crea una forma simile a quella rossa mostrata nella prima immagine. Afferra lo strumento Elimina punto di ancoraggio (-) e fai clic sul punto di ancoraggio in alto a sinistra. Di nuovo, otterrai un triangolo. Selezionalo insieme alla copia e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 52, G = 52, B = 52 e abbassa la sua opacità al 10%.
Seleziona le forme create negli ultimi sei passaggi e raggruppale (Comando + G). Seleziona questo gruppo e posizionalo come mostrato nell'immagine seguente.
Disattiva le Smart Guides e abilita lo snap alla griglia. Per il prossimo passo avrai bisogno di una griglia ogni 2,5 px. Vai a Modifica> Preferenze> Guide e griglia e inserisci 2,5 nella griglia ogni casella. Seleziona lo strumento Ellisse (L) e crea una forma 25px per 25px. Innanzitutto, riempilo con il gradiente lineare e quindi aggiungi 0,25pt, allineato al tratto esterno (R = 98, G = 98, B = 98).
Riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, quindi fare clic su OK. Duplica questo cerchio e quindi seleziona lo strumento Rettangolo (M) e crea una forma simile a quella rossa mostrata nell'immagine seguente.
Seleziona lo strumento Elimina punto di ancoraggio (-) e fai clic sul punto di ancoraggio in alto a sinistra. Seleziona la forma risultante, insieme alla copia, e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 52, G = 52, B = 52 e abbassa la sua opacità al 20%.
Seleziona lo strumento Polar Grid, tieni premuto Shift, quindi fai clic e trascina. Premi la freccia giù per diminuire il numero di cerchi su uno e poi sulla freccia sinistra per diminuire il numero di linee su tre. Crea una griglia 80px per 80px e posizionala come mostrato nella prima immagine. Seleziona il cerchio ed eliminalo, quindi concentrati sulle linee. Aumentare la dimensione del tratto a 5pt, quindi aprire il pannello dei tratti e fare clic sul pulsante Round Cap. Ora, le tue forme dovrebbero assomigliare alla terza immagine di riferimento. Riselezionali e vai su Oggetto> Espandi.
Concentriamoci sulle tre forme create nel passaggio precedente. Seleziona quello in basso. Riempi con il gradiente lineare, aggiungi un tratto di 0,05 pt (R = 52 G = 52 B = 52) quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, quindi fare clic su OK. Ripeti lo stesso effetto per le altre due forme, ma modifica l'angolo del gradiente.
Disattiva Snap alla griglia. Seleziona lo strumento Ellisse (L), crea una forma 12 x 12 px e posizionala come mostrato nell'immagine seguente. Riempilo con R = 110, G = 110, B = 110 e aggiungi un colpo di 0,5pt, allineato all'interno (R = 106, G = 106, B = 106).
Seleziona le forme create negli ultimi quattro passaggi e raggruppale (Comando + G). Seleziona questo gruppo e posizionalo come mostrato nell'immagine seguente.
Infine, seleziona la grande forma grigia (fatta nel sesto passo) e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito, fai clic su OK e il gioco è fatto.
L'immagine finale è sotto.
Accentsconagua