Come posso rappresentare la velocità in un grafico?

22

Come posso mostrare la velocità in questo esempio?

Non ho programmi vettoriali, sto lavorando in Photoshop.

inserisci qui la descrizione dell'immagine

Qualsiasi consiglio sarà utile.

adobe-photoshop photoshop-effects

— Vinand
fonte

2

In generale, la velocità viene trasmessa tramite linee o linee sfocate insieme a un angolo rispetto a un oggetto (se orizzontale) google.com/…

— Scott

30

Crea una forma a goccia con lo strumento penna:

inserisci qui la descrizione dell'immagine

Riempilo di bianco ( Command+ Delete).

Duplica, allunga e ruota le tue copie in modo che corrispondano ad alcune delle linee dell'oggetto:

inserisci qui la descrizione dell'immagine

Unisci le forme selezionandole tutte e 1.hit Command+ Eo 2. fai clic con il pulsante destro del mouse e scegli Unisci a oggetto intelligente.

Quindi aggiungi una maschera di livello e metti una leggera sfumatura dal basso verso l'alto ...

inserisci qui la descrizione dell'immagine

— Cerchio B
fonte

1

+1 questa è l'opzione meno invadente e si adatta bene allo stile di illustrazione nitido e chiaro

— user56reinstatemonica8

1

@ user568458 Sono d'accordo. tutti gli altri esempi (es. sfocature e sfondi) sono completamente incompatibili con lo stile originale dell'illustrazione, questo si adatta perfettamente. Lo fanno sembrare un'astronave , questo lo fa sembrare un aereo di carta che è stato lanciato .

— vaxquis,

Mi piace così questo è davvero buono per le immagini statiche

— Vinand,

Ho anche deciso di utilizzare l'ellisse con lo strumento di deformazione per ottenere risultati simili invece dello strumento penna.

— Vinand,

27

Un approccio alternativo è quello di fornire un punto di riferimento esterno.

In questo caso, lo spettatore viaggia alla velocità del soggetto. Gli oggetti fissi sembrano muoversi nella direzione opposta come indicato dalle nuvole sottostanti.

Vedrai questo approccio in Anime, dove l'esempio fornito da @Dalvenjia è probabilmente più comunemente visto nei cartoni animati occidentali. Non implica che si tratti di un approccio migliore, ma che assume certamente un diverso carattere stilistico.

inserisci qui la descrizione dell'immagine

Da un punto di vista tecnico è essenzialmente lo stesso.

Ho creato alcuni livelli con le nuvole usando lo strumento pennello, quindi ho applicato un effetto movimento alle copie di ogni livello. Spostare l'allineamento del movimento in modo che svanisca nella direzione in cui si muove il soggetto.

Spero che sia di aiuto.

— jwarton
fonte

1

Risposta molto bella Ho modificato la tua immagine, benvenuto su GD.SE!

— Yisela,

Grazie, @Yisela, non ero sicuro di come pubblicare la mia immagine per la visualizzazione diretta. Non l'ho notato nella documentazione di pubblicazione.

— jwarton,

1

Nessun problema :) Puoi pubblicare immagini solo quando hai 10 reputazione. Ecco perché l'opzione è stata disabilitata (non è più un problema!)

— Yisela,

Il tuo percorso sembra adatto solo per l'animazione

— Vinand,

Mi dispiace se questo non è stato utile @Vinand. Non ero a conoscenza della tua applicazione e ho pensato che sarebbe stato efficace guardare il movimento implicito da un'angolazione leggermente diversa. Spero che alcuni degli altri post qui siano stati in grado di far girare le ruote. :)

— jwarton,

16

Come ha commentato Scott, il movimento viene solitamente illustrato usando linee, sfocatura e / o immagini parziali traslucide dell'oggetto che si trascina dietro la "direzione del movimento".

Per finire con un bordo anteriore pulito con una sfocatura di movimento o un effetto simile sul bordo posteriore, sono necessari due strati. Il primo è l'oggetto stesso, il secondo è steso sopra e parzialmente mascherato.

Un modo rapido e semplice per farlo è con Motion Blur. Ecco un'illustrazione, copiata su un secondo livello con un effetto movimento applicato alla copia.

inserisci qui la descrizione dell'immagine

Ed eccolo qui con la sfocatura del "bordo anteriore" rimossa con una maschera di livello:

inserisci qui la descrizione dell'immagine

Sfumando la maschera, è possibile regolare la quantità o la quantità dell'effetto che si sovrappone all'oggetto. Per ulteriore credito, è possibile applicare un filtro Liquify all'estremità della sfocatura, per creare "turbolenza".

— Alan Gilbertson
fonte

1

In genere non sarebbe meglio iniziare con una sfocatura di movimento più breve e spostare semplicemente il livello sfocato in modo che il bordo anteriore si allinei con l'oggetto originale? È quindi possibile utilizzare il mascheramento per ottimizzare l'effetto, se lo si desidera.

— Ilmari Karonen,

1

Ci sono molti modi per farlo. La sfocatura di movimento più breve tende ad essere troppo opaca e insufficientemente sfumata, e c'è un limite definito a quanto lontano puoi spostarlo. Semmai userei una sfocatura più grande e la sposterei nella direzione opposta.

— Alan Gilbertson,

15

Applica un po 'di Wind e Motion Blur e puoi dare la sensazione di velocità: Effetti applicati

Ruota la tua immagine di 90CW perché Wind funziona solo lateralmente.
Seleziona il livello con il piano della carta (senza sfondo o altro).
Duplica il livello in modo da avere una copia pulita e puoi provare varie impostazioni e confrontare.
Applica filtri> Stilizzazione> Vento e ripeti se necessario, l'ho fatto solo due volte.
Applica filtri> Sfocatura> Sfocatura movimento
Gioca con le impostazioni, ho usato 0 ° e 100 di forza.

Ora tocca a te essere creativo.

EDIT: non dimenticare di ruotare l'immagine indietro di 90CCW

— Dalvenjia
fonte

1

Un leggero problema qui è che le linee che scendono dritte non corrispondono alla prospettiva implicita dell'aereo, quindi potrebbe essere visto come ghiaccioli o come la parte posteriore dell'aereo che si muove verso l'alto

— user56reinstatemonica8

1

Penso che sarebbe migliorato se il vento / sfocatura davanti all'aereo fosse rimosso.

— MrWhite,

7

Questo potrebbe fare appello di più a te, ma ci vorrà un po 'di sforzo usando lo strumento tracciato, il tratto e qualche mascheramento accurato:

— jwarton
fonte

3

+1, è una bella foto, probabilmente non adatta alla velocità, ma sicuramente al movimento

— Ilan,

Haha, davvero. Su questo hai ragione.

— jwarton,

Mi piace così tanto che riscriverò anche un po 'di codice di gioco per aggiungerlo. Ma trovo ancora l'esempio precedente con lo strumento penna migliore per la schermata iniziale.

— Vinand,

3

Sembra un progetto divertente! Tienici aggiornati sui tuoi progressi!

— jwarton,