¿Cómo puedo representar la velocidad en un gráfico?


22

¿Cómo puedo mostrar la velocidad en este ejemplo?

No tengo ningún programa vectorial, estoy trabajando en Photoshop.

ingrese la descripción de la imagen aquí

Cualquier consejo será útil.


2
En general, la velocidad se transmite a través de líneas o líneas borrosas junto con un ángulo a un objeto (si es horizontal) google.com/…
Scott

Respuestas:


30

Crea una forma de lágrima con la herramienta de pluma:

ingrese la descripción de la imagen aquí

Rellenar con blanco ( Command+ Delete).

Duplique, estire y gire sus copias para que coincidan con algunas de las líneas del objeto:

ingrese la descripción de la imagen aquí

Combine las formas juntas seleccionándolas todas y 1.hit Command+ Eo 2. haga clic con el botón derecho y elija Combinar en objeto inteligente.

Luego agregue una máscara de capa y coloque un ligero gradiente de abajo hacia arriba ...

ingrese la descripción de la imagen aquí


1
+1 esta es la opción menos intrusiva y encaja bien con el estilo de ilustración nítido y claro
user56reinstatemonica8

1
@ user568458 Estoy de acuerdo. Todos los demás ejemplos (es decir, desenfoques y manchas de fondo) son completamente incompatibles con el estilo de ilustración original, este encaja perfectamente. Hacen que parezca una nave espacial , esta parece que es un avión de papel que ha sido lanzado .
vaxquis

Me gusta de esta manera. eso es realmente bueno para imágenes estáticas
Vinand

También decidí usar elipse con la herramienta de deformación para obtener resultados similares en lugar de la herramienta de lápiz.
Vinand

27

Un enfoque alternativo es proporcionar un punto de referencia externo.

En este caso, el espectador viaja a la velocidad de su sujeto. Los objetos estacionarios parecen moverse en la dirección opuesta como lo indican las nubes de abajo.

Verá este enfoque en Anime, donde el ejemplo proporcionado por @Dalvenjia es posiblemente más común en los dibujos animados del oeste. No implica que este sea un mejor enfoque, pero ciertamente adquiere un carácter estilístico diferente.

ingrese la descripción de la imagen aquí

Desde un punto de vista técnico, es esencialmente lo mismo.

Creé algunas capas con nubes usando la herramienta Pincel, luego apliqué un desenfoque de movimiento a las copias de cada capa. Cambie la alineación de su movimiento para que se desvanezca en la dirección en que se mueve su sujeto.

Espero que esto ayude.


1
Muy buena respuesta. Edité tu imagen, ¡bienvenido a GD.SE!
Yisela

Gracias, @Yisela. No estaba seguro de cómo publicar mi imagen para verla directamente. No me di cuenta de eso en la documentación de publicación.
jwarton

1
No hay problema :) Solo puedes publicar imágenes una vez que tengas 10 reputación. Es por eso que la opción estaba desactivada (¡ya no es un problema!)
Yisela

Tu camino solo parece adecuado para la animación
Vinand,

Lo siento si esto no fue útil @Vinand. No estaba al tanto de su aplicación, y pensé que sería efectivo mirar el movimiento implícito desde un ángulo ligeramente diferente. Espero que algunas de las otras publicaciones aquí hayan podido hacer girar sus ruedas. :)
jwarton

16

Como Scott comentó, el movimiento generalmente se ilustra usando líneas, imágenes borrosas y / o imágenes translúcidas parciales del objeto detrás de la "dirección del movimiento".

Para terminar con un borde inicial limpio con un efecto de desenfoque de movimiento o similar en el borde posterior, necesita dos capas. El primero es el objeto en sí, el segundo se coloca en la parte superior y parcialmente enmascarado.

Una forma rápida y sencilla de hacerlo es con Motion Blur. Aquí hay una ilustración, copiada a una segunda capa con un desenfoque de movimiento aplicado a la copia.

ingrese la descripción de la imagen aquí

Y aquí está con el desenfoque del "borde de ataque" eliminado con una máscara de capa:

ingrese la descripción de la imagen aquí

Al difuminar la máscara, puede ajustar la cantidad o la cantidad de efecto que se superpone al objeto. Para obtener crédito adicional, puede aplicar un filtro Licuar en el extremo posterior del desenfoque, para crear "turbulencia".


1
¿No sería generalmente mejor comenzar con un desenfoque de movimiento más corto y simplemente mover la capa borrosa para que el borde inicial se alinee con el objeto original? Luego puede usar el enmascaramiento para ajustar el efecto si lo desea.
Ilmari Karonen

1
Hay muchas formas de hacerlo. El desenfoque de movimiento más corto tiende a ser demasiado opaco e insuficientemente emplumado, y hay un límite definido de hasta dónde puede moverlo. En todo caso, usaría un desenfoque más grande y lo movería en la dirección opuesta.
Alan Gilbertson el

15

Aplique un poco de Wind and Motion Blur y puede dar la sensación de velocidad: Efectos aplicados

  1. Gire su imagen 90CW porque el viento solo funciona de lado.
  2. Seleccione la capa con el plano de papel (sin fondo ni nada más).
  3. Duplica la capa para que tengas una copia limpia y puedas probar varias configuraciones y comparar.
  4. Aplique Filtros> Estilizar> Viento y repita según sea necesario, solo lo hice dos veces.
  5. Aplicar filtros> Desenfocar> Desenfoque de movimiento
  6. Jugar con la configuración, usé 0 ° y 100 fuerza.

Ahora es tu turno de ser creativo.

EDITAR: No olvides girar tu imagen 90CCW


1
Un pequeño problema aquí es que las líneas que van hacia abajo no coinciden con la perspectiva implícita del avión, por lo que podría ser visto como carámbanos o como la parte trasera del avión se mueve hacia arriba
user56reinstatemonica8

1
Creo que mejoraría si se eliminara el viento / desenfoque frente al avión.
MrWhite

7

Este puede ser más atractivo para usted, pero requerirá un poco de esfuerzo usar la herramienta de ruta, el trazo y un enmascaramiento cuidadoso:


3
+1, esa es una buena imagen, probablemente no sea adecuada para la velocidad, pero para el movimiento seguro
Ilan

Jaja, de hecho. Tienes un punto ahí.
jwarton

Me gusta tanto que incluso reescribiré un código de juego para agregarlo. Pero todavía encuentro el ejemplo anterior con la herramienta de lápiz mejor para la pantalla de inicio.
Vinand

3
¡Esto suena como un proyecto divertido! ¡Manténganos actualizados sobre su progreso!
jwarton
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.