Disegna un televisore LCD in Photoshop

Nel tutorial di oggi, creeremo una TV LCD partendo da zero con forme semplici e stili di livello. Impareremo anche come creare un modello continuo per creare gli altoparlanti e anche come creare delle belle luci di segnalazione. Iniziamo!


Passaggio 1: crea lo schermo

Inizia creando un nuovo file, dimensioni 2600x1700 px. In Photoshop, è più facile iniziare con una grande dimensione per aiutarci a concentrarci sui dettagli. Utilizzando un rettangolo arrotondato con raggio di 5 px, creare una forma e utilizzare i seguenti stili di livello.


Passo 2

Crea un rettangolo arrotondato più piccolo nella forma precedente per creare lo schermo. Aggiungi i seguenti stili di livello.


Passaggio 3

Utilizzando lo strumento rettangolo arrotondato, crea un'altra forma dietro lo schermo. Fare clic con lo strumento penna per aggiungere nuovi punti di ancoraggio come indicato di seguito. Seleziona un nuovo punto con lo strumento di selezione diretta e spostalo verso il basso. Aggiungi gli stili di livello come mostrato di seguito.


Passaggio 4: Disegna la base

Crea un altro rettangolo arrotondato. Questa volta sotto la TV. Aggiungi un punto al centro del lato inferiore e spostalo verso il basso. Seleziona i punti nell'angolo in alto, premi Cmd / Ctrl + T e muovi più vicino. Infine, sposta i punti come indicato di seguito. Aggiungi stili di livello.


Passaggio 5

Disegna un rettangolo arrotondato che collega la base e lo schermo. Premi Cmd / Ctrl + T, fai clic con il tasto destro e scegli Prospettiva. Cambia le sue dimensioni, vedi l'immagine qui sotto per riferimento. Livello doppio clic per aprire le opzioni di Stile livello. Attiva la maschera di livello Nasconde gli effetti e aggiungi i seguenti stili di livello.


Passaggio 6

Aggiungi maschera di livello. Dipingi la parte inferiore della forma con il nero fino a quando non si fonde con la base.


Passaggio 7: creare riflessioni

Ora possiamo iniziare a creare riflessioni. Crea una forma come mostrato di seguito. Aggiungi i seguenti stili di livello. Utilizzare una sfumatura da nero a bianco con la modalità di fusione impostata su Schermo. Cambia la modalità di fusione del livello su Schermo per rimuovere il nero e lasciare solo i pixel più chiari.


Passaggio 8

Disegna un'altra forma come mostrato di seguito. Aggiungi Sovrapposizione sfumatura con la modalità di fusione impostata su Schermo. Cambia la modalità di fusione del livello su Schermo.


Passaggio 9

Crea un'altra forma di riflessione. Aggiungi i seguenti stili di livello.


Passaggio 10

Ripeti il ​​passaggio precedente per creare un altro riflesso sull'altro lato. Aggiungi i seguenti stili di livello, ma questa volta usa la direzione opposta per l'angolo.


Passaggio 11

Crea una forma come mostrato di seguito. Aggiungi i seguenti stili di livello. Cambia la modalità di fusione su Schermo.


Passaggio 12

Duplica il riflesso e posizionalo sull'altro lato.


Passaggio 13

Crea una forma sotto la base. Questa è la parte che tocca il pavimento. Aggiungi i seguenti stili di livello.


Passaggio 14: aggiungi ombra

Aggiungiamo un'ombra sul pavimento. Crea un nuovo livello sotto il televisore, crea una selezione rettangolare. Aggiungi Gaussian Blur per ammorbidirlo e modificarne l'opacità al 5%.


Passaggio 15: aggiungi trama

Questo televisore è troppo pulito e non sembra realistico. Abbiamo bisogno di aggiungere alcune trame. Tieni premuto Cmd / Ctrl + Maiusc e fai clic sul TV e sul livello base per creare una selezione in base alla sua forma. Crea un nuovo livello sopra tutti gli altri livelli e riempilo di nero. Fai clic su Filtro> Disturbo> Aggiungi disturbo. Cambia la modalità di fusione del livello su Schermo.


Passaggio 16: aggiungere altoparlanti

Per creare diffusori, dobbiamo prima creare il suo modello. Crea un nuovo file 50 x 50 px. Attiva lo strumento ellisse. Dalla barra delle opzioni impostata su Dimensioni fisse 20 x 20 px. Questa impostazione creerà automaticamente una forma di cerchio di 20x20 px.


Passaggio 17

Premi Cmd / Ctrl + R per attivare Righello. Trascina il righello al centro dell'immagine per creare una guida verticale e orizzontale al centro. Disegna un cerchio nel mezzo.


Passaggio 18

Disegna un altro cerchio e posizionalo al centro di ogni angolo.


Passaggio 19

Fare clic su Modifica> Definisci modello per salvarlo come modello.


Passaggio 20

Crea un nuovo file, dimensione 3000 x 3000 px. Apri il pannello Canali e crea un nuovo canale.


Passaggio 21

Fai clic su Modifica> Riempi. Usa il modello che abbiamo creato in precedenza.


Passaggio 22

Cmd / Ctrl-clic sul canale per caricarlo come selezione. Crea un nuovo livello, riempilo di nero. Seleziona tutto e copia (Cmd / Ctrl + C).


Passaggio 23

Ritorna al tuo file TV. Crea una selezione rettangolare sul lato destro dello schermo.


Passaggio 24

Fai clic su Modifica> Incolla in. Il modello verrà automaticamente posizionato all'interno della selezione. Premi Cmd / Ctrl + T e ridimensionalo. Aggiungi i seguenti stili di livello.


Passaggio 25

Crea un rettangolo arrotondato che copre l'altoparlante. Cambia il suo riempimento a 0% e aggiungi questi stili di livello.


Passaggio 26

Duplica l'altoparlante e posizionalo sull'altro lato.


Passaggio 27: aggiungi marca

Aggiungi il marchio della TV e applica i seguenti stili di livello per conferirgli un aspetto metallico.


Passaggio 28: Crea indicatore lampada

Crea una piccola forma rettangolare arrotondata. Assicurati che Opacity sia impostato al 100% con Fill impostato su 0%. Applica i seguenti stili di livello.


Passaggio 29

Duplica la forma e ridimensionala come mostrato.


Passaggio 30

Crea un altro rettangolo arrotondato. Usa gli stessi stili di livello.


Passaggio 31

Attiva lo strumento linea. Dalla barra delle opzioni, imposta Arrowheads su End. Utilizza gli stili del livello precedente e aggiungi Sovrapposizione colore.


Passo 32

Crea segno più e meno usando lo strumento rettangolo per l'indicatore del volume.


Passaggio 33

Aggiungiamo un indicatore su e giù per il canale. Disegna una forma rettangolare. Fare clic sulla sua metà con lo strumento penna per aggiungere nuovi punti di ancoraggio. Seleziona e spostali verso l'alto. Usa stili di livello precedenti, Bagliore esterno, Sovrapposizione colore e Tratto. Per creare un indicatore in basso devi solo duplicare la forma e girarla verticalmente.


Passaggio 34

Per creare l'indicatore di potenza, è necessario combinare alcune forme. Inizia creando una forma circolare. Duplica il percorso circolare e ridimensionalo, dalla barra delle opzioni seleziona Sottrai. Creare un percorso rettangolare e selezionare Aggiungi.


Passaggio 35: Crea sfondo e pavimento

Attiva il livello di sfondo. Crea un gradiente radiale dal grigio chiaro al grigio più scuro.


Passaggio 36

Duplica il livello e ridimensionalo. Questo sarà il pavimento


Passaggio 37

Dobbiamo ancora distinguere il pavimento dal suo sfondo. Fai clic su Blocca l'icona Trasparenza nel pannello Livelli. Dipingi la parte superiore del pavimento. Innanzitutto, fai clic su un lato e poi fai clic tenendo premuto Maiusc sull'altro lato per tracciare una linea retta.


Immagine finale

Questo è tutto! Sono stati fatti. Puoi vedere l'immagine finale qui sotto.