Crea 3 lettori MP3 retrò in Photoshop

In questo tutorial dimostreremo come creare 3 lettori MP3 retro in Photoshop. Ogni disegno includerà un tipo diverso di supporto, un CD, una registrazione e un nastro. Iniziamo!


Risorse Tutorial

  • Patterns
  • Trama di tela

Passo 1

Crea un nuovo file. Imposta Larghezza e Altezza su 900x900 a 72 Risoluzione PPI. Ora crea un nuovo gruppo e chiamalo Forma giocatore o Corpo, all'interno di quel gruppo crea un nuovo livello.


Passo 2

Ora usando lo strumento Rettangolo arrotondato (U) imposta il raggio su 50 px, colora su # 363636 e crea una forma simile a quella mostrata nell'immagine qui sotto.


Passaggio 3

Utilizzando lo strumento Selezione rettangolare (M), effettuare una selezione iniziando a pochi pixel dal lato sinistro e continuarla sul lato destro. Assicurati di includere l'intera forma, esattamente come nell'immagine qui sotto.
Ora vai alla barra delle opzioni sotto i livelli e fai clic sull'icona Aggiungi maschera di livello.


Passaggio 4

Ora per applicare alcuni stili di livello. Fai clic con il tasto destro sul livello forma e vai a Opzioni di fusione. Adesso usa i valori esatti che ho usato, o puoi giocare. Il modello può essere
trovato nella lista delle risorse del tutorial o all'interno del PSD.


Passaggio 5

Aggiunta di alcuni effetti alla forma del livello. Crea un nuovo livello sopra questa forma vettoriale del livello, fai clic con il pulsante destro del mouse e seleziona Crea maschera di ritaglio. Questo mostrerà solo parti del livello all'interno della forma del livello di forma vettoriale. Ora riempire il livello con #fffff bianco usando Paint Bucket Tool (G). Vai a Filtro> Disturbo> Aggiungi disturbo e imposta il valore su 400%, Distribuzione su gaussiana e seleziona la casella Monocromatico. Dopo vai su Filtro> Sfocatura> Sfocatura movimento e imposta l'Angolo su 0 e Distanza su 32 pixel.


Passaggio 6

Il passaggio 6 aiuterà a creare alcune ombre sul livello. Crea un nuovo livello, fai clic destro e seleziona Crea maschera di ritaglio che seleziona un colore, ho usato # 363636, un grigio scuro.
Selezionate lo strumento pennello (B), impostate la dimensione su 180 pixel, la durezza su 0 e selezionate Pennello opacità sfumatura morbida. Inizia a spazzolare alla fine di entrambi i lati della forma, e ora
imposta la modalità di fusione per il livello in Moltiplicazione e l'Opacità al 23%.


Passaggio 7

Utilizzando lo strumento Rettangolo arrotondato (U), impostare il colore su # 00000 (che è nero) e il raggio su 50 pixel e creare una forma come la mia. Ora applicane alcuni
Eliminare l'effetto Ombra seguendo i valori e selezionando il colore bianco #fffff


Passaggio 8

Seleziona lo strumento Rettangolo (U) e crea un rettangolo sopra l'inizio della forma precedente. Cambia colore in # f24e47 e applica una Sovrapposizione Motivo usando il Modello Club che può essere trovato nell'archivio Pattern incluso nelle Risorse Tutorial, segui le impostazioni e dopo aver fatto clic con il pulsante destro del mouse sul livello e seleziona Crea maschera di ritaglio. Questo maschererà il livello che abbiamo lavorato all'interno della forma del livello sottostante.


Passaggio 9

Sull'estremità destra della forma precedente usando Ellisse Tool (U) create un piccolo cerchio, impostate Fill a 0% e applicate i seguenti effetti visti nell'esempio.
Il colore utilizzato con il tratto è # e1ddde.


Passaggio 10

Ora facciamo i pulsanti. Dovremo fare 3 pulsanti, ma gli altri 2 sono gli stessi di quelli su cui stiamo lavorando. Crea un nuovo gruppo e chiamalo pulsante di riproduzione. Lavoreremo all'interno di questo gruppo ora. Utilizzo dello strumento Ellisse (U) Crea un cerchio nero a metà della dimensione della forma del giocatore. Segui le opzioni di fusione e riduci l'opacità al 70%.


Passaggio 11

Uso dello strumento Penna (P) Creare un triangolo sopra il cerchio, impostare il colore su # f24e47 e fare clic con il tasto destro sul livello per selezionare Crea maschera di ritaglio.


Passaggio 12

Fai un altro piccolo cerchio sul precedente, centralo rispetto a creare una sovrapposizione sfumatura come nell'esempio.


Passaggio 13

In questo passaggio aggiungeremo un effetto che chiamo effetto metallo radiale. È un effetto molto facile da fare. Crea un nuovo livello, riempilo con qualsiasi colore, dopo vai su Filtro> Disturbo> Aggiungi disturbo e imposta l'importo su 400%, Distribuzione su gaussiano e controlla la casella Monocromatico. Il passo successivo è andare su Filtro> Sfocatura> Sfocatura radiale e impostare Quantità su 80, Metodo sfocatura su Spin e Qualità su Buono. Ora riduci l'opacità del livello al 12%, centra il livello all'interno del cerchio in modo da ottenere la punta del vortice al centro del cerchio, fai clic destro e seleziona Crea maschera di ritaglio. Assegna un nome a questo strato Effetto metallo radiale.


Passaggio 14

Usando lo strumento Penna (P) forma una forma simile alla mia sull'ultimo cerchio. Imposta il colore sul nero # 00000. Ora vai su Filtro> Sfocatura> Sfocatura gaussiana e imposta il Raggio a 2 pixel e l'Opacità del livello al 12%. Fare clic con il tasto destro sul livello e selezionare Crea maschera di ritaglio.


Passaggio 15

Duplica questo ultimo livello, metti l'opacità al 100%, ruotala un po 'e vai su Immagine> Regolazioni> Inverti. Se necessario, fare clic con il tasto destro su di esso e selezionare Crea maschera di ritaglio.


Passaggio 16

Ancora una volta, lo strumento Penna (P) è in aiuto ora. Disegna 3 triangoli questa volta sullo stesso livello. Uno nero, uno bianco e uno nero. Seleziona i 3 livelli e uniscili. Poi vai su Filtro> Sfocatura> Sfocatura radiale e applica lo stesso valore al raggio come al punto 14. Non dimenticare di trasformare il livello esistente in una maschera di ritaglio.


Passaggio 17

Ora creeremo la forma del triangolo Play. Usando lo strumento Penna (P) forma un triangolo bianco come mostrato nell'immagine qui sotto e applica gli stili di livello. Ora copia incolla il livello Effetto metallo radiale sopra il livello del simbolo Riproduci e trasformalo in una maschera di ritaglio. Il pulsante Ok è pronto.


Passaggio 18

Passare al pulsante successivo e indietro. Duplica il gruppo di pulsanti e chiamalo dopo. Ridimensiona fino al 50% e assicurati di eliminare il primo triangolo che abbiamo creato. Duplica il simbolo Play; allinearli in modo che la punta di quella sinistra corrisponda al lato verticale di quello destro. Centrali e abbiamo un pulsante Avanti. Duplica questo livello, chiamalo Indietro. Seleziona i due simboli Play, pres Command + T o CTRL + T, cambia il valore della larghezza in negativo (-) come mostrato nell'anteprima, centralo e abbiamo 3 pulsanti per il nostro giocatore.


Passaggio 19

Pulsante del volume. Duplicare uno dei gruppi Avanti o Indietro, chiamarlo Pulsante volume. Elimina i livelli del simbolo di riproduzione, crea una forma usando lo strumento Penna (P) come quello nell'immagine, applica gli stessi effetti del passaggio 17 e anche il pulsante del volume deve essere eseguito.


Passaggio 20

Box informazioni artista: usando lo strumento rettangolo (U) fai un rettangolo sotto la forma del giocatore, ruota il riempimento al 12% e applica gli stili di livello.


Passaggio 21

Crea un rettangolo quadrato nero usando lo Strumento Rettangolo (U), questo sarà il supporto per le miniature della copertina dell'album. Ora usando Horizontal Type Tool (T), scegli un font e una dimensione, mi piace Myriad Pro perché è un font comune e standard. Inserisci il testo che rappresenta il nome della canzone e applica gli stili al testo. Ripeti lo stesso passo per la parte della band e dell'album, usa un font più piccolo ma applica gli stessi stili.


Passaggio 22

Stelle di valutazione. Usando # f24e47 come colore di base e con Custom Shape Tool (U) da dove dovrai selezionare la forma a stella, fai 5 stelle, il primo 4 dovrebbe essere # f24e47 e l'ultimo nero puro # 00000. Applica lo stesso stile a tutti e 5 e il nostro giocatore è pronto per l'azione.


Passaggio 23

Forma CD. Crea un nuovo gruppo, chiamalo CD. Usando lo strumento Ellisse (U), un cerchio perfetto è leggermente più piccolo della dimensione della tela e imposta il colore su # bcb4c3. Utilizzando lo strumento Selezione ellittica (M) fai un piccolo cerchio nel mezzo di quello grande, fai clic con il pulsante destro del mouse su Seleziona inverso, dopo aver premuto il pulsante Aggiungi maschera di livello nella parte inferiore del pannello dei livelli.


Passaggio 24

Crea un nuovo livello, seleziona lo strumento pennello (B), imposta la dimensione su 99, la durezza su 0 e seleziona il pennello per opacità a pressione rotonda morbida. Inizia a spazzolare usando i colori suggeriti nell'immagine qui sotto. Al termine, imposta Opacità del livello su 30% e trasforma il livello in Maschera di ritaglio.


Passaggio 25

Applica i seguenti stili al livello forma.


Passaggio 26

Ancora una volta, crea un nuovo livello e inizia a sfiorare come nell'esempio usando i colori suggeriti. Imposta l'opacità del livello sul 60% e falla diventare una maschera di ritaglio.


Passo 27

Duplica il livello forma e portalo davanti alle due maschere di ritaglio, ridimensionalo al 98-96%. Applica solo lo stile di livello che puoi trovare nell'immagine qui sotto.


Passaggio 28

Fare alcuni più effetti. Crea un nuovo livello sopra la seconda forma del cerchio. Usa un pennello più grande e il colore # 9a969d e crea una linea orizzontale come nell'esempio. Premi Comando / CTRL + T, fai clic con il tasto destro e seleziona Inclina. Trascina l'angolo in alto a destra tenendo premuto SHIFT fino a quando non incontra l'altro nel mezzo. Duplica il livello 3 volte e fai una croce. Seleziona il 4 livello, uniscili e crea il ritaglio come maschera di ritaglio.


Passaggio 29

Inserisci un nuovo livello e usa # f4f4f5 e # e2e2e3 mentre i colori iniziano a spazzolare finché non ottieni qualcosa di simile all'esempio.


Passaggio 30

Effetto di sfocatura radiale. Crea un nuovo livello, riempilo con qualsiasi colore, segui il punto 13, dopo aver allineato il centro del "vortice" con il centro del CD e riduci l'opacità al 10%.


Passaggio 31

Aggiungi un nuovo livello, usa lo strumento Pennello (B) e inizia a spazzolare via usando i colori e la direzione nell'esempio. Imposta l'opacità sul 15% e la modalità di fusione per il livello su Colore più scuro.


Passo 32

Rifai i passaggi da 28 e 29 e sii creativo per dare una riflessione brillante alla forma del CD.


Passaggio 33

La forma base del CD è ora completata.


Passaggio 34

Usa lo Strumento Rettangolare (U) e crea alcune forme libere come nell'esempio. Seleziona tutti loro e uniscili. Premi Comando / CTRL + T, fai clic con il tasto destro e seleziona Inclina. Trascina i due punti inferiori al centro. Ora vai su Filtro> Sfocatura> Motion Blur e imposta l'Angolo su 0 e la Distanza su 11. Spostalo sul lato destro del CD. Duplicalo e applica lo stile al livello. Ricordati di fare in modo che entrambi i livelli tagliano le maschere.


Passaggio 35

Crea un nuovo cerchio all'interno della forma del CD usando Ellipse Tool (U), imposta Fill su 0 e applica lo stile. Creane un altro, questa volta più piccolo, vicino al centro, rilascia il Riempimento a 0 e applica lo stile al livello. Aggiungi un altro livello e usando lo strumento Ellisse (U) fai un cerchio grigio, usa lo strumento Selezione ellittica (M) per farne un altro piccolo al centro di questo, Seleziona Inversa e aggiungi maschera di livello. Lascia l'opacità al 45%.


Passaggio 36

Aggiungi un nuovo livello, seleziona Strumento pennello (B), scegli un pennello più piccolo e usa i due colori per iniziare a spazzolare via. Rilascia l'opacità al 25% e trasforma il livello in una maschera di ritaglio. Crea un nuovo livello ora, questo sarà ancora più scuro del precedente # 424143, usa lo strumento Selezione ellittica (M) per fare un cerchio un po 'più grande del foro iniziale nel CD, falla diventare una maschera di livello e applica il stili di livello ad esso.


Passaggio 37

Aggiungi una nuova cerchia usando Ellipse Tool (U) e rendila piccola, vicino al centro del CD. Trascina il riempimento a 0 e l'opacità al 25% e applica gli stili di livello. Ora aggiungi un altro livello, e usando lo strumento Ellisse (U) fai un altro cerchio, esattamente la dimensione del buco nel CD, rilascia il riempimento a 0 e applica l'ultimo stile di livello ad esso. Il nostro CD è finito, ora passiamo alla versione Vinyl Disk del player.


Passaggio 38

Crea un nuovo gruppo e chiamalo Disco del vinile. Crea un cerchio nero # 00000 usando Ellipse Tool (U) grande quasi quanto il canvas. Dopo aver usato Elliptical Marquee Tool (M), fai un intero nel vinile usando la funzione di maschera di livello che abbiamo fatto. Applica gli stili di livello dell'esempio.


Passaggio 39

Duplica il livello esistente e riduci le dimensioni al 98%. Dopo aver creato un nuovo livello. Riempi il nero # 00000 aggiungendo un po 'di rumore e sfocatura radiale, centra il vortice al centro del disco.


Passaggio 40

Aggiungi un nuovo livello, vai su Filtro> Rendering> Nuvole dopo vai su Filtro> Sfocatura> Sfocatura radiale e imposta il valore su 100. Metodo di sfocatura per zoom e qualità ai migliori. Imposta la modalità di fusione per il livello su Luce soffusa. Usando lo strumento Pennello (B) e #fffff (bianco) si ottiene un tratto orizzontale che attraversa il disco. Comando / Ctrl + T, fare clic con il tasto destro per selezionare Prospettiva piuttosto che tenendo premuto l'angolo in alto a sinistra trascinarlo verso il basso fino a quando le diagonali si intersecano nel mezzo. Imposta la modalità di fusione del livello su Luce soffusa e il gioco è fatto. Duplicalo tutte le volte che vuoi, ho usato solo 3 copie e cambio la posizione per dare quell'effetto riflesso.


Passaggio 41

Crea una nuova cerchia ma questa volta fino al 95% della dimensione del vinile. Trascina il riempimento a 0 e applica lo stile di livello. Duplicalo molte volte, facendo cadere la dimensione del livello una volta che ti avvicini al centro.


Passaggio 42

In questo passaggio creeremo un altro cerchio, questa volta usando # ff0000, rendilo un po 'più grande del tutto nel disco, usa lo strumento Selezione ellittica (M) e fai un piccolo foro nel cerchio con l'aiuto di una maschera di livello, inserisci la Texture Canvas (che può essere scaricata dal link in Tutorial) trasforma il layer in una maschera di ritaglio, imposta la modalità di fusione del tuo layer in Multiply ed è fatta.


Step 43

Fai un piccolo cerchio esattamente della dimensione del foro che abbiamo appena fatto nella tela rossa, riduci il Riempimento a 0 e applica lo stile di livello. Ora creane un altro, questa volta più grande, grande quasi quanto il cerchio rosso, rilascia il Riempimento a 0 e applica lo stile di livello.


Passaggio 44

In questo passaggio creeremo il braccio del giocatore. Crea un nuovo gruppo, chiamalo Player Arm. Usando lo strumento Ellisse (U) fai un cerchio nero # 000000 come quello nell'esempio. Seleziona Strumento penna (P) e seleziona Percorsi dal menu superiore. Disegna una forma come quella che ho fatto nell'esempio, fai clic con il pulsante destro del mouse, seleziona Crea selezione e premi il pulsante Aggiungi maschera di livello.


Passaggio 45

Aggiungi un nuovo livello, usa lo strumento Pennello (B) e crea un punto #ffffff bianco nella parte superiore del cerchio, fai clic con il pulsante destro del mouse sul livello e crea una maschera di ritaglio, imposta la modalità di fusione del livello su Luce soffusa. Ora crea un altro livello, riempilo con qualsiasi colore, vai su Filtro> Disturbo> Aggiungi disturbo e aumenta il valore a 400%, Distribuzione in gaussiana e controlla la casella Monocromatico, dopo aver impostato il metodo di fusione del livello su Colore scherma, Opacità al 15% e riempimento al 50%.


Passaggio 46

Crea un nuovo cerchio come quello nell'esempio, riempilo con # 353535, aggiungi un altro livello sopra di esso usa lo strumento pennello (B) per fare un tratto nero # 000000 sul lato destro del cerchio. Trasforma il livello in una maschera di ritaglio. Duplica la forma del cerchio e spostala di alcuni pixel verso l'alto nella direzione in alto a destra e applica gli stili di livello.


Passaggio 47

Aggiungi un nuovo livello e, usando lo strumento Pennello (B), crea un punto #ffffff bianco in alto a sinistra. Rendi il livello una maschera di ritaglio e imposta la modalità di fusione del livello su Luce soffusa. Ora duplica il livello di rumore che abbiamo fatto nel passaggio 45 e portalo sopra il punto bianco che abbiamo appena fatto, ovviamente rendendolo anche una maschera di ritaglio.


Passaggio 48

Usando lo strumento Penna (P) disegna una forma come nell'esempio, riempila con nero # 000000 e vai a Filtro> Sfocatura> Controllo sfocatura, imposta il raggio su 2, 5 pixel. Ancora una volta con l'aiuto dello strumento Penna (O) forma un'altra forma con angoli arrotondati come quella nell'esempio, riempila con # 464141 e applica lo stile di livello.


Passaggio 49

Crea una forma #ffffff bianca questa volta usando lo strumento Penna, ma un po 'più corto del precedente, vai a Filtro> Sfocatura> Controllo sfocatura e imposta il raggio a 2, 5. Fai un piccolo rettangolo all'estremità del braccio, applica lo stile del livello. Ora usando Pen Tool (P) fai un peccato come quello nell'esempio e riempilo con il nero # 000000. Ora lavoreremo su due livelli, il primo avrà solo un piccolo tratto #ffffff bianco sulla punta e l'Opacità impostato al 10% e il secondo strato avrà 2 tratti e l'Opacità impostata al 15%. Entrambi dovranno essere maschere di ritaglio.


Passaggio 50

Duplica la forma che abbiamo appena usato con Pen Tool (P) e spostala di alcuni pixel in alto. Applica lo stile del livello. Duplica il tratto bianco #ffffff che abbiamo fatto all'inizio del passaggio 49, posizionalo come nell'esempio. Tenendo premuto il tasto ALT, seleziona la miniatura della maschera vettoriale del livello sottostante e trascinala su questa. Questo copierà la forma del vettore e "intrappolerà" il tratto al suo interno.


Passaggio 51

Crea un nuovo gruppo, chiamalo Vite. Dentro usando Ellisse (U) fai un piccolo cerchio e applica gli stili di livello. Usa lo Strumento Rettangolare (U) per creare un piccolo rettangolo nero # 000000. Duplica il gruppo e spostalo un po ', quindi sembra che due viti mantengano le forme insieme.


Passaggio 52

Questa è l'ultima forma di formato audio, il nastro a cassetta. Utilizzando lo strumento Rettangolo arrotondato (U), impostare il raggio su 10 pixel, Riempi fino al 65% e il colore su # 4e4e4e e creare una forma simile a quella dell'esempio. Applica stili di livello. Il Pattern può essere trovato nell'archivio Pattern da Risorse Tutorial.


Passaggio 53

In questo passaggio aggiungeremo alcuni dettagli alla cassetta. Usando lo strumento Penna (P) puoi impostare il colore su # 8c8c8c e creare una forma simile alla mia sul lato destro. Rilascia l'opacità al 45% e duplica questo livello specchiandolo sull'altro lato della cassetta. Pen Tool (P) aiuterà questa volta a creare altri due dettagli sulla cassetta, usando # 323232 e # 5b5b5b mentre i colori del corpo disegnano due forme come nell'esempio. All'ultima forma ridurre l'Opacità all'80%. Ora con l'aiuto di Ellipse Tool (U) e Rounded Rectangular Tool (U) fai 4 bianche #ffffff come nell'esempio. L'ultimo dettaglio che stiamo aggiungendo in questo passaggio è un piccolo rettangolo nero # 000000 realizzato usando lo Strumento Rettangolo (U) e lasciando i livelli Opacità al 75%.


Passaggio 54

Utilizzando Ellipse Tool (U) e Rectangular Tool (U) aggiungi alcuni altri dettagli come nell'esempio. Dopo aver terminato il lavoro sui piccoli dettagli, aggiungeremo la linea del nastro. Per questo dovremo usare Pen Tool (P) e impostarlo su Paths. Crea un tracciato come nell'esempio che imposta il pennello su 1 pixel di dimensione e 0 durezza, colora il colore a # 000000 e fai clic con il pulsante destro del mouse su un'area di disegno per selezionare Tracciato tracciato.


Passaggio 55

Aggiunta delle viti. Crea un nuovo gruppo e chiamalo Vite. Fai un piccolo cerchio nero # 000000 nell'angolo inferiore destro come nell'esempio e imposta Opacità al 45%. Oltre questo, questa volta, fai un altro cerchio più piccolo dell'80% e usa #ffffff bianco mentre fai cadere Opacity al 75%. Applica gli stili di livello alla forma del cerchio bianco.


Passaggio 56

Usando un pennellino nero # 000000 fai qualche tratto sulla parte superiore e inferiore della vite. Fai clic con il tasto destro sul livello per renderlo una maschera di ritaglio e rilascia l'opacità al 75%. Ora seleziona Strumento tipo orizzontale (T) e usa Arial come font, la dimensione a 4, 5pt e lo stile del carattere a Nero crea un + nel mezzo del cerchio. Ora applica lo stile del livello. Dopo aver fatto tutto, copia incolla il nome del gruppo Vite in una delle aree indicate nell'esempio.


Passaggio 57

Aggiungi un nuovo gruppo e nominalo nastro. Crea un cerchio marrone # 343732 e utilizzando lo strumento Penna (P) impostato su Percorsi, crea un percorso simile a quello nell'esempio. Fare clic con il tasto destro del mouse sulla tela e premere Seleziona in avanti di premere il pulsante Aggiungi maschera di livello. Crea un nuovo livello sulla forma del nastro e aggiungi un nuovo cerchio, questa volta bianco #ffffff, trasformalo in una maschera di ritaglio e rilascia l'opacità al 55%. Usando lo strumento Penna (P) impostato su Tracciati fai un'altra selezione come nell'esempio e usando un pennello nero # 000000, riempi la parte interna della selezione finché il grigio non è completamente mascherato.


Passaggio 58

Usando Ellipse Tool (U) aggiungi una nuova cerchia ma questa volta imposta il colore a #aaaaaa. Crea un'altra circonferenza usando lo strumento Selezione ellittica (M) e aggiungi un'altra maschera di livello. Lascia l'opacità al 55%. Con l'aiuto di Ellipse Tool (U) fai un altro piccolo cerchio e imposta Opacity al 55% rispetto agli stili di livello.


Passaggio 59

In questo passaggio aggiungeremo i punti al rotolo di nastro. Usando lo strumento Ellipse (U) fai un piccolo cerchio come nell'esempio, usando # 737373 piuttosto che duplicandolo finché non ottieni lo stesso risultato come nell'esempio. Ora usando lo strumento Penna (P) impostato sui livelli Forma e il set di colori su # 9a5f5f crea due forme come nell'esempio. Il nostro rotolo di nastri è terminato. Duplica il gruppo e puoi ruotarlo come vuoi per un effetto dinamico dei lanci.


Passaggio 60

Quest'ultimo passaggio contribuirà a rendere gli adesivi. Usando lo strumento Penna (P), create una forma simile a quella dell'esempio, dopo create una forma rettangolare usando lo strumento Selezione rettangolare (M) e aggiungete una maschera di livello dopo aver invertito la selezione. Applica gli stili di livello. Ora crea due forme usando lo Strumento rettangolo (U), uno bianco #ffffff colorato e l'altro # f24e47. Crea i livelli Clipping Masks e applica lo stile di livello a entrambi.


Immagine finale