Como facer animación GIF en Photoshop

Anonim

Como crear unha animación GIF en Adobe Photoshop

Método 1: Animación manual de obxectos

O primeiro método é adecuado para aqueles usuarios que queiran aplicar Adobe Photoshop para a animación manual engadida a capas de lona. Esta pode ser unha figura xeométrica arbitraria, imaxe ou texto listo. Aínda que este editor gráfico non é do todo adecuado para realizar tal tarefa, coa creación dun simple GIF tratará, e pode separar este proceso por varios pasos.

Paso 1: Volvendo a "escala do tempo"

A animación en Adobe Photoshop ocorre usando a localización e edición de obxectos na "Escala de tempo". Por defecto, esta xanela está escondida no programa porque non se usa nun ambiente de traballo estándar. Para activalo, abra o menú "Window" e faga clic na "Escala de tempo".

Volvendo a escala de tempo para crear unha animación en Adobe Photoshop

A continuación aparecerá un novo panel ao que nos referiremos máis. Despois de traballar co GIF, pode ocultalo de novo usando o mesmo botón do menú mencionado.

Inclusión de escala de tempo exitoso para crear animación en Adobe Photoshop

Paso 2: Preparación de elementos para GIF

Como mencionado anteriormente, Photoshop permítelle controlar calquera capas, incluíndo texto, imaxes e formas xeométricas creadas. Para comezar, os elementos deben engadir ao lenzo, creando un novo proxecto. Coloca cada unha delas nunha capa separada para non experimentar problemas con máis edición. Axiña que se completa o traballo preparatorio, vai ao seguinte paso.

Preparación de obxectos antes de crear animación en Adobe Photoshop

Paso 3: Configurar o efecto da aparencia

Existen varias accións básicas de animación que poden ser implementadas nun editor gráfico e aparece o efecto de calquera elemento. Proponse que o considere primeiro ao mesmo tempo para tratar de como interactuar coa "escala do tempo" e como están conectados os puntos clave con el.

  1. Vaia á operación cun panel mestre e fai clic en botón "Crear a escala de tempo para o vídeo".
  2. Creación de novas pistas animadas no editor gráfico de Adobe Photoshop

  3. Cada capa caberá nunha pista separada, o que significa que pode escoller calquera deles e proceder a editar.
  4. Localización de cada capa na pista de animación en Adobe Photoshop

  5. No noso caso, considere un pequeno logotipo. Expande a súa capa para ver todas as accións de animación dispoñibles.
  6. Selección dunha capa para crear animación en Adobe Photoshop

  7. No exemplo, creamos o efecto da aparencia implementada usando a función "Opacity". Fai clic nesta liña para crear o primeiro punto clave e recordará que estado é actualmente o obxecto.
  8. Creación dun primeiro punto de clave ao traballar con animación en Adobe Photoshop

  9. Estar neste punto de verificación, cambia a súa opacidade a 0% para esconderse completamente do espazo de traballo.
  10. Cambia a opacidade do obxecto ao traballar con animación en Adobe Photoshop

  11. Deslice o control deslizante por uns segundos e crea outro punto e, a continuación, desenrosca a opacidade de volta ao 100%.
  12. Creación dun segundo punto clave e un cambio na opacidade do obxecto en Adobe Photoshop

  13. Reproducir a animación e botar unha ollada á xanela de vista previa para familiarizarse co resultado. Dous puntos clave que conseguimos o efecto da aparencia cambiando a función da opacidade do obxecto en cada un deles.
  14. Xogando animación para ver durante a edición en Adobe Photoshop

Do mesmo xeito, pode cambiar calquera parámetro de obxecto, incluída a cor, a posición, os efectos de superposición e todo o que está en Adobe Photoshop. Paga a pena considerar a peculiaridade do traballo das claves. Escolla calquera das pistas, xa sexa "posición", "opacidade" ou "estilo" e faga algún cambio alí. Aínda se aplicará independentemente do tipo de acción, coa que imos asegurarnos no seguinte paso.

Paso 4: Obxecto Move Animación

A base da animación é o movemento, polo que propoñemos desmontar a configuración desta acción sobre o exemplo de varias claves eo tipo básico de movemento.

  1. Como obxecto en movemento, usamos o texto, ao mesmo tempo comproba a información descrita anteriormente. Ampliar o bloque coa súa capa para a aparición de pistas auxiliares.
  2. Seleccione a segunda capa para crear animación en Adobe Photoshop

  3. Pódese ver que o programa non definiu a función de "posición", polo que ten que escoller outra opción.
  4. Escolla unha nova pista para o movemento de animación en Adobe Photoshop

  5. Se está seguro de que a "perspectiva" nesta animación non se usará, isto significa que pode usar esta cadea para cambiar a posición do texto. Crea a primeira clave e coloque a inscrición na posición inicial a través da ferramenta "Movemento".
  6. Creación dun primeiro punto clave para a animación de movemento en Adobe Photoshop

  7. Crear puntos clave consecutivos, pouco movendo texto á posición final para garantir a suavidade do movemento.
  8. Creación de outros puntos clave ao animar o tráfico en Adobe Photoshop

  9. Reproduce periódicamente a animación e axusta as chaves para mellorar a suavidade.
  10. Reprodución de animación ao traballar con movementos en Adobe Photoshop

  11. Se as teclas son inconvenientes para traballar na vista de tempo actual, cambie a súa escala ou aumenta o ciclo para engadir novos puntos.
  12. Edición de Área de Animación en Adobe Photoshop

  13. Se precisa substituír ou engadir un obxecto, prema o botón en forma de un plus.
  14. Engadindo elementos para a animación a escala de tempo en Adobe Photoshop

Paso 5: Gardando GIF-on Computer

En canto se complete a animación, debería proceder a gardar o proxecto en forma de ficheiro GIF para publicar a rede ou xogar na computadora local. Para iso, Adobe Photoshop ten dúas funcións diferentes.

  1. Abra o menú Ficheiro, move o cursor a "Exportar" e seleccione a opción "Gardar para web". Se non precisa de configuración de animación adicional, use "Gardar como" e especifique o formato correcto no menú despregable.
  2. Transición á preservación da animación acabada en Adobe Photoshop

  3. Ao exportar, busque o formato GIF.
  4. Escollendo un formato de animación antes de mantelo en Adobe Photoshop

  5. Cambia a cor do substrato se isto non se fixo anteriormente.
  6. Seleccione a cor do substrato de animación antes do seu aforro en Adobe Photoshop

  7. Edite o tamaño da imaxe eo número de repeticións.
  8. Seleccione o tamaño da animación antes de preservalo en Adobe Photoshop

  9. Antes de facer clic no botón "Gardar" de novo, comprobe a corrección dos parámetros seleccionados.
  10. Confirmación da conservación da animación en Adobe Photoshop

  11. Estableza o nome do ficheiro, especifique o camiño Gardar para el e confirme esta acción.
  12. Escolla un lugar para gardar a animación en Adobe Photoshop

Abre o GIF a través dun navegador ou calquera outra ferramenta conveniente para comprobar a corrección da reprodución, despois de que se poida considerar o proceso de creación.

Método 2: Crear un gif dunha foto

Adobe Photoshop permítelle crear un gif das fotos existentes. Pode ser como cadros de recorte do vídeo e as imaxes secuenciales creadas especialmente. O proceso de formación dunha animación neste caso é moito máis sinxelo que a anterior, xa que non require a creación manual de puntos clave.

  1. Na "Escala de tempo" esta vez cambia o modo de "crear unha animación de cadros" seleccionando esta opción no menú despregable.
  2. Seleccione o segundo modo de creación de animación en Adobe Photoshop

  3. Abra o "ficheiro", move o cursor sobre os "scripts" e faga clic nos elementos "Descargar ficheiros en Stack".
  4. Transición para engadir imaxes para crear animación en Adobe Photoshop

  5. Na xanela que aparece, faga clic en "Resumo".
  6. Usando a ferramenta de imaxe Engadir rápida para crear unha animación en Adobe Photoshop

  7. Descargue inmediatamente todas as fotos que deben incluírse na animación.
  8. Engadindo varias imaxes para crear animación en Adobe Photoshop

  9. Se queres aliñalo, active esta función antes de engadir.
  10. Usando a opción de aliñamento de imaxes ao crear a animación en Adobe Photoshop

  11. Use o botón "Crear o cadro de animación" para formar unha animación.
  12. Comezar a crear animación de imaxes en Adobe Photoshop

  13. Expande o menú de acción e atopa o elemento "Crear marcos do elemento" para engadir outras imaxes.
  14. Engadindo todas as imaxes como cadros para animación en Adobe Photoshop

  15. Edite a súa secuencia cambiando a metraje por lugares, se a necesidade xurdiu.
  16. Engadindo fotos como cadros para animación en Adobe Photoshop

  17. Para estender cada reprodución de cadros, use o atraso ou configúrao se a velocidade de reprodución está satisfeita contigo.
  18. Editar a velocidade de reprodución da animación en Adobe Photoshop

  19. Antes de gardar, comprobe a reprodución e cree un GIF como se mostra na fase final do método anterior.
  20. Creación de animación exitosa en Adobe Photoshop de marcos individuais

Se, despois de ler as instrucións, decide que Adobe Photoshop non é adecuado para a implantación da animación prevista, aconsellamos a familiarizarse con outros programas deseñados para traballar con GIF. Unha revisión detallada sobre representantes populares deste software está nun artigo separado do noso sitio web.

Ler máis: O mellor software para crear animación

Le máis