Las imágenes-g.webp
Pasos
Parte 1 de 2: Creación de marcos para su animación en GIMP
Paso 1. Abra GIMP
GIMP es un programa de edición de imágenes gratuito y de código abierto que tiene herramientas similares a las de Photoshop. GIMP tiene un icono que se asemeja a un zorro con un pincel en la boca. Haga clic en el icono en el menú Inicio de Windows o en la carpeta Aplicaciones en Mac y Linux.
Puede descargar e instalar GIMP de forma gratuita desde gimp.org
Paso 2. Cree un nuevo archivo
El tamaño del archivo que cree depende de su uso previsto. Los anuncios publicitarios suelen tener entre 60 y 120 píxeles de alto y entre 400 y 800 píxeles de ancho. Los botones suelen tener unos 40 píxeles de alto y 300 píxeles de ancho. Los diferentes sistemas de intercambio de banners y software de sitios web enumerarán sus propios requisitos. Utilice los siguientes pasos para crear un nuevo archivo de imagen:
- Hacer clic Expediente.
- Hacer clic Nuevo
- Escriba el ancho en píxeles junto a "Ancho".
- Escriba la altura en píxeles junto a "Altura".
- Hacer clic OK.
Paso 3. Seleccione un color de fondo para su imagen
El primer plano activo y el color de fondo se muestran en rectángulos superpuestos debajo de la barra de herramientas a la izquierda. Para seleccionar un color, haga clic en el rectángulo en la parte superior. Haga clic en un color en la franja de colores del arco iris para seleccionar un color. Use el cuadro a la izquierda de la franja de colores del arco iris para seleccionar un tono para el color. Esto selecciona el color de primer plano activo.
Paso 4. Utilice la herramienta Bote de pintura para agregar un color de fondo a su imagen
La herramienta Bote de pintura tiene un icono que se asemeja a un cubo que vierte pintura. Está en la barra de herramientas de la izquierda. Haga clic en la mesa de trabajo de la imagen en el centro de la pantalla para llenar la imagen con su color de fondo.
También puede utilizar otras herramientas, como la herramienta Pincel para dibujar cualquier otro objeto que no se mueva en la capa de fondo
Paso 5. Agrega una nueva capa
El panel Capas está a la derecha de la mesa de trabajo en la esquina inferior derecha. Para agregar una nueva capa, haga clic en el pequeño icono que se parece a una hoja de papel con un signo más (+). Haga clic en este icono en la esquina inferior izquierda del panel Capas para agregar una nueva capa. Crea una capa para cada objeto en movimiento en tu imagen.
Paso 6. Agregue un objeto en movimiento a la imagen
Utilice las nuevas capas que creó para agregar objetos en movimiento a su imagen. Puede usar la herramienta de pincel para dibujar un objeto o la herramienta de texto para agregar texto a su imagen. Asegúrese de que cada objeto en movimiento de su imagen esté colocado en su propia capa.
Paso 7. Crea el primer fotograma de tu imagen
Una vez que haya creado cada objeto en movimiento de su imagen en su propia capa, coloque todos los objetos en el cuadro inicial de su animación.
Paso 8. Guarde el primer fotograma de su imagen como imagen fija
Una animación se compone de muchas imágenes fijas llamadas fotogramas. Necesitamos guardar cada imagen de la animación como una imagen fija. Utilice los siguientes pasos para guardar el primer fotograma de su animación:
- Hacer clic Expediente
- Hacer clic Exportar cómo.
- Escriba "[Nombre del archivo de animación] fotograma 1" junto al nombre.
- Hacer clic Seleccionar tipo de archivo.
- Hacer clic Imagen JPEG.
- Hacer clic Exportar
- Hacer clic Exportar de nuevo.
Paso 9. Utilice la herramienta de movimiento para mover ligeramente los objetos en el marco
La herramienta de movimiento tiene un icono que se asemeja a una flecha en forma de cruz que apunta hacia arriba, hacia abajo, hacia la izquierda y hacia la derecha. Utilice la herramienta de movimiento para mover ligeramente los objetos en movimiento en su imagen a sus 2 posiciones de marco. La velocidad de fotogramas recomendada para una animación-g.webp
Para ayudar a que el movimiento entre cada fotograma sea uniforme y uniforme, es posible que desee activar la cuadrícula. Para encender la cuadrícula, haga clic en Vista, seguido por Mostrar cuadrícula.
Paso 10. Guarde el segundo fotograma de su animación
Una vez que tenga todas las partes móviles en su lugar o el segundo fotograma, siga los siguientes pasos para guardar el segundo fotograma de su imagen:
- Hacer clic Expediente
- Hacer clic Exportar cómo.
- Escribe "[nombre de archivo GIF] fotograma 2" junto a "Nombre".
- Hacer clic Seleccionar tipo de archivo.
- Hacer clic Imagen JPEG.
- Hacer clic Exportar
- Hacer clic Exportar de nuevo.
Paso 11. Repita para todos los marcos adicionales
Continúe de esta manera. Use la herramienta Mover para colocar ligeramente cada objeto en movimiento en su animación y luego guarde la imagen como un marco. Asegúrese de que cada imagen contenga el número de cuadro en el nombre del archivo (es decir, cuadro de desplazamiento de texto 1, cuadro de desplazamiento de texto 2, cuadro de desplazamiento de texto 3, etc.).
Paso 12. Guarde su trabajo como un archivo GIMP
Es una buena idea guardar su trabajo como un archivo GIMP (.xcf), en caso de que necesite rehacer o cambiar algún marco más adelante. Nombra el archivo con algo como "[Nombre de la animación] artboard.xcf". Utilice los siguientes pasos para guardar su trabajo:
- Hacer clic Expediente
- Hacer clic Guardar como.
- Escriba un nombre de archivo junto a "Nombre".
- Hacer clic Ahorrar.
Parte 2 de 2: Creación de un-g.webp" />
Paso 1. Cree un nuevo archivo en GIMP
Después de crear imágenes fijas para cada fotograma de su animación, cree un nuevo archivo en GIMP. Asegúrese de que el ancho y el alto del archivo coincidan con el ancho y el alto de los cuadros de animación. Utilice los siguientes pasos para abrir un nuevo archivo en GIMP.
- Hacer clic Expediente.
- Hacer clic Nuevo
- Escriba el ancho en píxeles junto a "Ancho".
- Escriba la altura en píxeles junto a "Altura".
- Hacer clic OK.
Paso 2. Abra cada cuadro de animación como una nueva capa
GIMP crea animaciones usando cada capa como un marco de animación separado. La capa inferior es el primer fotograma de la animación y la capa superior es el último fotograma de la animación. Utilice los siguientes pasos para abrir sus marcos de imagen como una nueva capa. Puede seleccionar varias imágenes manteniendo pulsado el Cambio y seleccionando el primer y último fotograma de la imagen:
- Hacer clic Expediente
- Hacer clic Abrir como capas.
- Sostener Cambio y haga clic en el primer archivo de fotograma de imagen.
- Haga clic en el último fotograma de la imagen mientras mantiene presionado Cambio
- Hacer clic Abierto.
Paso 3. Agregue la velocidad de fotogramas en milisegundos a cada nombre de capa
De forma predeterminada, GIMP exporta animaciones-g.webp
Paso 4. Obtenga una vista previa de su animación
Antes de exportar su animación como GIF, puede obtener una vista previa. Esto le permite ver cómo se ve la animación. Si necesita editar alguno de los fotogramas en el archivo de la mesa de trabajo de animación. Utilice los siguientes pasos para obtener una vista previa de su animación:
- Hacer clic Filtrar.
- Hacer clic Reproducción.
- Utilice el menú desplegable "fps" para seleccionar los fotogramas por segundo.
- Haga clic en el botón Reproducir en la esquina superior derecha.
Paso 5. Exporte su archivo como GIF
Si está satisfecho con el aspecto de su animación GIF, utilice los siguientes pasos para exportarla como una animación GIF.
- Hacer clic Expediente
- Hacer clic Exportar cómo.
- Escriba un nombre de archivo junto a "Nombre".
- Hacer clic Seleccionar tipo de archivo.
- Hacer clic Imagen GIF.
- Hacer clic Exportar
- Hacer clic Exportar de nuevo.
- Hacer clic Como animación.
- Escriba la velocidad de fotogramas (es decir, 30) junto a "Retraso entre fotogramas sin especificar:".
- Hacer clic Exportar
Video: al utilizar este servicio, es posible que cierta información se comparta con YouTube
Consejos
- Recuerde que las imágenes-g.webp" />
- Algo lindo o divertido a menudo es más efectivo que grandes bloques de parpadeo groseros para transmitir un mensaje de una manera favorable.
- La combinación de las capacidades de animación y transparencia del formato-g.webp" />
- Agregar una luz tenue 'persistente' detrás de la luz brillante hace que esta imagen sea un poco más agradable.