Share
Nel seguente tutorial imparerai a creare un pulsante di accensione / spegnimento. È semplice da creare e imparerai come creare un oggetto perfetto come elemento web o icona. Iniziamo!
Crea un documento RGB 200 x 200 px. Attiva griglia (Visualizza> Griglia) e Aggancia 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 90 per 140 px e riempila con R = 65 G = 64 B = 66. Apri il pannello Aspetto (Finestra> Aspetto), seleziona il riempimento e vai a Effetto> Stilizzazione> Bagliore interno. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Seleziona la forma creata nel passaggio precedente, utilizzando il menu a comparsa del pannello Aspetto e fai clic su Aggiungi nuovo riempimento. Questo aggiungerà un secondo riempimento per la tua forma. Selezionalo, imposta il suo colore su R = 20 G = 20 B = 20 poi vai su Effetto> Distorci e Trasforma> Trasforma. Immettere i dati mostrati sotto l'immagine # 1 fare clic su OK, quindi su Effetto> Deformazione> Arco inferiore. Inserisci i dati mostrati sotto l'immagine # 2, fai clic su OK, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 1 pixel e fare clic su OK. Assicurati che questo nuovo riempimento sia ancora selezionato, abbassa la sua opacità al 70% quindi spostalo sotto il primo riempimento (nel pannello Aspetto).
Aggiungi un terzo riempimento per il tuo rettangolo. Selezionalo, abbassa la sua opacità al 15%, 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.
Riseleziona il rettangolo e aggiungi un primo tratto. Rendilo largo 0,5pt, allineatelo verso l'interno e imposta il suo colore a R = 20 G = 20 B = 20. Selezionalo dal pannello Aspetto e fai clic sull'icona Duplica elemento selezionato nella parte inferiore del pannello Aspetto. Questo duplicherà il tratto. Seleziona questa copia, imposta il suo colore su R = 109 G = 110 B = 113 poi vai su Effetto> Distorci e Trasforma> Trasforma. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Riseleziona l'intero rettangolo e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere e 5px raggio quindi fare clic su OK. Ora la forma dovrebbe essere simile all'immagine seguente.
Seleziona lo strumento Ellisse (L), crea una forma 5 x 5 px e posizionalo come mostrato nell'immagine seguente. Snap to Grid faciliterà il tuo lavoro. Riempi con R = 88 G = 89 B = 91, quindi seleziona il riempimento e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, quindi fare clic su OK.
Riselezionare la forma creata nel passaggio precedente e aggiungere un secondo riempimento. Selezionalo, imposta il suo colore su R = 20 G = 20 B = 20 e vai su Effetto> Distorci e Trasforma> Trasforma. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai a Effetto> Distorci e trasforma> Pucker & Bloat. Ancora una volta, inserisci i dati mostrati sotto e clicca OK.
Successivamente, è necessario aggiungere una copia di questo cerchio in ogni angolo. Puoi creare tre copie e spostarle negli angoli, oppure puoi selezionare il cerchio e aggiungere i due effetti di trasformazione mostrati sotto.
Seleziona il rettangolo arrotondato e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset -20px e fare clic su OK. La forma risultante dovrebbe apparire come nella seconda immagine. Selezionalo e premi D per aggiungere le proprietà predefinite (riempimento bianco e tratto nero). Ora la tua forma dovrebbe assomigliare alla terza immagine. Selezionalo nuovamente, allinei il tratto all'esterno, imposta il colore a R = 10 G = 10 B = 10 sia per il riempimento che per il tratto, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px e fai clic su OK. Alla fine la tua forma dovrebbe assomigliare alla quarta immagine.
Seleziona la forma creata nel passaggio precedente e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia, rimuovi il tratto, imposta il colore di riempimento su R = 255 G = 255 B = 255 quindi vai su Oggetto> Espandi Aspetto.
Scegli lo strumento Penna (P) e traccia un percorso orizzontale di 60 px. Aggiungi un tratto rosso sottile in modo da poterlo distinguere più facilmente dalle altre forme. Selezionalo insieme alla forma bianca creata nel passaggio precedente e apri il pannello Allinea. Seleziona lo strumento Selezione (V), fai clic sul bordo della forma bianca (dovrebbe essere enfatizzato) quindi fai clic sul pulsante Allinea orizzontale e Allinea verticale al centro dal pannello Allinea. Ora, il tuo percorso orizzontale dovrebbe essere allacciato come mostrato nella terza immagine. Riselezionarlo insieme al rettangolo bianco arrotondato e fare clic sul pulsante Dividi dal pannello Elaborazione tracciati. Questo dividerà la tua forma bianca in due forme uguali.
Seleziona il gruppo creato nel passaggio precedente e premi Maiusc + Ctrl + G per separarlo. Ora concentriamoci sulle forme in basso. Selezionalo, riempilo con R = 75 G = 75 B = 75, quindi aggiungi un secondo riempimento e utilizza il gradiente lineare mostrato sotto l'immagine # 2. Lo zero giallo dall'immagine del gradiente indica la percentuale di opacità.
Unable the Snap to Grid quindi vai a Modifica> Preferenze> Generale. Immettere 0,5 nella casella Incrementa tastiera, quindi fare clic su OK. Riselezionare la forma modificata nel passaggio precedente e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e premi la freccia su (per spostarla di 0.5px in su). Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 147 G = 149 B = 152.
Ora, passiamo alla forma migliore. Selezionalo e vai a Effetto> 3D> Estrusione e smusso. Immettere i dati mostrati di seguito, fare clic su OK, quindi su Oggetto> Espandi aspetto. Dai un'occhiata al pannello Livelli e troverai un nuovo gruppo. Aprilo e rimuovi i due percorsi di ritaglio.
Seleziona le forme evidenziate nella prima immagine e fai clic sul pulsante Unite dal pannello Pathfinder. Riempi la forma risultante con il gradiente lineare mostrato nella seconda immagine.
Abilita lo snap alla griglia e seleziona lo strumento di selezione diretta (A). Seleziona i punti di ancoraggio evidenziati nella prima immagine e spostali verso il basso come mostrato nella seconda immagine. Ancora una volta, lo snap alla griglia faciliterà il tuo lavoro. Riempi questa forma con R = 65 G = 64 B = 66 aggiungi un secondo riempimento e usa la sfumatura mostrata nella quarta immagine.
Disattiva lo snap alla griglia, quindi seleziona la forma modificata nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e premi la freccia giù. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 128 G = 130 B = 133 e abbassa la sua opacità all'85%.
Infine, se si sceglie di ruotare il pulsante di 90 gradi, sarà come nella prima immagine. Per correggere l'ombra seleziona il rettangolo arrotondato di grandi dimensioni, vai al riempimento inferiore, apri l'effetto Trasforma e sostituisci i dati esistenti con quello mostrato nella seconda immagine. Fai lo stesso se hai scelto di usare l'effetto Trasforma per moltiplicare le viti.
Eccolo lì, un semplice pulsante di accensione e spegnimento. Spero che tu abbia apprezzato questo tut.
Accentsconagua