Crea un comunicatore in stile Star Trek in Photoshop

In questo tutorial, disegneremo un comunicatore in stile Star Trek, un dispositivo di comunicazione vocale utilizzato nella serie originale di Star Trek. Combineremo stili di livello e un sacco di disegni manuali. Quindi, prepara il tuo Wacom ad andare audacemente dove nessun tutorial di Photoshop è mai giunto prima.


Risorse Tutorial

Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.

  • 26 pattern pixel ripetibili da PSDfreemium
  • Font Frontier Old Style di Allen R. Walden

Passaggio 1: preparazione dello sfondo

Crea un nuovo file, con dimensioni 600x660 px. Riempi lo sfondo con il colore: #ababab.


Passo 2

Crea un nuovo livello e aggiungi sfumatura dal blu al nero.


Passaggio 3

Imposta la modalità di fusione su Schermo e riduci la sua Opacità.


Passaggio 4: forma base di Communicator

Disegna un rettangolo arrotondato con raggio di 15 px e colore # 625f5f.


Passaggio 5

Attiva lo strumento penna e fai clic su metà superiore e inferiore centrale per aggiungere nuovi punti.


Passaggio 6

Usa lo strumento selezione diretta per modificare ogni punto finché non abbiamo questa forma seguente. Aggiungi sottile sovrapposizione sfumatura.


Passaggio 7

Forma di base duplicata che abbiamo appena creato premendo Comando / Ctrl + J. Cambia il suo colore in # 2f2229. Ridimensiona al 98%. Aggiungi sovrapposizione sfumatura.


Passaggio 8

Duplica la forma del livello premendo Comando / Ctrl + J. Cambia il suo colore in # 3c3037. Aggiungi un tracciato rettangolo arrotondato e imposta la sua modalità su Sottrai.


Passaggio 9

Comando / Ctrl-clic sul livello per creare una selezione in base alla sua forma.


Passaggio 10

Crea un nuovo livello. Premi Comando / Ctrl + H per nascondere i bordi della selezione. Attiva lo strumento pennello morbido. Dipingi l'evidenziazione sul lato sinistro della forma.


Passaggio 11

Disegna un altro punto saliente sulle aree indicate. Sarà più facile se fai tutti i tratti su diversi livelli. In questo modo, puoi ridurre l'opacità dei livelli per ridurne l'effetto. Oppure, puoi semplicemente eliminare il livello se non ti piace il risultato.


Passaggio 12

Forma duplicata che abbiamo creato in precedenza. Questa volta imposta la modalità rettangolo arrotondato su Interseca. Cambia il suo colore in # 141314.


Passaggio 13

Disegna una nuova forma composta da due rettangoli impilabili. Imposta la modalità di entrambi i percorsi su Aggiungi a forma. Imposta il suo colore su # 362b31. Aggiungi Sovrapposizione sfumatura stile livello.


Passaggio 14

Crea un nuovo livello e convertilo in Maschera di ritaglio premendo Comando / Ctrl + Alt + G. Dipingi l'evidenziazione su alcune parti della forma.


Passaggio 15

Certo, non dimenticare le ombre.


Passaggio 16

Disegna un rettangolo arrotondato con colore # e1cece. Aggiungi Sovrapposizione sfumatura stile livello.


Passaggio 17

Crea un nuovo livello e convertilo in Clipping Mask. Disegna l'ombra sull'angolo inferiore per aggiungere profondità alla forma.


Passaggio 18

Disegna una forma rettangolare con il colore # dac9c9. Aggiungi gli stili di livello seguenti. Nell'impostazione Sovrapposizione modello, utilizza Pattern pixel da PSDfreemium


Passaggio 19

Disegna un rettangolo che copre la parte superiore della forma precedente. Imposta il suo colore su # 342b30. Premi Comando / Ctrl + T per eseguire la trasformazione, fai clic con il tasto destro e scegli Prospettiva. Tirare l'angolo in alto fino a quando non avremo una forma trapezoidale.


Passaggio 20

Crea un nuovo livello e convertilo in Maschera di ritaglio (comando / Ctrl + Alt + G). Dipingi alcune luci e ombre sottili.


Step 21: Button

Disegna una forma circolare con il colore # 706a6a.


Passaggio 22

Forma duplicata che abbiamo appena creato e impostiamo il suo colore su # d6c5c5. Ridimensiona al 95%.


Passaggio 23

Ancora una volta, duplica la forma del cerchio. Ridimensiona al 95%. Aggiungi gli stili di livello seguenti.


Passaggio 24

Forma duplicata Ridimensiona all'85%. Rimuovi tutti i precedenti stili di livello. Sostituiscili con questi stili di livello.


Passaggio 25

Duplica la forma precedente e ridimensionala al 95%. Aggiungi gli stili di livello seguenti.


Passaggio 26

Metti tutti i livelli dei pulsanti in un gruppo. Alt-trascina gruppo per duplicare il pulsante.


Passo 27: Aspetti salienti

Attiva lo strumento matita e imposta le sue dimensioni su 1 px. Disegna una linea bianca di 1 px in alcune aree. Elimina entrambe le estremità con una grande gomma morbida e riduce l'opacità del livello al 40%.


Step 28: Indicatore luminoso

Disegna un cerchio con il colore # 706a6a e aggiungi ombra di stile di livello.


Passaggio 29

Forma del cerchio duplicata che abbiamo appena creato e rimuovere il suo stile di livello. Ridimensiona all'85%. Cambia il suo colore in # d6c5c5?


Passaggio 30

Forma di un livello duplicato (comando / Ctrl + J). Ridimensiona al 75%. Aggiungi gli stili di livello seguenti.


Passaggio 31

Disegna la forma più piccola del cerchio con il colore # ebc358. Aggiungi gli stili di livello seguenti.


Passo 32

Imposta il colore di primo piano su # ccb371, quindi usa il pennello morbido per dipingere il riflesso della lente sulla parte superiore della lampada. Riduci l'opacità del livello per mantenere l'effetto naturale.


Passaggio 33

Posiziona tutti i livelli che compongono la lampada all'interno di un gruppo selezionandoli e premi Comando / Ctrl + G. Alt e trascina il gruppo per duplicarlo. Esegui questa operazione due volte finché non avremo due lampade e assicurati di cambiarne il colore.


Step 34: Oscilloscopio

Disegna una forma circolare con il colore # efe7e6. Aggiungi il seguente stile di livello.


Passaggio 35

Duplica la forma del cerchio e ridimensionala al 95%. Aggiungi gli stili di livello seguenti.


Passaggio 36

Duplica la forma del cerchio precedente e ridimensionala al 92%.


Passaggio 37

Duplica la forma del cerchio e ridimensionala al 75%. Cambia gli stili dei livelli usati con le seguenti impostazioni.


Passaggio 38

Disegna una linea di 1 px con il colore # 5e4a49. Mettilo al centro del cerchio.


Passaggio 39

Attiva lo strumento di selezione del percorso e seleziona la linea. Premi Comando / Ctrl + Alt + T per duplicare e trasformare il percorso della linea. Nella barra delle opzioni inserisci 5 gradi. Ripetutamente, premi Comando / Ctrl + Maiusc + Alt + T per ripetere il processo di duplicazione.


Passaggio 40

Ripeti questo processo fino a quando le linee formano un cerchio completo, a 360 gradi.


Passaggio 41

Comando / Ctrl-clic sull'ultimo cerchio che abbiamo creato nel passaggio 37. Fare clic sull'icona Aggiungi maschera di livello. Le linee ora vanno all'interno del cerchio.


Step 42: Cover

Disegna un rettangolo arrotondato con il colore # 956a0b. Disegna un altro rettangolo arrotondato al suo interno e imposta la sua modalità su Sottrai.


Step 43

Aggiungi la maschera di livello e dipingi la parte inferiore con il nero per sfumarlo nella base del communicator. Aggiungi gli stili di livello seguenti.


Passaggio 44

Disegna un rettangolo arrotondato dietro la forma precedente. Imposta il suo colore su # b79556. Aggiungi gli stili di livello seguenti.


Passaggio 45

Aggiungi la forma del cerchio sul percorso. Impostare la modalità su Sottrai per creare un foro all'interno della forma.


Passaggio 46

Seleziona il cerchio. Trasforma e duplica il percorso premendo Comando / Ctrl + Alt + T. Muovi il cerchio duplicato a destra. Premi ripetutamente Comando / Ctrl + Maiusc + Alt + T per ripetere il processo di duplicazione finché non abbiamo una fila piena di buchi. Disegna più cerchi sulla seconda riga.


Passaggio 47

Seleziona tutte le cerchie. Premi Comando / Ctrl + Alt + T per trasformarli e duplicarli. Premere la freccia verso il basso alcune volte.


Passaggio 48

Premi Comando / Ctrl + Maiusc + Alt + D ripetutamente finché la forma non è completamente coperta da buchi.


Passaggio 49

Crea un nuovo livello e impostalo come maschera di ritaglio premendo Comando / Ctrl + Alt + G. Disegna alcune ombre sulla copertina per mantenerla realistica.


Passaggio 50

Duplica la forma base del comunicatore e cambia il suo colore in # 493c45. Aggiungi un rettangolo arrotondato in cima e imposta la sua modalità su Interseca. Aggiungi Sovrapposizione sfumatura stile livello.


Passaggio 51

Zoom più vicino alla forma per vedere i dettagli più vicini. Attiva lo strumento pennello e seleziona una piccola spazzola morbida con durezza 0%. Crea un nuovo livello. Disegna sottili riflessi sulla parte superiore della forma.


Passo 52: Tweak luci e ombre

Comando / Ctrl-clic sulla forma base del comunicatore per effettuare una selezione in base alla sua forma. Seleziona un grande pennello morbido e poi dipingi il nero sulla parte inferiore del communicator. In questo modo, l'aspetto del comunicatore non è così piatto.


Passaggio 53

Zoom più vicino per vedere i dettagli. Seleziona un pennello piccolo e morbido. Dipingi bianco su alcune parti per i suoi punti salienti.


Passaggio 54

Ancora una volta, Command / Ctrl-clic sulla forma base del communicator. Dipingi più ombre su alcune parti sotto per renderla più scura e lucida.


Step 55: Shadow

Disegna la selezione ellittica sotto il comunicatore e riempila di nero.


Passaggio 56

Rimuovi la selezione premendo Comando / Ctrl + D. Fai clic su Filtro> Sfocatura> Sfocatura gaussiana per ammorbidire l'ombra.


Passaggio 57

Duplicate shadow layer che abbiamo appena creato. Applica un'altra sfocatura gaussiana premendo Comando / Ctrl + Alt + F, ma questa volta usa un raggio più grande.


Passaggio 58

Ecco il risultato.


Immagine finale

Finalmente, abbiamo finito di disegnare questo fantastico comunicatore. Ho anche aggiunto del testo usando il font Final Frontier. Spero che questo tutorial ti piaccia tanto quanto me. Vivi a lungo ed in prosperità.