Suggerimento rapido crea un pulsante Interruttore rotondo in Photoshop

In questo tutorial di suggerimento rapido creeremo un pulsante di commutazione rotondo che puoi usare nei tuoi progetti di interfaccia. Iniziamo!


Risorse Tutorial

  • Modello di panno verticale disponibile su Subtlepatterns
  • Struttura del grunge di Pixeden

Creare lo sfondo

Crea un nuovo file. Imposta la larghezza su 1000 e Altezza su 1000 e la risoluzione su 72 PPI.


Applicazione del motivo di sfondo

Crea un nuovo gruppo e chiamalo Sfondo. Ora vai a questo link Vertical cloth Pattern e scarica questo pattern e caricalo. Usando lo Strumento Rettangolo (U) disegna una forma rettangolare leggermente più grande della tela e applica il motivo come stile al livello forma.


Creazione del pulsante - Passaggio 1

Crea un nuovo gruppo e chiamalo Pulsante. Usando lo strumento Elipse (U) disegna un cerchio perfetto come quello nell'esempio. Imposta il colore su # 0e0f0f e applica gli stili di livello. Dopo aver finito con gli stili di livello, riduci l'opacità al 20%.


Passo 2

Ora fai un altro cerchio, questa volta un po 'più piccolo, imposta il colore a # 222429 e applica gli stili di livello.


Passaggio 3: individuazione e applicazione della trama

Vai al sito Pixeden e scarica l'Effetto Testo PSD Retro Old School all'interno del quale troveremo la texture di cui abbiamo bisogno. Dopo aver scaricato il file, aprilo con Photoshop e individua il livello Grunge Texture. Importa quel livello nella PSD e imposta la modalità di fusione su Luce spenta e il livello Opacità su 10%. Rendi questo livello una maschera di ritaglio.


  • Passaggio 4

    Usando lo strumento Elipse (U) fai un altro cerchio perfetto anche più piccolo di quello precedente, imposta il colore su # 0d0d0e e applica gli stili di livello. Usando lo strumento Pennello (B) puoi impostare la dimensione del pennello su 200px e la Durezza su 0% e creare un punto #ffffff bianco come quello nel nostro esempio. Imposta la modalità di fusione su Luce soffusa e il livello di opacità su 80% e trasforma questo livello in una maschera di ritaglio. Ora crea un altro livello, cambia il colore in nero # 000000 e sfiora la parte inferiore del cerchio come mostrato nell'esempio. Trasforma anche questo livello in una maschera di ritaglio.


    Passaggio 5

    Ancora usando Elipse Tool (U) fai un altro cerchio perfetto ma rendi questo uno più piccolo di uno rispetto al precedente. Imposta il colore su # 1a1a1b, e usando lo Strumento selezione diretta (A) sposta l'ancoraggio inferiore di alcuni pixel verso l'alto. Ora applica gli stili di livello, importa di nuovo la texture Grunge, imposta la modalità di fusione su Dodge lineare e il livello Opacità su 10%. Crea un nuovo livello e, usando lo strumento Pennello (B), mantieni le stesse impostazioni che abbiamo usato nel nostro passo precedente, prendi il bianco #ffffff come colore e togli la parte inferiore della nostra forma. Imposta la modalità di fusione per questo livello su Luce soffusa e trasforma il livello in una Maschera di ritaglio.


    Passaggio 6

    Usando lo Strumento tipo orizzontale (T), imposta Font su Myriad Pro (font standard), Grassetto e la dimensione su 48pt e scrivi la lettera "I". Imposta il colore su # 969696 e applica lo stile di livello. Crea un altro tipo, questo dirà "O", imposta il colore su #fefefe. Fare clic con il tasto destro sul livello e selezionare Rasterizza tipo. Ora premi CTRL / CMD + T e tenendo premuto CTRL / CMD + MAIUSC + ALT trascina l'angolo in basso a sinistra di alcuni pixel. Applica lo stile del livello e il gioco è fatto.


    Immagine finale