106.9K+Baixar
Ir para o guia de uso
Logo Animationpor iart-ai

Logo Animation Skill.

Anime um logo existente com uma revelação clara e uma alternativa estática fiel.

  • Movimento de logo
  • Marca
Baixar OpenDesignVer guia de uso
Análise da fonte · logo-animationSKILL.md
Tarefa Anime um logo existente com uma revelação clara e uma alternativa estática fiel. Entregáveis Uma marca animada no caminho escolhido: web, Lottie ou vídeo. Antes de começar Comece com arte vetorial utilizável, regras de área de proteção e posicionamento pretendido. Decida entre movimento web, asset Lottie ou vídeo e forneça o acento do logo sonoro antes de definir o timing.
Resumo editorial · fonte revisada em 2026-11-02 · não é um exemplo gerado

01 Funcionalidades

Anime um logo existente com uma revelação clara e uma alternativa estática fiel

Planeje revelações de logo em SVG, Lottie ou vídeo preservando geometria, área de proteção, timing de áudio e movimento reduzido.

Fluxo de trabalho baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

logo-animation adiciona movimento a uma marca existente usando uma técnica principal. Escolhe desenho de traços, máscaras, montagem escalonada, morphing ou um loop discreto de repouso conforme geometria e uso. A marca final e sua área de proteção permanecem a referência durante todo o processo.

A skill cobre destinos web, Lottie e vídeo renderizado, com mecanismos de entrega distintos. O caminho web usa um único arquivo HTML e um único controlador de animação. A saída também inclui uma alternativa estática do quadro final; revelações orientadas por som devem se estabilizar no acento sonoro pretendido.

Entregas esperadas

  • Uma marca animada no caminho escolhido: web, Lottie ou vídeo.
  • Uma alternativa estática do quadro final em SVG ou PNG.
  • Uma prévia com estados inicial, intermediário e estabilizado inspecionáveis.
Ver o briefing de exemplo

Do briefing à revisão

  1. 01
    Escolha o mecanismo de revelação

    Inspecione se a marca é feita de traços, formas preenchidas ou peças independentes. Escolha uma técnica que respeite sua geometria.

  2. 02
    Sequencie rumo à marca final

    Defina ordem e timing. Se houver logo sonoro, alinhe a estabilização final ao seu acento em vez de adicionar áudio depois.

  3. 03
    Inspecione a chegada e a alternativa

    Congele momentos representativos, verifique área de proteção e traços completos e confirme que movimento reduzido mostra o logo pronto imediatamente.

02 Quando usar

Quando usar

Comece com arte vetorial utilizável, regras de área de proteção e posicionamento pretendido. Decida entre movimento web, asset Lottie ou vídeo e forneça o acento do logo sonoro antes de definir o timing.

Bom encaixe

  • A marca precisa de uma introdução curtaUse em hero web, abertura de produto ou encerramento de vídeo baseado em uma marca existente.
  • Peças SVG já existemFormas e grupos endereçáveis sustentam uma revelação clara sem reconstruir a identidade.

Limites a verificar

  • Pressupõe uma marca utilizávelO fluxo é para animação; reconstrução de raster é uma necessidade separada.
  • O destino muda as ferramentasUma prévia SVG autônoma, asset Lottie e filme codificado exigem players ou ferramentas de exportação diferentes.

Traga estas entradas

  • Fonte do logoForneça arte vetorial e regras de geometria e área de proteção da marca.
  • PosicionamentoDescreva o contexto de cabeçalho, abertura, loader ou vídeo e o espaço disponível.
  • Timing e áudioEspecifique duração, comportamento de loop e acento do logo sonoro.

03 Decisões importantes

Decisões importantes

  1. Uma ideia reconhecível

    Um único mecanismo de revelação mantém o logo legível durante a transição.

  2. Um estado estático limpo

    A alternativa cobre quadros de pôster e apresentação com movimento reduzido.

  3. Conclusão ligada ao áudio

    Sincronizar a estabilização ao acento sonoro conecta som e identidade visual.

04 Exemplo de briefing

Experimente um briefing específico

O briefing de exemplo abaixo não foi testado. Verifique a configuração da skill antes de usá-lo.

Confira a fonte e a configuração

Forneça arte vetorial e regras de geometria e área de proteção da marca.

Arquivo-fonte original
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/logo-animation/SKILL.md

A referência abaixo abre as instruções originais. Confira a configuração do repositório antes de usá-las; não é um comando de instalação.

Comece com um entregável

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo
Use logo-animation no wordmark SVG fornecido para uma introdução de site. Escolha uma técnica discreta de revelação que combine com os paths existentes, preservando proporções e área de proteção originais. Mantenha a revelação completa abaixo de dois segundos e termine na marca estática exata. Use um único controlador de animação em prévia HTML independente, inclua inspeção reproduzível em instantes fixos e entregue uma alternativa SVG estática. O logo sonoro fornecido tem um acento perto do fim; inspecione-o antes de escolher o instante de estabilização. Verifique que movimento reduzido mostra a marca completa imediatamente.

Inspecione o resultado

Compare o resultado real com estes critérios observáveis.

  • Compare o estado final com a geometria do logo fornecido.
  • Inspecione conclusão dos traços, área de proteção e recortes intermediários.
  • Confira movimento reduzido e alinhamento do áudio quando houver áudio.

OpenDesign oferece um espaço de trabalho de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesignLer o guia rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos upstream podem mudar.

Responsável pela fonte
iart-ai
Repositório
iart-ai/motion-design-skills
Arquivo da skill
SKILL.md
Licença
MIT
Versão revisada
2026-11-02 · 3c129f769d90
Resumo editorial da fonte
Anime um logo existente com uma revelação clara e uma alternativa estática fiel.

Resumo original de OpenDesign, baseado na fonte vinculada. As estrelas do repositório são um sinal de popularidade datado, não uso da skill nem nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Uma revelação deve combinar várias técnicas?

A fonte recomenda um mecanismo claro, como desenho, montagem ou morphing, em vez de empilhá-los indiscriminadamente.

Pode gerar Lottie?

Lottie é um destino documentado, com player apropriado e alternativa estática. Esse caminho exige sua própria verificação de asset e reprodução.

O que acontece com movimento reduzido?

A alternativa documentada apresenta a marca final sem revelação; o reconhecimento não depende de assistir à animação.

OpenDesign

Mantenha o briefing e o trabalho de design juntos.

Mantenha seu briefing, o material de origem e o trabalho de design juntos em um espaço de trabalho local. Verifique a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesignExplorar skills de design
Arquivo-fonte original
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/logo-animation/SKILL.md