Share
Questo tutorial ti mostrerà come creare il tuo pulsante della tastiera. Useremo gli strumenti base per la creazione di forme e il pathfinder per creare le nostre forme, quindi coloriamo il nostro pulsante usando i gradienti, mantenendo un occhio attento sulla direzione della luce. Utilizzando le tecniche di questo tutorial è possibile creare altri pulsanti della tastiera utilizzando forme diverse. Cominciamo.
Crea un nuovo documento (Comando + N) con le seguenti impostazioni:
Utilizzare lo strumento Rettangolo arrotondato per creare due rettangoli con le seguenti impostazioni e colori: rosso e nero.
Seleziona i due rettangoli e allinearli usando Vertical Align Bottom.
Se la finestra Allinea non è attiva o se in questo tutorial è presente un'altra finestra che non puoi trovare, puoi attivarla utilizzando il menu Finestra.
Posiziona i due strati al centro, usando le seguenti impostazioni:
Seleziona il rettangolo nero e spostalo un po 'più in alto con Trasforma Y di 250 px.
Seleziona i due rettangoli e tieni premuto il tasto Alt per selezionare una forma composta. Ora Espandi dalla finestra Pathfinder. Colora il pulsante con RGB (R = 175, G = 175, B = 175).
Crea una copia del pulsante usando Comando + C> Comando + F. Colora il pulsante con Strumenti sfumatura ad una estremità (R = 0, G = 0, B = 0) e (R = 100, G = 100, B = 100 ) all'altra estremità, Angolo -45.
Crea una copia del pulsante usando Comando + C> Comando + F. Modifica l'angolo del gradiente a 135.
Usa Offset Path per ridurre il pulsante usando Effetto> Percorso> Offset Path.
Applica Espandi aspetto per portare i pulsanti alle dimensioni utilizzando Oggetto> Espandi aspetto.
Seleziona il primo livello e ingrandiscilo usando Offset Path (Effetto> Percorso> Offset Path). Applica Espandi aspetto per portare i pulsanti alle dimensioni impostando Oggetto> Espandi aspetto. Crea una copia del livello usando Command + C> Command + F.
Seleziona il livello nel mezzo e crea una copia (Comando + C> Comando + F). Seleziona i due livelli creati, tieni premuto il tasto Alt, seleziona Escludi, quindi Espandi dalla finestra Pathfinder.
Crea una copia del livello finale (Comando + C> Comando + F), quindi deseleziona tutti gli altri livelli, in modo che l'unico livello attivo sia il risultato dell'applicazione di Escludi.
Usa lo strumento Gomma (Shift + E) per eliminare alcune parti del pulsante, mantenendo solo gli angoli. Per fare una cancellazione quadrata / rettangolare, tieni premuto il tasto Alt. Fare doppio clic sulla gomma nella barra dei menu per modificare le impostazioni della gomma.
Seleziona tutti i livelli e raggruppali (Comando + A> Comando + G).
Colora l'angolo in alto a sinistra con gli strumenti sfumatura ad una estremità (R = 230, G = 230, B = 230), (R = 200, G = 200, B = 200) nel mezzo e (R = 230, B = 230, G = 230) all'altra estremità, posizione (R = 20, G = 50, B = 80) con angolo 45.
Ora applicheremo il colore Sfumato sugli altri angoli usando lo strumento Eyedropper (I). Selezionare gli altri angoli e fare clic sullo strumento contagocce sull'angolo colorato. Ora, dovrai apportare alcune modifiche agli angoli colorati. Per ottenerli nella forma desiderata: alcuni devono essere modificati da Angolo 45 a Angolo -45 e la dimensione del Gradiente deve essere impostata in base alla dimensione dell'angolo come mostrato.
Crea una copia del gruppo di spigoli usando Comando + C> Comando + F. Ora li separa e poi li raggruppa / unisci: tieni premuto il tasto Alt per selezionare la forma composta e quindi espanderli dalla finestra Pathfinder.
Attiva i livelli successivi per vedere l'immagine.
Crea una copia del livello sottostante usando Command + C> Command + F.
Seleziona il livello appena copiato, insieme al livello sopra, e tieni premuto il tasto Alt per selezionare Escludi ed espandi dalla finestra Pathfinder. Tieni premuto il tasto Comando per selezionare entrambi i livelli e fare clic su di essi.
Colorare tutti i margini con RGB (R = 230, G = 230, B = 230). Tenere premuto il tasto Alt per selezionare Dividi dalla finestra Pathfinder per separare i margini.
Attiva tutti i livelli e fai piccole correzioni.
Colora il livello selezionato con RGB (R = 230, G = 230, B = 230).
Seleziona il livello sottostante e modifica la posizione del dispositivo di scorrimento del gradiente su 75.
Illumina il colore del gradiente sullo strato davanti.
Seleziona il livello e modifica la sua posizione: trasforma x = 301 e y = 276.
Seleziona una parte dei livelli per allungare lo strumento Selezione diretta (A), quindi fai clic con il pulsante destro del mouse su Trasforma> Sposta.
Seleziona il margine mostrato di seguito. Fare clic con lo strumento Selezione diretta (A) per aggiungere un'ombra nell'angolo. Usa gli strumenti sfumatura per colorare un'estremità con RGB (R = 230, G = 230, B = 230), RGB (R = 200, G = 200, B = 200) nel mezzo e RGB (R = 230, G = 230, B = 230) sull'altra estremità, con posizione (20 37 50) e Angolo 45.
Aggiungi un po 'di ombra al pulsante; il modo più semplice per farlo è: Effetto> Stilizzazione> Sfalsa ombra.
Un altro modo per aggiungere un'ombra al pulsante è utilizzare una modalità di fusione. Crea una copia del livello selezionato e copialo sul retro usando Command + C> Command + B, quindi colora con RGB (R = 200, G = 200, B = 200).
Crea un'altra copia del livello appena copiato, colora RGB bianco (R = 0, G = 0, B = 0) e posizionalo al centro usando Trasforma: x = 275 e y = 275.
Usa lo strumento Sposta (V) per ingrandire il livello nell'angolo in basso a destra. Tieni premuto il tasto Maiusc per mantenere la proporzione del pulsante, quindi seleziona i due livelli e applica Oggetto> Fondi> Crea (Comando + Alt + B).
È possibile aggiungere il testo e la freccia "Invio" come mostrato. Ora il tuo pulsante della tastiera è finito.
Utilizzando le tecniche di questo tutorial è possibile creare altri pulsanti della tastiera utilizzando forme diverse. Spero ti sia piaciuto questo tutorial.
Accentsconagua