Comment représenter la vitesse dans un graphique?


22

Comment puis-je afficher la vitesse dans cet exemple?

Je n'ai pas de programmes vectoriels, je travaille dans Photoshop.

entrez la description de l'image ici

Tout conseil sera utile.


2
En général, la vitesse est véhiculée par des lignes ou des lignes floues avec un angle par rapport à un objet (si horizontal) google.com/…
Scott

Réponses:


30

Créez une forme de larme avec l'outil stylo:

entrez la description de l'image ici

Remplissez-le de blanc ( Command+ Delete).

Dupliquez, étirez et faites pivoter vos copies pour qu'elles correspondent à certaines des lignes de l'objet:

entrez la description de l'image ici

Fusionnez les formes ensemble en les sélectionnant toutes et 1. appuyez sur Command+ Eou 2. faites un clic droit et choisissez Fusionner avec un objet intelligent.

Ensuite, ajoutez un masque de calque et mettez un léger dégradé de bas en haut ...

entrez la description de l'image ici


1
+1, il s'agit de l'option la moins intrusive qui correspond bien au style d'illustration clair et net
user56reinstatemonica8

1
@ user568458 Je suis d'accord. tous les autres exemples (c'est-à-dire les flous et les taches d'arrière-plan) sont complètement incompatibles avec le style d'illustration d'origine, celui-ci convient parfaitement. Ils le font ressembler à un vaisseau spatial , celui-ci donne l'impression que c'est un avion en papier qui a été lancé .
vaxquis

J'aime cette façon. c'est vraiment bon pour les images statiques
Vinand

J'ai également décidé d'utiliser l'ellipse avec l'outil de déformation pour obtenir des résultats similaires au lieu de l'outil plume.
Vinand

27

Une autre approche consiste à fournir un point de référence externe.

Dans ce cas, le spectateur se déplace à la vitesse de votre sujet. Les objets stationnaires semblent se déplacer dans la direction opposée comme indiqué par les nuages ​​ci-dessous.

Vous verrez cette approche dans Anime, où l'exemple fourni par @Dalvenjia est peut-être plus communément vu dans les dessins animés de l'ouest. Cela ne veut pas dire qu'il s'agit d'une meilleure approche, mais revêt certainement un caractère stylistique différent.

entrez la description de l'image ici

D'un point de vue technique, c'est essentiellement la même chose.

J'ai créé quelques calques avec des nuages ​​à l'aide de l'outil pinceau, puis appliqué un flou de mouvement aux copies de chaque calque. Décalez l'alignement de votre mouvement pour qu'il disparaisse dans la direction dans laquelle votre sujet se déplace.

J'espère que cela t'aides.


1
Très belle réponse. J'ai édité votre image dans, bienvenue dans GD.SE!
Yisela

Merci, @Yisela, je ne savais pas trop comment publier mon image pour une visualisation directe. Je ne l'ai pas remarqué dans la documentation d'affichage.
jwarton

1
Pas de problème :) Vous ne pouvez publier des images qu'une fois que vous avez 10 points de réputation. C'est pourquoi l'option a été désactivée (ce n'est plus un problème!)
Yisela

Votre chemin ne semble adapté qu'à l'animation
Vinand

Je suis désolé si cela n'a pas été utile @Vinand. Je n'étais pas au courant de votre application et j'ai pensé qu'il serait efficace d'examiner le mouvement implicite sous un angle légèrement différent. J'espère que certains des autres articles ici ont pu faire tourner vos roues. :)
jwarton

16

Comme l'a commenté Scott, le mouvement est généralement illustré à l'aide de lignes, de flou et / ou d'images partielles translucides de l'objet traînant derrière la «direction du mouvement».

Pour finir avec un bord d'attaque propre avec un flou de mouvement ou un effet similaire sur le bord de fuite, vous avez besoin de deux couches. Le premier est l'objet lui-même, le second est posé sur le dessus et partiellement masqué.

Une façon simple et rapide de le faire est d'utiliser Motion Blur. Voici une illustration, copiée sur un deuxième calque avec un flou de mouvement appliqué à la copie.

entrez la description de l'image ici

Et le voici avec le flou «bord d'attaque» supprimé avec un masque de calque:

entrez la description de l'image ici

En déployant le masque, vous pouvez ajuster la quantité ou la quantité d'effet superposée à l'objet. Pour un crédit supplémentaire, vous pouvez appliquer un filtre Liquify à la fin du flou, pour créer une «turbulence».


1
Ne serait-il généralement pas préférable de commencer par un flou de mouvement plus court et de simplement déplacer le calque flou de sorte que le bord d'attaque s'aligne sur l'objet d'origine? Vous pouvez ensuite utiliser le masquage pour affiner l'effet si vous le souhaitez.
Ilmari Karonen

1
Il y a plusieurs façons de procéder. Le flou de mouvement plus court a tendance à être trop opaque et insuffisamment progressif, et il y a une limite précise à la distance à laquelle vous pouvez le déplacer. Si quoi que ce soit, j'utiliserais un flou plus grand et le déplacerais dans la direction opposée.
Alan Gilbertson

15

Appliquez un peu de vent et de flou de mouvement et vous pouvez donner la sensation de vitesse: Effets appliqués

  1. Faites pivoter votre Image 90CW car le vent ne fonctionne que latéralement.
  2. Sélectionnez le calque avec le plan papier (pas d'arrière-plan ni rien d'autre).
  3. Dupliquez le calque afin d'avoir une copie propre et vous pouvez essayer différents paramètres et comparer.
  4. Appliquer des filtres> styliser> vent et répéter au besoin, je ne l'ai fait que deux fois.
  5. Appliquer des filtres> Flou> Flou de mouvement
  6. Jouez avec les réglages, j'ai utilisé 0 ° et 100 de force.

C'est maintenant à votre tour d'être créatif.

EDIT: N'oubliez pas de faire pivoter votre image en arrière de 90CCW


1
Un léger problème ici est que les lignes qui descendent tout droit ne correspondent pas à la perspective implicite de l'avion, donc cela pourrait être vu comme des glaçons ou comme l'arrière de l'avion se déplaçant vers le haut
user56reinstatemonica8

1
Je pense que ce serait amélioré si le vent / flou devant l'avion était supprimé.
MrWhite

7

Celui-ci peut vous plaire davantage, mais cela prendra un certain effort en utilisant l'outil de chemin, le trait et un masquage prudent:


3
+1, c'est une belle image, probablement pas adaptée à la vitesse, mais au mouvement à coup sûr
Ilan

Haha, en effet. Vous marquez un point, là.
jwarton

Je l'aime tellement que je vais même réécrire du code de jeu pour l'ajouter. Mais je trouve toujours l'exemple précédent avec l'outil stylet meilleur pour l'écran de démarrage.
Vinand

3
Cela ressemble à un projet amusant! Tenez-nous au courant de vos progrès!
jwarton
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.