Importe vídeo como material de animação
Podemos importar um vídeo como material de animação usando o comando [Arquivo>Importar>Quadros de vídeo para camada]. Este comando requer que o QuickTime 7.1 ou superior esteja instalado no sistema antes de poder ser usado. Caso contrário, uma caixa de aviso aparecerá conforme mostrado na figura abaixo. QuickTime é um excelente método de codificação para vídeos criado pela Apple. Nos primeiros anos, só podia ser usado em sistemas MAC OS. Agora foi portado para sistemas Windows. Uma versão gratuita do player pode ser baixada do site da Apple em http://www.apple.com.cn/quicktime.
Editamos um vídeo de animal autofilmado em uma versão curta por meio do Premiere e o disponibilizamos para que todos praticassem a importação. Depois de entrar na caixa de diálogo para importar quadros de vídeo para camadas, a caixa de diálogo mostrada à esquerda é mostrada abaixo. À esquerda, você pode optar por importar todos ou apenas um determinado segmento. Não há necessidade de explicar detalhadamente se todos são importados. Para importar clipes, você precisa definir o intervalo do vídeo com antecedência. O método consiste em arrastar a barra de progresso da reprodução até o momento inicial do clipe desejado (seta vermelha), manter pressionada a tecla SHIFT e continuar arrastando até o momento final (. seta verde). Você também pode manter pressionada a tecla SHIFT e clicar diretamente na posição final. Neste momento, aparecerá uma área escura na barra de progresso da reprodução, que é o clipe a ser importado.
Após a confirmação, será criada uma animação que existe como camada independente, ou seja, cada quadro é composto por uma camada, e diferentes camadas são exibidas em quadros diferentes. A paleta de animação se parece com a imagem abaixo.
O número de bytes de animação gerados por este método de importação de vídeo geralmente é muito grande, o que está relacionado à duração do clipe e à taxa de quadros do vídeo. Por exemplo, se a duração do clipe for de 10 segundos e a taxa de quadros for de 15 fps, o número total de quadros gerados será de 150 quadros, o que é bastante grande. Portanto, geralmente não é aconselhável importar por muito tempo. Dois ou três segundos são suficientes. Mas para alguns vídeos com alta taxa de quadros (como 24fps, 30fps), o número total de quadros gerados neste momento também é considerável. Neste momento, você pode ativar "Limitar a cada 2 quadros", para que o vídeo original seja. limitado a cada 2 quadros Ao importar um quadro por vez, o número total de quadros gerados é reduzido pela metade. Se definido para cada 3 quadros, o número total de quadros será reduzido em dois terços e assim por diante. Este método é chamado de extração de quadros. Ele pode efetivamente reduzir o número de bytes de animação, mas devido à extração média, alguns detalhes da ação podem ser perdidos ou a imagem pode pular.
Em circunstâncias normais, o vídeo original de 15fps pode ser importado a cada 3 quadros para formar uma animação de 5 quadros por segundo. A taxa de vídeo bruto mais alta pode ser deduzida de acordo. Observe que após a importação, você precisa ajustar o tempo de permanência do quadro para 3 vezes o original, caso contrário, haverá um efeito de reprodução semelhante ao avanço rápido.
Reduza o tamanho das animações importadas
Para animações importadas, para reduzir o número de bytes, é necessário fazer ajustes em termos de tamanho da imagem e número de cores. O que preciso lembrar a todos aqui é que usar [Imagem>Tamanho da imagem] [CTRL+ALT+I] para reduzir a imagem pode fazer com que as bordas de algumas imagens originalmente com bordas nítidas fiquem desfocadas devido à reorganização dos pixels, aumentando assim o número de cores teóricas. Conforme mostrado na figura abaixo, pode-se observar a comparação teórica do número de cores de um quadrado com arestas vivas antes e depois do encolhimento. Pode-se observar que o número de cores aumentou devido à reorganização dos pixels. Neste caso, a imagem reduzida pode não ter necessariamente uma contagem de bytes menor. A menos que o número da cor seja forçado a ser igual ao anterior. Mas a redução forçada do número de cores pode resultar em rebarbas nas bordas.
Além disso, algumas imagens de processo são compostas principalmente por pontos, linhas e quadros. Usar o comando de diminuir o zoom dificultará a identificação desses detalhes, afetando assim a expressão. Esse problema não ocorre apenas para a imagem inteira, mas também no comando Free Transform para determinadas camadas. Portanto, para algumas imagens com bordas nítidas, reduzir não é uma boa maneira de reduzir o número de bytes e pode até ser contraproducente.
Para vídeos, como a maioria dos métodos de codificação de vídeo se concentram em expressar a suavidade entre os quadros, em vez da qualidade da imagem de um único quadro, eles próprios não conseguem gravar bordas nítidas perfeitamente. O mesmo se aplica às imagens de animação importadas, portanto, a redução do tamanho causa perda e perda. mudança na quantidade de cor não são óbvias.
Além de reduzir o tamanho geral da imagem, você também pode considerar o uso do comando de corte para reter partes do vídeo. Como não envolve reorganização de pixels, não afetará as bordas da imagem e não aumentará o número de cores teóricas. . Na maioria dos casos, esta é uma solução melhor. Conforme mostrado na figura abaixo, um fluxo de processamento comum é cortar algumas áreas desnecessárias da imagem original em quadrados para obter o corpo principal da animação e, em seguida, reduzir a imagem para o tamanho comum de MMS 128×128 (ou outro necessário). tamanhos). Finalmente, adicione uma camada de ajuste de cor conforme apropriado para melhorar a cor da animação.
Observe que a camada de ajuste deve estar acima de todas as camadas para garantir que seja eficaz para todas as camadas. Claro, também pode ser colocado em outros níveis para criar o efeito de mudanças de cores na animação.
Depois de esclarecer o layout da tela da animação, a extração adicional de quadros pode ser realizada manualmente, conforme mostrado na figura abaixo. Se precisar reduzir 10 quadros em um processo para 5 quadros, você pode selecionar 2, 4, 6, 8 e. 10 quadros respectivamente. Exclua e atrase os quadros restantes. Isso requer que você primeiro navegue em cada quadro. Quando você descobrir que não há muitas alterações entre os quadros em um determinado processo, você pode usar este método para realizar a extração média. Além disso, você também pode selecionar continuamente determinados quadros para extração concentrada. Por exemplo, são necessários 7 quadros para um objeto cair e as alterações nos 4 quadros não são muito grandes. quadros restantes.
Este método de extração manual de frames é lento e requer uma certa experiência, mas é mais flexível. Diferentes métodos de extração podem ser adotados de acordo com a situação real, o que pode reduzir bastante o número de bytes da animação. todos devem dominar. Se você tentar com mais frequência, ainda poderá desfazê-lo. Depois de desconectar, é melhor enviar a animação para uma página da web ou telefone celular para efeito de visualização. A extração manual de quadros também pode ser realizada antes de modificar o tamanho da imagem ou recortá-la, mas recortar e alterar o tamanho pode determinar a condição da imagem da animação, por isso é recomendável fazer isso neste momento. Após desanexar uma moldura, você pode excluir a camada correspondente.
A extração média pode ser realizada várias vezes. No quadro de animação final da figura abaixo, os quadros 2 e 4 também podem ser extraídos. Mas o quadro 6 é muito importante. É a chave para a transformação do enredo e não pode ser retirado dele em hipótese alguma. Como digressão, preste atenção a este 6º quadro e você verá o efeito de desfoque de movimento que aprendeu antes. Na verdade, o desfoque de movimento é originalmente causado por equipamentos fotográficos e nós apenas o simulamos antes.
É mais difícil reduzir o número de bytes em termos de número de cores, pois devido às características do método de codificação de vídeo, mesmo objetos que estão parados na imagem podem ter cores diferentes nos quadros anteriores e seguintes. Juntamente com as pequenas mudanças na iluminação e na abertura da câmera, na distância focal e na exposição, é ainda mais difícil ter a mesma cor entre os quadros anteriores e posteriores. Isso é completamente diferente da animação que usamos para criar objetos através do desenho. Além disso, as imagens de vídeo geralmente contêm cores de transição, como alterações na iluminação ou sombras. A redução do número de cores pode facilmente causar manchas coloridas. Embora ativar o pontilhamento possa melhorar os pontos coloridos, também aumentará o número de bytes.
Neste momento, você pode considerar a exibição da animação em tons de cinza, ou seja, estabelecer uma camada de ajuste de mapeamento de gradiente em preto e branco. A perda causada pela redução do número de cores no modo tons de cinza é menos perceptível. Você também pode usar o comando de limite para formar uma imagem nítida em preto e branco e usá-la com uma camada de preenchimento de cor sólida em um modo de mesclagem especial para criar um efeito artístico especial enquanto reduz o número de bytes. Clique aqui para baixar o arquivo PSD de amostra .
A imagem criada pelo comando Limiar possui cores fortes e contrastantes, o que é muito adequado para criar fundos transparentes. Na caixa de diálogo Salvar para Web e Dispositivos, você pode especificar uma cor para ser transparente. Primeiro certifique-se de que a opção "Transparência" esteja desligada, depois use a ferramenta conta-gotas (tecla de atalho I) para clicar no fundo para que uma cor na tabela de cores seja selecionada, depois clique abaixo
botão para tornar a cor selecionada transparente. Conforme mostrado abaixo. Várias cores podem ser tornadas transparentes.
Além disso, existe outro método que pode efetivamente reduzir o número de bytes, que é cobrir a tela com uma linha de desenho. Como a área coberta se torna uma única cor, na verdade elimina a diferença de pixels nesta linha. O princípio é equivalente a preencher metade da imagem com preto total, exceto que ela não é preenchida continuamente, mas uma linha é preenchida a cada 1 pixel, para que a imagem geral ainda seja legível. Na verdade, esse método é chamado de linha de digitalização ou efeito de linha de desenho, que pode ser obtido usando o preenchimento de padrão. Clique aqui para ler o conteúdo sobre preenchimento de padrão no tutorial básico . O entrelaçamento pode reduzir o número de bytes de animação quase pela metade.
Deve-se notar que embora as linhas de desenho translúcidas pareçam boas, o preenchimento do padrão aqui não pode ser translúcido, porque a translucidez não pode cobrir completamente os pixels originais da imagem, o que vai contra nosso propósito. Além disso, os fios pretos podem tornar a imagem mais escura, enquanto os fios brancos podem tornar a imagem mais clara. Preste atenção à camada de ajuste de cores para neutralizar o brilho. Você também pode usar linhas de outras cores para obter efeitos alternativos, e também pode alterar a cor das linhas para transparentes. Antes de ficar transparente, a cor da linha deve contrastar tanto quanto possível com a cor da imagem. Isso evita que a mesma cor em outros lugares fique transparente e danifique a imagem.
O vídeo importado existe como uma camada independente e pode ser alternado para o modo de linha do tempo para produção adicional, como adição de texto ou outros gráficos. É melhor agrupar todos os quadros de vídeo em um grupo de camadas antes de alternar para evitar ocupar espaço na paleta de animação. Por exemplo, no exemplo, um logotipo é adicionado ao canto inferior esquerdo e efeitos de texto dinâmico são adicionados. Deve-se notar que é difícil ajustar o tempo de permanência do quadro usando o método da linha do tempo, portanto, ao mudar para o método da linha do tempo, é melhor confirmar se todo o trabalho anterior foi concluído.
Tente criar esta animação e depois consulte o arquivo de exemplo de comparação.
Às vezes, pode ser necessário abrir um arquivo de animação GIF existente para reprocessamento. Neste momento, surgirá um problema, ou seja, após abrir diretamente o arquivo de animação GIF, apenas o primeiro quadro da imagem será retido e os quadros de animação subsequentes serão. ser abandonado. Conforme mostrado abaixo. Isto obviamente não atende à demanda.
Na verdade, o Photoshop pode abrir a animação GIF existente, mas bloqueia esta função. Podemos abrir o GIF animado através de [Arquivo>Importar>Quadro de vídeo para camada], conforme mostrado na figura abaixo, apenas o formato de vídeo MOV. pode ser habilitado, AVI, MPG, MPEG, mas não GIF. Agora primeiro confirme se o caminho está correto na seta vermelha, depois insira o símbolo "*" na seta verde, clique no botão "Carregar" e todos os formatos de arquivos serão listados. Selecione o arquivo GIF correspondente para importá-lo. uma camada independente. Ou insira diretamente o nome completo do arquivo de animação, como abc.gif, 123.gif, etc. A operação após a importação é a mesma de antes. Você pode usar este método para abrir animações GIF do passado e experimentar.
Além disso, você também pode usar [Arquivo>Abrir como] [CTRL+ALT+SHIFT+O] e selecionar filme QuickTime no item "Abrir como", para que você possa abrir o GIF como um filme e formar uma camada de vídeo independente na paleta de camadas. Existe independentemente na linha do tempo. Conforme mostrado abaixo. Este método foi proposto por um amigo chamado XYBLUEIDEA no fórum clássico. Gostaria de agradecer a ele e a todos os amigos que trabalharam duro para melhorar o tutorial.
O comando [Arquivo> Abrir como] do Photoshop serve para abrir a imagem no formato necessário para uma finalidade especial e, em seguida, salvá-la no formato para essa finalidade especial. Na verdade, é um comando de abertura com uma função de conversão. Você pode ver formatos de arquivo para diversos fins no projeto "Abrir como". Algumas das aplicações de formatos especiais serão apresentadas em outros tutoriais. Deve-se observar que nem todos os arquivos suportam todos os formatos especiais.
Neste momento, o conteúdo da animação GIF importada em si não pode ser modificado, mas por ser uma camada independente, você pode adicionar efeitos através de estilos de camada como camadas comuns, atingindo indiretamente o propósito de modificar a animação, conforme mostrado na figura abaixo . Embora este tipo de modificação seja limitado ao estilo, devido à poderosa função dos estilos de camada do Photoshop, exceto o enredo da animação, que não pode ser modificado, quaisquer outros efeitos visuais podem ser obtidos.
No entanto, otimizar a animação ainda é um pré-requisito primário. Se escolhermos a cor do brilho interno como vermelho, verde, etc., ela será significativamente diferente da cor original da animação, porque os recursos de cores são limitados, algumas cores atribuídas à animação original. deve ser atribuído ao estilo de brilho interno. Então o número de bytes desta animação aumentará significativamente ou a qualidade da imagem diminuirá significativamente com o mesmo número de cores. Acredito que todos podem entender essa verdade.
Para algumas animações que devem ser produzidas como camadas independentes, este método pode ser facilmente utilizado para produção secundária. Por exemplo, a animação de pássaros batendo as asas mencionada anteriormente, este método pode obter o efeito de bater asas e se mover ao mesmo tempo. Por exemplo, se um personagem avança, você pode primeiro criar uma animação em execução, produzi-la como um GIF e, em seguida, carregá-la como uma camada de vídeo. Depois de expandir o tamanho da tela (observe não o tamanho da imagem), altere a posição do. camada de vídeo e animá-la, conseguindo o efeito de correr e avançar ao mesmo tempo.
Este método de importação na verdade oferece a possibilidade de animação de componentes. Este método pode ser considerado se o objeto precisar ter vários atributos de movimento ao mesmo tempo. Essa ideia também é amplamente utilizada na área de edição de vídeo. Por exemplo, quando você deseja criar o efeito de dimensionar e girar duas cenas durante a alternância, teoricamente você deve primeiro definir a mesma velocidade de rotação para as duas cenas e depois reduzir gradualmente. a primeira cena. A opacidade atinge o objetivo. No entanto, na operação real, diferenças nas propriedades da cena (como tamanho) podem levar a diferenças na escala e nos ângulos de rotação. Neste ponto, você pode primeiro renderizar a alternância estática da cena em um vídeo, depois importar o vídeo e, em seguida, aplicar zoom e girá-lo. Clique aqui para baixar o arquivo de vídeo de amostra .
Deve-se notar que a introdução do conhecimento do componente visa expandir o conhecimento de todos e não incentiva todos a utilizá-lo aqui. Afinal, atualmente estamos visando apenas trabalhos de animação GIF, não trabalhos de vídeo. É melhor se você puder fazer isso de uma só vez. Se necessário, certifique-se de manter os arquivos originais de todas as animações dos componentes para facilitar modificações futuras.
Após a instalação do QuickTime, além da função de importação, você também pode usar a função de exportação para gerar animações como vídeos, em vez de ficar limitado à saída anterior no formato GIF. Devido às suas características próprias, o formato GIF não consegue registrar perfeitamente todos os efeitos de animação que podemos criar no Photoshop. Mas o formato do vídeo é diferente. O método de codificação do vídeo pode não apenas suportar dezenas de milhões de cores (clique aqui para ler o conteúdo sobre dezenas de milhões de cores no tutorial básico) e números de cores mais altos, mas também tem melhor reprodução. suavidade do que GIF A manifestação mais óbvia da melhoria é o tamanho da tela e a taxa de quadros. No método de codificação de vídeo, não precisamos mais ficar limitados pelo tamanho limitado da imagem, podendo usar tamanhos 640×480, 800×600 ou maiores. A taxa de quadros usada também pode ser aumentada para 30fps, 60fps ou superior.
O comando [Arquivo>Exportar>Renderizar vídeo] pode gerar o formato de vídeo, conforme mostrado na figura abaixo. Selecione o formato do vídeo exportado como AVI e clique no botão na seta vermelha para defini-lo. Basta selecionar “Nenhum” para o tipo de compactação na seta verde nas configurações de vídeo. Isso gerará um vídeo que pode ser reproduzido através do WindowsMediaPlayer no Windows. Se você selecionar outros tipos de compactação, como "DV-PAL", também poderá gerar vídeo, mas o tamanho da tela, a taxa de quadros etc. serão diferentes daqueles definidos em nosso documento.
Abaixo daremos uma breve introdução a outros formatos de vídeo: 3G é usado para telefones celulares e pode ser enviado como MMS (observe que o limite de capacidade do MMS é um formato de animação de 256 cores nos primeiros sistemas DOS). vídeo na Internet; QuickTime, APPLE TV, iPod e iPhone são todos formatos de vídeo da Apple, os dois últimos são para dispositivos portáteis; Os detalhes sobre a codificação de vídeo não são algo que você precisa aprender agora. Iremos apresentá-los em tutoriais relacionados a vídeos quando tivermos oportunidade no futuro. Além disso, o formato de áudio MP3 com o qual estamos familiarizados pertence ao MPEG-1, chamado MPEG-1 Audio Layer3.
O modo "Sequência de imagens" pode gerar animação como várias imagens estáticas, e os nomes dos arquivos de imagem são nomeados em ordem crescente. O tamanho da imagem é padronizado para o tamanho do documento e pode ser alterado para outros tamanhos. No entanto, alterar o tamanho pequeno para um tamanho grande pode causar perda de qualidade da imagem devido à reorganização dos pixels. Observe que alguns tipos de compactação (como PAL-DV) serão renderizados no tamanho fixo definido. O intervalo de saída geralmente é composto por todos os quadros, ou seja, toda a animação. Se houver necessidades especiais, pode ser alterado para outros métodos. O canal Alpha pode gerar vídeo com informações de translucidez de vários níveis, facilitando a síntese em software de edição de vídeo como o Premiere. Recomenda-se manter a taxa de quadros na taxa definida no documento. Geralmente, não há problema em reproduzi-lo em um computador. No entanto, alguns dispositivos de reprodução para fins especiais têm taxas de quadros fixas, como transcrever para o formato PAL (25fps) ou. Formato NTSC (cerca de 30fps). Copiar para filme (24fps), etc., caso contrário o efeito poderá ser afetado devido à falta de sincronização.
Além do Photoshop, existem alguns softwares que também podem criar animações GIF e, em alguns aspectos, são mais simples. Por exemplo, GIF Animator produzido pela Ulead é um deles. Ele pode facilmente combinar algumas imagens estáticas em animações de vários estilos e adicionar algum texto ou gráficos. E você pode gerar cada sequência de quadros de GIF animado. Também pode ser exportado para o formato de arquivo PSD, com cada quadro armazenado em uma camada e retendo informações de transparência. Abra este arquivo PSD no Photoshop, clique no menu estendido no canto superior direito da paleta de animação no modo quadro e selecione “Criar quadro a partir de uma camada” para criar uma animação na forma de uma camada independente. Na produção real, todos podem usar este tipo de software para realizar alguns trabalhos simples, conforme apropriado.
A última tarefa é usar os materiais para imitar a animação a seguir. O tamanho desta animação é 128×160 e foi usada para fazer o flash do telefone Moto L6 como uma animação de inicialização. Mas também pode ser usado para mensagens MMS. Não há dificuldades técnicas nesta animação. Observe atentamente os detalhes da animação, experimente mais métodos de implementação e encontre o caminho mais conveniente. E após a conclusão, adicione sua criatividade para formar uma nova animação.
Agora todos têm recursos completos de produção de animação GIF e podem usar fotos, vídeos ou desenhar gráficos para completar a produção. Envie a animação para amigos e familiares como MMS e adicione suas bênçãos. Você também pode enviá-lo para análise. Meu celular atualmente tem resolução QVGA (240×320). E espero ver as excelentes mensagens MMS que você cria e que circulam amplamente na Internet.
Neste ponto, a parte de produção de animação do tutorial estendido do Photoshop terminou e você pode continuar aprendendo a parte de web design. Se você encontrar algum erro durante a leitura, corrija-o. Seu apoio é a fonte de motivação para a melhoria contínua do tutorial. Espero que todos possam difundir o conhecimento que aprenderam para que mais pessoas possam acessar e aprender esse conhecimento, aprender umas com as outras e progredir juntas.