Cómo editar un gif en Photoshop cs6. GIF Resizer: Cambiar el tamaño de las animaciones GIF en línea

Un video manchado de una cámara digital ciertamente no será abierto por Photoshop. Esto se aplica al video del teléfono, al video de la cámara web, etc. La respuesta se sugiere sola. Necesitamos convertirnos. Hay muchos convertidores, tanto de pago como gratuitos, y, básicamente, están orientados a convertir un determinado formato a otro formato específico, del que los desarrolladores de los convertidores, por obvias razones, no nos informan.

Y aquí viene en nuestra ayuda el convertidor de video XviD4PSP 5.0 gratuito, puede descargarlo o en el sitio web oficial de los desarrolladores. Este convertidor requiere la utilidad AviSynth 2.5.7, que se puede descargar.

Instalaremos estos dos programas de la forma habitual.

Aquí está la interfaz de este increíble convertidor:

Abrimos el programa. Haga clic en Archivo -\u003e Abrir, seleccione el archivo. En la ventana principal del programa, seleccione la siguiente configuración:

  • Formato: AVI DV PAL
  • Clasificación y filtrado de color: desactivado
  • Codificación de video - DV-Video
  • Codificación de sonido: no importa

Y haga clic en el botón "Codificar". El programa ofrecerá seleccionar una carpeta para guardar, selecciónela, OK. Obtenemos un archivo con el códec de vídeo dvsd DVC / DV en un contenedor DV Type 2 AVI Multipart OpenDML AVI. Con un 90% de probabilidad, Photoshop come videos con estos parámetros.

Pasemos al siguiente problema. Este es el tamaño del archivo. El hecho es que al abrir un video en capas, Photoshop usa la RAM de la computadora. Si tiene x64, entonces no hay preguntas, puede colocar mosaicos de hasta 128 GB. Pero por varias razones, las personas no pueden cambiar a x64 y lamentablemente están sentadas en x86, no porque la religión no les permita cambiar, sino por otras razones completamente objetivas. Por ejemplo, el autor de estas líneas, con todo su gran deseo por lo bello y lo nuevo, no usa x64 debido a la falta de complementos para 3ds max. Sin embargo, estamos distraídos.

Naturalmente, para las tareas realizadas con Photoshop, no se requieren videos largos, pero solo se necesitan un máximo de varias docenas de fotogramas. Pero deben eliminarse de alguna manera. Los editores de video normales, como Adobe Premiere Pro, requieren conocimientos y experiencia, y también consumen un recurso significativo de la RAM y el procesador. Sobre el hecho de que se les paga (y cuestan inconmensurablemente), me da vergüenza decirlo. En resumen, no tiene sentido ponerse en contacto con dichos programas para usos poco frecuentes. Permítame no comentar sobre editores simples como el Movie Maker estándar.

Pero existe un excelente programa ligero VirtualDub, aunque con un inconveniente. Funciona con un conjunto muy limitado de códecs AVI. Y luego nuevamente recordamos el convertidor XviD4PSP. Con la configuración anterior, el video funcionará con él. Seleccionamos las piezas necesarias del video, lo recortamos, lo guardamos, lo abrimos con Photoshop. Puede hacer otra cosa, guardar fotogramas de video individuales usando VirtualDub y luego ensamblar una animación a partir de ellos en Photoshop. Por ejemplo, poner los archivos aprendidos en una carpeta y abrirlos por lotes en Photoshop en un documento en diferentes capas, pero, por regla general, lleva más tiempo, pero, en cualquier caso, no podemos prescindir del convertidor XviD4PSP.

Le sugiero que utilice un editor en línea llamado " Ezgif.com”, Donde no solo se puede cambiar el tamaño de las imágenes de animación, sino también optimizarlas, es decir, reducir su peso.

Incluso con la ayuda de este editor en línea, puede rehacer muchos banners de Internet a su discreción, y no necesita trabajar en el diseño. Simplemente escriba su texto y el banner estará listo.

Ven aquí

Herramientas de edición en línea "Ezgif.com"

Para una edición rápida de imágenes GIF, es mejor utilizar un editor en línea que Photoshop. Después de todo, muchas personas no tienen idea de cómo trabajar con Photoshop, pero aquí puedes editar cualquier imagen GIF en cuestión de minutos.

El editor en línea tiene este aspecto:



Editor "Ezgif.com" para editar imágenes GIF animadas

Por supuesto, no llega a la funcionalidad de Photoshop, pero cuenta con todas las herramientas necesarias para editar imágenes GIF.

Funciones del editor en línea:

  1. Recortando una imagen

  2. Cambio de talla

  3. Optimización de imagen

  4. Agregar efectos

  5. Cambiar la velocidad de la animación

  6. Desmontaje de la animación en cuadros (fragmentos)

  7. Agregar texto

  8. Superponer otra imagen

Parecería que parece un editor simple, pero qué poderoso.

Consideremos ahora todas las herramientas enumeradas por separado.

Cosecha:herramienta en línea simple para recortar imágenes de animación.

Cargue una imagen y luego use el mouse para seleccionar la parte deseada de la imagen que desea recortar. Haga clic en " Recortarla"Y tu estas listo.

Después de cargar una imagen, la información sobre ella aparece debajo de esta imagen: tamaño en KB, dimensiones de la imagen y cuántos marcos contiene.


Al recortar una imagen, puede establecer el tamaño manualmente. Para hacer esto, debajo de la imagen que necesita en los campos " Izquierda», « Parte superior», « Anchura"Y" Altura»Introduzca los valores deseados.

Cambiar tamaño:con esta herramienta, puede cambiar el tamaño de la imagen o recortarla. Una vez alejada, la imagen permanece con la misma calidad y la velocidad de la animación no cambia.

En los campos " Nuevo ancho"Y" Nueva altura"Necesita establecer un nuevo tamaño de imagen, o simplemente puede especificar el Porcentaje y luego hacer clic en" ¡Cambia el tamaño!". La imagen se reducirá en el porcentaje que especificó

Con esta herramienta, puede cambiar el tamaño de las imágenes GIF de forma rápida y sencilla. Cuando aumente el tamaño de la imagen, se perderá la calidad.

Si la imagen después del cambio se mostró de alguna manera mal en la animación, entonces puede intentar establecer un tamaño diferente

Optimizar:y con esta herramienta, puede cambiar el tamaño (peso) del archivo GIF. El peso de la imagen se reduce al reducir el número de colores en cada cuadro. Cada marco GIF contiene hasta 256 colores únicos, pero si reduce la cantidad de color, puede lograr un tamaño de archivo más pequeño.

La optimización tiene muchos métodos, pero puede elegir la mejor opción para mantener una buena calidad de imagen. Lea más sobre optimización en el sitio web.

Efectos (efectos, cambio de color de la imagen):con esta herramienta, puede voltear la imagen horizontal y verticalmente.

Además, la imagen se puede girar en un ángulo determinado, si establece el grado en el " Girar". Puede asignar un color diferente a la imagen, convertirla en blanco y negro o darle otro tono.

Velocidad (cambia la velocidad de la animación GIF):esta herramienta sirve para cambiar la velocidad de la animación.

Si desea cambiar la velocidad de la animación en proporción a la actual, utilice el porcentaje " % de velocidad actual", Y para establecer el retraso entre fotogramas, debe utilizar el" ". El parámetro " centésimas de segundo entre fotogramas"Establece el tiempo de retraso entre fotogramas en centésimas de segundo (1/100)

Dividir (analizar la imagen GIF en marcos): ehesta herramienta está diseñada para convertir imágenes GIF animadas en cuadros separados, después de lo cual cada cuadro se puede editar por separado.

Todos los fotogramas de la animación se pueden descargar a una computadora. Para hacer esto, haga clic derecho en el marco y luego seleccione " guardar imagen como... ". Además, todos los marcos se pueden descargar en un archivo zip haciendo clic en " Descargar marcos como ZIP»

Escribir (agregar texto): uhesta herramienta le permite agregar texto a la animación GIF. Puede agregar texto a toda la imagen GIF o a marcos individuales. El texto de la imagen se puede mover con el mouse.

Superposición (superposición de otra imagen):esta herramienta le permite superponer otra imagen en una imagen GIF, y es deseable que esté en formato PNG o GIF.

Supongo que ninguno de mí tiene un deseo de vez en cuando rehacer / terminar / cambiar un poco gif encontrado - imagen.

Seguramente, muchos están familiarizados con situaciones como:
- como un bonito avatar animado listo para usar, pero solo un poco para ralentizarlo ...
- Ojalá pudiera escribir algo en una imagen animada ...
- sería bueno tener un tamaño gif - hacer imágenes más pequeñas ...
- etc. etc.

Entonces analizaremos estas preguntas hoy.

La última vez que hoy lo haremos modificar el gif animado terminado para satisfacer sus necesidades.

Ante este "problema", pero ya sabiendo cómo crear un gif animado, sugerí dónde y cómo es posible cambiar el gif. Inmediatamente encontré un par de GIF en Internet y verifiqué mi suposición: resultó ser correcta. Pero comencemos en orden.

Entonces, tienes una imagen animada terminada. Considere 3 opciones para modificarlo (para mí, estos son los casos más populares):
1. Reduzcamos la velocidad de la animación.
2. Escribamos algo en la imagen.
3. Cambie el tamaño de la imagen.

Cambie la velocidad de la animación en la imagen GIF.
(cambia la velocidad de las imágenes parpadeantes)


A menudo pasaba que me gustaba, por ejemplo, algún tipo de avatar animado, pero hay mucho parpadeo y quiero ralentizarlo un poco. Esto es lo que vamos a hacer ahora. Aunque la opción con aumento de velocidad las animaciones son exactamente el mismo caso.

Abra el archivo gif que nos interese en Adobe ImageReady: Archivo (Archivo) - Abierto (Abierto) - ...

Ahora miramos el panel Animaciones



Miramos cuidadosamente este pergamino y vemos que debajo cada "Cuadro" es el tiempo (en este caso, 0,17 segundos).


Aquí debemos cambiar este indicador, hacer clic en la marca de verificación y aparece una lista desplegable, donde podemos establecer la duración de la visualización que necesitamos cada fotogramas por separado (o todos a la vez, seleccionando todos los fotogramas mientras mantiene presionada la tecla Mayús en el teclado).


Aquí e inmediatamente podemos ver lo que sucedió, incluso hay un poco más bajo botones del jugador - miramos la animación en la ventana principal del archivo abierto (y no en este lanzamiento).


Si todo le conviene, guardamos el resultado: Archivo - Guardar optimizado como ...- Y mira lo que pasó.


Okay


Okay

Si no es así, siga cambiando la duración hasta que obtenga lo que desea.

¡Eso es todo!

Si te diste cuenta, en el nuevo GIF la firma fue eliminada en la esquina inferior derecha. Esto es lo que vamos a hacer ahora, solo agregaremos una inscripción a la imagen, y no la eliminaremos.

En el avatar animado (imagen) escribimos palabras.

Abrimos en Adobe ImageReady avatar animado: Archivo (Archivo) - Abierto (Abierto) - ...

Este gif lo tiene todo 2 cuadros (y 2 capas). Y solo necesitamos agregar una inscripción. Esto se hace muy rápido.


Escribimos en la imagen "las palabras correctas" en el lugar correcto usando la herramienta Texto (como en Photoshop) mientras que una nueva capa en la lista de capas se crea automáticamente.


Hagamos del texto mapa de bits: en el menú Capa - haga clic con el botón derecho en la capa de texto y seleccione Rasterizar capa en la lista desplegable - y ahora el texto ya no es texto, ahora es solo un elemento gráfico con un (!) color, que es muy importante para el peso del archivo.


Ahora miramos el panel Animaciones (Animación) en la esquina inferior izquierda de la ventana del programa (de forma predeterminada, aparece allí). Si no está allí, entonces necesita obtener este "desplazamiento" (panel): en el menú Ventana, seleccione Animación.


Dado que solo hay dos marcos, es mejor que los creemos de nuevo:


Abra la lista desplegable del despliegue de Animación y seleccione Eliminar marco (Eliminar marco).

Aquí solo nos queda uno de sus marcos. Vamos a "configurarlo" - queremos ver la primera imagen (Capa 1) y la inscripción - déjelos encendidos (el ojo al lado de la capa está encendido), y apaguemos la capa "innecesaria" por ahora (clic izquierdo).


El primer cuadro está listo.

Cree una copia (seleccionando Copiar marco en la lista desplegable o el botón correspondiente a la derecha del "jugador").


Aparecido segundo cuadro - lo configuramos:
- inscripción incluida
- Capa 1 apagada
- Capa 2 incluida


Bueno, en general, eso es todo. Inicie el reproductor y verá que ahora hay una inscripción en su avatar animado.

Si todo le conviene, guarde el resultado: Archivo - SaveOptimizedAs ...

Puede desactivar la palabra en el segundo cuadro, luego también "parpadeará".

Y si quiero eso cuando la imagen "parpadee" gradualmente agregadas letras de la palabra?

Cortamos la palabra en letras separadas (copiamos la capa con la palabra y en cada capa subsiguiente borramos una letra menos - la primera capa - la primera letra queda de la palabra, la segunda capa - 2 letras, etc. para una capa completa). Para hacer esto, tome la capa con la palabra y arrástrela al icono en la parte inferior de la lista de capas; la capa se copia y aparece en la lista.


Todos los cambios con una capa se realizan cuando la capa modificada está activa, es decir, estás en ella (haz clic izquierdo en la capa y se resaltará con un color más oscuro).

Ahora queda crear nuevos marcos y activar la capa con la letra agregada en cada uno de los siguientes. Al mismo tiempo, activa / desactiva alternativamente la Capa 1 y la Capa 2 (para que no solo cambie la palabra sino también la imagen).


Esto es lo que obtuvimos: ha existido desde algunos años muy peludos, o más bien, desde 1987. En Runet, al menos, se ha convertido en un nombre familiar: cualquier imagen en movimiento se llama "gif". Por supuesto, es inferior al usar los otros dos JPEG y PNG, pero ocupa con confianza su nicho de imágenes animadas y recientemente se le ha dado una nueva vida. Por ejemplo, en el proyecto de la plataforma de mensajería, que recientemente presentó Facebook. Al parecer, como una adición a los aburridos emoticonos y pegatinas. Pero es demasiado pronto para enviar a estos últimos a la jubilación.

Entonces, descubrimos que el formato GIF está más vivo que todos los seres vivos, hay muchos recursos en la red donde hay muchos gifs listos para usar, pero ¿cómo puedes obtener un archivo animado tú mismo y divertirte?

Editores GIF en línea para videos e imágenes.

Giphy.com - Editor conveniente, multifuncional, tan simple e intuitivo como sea posible en el navegador. Quizás sepa todo lo que necesitas, inserta el enlace con youtube, vimeo o simplemente un enlace a cualquier video. Recorta, edita y superpone varios textos o símbolos. Es importante destacar que todo esto se hace en el navegador y puede compartirlo inmediatamente en las redes sociales. red o guardar en su computadora. Si se registra, puede cargar los ya preparados en su repositorio en el sitio, hacerlos públicos o dejarlos solo para usted. Una gran base de datos de GIF listos para usar, comprensible principalmente para el público estadounidense, pero la herramienta para crear es importante para nosotros. Si quieres singularidad, ¡crea! Sube fotos o imágenes, usa el video terminado, sé creativo.

El editor de GifCam está desconectado.

Si no tiene una conexión rápida a Internet y prefiere trabajar en el entorno familiar de Windows, debe registrar las acciones en la pantalla de la computadora. Nada podría ser más fácil: una utilidad pequeña, gratuita y multifuncional GifCam que no requiere instalación. Descargando, desempaque y use.

  • Después del lanzamiento, aparecerá una ventana que se puede colocar sobre cualquier área de la pantalla o capturarlo todo.
  • Presione Rec para comenzar a grabar o Frame para tomar un cuadro.
  • El programa reconoce perfectamente los fotogramas similares y los pega de forma eficaz utilizando un fondo verde, reduciendo el peso del archivo original.
  • Puede cambiar el tono, la saturación, seleccionar un marco (Mayús + Ctrl + Clic), usar monocromo, cambiar el tamaño, agregar texto a un marco y mucho más ...

Detalles en el sitio web del desarrollador blog.bahraniapps.com/gifcam.

Recordit

Otro creador de gif muy simple y muy rápido desde la pantalla de la computadora. ¿Es compatible con Windows y Mac? ciertamente inferior a la funcionalidad y edición de GifCam? pero por eso es valioso, rápido y claro control. Haga clic en REC (grabación) y obtenga un enlace al video, que luego puede descargar del sitio. La configuración mínima está en el icono de la bandeja. Excelente para instrucciones y screencasts para

Los GIF están en todas partes. Una vez humildes, las imágenes animadas ahora son el lenguaje no oficial de Internet. La animación GIF es la forma más rápida de expresar emociones en Twitter, y también podemos pasar horas viéndolo desplazarse por las noticias en VK, Facebook u Odnoklassniki.

Existe una gran cantidad de sitios en los que puede encontrar gifs listos para usar sobre una variedad de temas. Pero nada mejor que una animación GIF que se hace con tus propias manos. ¿Crees que este es un proceso difícil? Estás equivocado, es bastante simple. Puede crear rápidamente animaciones GIF en el editor de gráficos Photoshop, convertir un video existente o usar una serie de imágenes estáticas. Echemos un vistazo más de cerca a cómo se hace esto.

Nota: Para todos los ejemplos de este artículo, estoy usando Photoshop CC 2017.

Primero debe iniciar Photoshop, ir a "Archivo"\u003e \u200b\u200b"Importar"\u003e "Fotogramas de video a capas" y seleccionar el video requerido.

En el cuadro de diálogo que se abre, puede importar el video completo o seleccionar solo una parte determinada. Si elige la segunda opción, arrastre los controladores debajo de la ventana de vista previa para establecer los puntos de inicio y finalización. Se importará la parte del video entre estos pinzamientos.

Nota: Tenga en cuenta que cuanto más video importe, más grande será su GIF. Además, si está importando material de archivo demasiado largo, elegir Mantener cada 2 fotogramas (o más) es una manera fácil de reducir el tamaño sin afectar demasiado la calidad.

Asegúrese de que la casilla de verificación Crear animación stop motion esté marcada, luego haga clic en OK. Se inicia el proceso de importación de video. Esto puede llevar algún tiempo, dependiendo del tamaño del clip. Una vez finalizada la importación, se abrirá un espacio de trabajo en el que cada fotograma de vídeo se colocará en su propia capa.

En la parte inferior de la pantalla está la paleta de la línea de tiempo. Muestra todos los fotogramas que compondrán tu animación GIF.

Puede agregar y eliminar marcos como desee, o editar cualquiera de las capas existentes de la misma manera que edita capas en cualquier otra imagen. Para obtener una vista previa de su animación GIF, simplemente haga clic en el botón Reproducir en la parte inferior de la línea de tiempo.

Deberías terminar con algo como esto:

Crea animaciones GIF a partir de una serie de imágenes estáticas

Si no tiene un video para usar como base para su animación GIF, puede crearlo manualmente a partir de una serie de imágenes fijas. Es un poco complicado, especialmente si quieres hacer algo genial, pero el proceso básico es simple.

Creas tu GIF a partir de un único archivo de imagen que contiene varias capas. Cada capa es un fotograma independiente de su futura animación. Hay dos formas de empezar:

  1. Si ya ha creado imágenes para su animación, impórtelas seleccionando Archivo\u003e Scripts\u003e Cargar archivos en la pila .... Haga clic en Examinar y seleccione sus imágenes, luego haga clic en Aceptar. Cada imagen se colocará en una capa separada dentro del mismo archivo.
  2. Si aún no ha creado imágenes, hágalo ahora. Recuerde que cada imagen individual es parte de la futura animación.

Ahora está listo para comenzar a crear su animación.

Animando imágenes estáticas

Así es como funciona. Cuando crea manualmente un cuadro de animación, todas las capas visibles se incluyen en él. Las capas que están deshabilitadas no participarán en el marco generado.

Para el primer fotograma, haga visible la primera capa y apague todas las demás. Luego, al hacer el segundo fotograma, haga visible la segunda capa y luego la tercera capa en el tercer fotograma, y \u200b\u200basí sucesivamente. Cuando empieces, las cosas se aclararán.

Para comenzar a crear una animación, abra la línea de tiempo si no se abrió automáticamente para usted. Para hacer esto, haga clic en "Ventana" en el panel superior y seleccione "Línea de tiempo" en el menú que se abre. En el centro del panel expandido, haga clic en Crear animación de fotograma. Esta acción creará el primer fotograma de su animación. En el panel Capas, oculta las capas que no deberían formar parte del marco.

Ahora haga clic en el botón Nuevo marco, que duplicará el marco anterior. Oculte las capas adicionales una vez más y haga visibles aquellas que deberían participar en el marco.

Repita este proceso hasta que haya agregado todos los fotogramas necesarios para la animación.

Terminación

Finalmente, establezca el tiempo de visualización para cada fotograma. Seleccione el primer fotograma y luego presione Mayús y haga clic en el último para seleccionarlos todos. Ahora haga clic en la flecha hacia abajo debajo de uno de los marcos y seleccione un retraso. Sin retraso significa que la animación se ejecutará rápidamente, mientras que una cantidad determinada de segundos obligará a los fotogramas a permanecer en la pantalla durante un período de tiempo determinado.

Finalmente, configure las opciones de bucle, que encontrará en la parte inferior del panel Línea de tiempo. Este parámetro es responsable de cuántas veces se reproducirá su animación. En la mayoría de los casos, elegirá la opción Siempre.

Ahora haga clic en el botón Reproducir en la parte inferior de la pantalla para obtener una vista previa de la animación resultante. Debería ver algo como esto:

Puede editar marcos simplemente seleccionándolos y cambiando la visibilidad de las capas (también puede cambiar la opacidad o hacer otras configuraciones más complejas). Agregue capas adicionales si las necesita o haga clic en el icono de la papelera para eliminarlas.

Cuando esté satisfecho con el resultado, puede pasar a la sección "Guardar animación" o seguir leyendo para mejorar la animación resultante.

Mejora de la animación agregando fotogramas intermedios

Photoshop admite una potente función de animación para crear fotogramas intermedios. Esto permite animaciones más suaves al generar automáticamente cuadros de transición entre dos cuadros existentes. En este ejemplo, voy a recorrer todos los fotogramas para darle al cielo estrellado un efecto centelleante.

Primero, seleccione el primer fotograma y haga clic en el botón Crear interpolaciones en la barra de herramientas en la parte inferior de la línea de tiempo.

En el cuadro de diálogo que se abre, establezca el elemento "Cuadros intermedios" en el valor "Cuadro siguiente" y, para el elemento "Agregar cuadros", especifique el valor de su elección. Un valor más alto significa una transición más suave pero más lenta. Haga clic en "Aceptar" para crear marcos intermedios.

Ahora repita este proceso para los otros marcos de origen que agregó. Cuando llegue al último, configure Interframes en First Frame. Esto ayudará a crear una transición suave al comienzo de su bucle de animación.