Estou tentando fazer alguns curtos gifs animados sobre Illustrator, com pequenos exercícios de desenhos passo a passo.

Eu poderia colocar algum texto explicativo em alguns quadros, mas eu preferiria não fazer isso. Talvez mais tarde, dependendo de onde acaba, eu posso adicionar uma linha de texto com as ferramentas usadas.

É por isso que eu gostaria de saber se algo como a animação abaixo é compreensível o suficiente para alguém que tenha um conhecimento básico de IA.

Obrigado por todos os comentários. Às vezes, quando você está imerso em um projeto, por menor que seja, fica um pouco cego. Foi por isso que fiz a pergunta. Cada comentário é muito útil e vou manter tudo em mente.

É fácil ver, seguir ou entender (?) As etapas na criação da cadeira.

Nada é transmitido sobre como fazê-lo, quais ferramentas são usadas com quais atalhos, exceto o cursor alterado e os nós destacados.

Se este for um tutorial de ensino, precisará de mais explicações.

Se é um gráfico sobre o processo de ilustração, ele funciona bem como está.

Acho que sem saber quais ferramentas fizeram o quê, quais atalhos fizeram o que e como fazer coisas simples, como reverter o preenchimento / traçado, o gif pode estar faltando em detalhes para usuários inexperientes. Há muito "desconhecido" se você não estiver familiarizado com a funcionalidade de ferramentas / atalhos no Illustrator.

Por outro lado, para mim, é muito fácil, clara e simples, se você fazer entender as ferramentas, funções e atalhos. Então, talvez com tão pouca explicação, que determinado gif possa ser um "usuário intermediário"?

Há algumas coisas que você pode fazer para melhorar essa boa ideia e não torná-la horrível.

1. Você definitivamente precisa adicionar as teclas da tela.
2. Você deve dividi-lo em etapas e usar vários gifs para mostrar o que fez em vez de apenas um gif longo. Isso elimina a questão que Scott levantou de que os gifs são muito longos.
3. Complemente o gif com uma descrição do que você fez.
4. Forneça um arquivo de download com o projeto completo.

EDIT: Eu pensei sobre isso um pouco mais.

A tecnologia GIF é péssima se você não estiver hospedando clipes curtos e engraçados.

Gif é de longe a pior compactação de vídeo já inventada. Google e imgur basicamente tentaram irradiar gif completamente com webm, mas falharam maciçamente.

O que o Google faz agora quando você procura gifs animados é que a visualização é recodificada como VP9, ​​h264 ou algo semelhante. Economiza muito espaço e carrega muito mais rápido. Quando você clica na visualização, ele carrega o arquivo gif real.

O uso de um formato de compactação de vídeo real terá muitas desvantagens. Por um lado, a licença envolvida no uso do h264 é cara . Você precisaria confiar em outro serviço como o YouTube para hospedá-lo, para não precisar se preocupar em ser processado. Os visitantes do seu site não podem baixar os vídeos do YouTube facilmente como poderiam com um gif.

Se você não quiser confiar no YouTube como host, poderá codificá-lo em um formato de vídeo de código aberto.

https://en.wikipedia.org/wiki/List_of_open-source_codecs

Honestamente, nem tenho certeza sobre a legalidade de alguns dos codecs de código aberto. É por isso que o google trabalha no AV1, que ainda é péssimo.

Basta usar o YouTube

Quaisquer clipes curtos que você salve como gif, basta hospedar no YouTube e incorporá-lo ao seu site. Você não precisa fazer um longo tutorial do YouTube, como todo mundo faz. Apenas divida-o em pedaços como faria com o gif e incorpore os vídeos nos mesmos lugares, ao lado de explicações complementares em texto, como eu disse que você deveria fazer com os gifs. Tudo será carregado muito mais rápido no seu site.

EDIT 2:

Para esclarecer algum ruído nos comentários.

Não há diferença real entre um vídeo do YouTube e um GIF. Ambos são formatos de vídeo. A diferença é que um vídeo do YouTube seria carregado mais rapidamente, teria cores melhores e também teria a capacidade de fazer uma pausa (é muito importante fazer uma pausa).

O .Gif fornecerá muitos artefatos e exibirá cores incorretamente, porque é assim que o gif funciona.

Então, em qualquer lugar do seu site, você colocaria esse gif de 4 segundos em vez de um vídeo de 4 segundos. Por que você ainda gostaria de usar gif neste momento? Se você usa vídeo do YouTube, pode ocultar os vídeos do público para que sejam vistos apenas no seu site.

No final, se você fizer isso da maneira que estou sugerindo, poupará muito estresse, fornecerá maior qualidade em um tamanho menor e permitirá que as pessoas o visualizem facilmente em telefones celulares que não possuem dados de alta velocidade.

Eu esporadicamente uso o Illustrator, mas tenho conhecimento completo do Photoshop.

Eu poderia vagamente adivinhar quais ferramentas você está usando, mas não tenho idéia de quais códigos de acesso você está pressionando ... Eu não saberia como selecionar parte desse caminho e depois magicamente virá-lo como você fez.

Então, meu palpite é que alguém com um conhecimento mais amplo do que "esporadicamente" o entenderia, mas então eu estou me perguntando se eles já não saberiam como criar um desenho como este?

Outra coisa que me preocupa pessoalmente é a falta de um botão de pausa, se eu perder o controle, será difícil voltar ao assunto.

Eu deixaria o gif, a menos que seja uma animação muito curta, e usaria um vídeo. A capacidade de pausar e rolar torna muito mais fácil assistir e experimentar.

Eu adicionaria um pequeno painel em um canto que exibirá as teclas pressionadas (V para selecionar, etc.) e o que isso significa (ferramenta Selecionar), as teclas pressionadas e mantidas pressionadas (Alt para arrastar a cópia) e indica o mouse Os botões são clicados, clicados duas vezes ou mantidos.

E na primeira lição, descreva o que essas cartas e incons seus significam. Você pode sacrificar alguns primeiros quadros para mostrar títulos apenas para lembrar o que o painel significa.

Surpreendentemente, como Scott, não tenho problema em seguir o que você faz, mas se você me mostrasse a última foto, saberia como fazê-lo.

Mas, na minha experiência no ensino, diga o seguinte: O gif é muito rápido e muito longo. Veja que você não pode retroceder ou interromper o gif, por isso deve ser mais lento, mas também é muito longo para seguir se você tentar fazer o exemplo, então eu dividiria o gif em gifs separados, se possível, e colocaria uma explicação textual entre os caracteres separados. passos.

Lembre-se de que fazer é um contexto diferente de ver. Portanto, o usuário precisa mudar para fazer, perdendo muito o que viu. Isso força o usuário a retroceder, neste caso, espera, espera, espera. Mas eu digo que tudo bem como uma visão geral, desde que seja claramente comunicado e tenha melhores instruções a serem seguidas.

Para responder sua pergunta sem rodeios: não, não é fácil de entender.

A partir das suas perguntas e comentários espalhados pelas respostas, parece que você tem os seguintes requisitos:

• Animações curtas
• Sem idioma
• Nenhuma instrução específica do SO

Outros usuários já forneceram excelentes sugestões, no entanto, sinto que os dois últimos requisitos não foram totalmente atendidos por eles. A @Crowley forneceu uma resposta que eu acho muito útil, especialmente esta parte:

Eu adicionaria um pequeno painel em um canto que exibirá as teclas pressionadas (V para selecionar, etc.) e o que isso significa (ferramenta Selecionar), as teclas pressionadas e mantidas pressionadas (Alt para arrastar a cópia) e indica o mouse Os botões são clicados, clicados duas vezes ou mantidos.

Mas por que adicionar um painel a um canto enquanto o Illustrator já possui esse painel com ícones independentes de idioma? O painel Ferramentas pode ser mostrado ao lado da imagem, permitindo que o aluno veja em quais ferramentas são clicadas:

Isso cobre sua No languageexigência. Para reduzi-lo, você pode usar um painel Ferramentas personalizado que mostra apenas as ferramentas relevantes para a instrução mostrada:

No entanto, não acho que você possa evitar o uso completo de atalhos de teclado específicos do SO. Caso contrário, você não terá meios de indicar que é necessário pressionar Shiftao girar para ajustar para 45 ^o ou Shift+ Altao usar a Ferramenta de transformação livre.