Como posso representar a velocidade em um gráfico?


22

Como posso mostrar velocidade neste exemplo?

Não tenho programas vetoriais, estou trabalhando no Photoshop.

insira a descrição da imagem aqui

Qualquer conselho será útil.


2
Em geral, a velocidade é transmitida através de linhas ou linhas borradas, juntamente com um ângulo de um objecto (se horizontal) google.com/...
Scott

Respostas:


30

Crie uma forma de lágrima com a ferramenta Caneta:

insira a descrição da imagem aqui

Preencha com branco ( Command+ Delete).

Duplique, estique e gire suas cópias para combinar com algumas das linhas do objeto:

insira a descrição da imagem aqui

Mesclar as formas, selecionando todas elas e 1.hit Command+ Eou 2. clique com o botão direito do mouse e escolha Mesclar para Objeto Inteligente.

Em seguida, adicione uma máscara de camada e coloque um leve gradiente de baixo para cima ...

insira a descrição da imagem aqui


1
+1 esta é a opção e se encaixa intrusiva menos bem com o, claro estilo ilustração afiada
user56reinstatemonica8

1
@ user568458 Eu concordo. todos os outros exemplos (por exemplo, borrões e blobs de fundo) são completamente incompatíveis com o estilo de ilustração original, este se encaixa perfeitamente. Eles fazem parecer uma nave espacial , esta faz parecer que é um avião de papel que foi jogado .
precisa saber é o seguinte

Eu gosto desse jeito. isso é realmente bom para imagens estáticas
Vinand

Também decidi usar a elipse com a ferramenta de deformação para obter resultados semelhantes em vez da ferramenta de caneta.
Vinand

27

Uma abordagem alternativa é fornecer um ponto de referência externo.

Nesse caso, o visualizador está viajando na velocidade do seu assunto. Objetos estacionários parecem se mover na direção oposta, conforme indicado pelas nuvens abaixo.

Você verá essa abordagem no Anime, onde o exemplo fornecido por @Dalvenjia é possivelmente mais comum em desenhos animados do oeste. Não implica que essa seja uma abordagem melhor, mas certamente assume um caráter estilístico diferente.

insira a descrição da imagem aqui

Do ponto de vista técnico, é essencialmente o mesmo.

Criei algumas camadas com nuvens usando a ferramenta Pincel e apliquei um borrão de movimento nas cópias de cada camada. Mude o alinhamento do seu movimento para que ele desapareça na direção em que o assunto está se movendo.

Espero que isto ajude.


1
Resposta muito boa. Editei sua imagem, bem-vindo ao GD.SE!
Yisela 11/04

Obrigado, @Yisela Eu não tinha certeza de como postar minha imagem para visualização direta. Eu não percebi isso na documentação de postagem.
jwarton

1
Não tem problema :) Você só pode postar imagens quando tiver 10 reputação. É por isso que a opção foi desativada (não é um problema mais!)
Yisela

Seu caminho parece adequado apenas para a animação
Vinand

Desculpe se isso não foi útil para @Vinand. Eu não estava ciente de sua aplicação e pensei que seria eficaz observar movimentos implícitos de um ângulo ligeiramente diferente. Espero que alguns dos outros posts aqui tenham conseguido girar suas rodas. :)
jwarton

16

Como Scott comentou, o movimento é geralmente ilustrado usando linhas, desfocagem e / ou imagens parciais translúcidas do objeto atrás da "direção do movimento".

Para obter uma borda inicial limpa com um efeito de desfoque de movimento ou similar na borda final, você precisa de duas camadas. O primeiro é o próprio objeto, o segundo é colocado em cima e parcialmente mascarado.

Uma maneira rápida e simples de fazer isso é com o Motion Blur. Aqui está uma ilustração, copiada para uma segunda camada com um borrão de movimento aplicado à cópia.

insira a descrição da imagem aqui

E aqui está o desfoque da "borda de ataque" removido com uma máscara de camada:

insira a descrição da imagem aqui

Ao aplicar a máscara na máscara, você pode ajustar quanto ou pouco do efeito sobrepõe o objeto. Para obter crédito extra, você pode aplicar um filtro Liquify ao final do desfoque, para criar "turbulência".


1
Geralmente, não seria melhor começar com um desfoque de movimento mais curto e apenas mover a camada desfocada para que a borda principal se alinhe ao objeto original? Você pode usar o mascaramento para ajustar o efeito, se desejar.
Ilmari Karonen

1
Existem várias maneiras de fazer isso. O desfoque de movimento mais curto tende a ser muito opaco e insuficientemente difuso, e há um limite definido para a distância que você pode movê-lo. Se alguma coisa, eu usaria um borrão maior e o moveria na direção oposta.
Alan Gilbertson

15

Aplique um pouco de Wind and Motion Blur e você poderá sentir a velocidade: Efeitos aplicados

  1. Gire sua Imagem 90CW porque o vento funciona apenas lateralmente.
  2. Selecione a camada com o plano do papel (sem fundo ou qualquer outra coisa).
  3. Duplique a camada para ter uma cópia limpa e experimentar várias configurações e comparar.
  4. Aplique Filtros> Estilizar> Enrolar e repita conforme necessário, fiz apenas duas vezes.
  5. Aplicar filtros> Desfoque> Desfoque de movimento
  6. Brinque com as configurações, usei 0 ° e 100 força.

Agora é sua vez de ser criativo.

EDIT: Não se esqueça de girar sua imagem de volta 90CCW


1
Um pequeno problema aqui é que as linhas que vão para baixo não correspondem a perspectiva implícita do avião, para que pudesse ser visto como pingentes ou como parte de trás do avião em movimento ascendente
user56reinstatemonica8

1
Eu acho que seria melhorado se o vento / desfoque na frente do avião fosse removido.
precisa saber é o seguinte

7

Este pode ser mais interessante para você, mas será necessário algum esforço usando a ferramenta de caminho, o traçado e algumas máscaras cuidadosas:


3
+1, essa imagem sa bom, provavelmente não adequado para velocidade, mas para o movimento com certeza
Ilan

Haha, de fato. Você tem um ponto lá.
jwarton

Eu gosto tanto que vou reescrever algum código do jogo para adicioná-lo. Mas ainda acho o exemplo anterior com a ferramenta caneta melhor para a tela inicial.
Vinand

3
Isso soa como um projeto divertido! Mantenha-nos atualizados sobre o seu progresso!
jwarton
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.