Photoshop e ImageReady desenham imagens em flash lindas e requintadas

O princípio de produção das "imagens em flash" é principalmente usar várias imagens com o mesmo padrão e cores diferentes para combiná-las em uma animação Gif de rolagem. Produzido principalmente em conjunto com Photoshop e ImageReady.
Ontem à noite alguém me perguntou como fazer o seguinte efeito, não entendi na hora. Depois, pesquisei, abri com o ImageReady e olhei a imagem de exemplo no tutorial do Shadow Sister, e finalmente descobri. como fazer isso. Ao mesmo tempo, também desenvolvi outro efeito mais bonito, então escrevi um tutorial para compartilhar com vocês.
Imagem de exemplo

Abaixo está o efeito que eu fiz

O processo de produção é o seguinte:

1. Crie um novo arquivo 300*200 no Photoshop e crie uma nova camada.

Selecione a ferramenta Pincel, escolha alguns pincéis de sua preferência e desenhe um pingente na camada 1.

Figura 1

Figura 2

2. Copie a camada 1, que é a camada padrão, use a ferramenta caneta para circular o primeiro padrão a ser alterado e pressione CTRL+Enter para converter o caminho em uma seleção.

Figura 3

Figura 4

Pressione CTRL+U para abrir a caixa de opção Matiz Saturação, defina Matiz como +100, mantenha as outras opções como padrão e pressione Concluído.

Figura 5

Em seguida, copie a camada 1 e use a ferramenta caneta para circular o segundo padrão de mudança de cor. Faça o mesmo que o primeiro padrão de mudança de cor e faça-o de acordo com a ordem que deseja que os padrões de mudança de cor estejam.

Figura 6

Figura 7

Figura 8

Figura 9

Ao fazer um padrão de asa em forma de coração, você deve primeiro prestar atenção, copie duas camadas e use matiz e saturação para alterar a cor do padrão.

Figura 10

Na primeira camada, selecione os lábios e exclua-os para mostrar apenas as asas. Na segunda camada, exclua as asas e mostre apenas os lábios.

Em seguida, mude a cor dos padrões a seguir e faça um círculo no sentido horário na ordem.

Figura 11

Figura 12

Figura 13

Você pode baixar alguns pincéis de padrões prontos. Existem muitos tipos na Internet e você pode combiná-los livremente para criar padrões mais bonitos.

3. Desligue os olhos da cópia da camada 1 - cópia da camada 1 11, e exiba apenas o fundo e a camada 1. Em seguida, insira ImageReady para iniciar a animação.

Figura 14

Figura 15

4. Primeiro copie o quadro atual, selecione a cópia da camada 1 e abra os olhos, desligue os olhos da camada 1, este é o primeiro padrão de mudança de cor;

Figura 16

Em seguida copie o quadro atual, selecione a camada 1 cópia 2 e abra os olhos, feche os olhos da cópia da camada 1, esta é a segunda imagem de mudança de cor, siga este passo até chegar na imagem da asa, primeiro faça o quadro de animação das asas , e a seguir estão os lábios, e a seguir faça duas cópias do 7º e 8º quadros (asas e lábios), ou seja, 6 quadros de animação, 3 quadros cada para asas e lábios, e organize-os separadamente, na ordem: asas - lábios - asas - lábio-asa-lábio;

Figura 17

Figura 18

Figura 19

Figura 20

Em seguida, copie os padrões restantes para os quadros de animação na ordem, igual às etapas anteriores, num total de 16 quadros de animação;

Figura 21

Figura 22

Selecione 16 quadros de animação, pressione CTRL+clique esquerdo ou pressione SHIFT para clicar no primeiro e no último quadro, defina o tempo de atraso para 0,07 segundos e, finalmente, salve os resultados da otimização e está tudo bem!

Figura 23

Figura 24