Battito cardiacoBattito cardiaco

Battito cardiaco

In questo nuvo tutorial vedremo come realizzare la classica linea verde che mostra il battito cardiaco negli appositi strumenti utilizzando photoshop ed image ready, per prima cosa crea una nuova immagine di 450×100 pixel a fondo nero

Corso Photoshop Gratis
Corso Photoshop Gratis – Battito Cardiaco

crea un nuovo livello e rinominalo in “indicatore”

Corso Photoshop Gratis
Corso Photoshop Gratis

seleziona come colore di primo piano un verde puro (#00FF00)

Corso Photoshop Gratis
Corso Photoshop Gratis

e con lo strumento sfumatura impostato da colore di primo piano a trasparente e con i parametri mostrati in figura

Corso Photoshop Gratis
Corso Photoshop Gratis – Battito Cardiaco

crea una sfumatura in un punto qualsiasi dell’immagine

Corso Photoshop Gratis
Corso Photoshop Gratis – Battito Cardiaco

con lo srtumento selezione rettangolare, seleziona la metà destra della sfumatura ed eliminala

Corso Photoshop Gratis
Corso Photoshop Gratis – Battito Cardiaco

dovresti ottenere qualcosa di simile

Corso Photoshop Gratis
Corso Photoshop Gratis – Battito Cardiaco

dal menù filtro/sfocatura clicca su controllo sfocatura (filter/blur/gaussian blur) ed imposta un raggio pari a 2,5 pixel

Corso Photoshop Gratis
Corso Photoshop Gratis

ottieni qualcosa del genere

Corso Photoshop Gratis
Corso Photoshop Gratis – Battito Cardiaco

crea un nuovo livello e rinominalo in “traccia” e riempilo di nero

Corso Photoshop Gratis
Corso Photoshop Gratis

crea una linea guida al centro dell’immagine

Corso Photoshop Gratis
Corso Photoshop Gratis – Battito Cardiaco

e con lo strumento “selezione punto punto”

Corso Photoshop Gratis
Corso Photoshop Gratis – Battito Cardiaco

crea l’andamento del battito chiudendo la selezione sul punto di inizio

Corso Photoshop Gratis
Corso Photoshop Gratis – Battito Cardiaco

una volta chiusa la selezione ottieni qualcosa come quanto mostrato in figura

Corso Photoshop Gratis
Corso Photoshop Gratis

dal menù layer/nuovo clicca su Nuovo livello da taglio

Corso Photoshop Gratis
Corso Photoshop Gratis

ottieni così u nuovo livello (layer 1)

Corso Photoshop Gratis
Corso Photoshop Gratis

seleziona il “Layer1” e spostalo di 10pixel verso sopra, dopodichè seleziona il livello “traccia” e spostalo di 10 pixel verso il basso in modo da far intravedere l’indicatore sottostante

Corso Photoshop Gratis
Corso Photoshop Gratis

A questo punto possiamo procedere con l’animazione in image ready cliccando sull’apposito tasto

Corso Photoshop Gratis
Corso Photoshop Gratis

una volta avviato il programma seleziona il livello “indicatore” e spostalo, fino a tenerlo fuori dall’immagine, sull’estrema sinistra

Corso Photoshop Gratis
Corso Photoshop Gratis

crea un nuovo fotogramma

Corso Photoshop Gratis
Corso Photoshop Gratis

e sposta il livello “indicatore” sull’estrema destra

Corso Photoshop Gratis
Corso Photoshop Gratis

Seleziona premendo il tasto CTRL entrambi i fotogrammi e clicca sul pulsante tween

Corso Photoshop Gratis
Corso Photoshop Gratis

Dalla finestra che si apre imposta quanti fotogrammi devono essere genereati tra il primo e l’ultimo fotogramma precedentemente creati ed imposta il resto dei parametri come in figura

Corso Photoshop Gratis
Corso Photoshop Gratis

Ecco qui finito, osservate il vostro lavoro appena creato

Effettivamente nel mio caso il battito è un po’ troppo lento, ma è per far notare come il livello sottostante genera il battito in base alla forma dei livelli superiori, con un po’ di fantasia, e con la stessa tecnica, possiamo creare anche effetti diversi. Buon lavoro!

LorenzoDesign.it