Los Gifs Animados son la forma más vieja de hacer animaciones. ¿Quien no recuerda esas webs con background de arcoiris que era todo él un Gif animado? En Clab intentamos evitar esas malas costumbres, por lo que si eres propenso a hacer diseños así de bizarros, deja de leer y pulsa aquí.
Bien, querido amante del diseño web. En este tip voy a explicar como hacer gifs animados de una forma sencilla usando un programa que casi seguro que tienes: Adobe Fireworks
Hacer un gif en Fireworks es lo mismo que lo que en flash llaman animación frame by frame, es decir, que en realidad, lo que haremos, será crear todos y cada uno de los fotogramas de nuestra animación.
Herramientas De Fireworks By Carlos Oswaldo Paspuel Jácome
Bueno, acto seguido, empezamos con la animación. Nos colocamos en el primer fotograma (de momento es el único que existe) y dibujamos cualquier cosa:
Será mucho mas fácil de animar si lo que hacemos es tener una redonda y una linea por separado. Es decir, en el Fotograma 1, la linea esta en la posición X, y en el 2, la linea está en la posición X+1, mientras que el circulo se mantiene estático.
Veremos que el escenario de dibujo se vacía, eso es porqué el fotograma que acabamos de insertar está vacío. Pero si vamos al fotograma anterior, veremos que lo que dibujamos sigue ahí. Como queremos que el segundo fotograma sea parecido al primero, copiamos el contenido del primero al segundo.
Gráfico Dinámico Gif De Ratones Encantadores Disparando Petardos Png , Año De La Rata, Año Nuevo, Año Nuevo Chino Png Y Psd Para Descargar Gratis
Por defecto, si en el panel optimizar tenemos marcada la opción Gif Animado, la animación se repetirá indefinidamente. Si no es así, en el panel Fotogramas, en la parte inferior izquierda, lo podemos indicar:
Como podemos observar, la animación se sucede demasiado deprisa, y parece que el gif padezca hiperactividad por exceso de estimulantes. Eso lo podemos arreglar determinando el tiempo que queremos que se muestre cada frame.
Lo conseguiremos haciendo doble clic en un frame. Nos pedirá que introduzcamos un valor de tiempo en centésimas de segundos (100cs =1s) durante el cual será mostrado el fotograma en cuestión:
New Year Fireworks Background Gráfico Por Purmoon · Creative Fabrica
Como podemos ver, los bordes son demasiado grandes para lo que realmente ocupa la imagen. Usando la herramienta de recortar, podemos ajustar el escenario al tamaño deseado:
Hay que tener en cuenta que al recortar la imagen, estamos recortando en TODOS los fotogramas, por lo que si en algún fotograma, alguna imagen queda fuera, la cortará también. Para poder ver todos los fotogramas a la vez, y evitar estas situaciones, en el panel Fotogramas, en la parte inferior izquierda, hacemos clic en el menú papel cebolla y seleccionamos Mostrar todos los fotogramas:
De esta forma podemos recortar viendo los elementos que quedan mas afuera sin temor a cortarlos. Una vez recortado, deshabitar de nuevo.
Fuegos Artificiales Para Celebrar El Año Nuevo Y Gif Animado
Nota: En este punto, es recomendable guardar una copia del archivo en formato png para ediciones posteriores, ya que al exportarlo a gif, se rasteriza todo.
Ahora hay que exportarlo: Nos aseguramos que en Optimización esta marcado como gif Animado (menú desplegable). Podemos añadirle transparencia alpha si queremos que su fondo sea transparente (evidentemente, en el escenario (panel propiedades), debemos decir que no debe haber fondo) en estos casos.
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Crea Tu Propio Gif Con Efecto Fireworks
Como podemos ver, los bordes son demasiado grandes para lo que realmente ocupa la imagen. Usando la herramienta de recortar, podemos ajustar el escenario al tamaño deseado:
Hay que tener en cuenta que al recortar la imagen, estamos recortando en TODOS los fotogramas, por lo que si en algún fotograma, alguna imagen queda fuera, la cortará también. Para poder ver todos los fotogramas a la vez, y evitar estas situaciones, en el panel Fotogramas, en la parte inferior izquierda, hacemos clic en el menú papel cebolla y seleccionamos Mostrar todos los fotogramas:
De esta forma podemos recortar viendo los elementos que quedan mas afuera sin temor a cortarlos. Una vez recortado, deshabitar de nuevo.
Fuegos Artificiales Para Celebrar El Año Nuevo Y Gif Animado
Nota: En este punto, es recomendable guardar una copia del archivo en formato png para ediciones posteriores, ya que al exportarlo a gif, se rasteriza todo.
Ahora hay que exportarlo: Nos aseguramos que en Optimización esta marcado como gif Animado (menú desplegable). Podemos añadirle transparencia alpha si queremos que su fondo sea transparente (evidentemente, en el escenario (panel propiedades), debemos decir que no debe haber fondo) en estos casos.
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Post a Comment for "Fireworks Crear Gif Animado"