Conta Km Analogico

Luglio
29

Conta Km Analogico

Inserito In: Tutorial Photoshop Scritto da Luca Bottoni

Conta Kmanalogico creato e ideato da Bottoni Luca

Con questo tutorial spiego come sia possibile arrivare a creare un conta kilometri analogico, sempre sfruttando le sfumature. Con un pò di fantasia si può utilizzare questo metofo per creare anche altri parti del cruscotto, se vi venisse voglia, famelo sapere…

Fig.01

Create un nuovo documento H:500px W:500px con sfondo bianco.

H = Altezza
W = Larghezza

Create un nuovo livello 1 e disegnate nel centro un cerchio tenendo premuto il tasto Shift (io ho utilizzato queste dimensioni H: 273px W: 273px.
Applicategli un colore grigio chiaro (non importante quale) Fig.01.

Fig.02

Se avete tolto la selezione effettuate un click+Ctrl sul livello 1. create un nuovo livello 2, modificate la selezione riducendola di qualche px (Selezione->Modifica->Contrai).

Create una nuova sfumatura lineare come questa.

1-R: 163 G: 163 B: 163 Pos: 0
2-R: 204 G: 204 B: 204 Pos: 19
3-R: 192 G: 192 B: 192 Pos: 41
4-R: 218 G: 218 B: 218 Pos: 65
5-R: 218 G: 218 B: 218 Pos: 83
6-R: 163 G: 163 B: 163 Pos: 100

Attivate il livello 1, create la selezione con Ctrl+click e applicategli questa sfumatura radiale da ore 10 a 5 di un’ orologio analogico. Applicate al livello 1 queste opzioni di fusione “Smusso ed effetto rilievo” e “Bagliore interno“.

Effettuate un click+ctrl sul livello 2 (mantenendo attivo il livello 1) e cancellate la sua area interna (Fig.02)

Fig.03A

Fig.03B

Create un nuovo livello 3 tenendo attiva la selezione precedente, attivate il nuovo livello, e spostate la selezione verso il basso tenendo premuto il tasto shift per quattro volte (Fig. A). Riempite la selezione di un colore grigio chiaro. Tenendo attivo il livello 3 fate un click+ctrl sul livello 2, invertite la selezione e cancellate quello che resta (Fig. B).

Fig.04

Attivate il livello 2 e selezionate con click+ctrl il livello 3, cacellate quello che rimane, selezionate il livello 2 rimanente a applicategli la stessa sfumatura lineare creata in precedenza (da ore 9 a ore 3), dopo regolate con la luminosità e contrasto i valori in modo che appaia una sfumatura pi๠scura (io ho dato luminosità -68 e contrasto +37). Attivate e selezionate il livello 3 e applicategli la stessa sfumatura (da ore 12 a ore 6) Fig. A. Applicate al livello 2 queste impostazioni di fusione.

Fig.05A

Fig.05B

Fig.05C

Fig.05D

Create un nuovo livello 4. Attivate il livello 1 e selezionatelo con click+ctrl. Prendete la “Bacchetta Magica” e ciccate nel cerchio centrale, attivate il livello 4 e colorate di rosso il cerchio Create un nuovo livello 5 e disegnate una selezione con le dimensioni H: 22px e W: 6px. Colorate la selezione di nero. Collegate i livelli 4 e 5, allineate verticalmente a centralmente i due livelli (tenete attivo il livello 4 Fig.A). Create un nuovo livello 6 e ripetete l’operazione del collegamento al livello 4, ma questa volta fatelo allineare sul bordo inferiore. Unite il livello 5 e 6 e fate ruotare le due barrette di 10° (Fig. B). Duplicate e ruotate di 20° i livelli copia fino a raggiungere la Fig. C.

Arrivati all’ultimo passaggio rinominate il livello delle tacchette in livello 5. Duplicate il livello 5 in “livello 5 copia” e toglietegli la visibilità (ci servirà nei prossimi passaggi come copia di sicurezza.). Create un nuovo livello 6. Spotate il livello 6 sopra la copia del 5. Attivate il livello 6 ed effettuate un click+ctrl sul livello 5, poi contraete la selezione (Selezione->Modifica->Contrai) di 2px e riempitela di nero. Ruotate la figura del livello 6 di 10°. Fate un click+ctrl sul livello 4 e tenendo premuto shift+alt riducete di qualche pixel il cerchio. Eliminate la parte interna delle tacchette del livello 6 (Fig. D).

Fig.06

Togliete la visibilità al livello 4. Attivate il livello 3 e collegatelo con il 5 poi effettuate un allineamento centrale e sul bordo superiore . Attivate il livello 5 e fate un click+crtl sul livello 3, invertite la selezione e cancellate quello che rimane (Fig A – Io ho tolto anche le ultime due tacche).

Fig.07A

Fig.07B

Create un nuovo livello 7.Fate un click+ctrl sul livello 4 e riducete la selezione molto piccola, coloratela di bianco poi spostatela tenendo premuto lo shift di 3 volte (Fig. A). Create un nuovo livello 8 e tracciate una selezione rettangolare (io ho usato queste dimensioni H: 158 W: 12). Arrotondate la selezione di 3/4 px (Selezione->Modifica->Arrotonda). Prima di riempire la selezione di un colore, distorcetela fino a farle assumere una forma simil-freccia. Colorate di rosso (R: 255 G: 0 B: 0) Fig.B (nella figura ho ingrandito la selezione).

Fig.08

Applichiamo alla selezione del livello 8 un sfumatura riflessa con queste impostazioni:

1-R: 255 G: 0 B: 0 Pos: 0
2-R: 255 G: 130 B: 130 Pos: 56
3-R: 255 G: 0 B: 0 Pos: 100

Applicate un effetto fusione smusso e rilievo con queste impostazioni al livello 8.

Fig.09

Create un nuovo livello 9, fate un click+ctrl sul livello 7, riducete la selezione tenendo premeti i tasti shift+alt e coloratela di grigio scuro (R: 103 G: 103 B: 103). Applicate un effetto smusso e rilievo con queste impostazioni e queste per il contorno.

Fig.10

Applicate i numeri delle tacchette (fate attenzione ad inserirli sotto il livello 8).Io ho utilizzato un Font LCD.

Fig.11A

Fig.11B

Fig.11C

Attiviamo il livello 4 e portiamolo sopra tutti gli altri, in modo che sia il primo in alto (Fig.A) e ridategli la visibilità . Effettuate un click+ctrl sul livello 4 e cancellate il contenuto. Create una nuova sfumatura con queste impostazioni:

Colori :

1-R: 177 G: 230 B: 232 Pos: 0
2-R: 255 G: 255 B: 255 Pos: 19
3-R: 217 G: 254 B: 255 Pos: 41
4-R: 196 G: 249 B: 250 Pos: 65
5-R: 255 G: 255 B: 255 Pos: 83
6-R: 177 G: 230 B: 232 Pos: 100

Interruzioni Opacità :

1-Pos: 0 – Opa: 60%
2-Pos: 12 – Opa: 9%
3-Pos: 40 – Opa: 40%
4-Pos: 62 – Opa: 49%
5-Pos: 85 – Opa: 17%
6-Pos: 100 – Opa: 48%

Applicate la sfumatura da ore 9 a ore 6 (Fig. B).

Fig.12

Riducete l’opacità di questo livello 4 per ottenere un effetto simil-vetro.

Applicando qualche particolare in pi๠potreste arrivare a effetti molto carini.

Cruscotto

Vuoi lasciare un tuo commento?

Attenzione: L'approvazione e l'invio del commento potrebbero avere dei ritardi, quindi, dopo aver premuto il pulante "Invia Commento" attendi.


*