Photoshop CS6 - Filtro inteligente de animação / quadro-chave

Apliquei o Filtro inteligente 'Oil Paint' em uma camada no Photoshop CS6. Gostaria de animar a 'Direção angular' do filtro de 0 a 360 graus, mas os quadros-chave na pista "Estilo" da Linha do tempo parecem não funcionar para isso.

Existe uma maneira rápida de conseguir esse efeito? Tenho conhecimento limitado de ações de script / lote no Photoshop. Seria uma rota que vale a pena investigar para obter esse efeito?

— lil terra
fonte

Eu enfrentei esse problema e a única solução que encontrei foi duplicar o objeto inteligente para cada quadro-chave e depois mudar o filtro em cada um. Foi um pouco de trabalho, mas também tem o benefício de que o conteúdo do objeto inteligente pode ser trocado. Portanto, o arquivo é muito reutilizável.

— KMSTR 23/07

Respostas:

Sugiro que você faça isso no After Effects .

O Photoshop pode ter recursos animados para criar GIFs, mas não é um programa de animação. O After Effects da Adobe é o que você deseja usar e você descobrirá que QUALQUER efeito que você está tentando animar no Photoshop não apenas levará menos tempo, mas também parecerá, um ... infinitamente melhor no final. Boa sorte.

— Brock Vond
fonte

Você poderia explicar como fazer isso no After Effects? Pode não ser tão simples para um novo usuário de EA.

— Saaru Lindestøkke

Bart - Eu realmente não posso, pois basicamente estou dizendo para você usar um novo programa, mas ... se você abrir o After Effects e ver que essencialmente você tem camadas de photoshop COM uma linha do tempo ... não é uma transição tão ruim.

— Brock Vond

Então você quer que o preenchimento de um objeto seja preenchido como água? ou você apenas deseja animar o preenchimento de gradiente de um objeto ... é assim que eu entendo seu dilema e é fácil fazer isso no After Effects ... você gostaria de procurar um Tutorial sobre animação de preenchimento e traçado. .. provavelmente você verá um para TEXT, mas também será aplicado a uma forma.

— Brock Vond #

Além disso, você pode fazer uma Pesquisa no Google pelo TIPO de animação que está tentando fazer no PS e procurar o tutorial em AE. Você certamente verá alguém fazendo o que deseja fazer ... Eu simplesmente não consigo orientá-lo, porque não sei exatamente o que você está tentando fazer, mas ... A curva de aprendizado de AE é surpreendentemente baixa se você usou qualquer outro produto da Adobe principalmente. Boa sorte! existe um StackOF para AE?

— Brock Vond #

Não é para mim (eu não sou o OP), apenas apontei para que futuros usuários que encontrarem essa pergunta não sejam apenas redirecionados para o AE, mas tenham diretamente um ponto de partida. video.stackexchange.com é um site SE para perguntas relacionadas a vídeos (que inclui AE).

— Saaru Lindestøkke

Se você planeja usar a animação exclusivamente na Web, talvez seja melhor usar um formato mais amigável para a Web do que o vídeo, como animações Javascript ou CSS ou svg animado. O lado positivo é que esses geralmente são mais leves e, portanto, mais rápidos de carregar, o lado negativo é que nem sempre eles conseguem atingir o 'frescor' dos efeitos de vídeo.

1. javascript

Uma primeira opção para animações Javascript é codificá-lo usando javascript puro, jQuery ou uma estrutura de animação como GSAP . Isso lhe dá mais controle e flexibilidade, mas você precisará sujar as mãos.

Uma segunda opção para animações Javascript é o Edge Animate , uma ferramenta da Adobe criada especificamente para animações na Web. Muito fácil de usar, sem necessidade de conhecer muito código e muitos ótimos tutoriais disponíveis na Web. A desvantagem é que a EA produz muitos arquivos, o que pode dificultar a integração em um site se você não souber nenhum código.

2. css

As animações CSS exigem que você conheça um pouco de código, mas é poderoso e fácil quando você pega o jeito. De cabeça para baixo: não é necessário usar javascript excessivo, o que manterá a carga útil do seu site baixa. Desvantagem: não tão poderoso e flexível quanto as animações em javascript.

3. svg animado

SVG é um formato de gráficos vetoriais, mais adequado para imagens vetoriais (desde que você esteja usando o PS, suponho que isso possa ser um problema). A vantagem de usar um svg animado é que você pode salvar tudo em um arquivo e apenas colocá-lo em seu HTML como qualquer outra imagem. Desvantagem: o IE não está se saindo bem .

— PieBie
fonte