Cómo crear un GIF animado en Fireworks

Tabla de contenido:

Cómo crear un GIF animado en Fireworks
Cómo crear un GIF animado en Fireworks
Anonim

Qué saber

  • Crea una ilustración y duplícala. Realice cambios en uno, convierta ambos en símbolos, cree un segundo estado. Vista previa de la animación.
  • Cambie el tiempo de duración de ambos estados, guarde el archivo como un-g.webp" />

En este tutorial, aprenderá a usar Fireworks CS6 para crear un-g.webp

Cómo hacer un-g.webp" />

Es importante tener en cuenta que Adobe ya no ofrece Fireworks CC como parte de Creative Cloud. Si está buscando Fireworks, puede encontrarlo en la sección Buscar aplicaciones adicionales de Creative Cloud. Cuando Adobe anuncia que ya no admitirá ni actualizará aplicaciones, puede suponer que es solo cuestión de tiempo antes de que la aplicación desaparezca.

    Crear un nuevo documento

    Primero, creará un nuevo documento eligiendo Archivo > Nuevo. Haga que el ancho y la altura sean de 400 x 400 píxeles y la resolución de 72 píxeles por pulgada. Elija blanco para el color del lienzo y haga clic en Aceptar.

    A continuación, elija Archivo > Guardar, nombre el archivo pavo con una extensión png, elija dónde desea guardarlo y haga clic en Guardar.

    Image
    Image

    Dibuja un círculo

    En el panel Herramientas, haga clic en el cuadro de color de Trazo y elija negro, luego en el cuadro de color de Relleno y elija una muestra marrón o escriba en el campo de valor de número hexadecimal, 8C4600.

    En el panel Propiedades, haga que el ancho del trazo sea de 2 píxeles. Luego elija la herramienta Elipse en el panel Herramientas, que se puede encontrar haciendo clic en la flecha pequeña al lado de la herramienta Rectángulo u otras herramientas de formas visibles. Mientras mantiene presionada la tecla Mayús, haga clic y arrastre para crear un círculo grande. (Usar el cambio asegura que el círculo será perfectamente redondo).

    Image
    Image

    Dibuja otro círculo

    Nuevamente, mantenga presionada la tecla Mayús mientras dibuja otro círculo, con la intención de que este círculo sea más pequeño que el anterior.

    Con la herramienta Puntero, haga clic y arrastre el círculo pequeño a su lugar. Desea que se superponga a la parte superior del círculo grande, como se muestra.

    Image
    Image

    Dibuja un rectángulo redondeado

    Con la herramienta Rectángulo redondeado, dibuja un rectángulo. Con la herramienta Puntero, muévalo a su lugar. Desea que esté centrado y superpuesto ligeramente a la parte inferior del círculo pequeño.

    Image
    Image

    Combinar rutas

    Mantenga presionada la tecla Mayús mientras hace clic en el círculo pequeño y luego en el rectángulo redondeado. Esto seleccionará ambas formas. Luego elija Modificar, combinar rutas > Unión.

    Image
    Image

    Cambiar color

    En el panel Herramientas, haga clic en el cuadro Relleno y elija una muestra de crema, o escriba FFCC99 en el campo de valor hexadecimal, luego presione Entrar.

    Image
    Image

    Haz los ojos

    Puedes dibujar dos círculos pequeños para hacer los ojos, pero en su lugar, usa la herramienta Tipo para esto. Haga clic en la herramienta Tipo en el panel Herramientas, luego en el lienzo. En el inspector de propiedades, elija Arial Regular para la fuente, haga el tamaño 72 y cambie el color a negro. Mantenga presionada la tecla "Imagen" u Opciones mientras presiona la tecla que contiene el número 8, que formará una viñeta. Luego, presiona la barra espaciadora antes de hacer otra viñeta. alt="

    Image
    Image

    Haz el pico

    En el panel Herramientas, haga clic en la herramienta Forma de polígono. En el panel Propiedades, elija una muestra naranja para el relleno o escriba FF9933 en el campo de valor hexadecimal. También en el panel Propiedades, haga que el trazo sea negro con un ancho de 1.

    A continuación, elija Ventana > Propiedades de forma automática Haga clic en la forma del polígono e indique que desea que tanto los puntos como los lados sean 3 y el radio 180 grados. Para reducir el tamaño del triángulo, escriba 20 en el campo de valor Radio exterior. El número para esto depende de qué tan grande era el triángulo, para empezar. Luego presione regresar.

    Con la herramienta Puntero, haz clic en el triángulo y arrástralo hasta donde creas que debería colocarse para el pico.

    Image
    Image

    Hacer la redecilla

    La cosa roja que cuelga del pico de un pavo se llama Snood. Para hacer uno, utilizará la herramienta Pluma.

    Después de seleccionar la herramienta Pluma en el panel Herramientas, haga clic en el cuadro Relleno y elija una muestra roja, o escriba FF0000 en el campo de valor hexadecimal, luego presione Entrar.

    Con la herramienta Pluma, haga clic para crear puntos que formen una ruta y, a veces, haga clic y arrastre para crear una ruta redondeada. Cuando el último punto se conecte con el primero, habrás formado una forma que parece la redecilla de un pavo.

    Image
    Image

    Haz las piernas

    Puede establecer el color de relleno en el mismo naranja que el pico haciendo clic en el cuadro Relleno y luego en el pico. Con la herramienta Pluma seleccionada, haga que el color del trazo sea negro y establezca el ancho del trazo en 2 en el panel Propiedades.

    A continuación, use la herramienta Pluma para crear puntos que formen una forma que se asemeje a la pata de un pavo. Con la forma seleccionada, elija Editar > Duplicar Luego elija Modificar > Transformar > Voltear horizontalmente Con la herramienta Puntero, coloque las patas donde mejor se vean.

    Image
    Image

    Reducir tamaño

    Elegir Seleccionar > Seleccionar todo. Luego haga clic en la herramienta Escala en el panel Herramientas. Aparecerá un cuadro delimitador con manijas que se pueden mover hacia adentro o hacia afuera. Haz clic en el tirador de una esquina y muévelo hacia adentro, haciendo que todo sea más pequeño, luego presiona enter.

    Con todas sus formas aún seleccionadas, use la herramienta Puntero para mover el pavo a su lugar. Lo quieres centrado en la parte baja del lienzo.

    Image
    Image

    Haz las plumas de la cola

    Con la herramienta Elipse, haga clic y arrastre para formar un óvalo largo. Luego elija Editar > Duplicar. Duplicarás el óvalo una y otra vez hasta que tengas un total de cinco óvalos.

    Image
    Image

    Cambiar el color

    Con uno de los óvalos seleccionado, haz clic en el cuadro Relleno y elige un color diferente. Haz esto con tres óvalos más, eligiendo un color diferente para cada uno.

    Image
    Image

    Mover óvalos

    Con la herramienta Puntero, haga clic y arrastre sobre los cinco óvalos para seleccionarlos todos. Luego elija Modificar > Organizar > Enviar al fondo. Esto hará que las plumas de la cola caigan detrás del pavo cuando las coloques en su lugar.

    Haga clic fuera de los óvalos para deseleccionarlos, luego haga clic en un óvalo a la vez y arrástrelos por separado hasta donde se colocarán uno al lado del otro y parcialmente detrás del pavo.

    Usar Smart Guides puede ayudar a colocar uniformemente los óvalos que están uno frente al otro. Si no ve las guías inteligentes en funcionamiento, elija Ver > Guías inteligentes > Mostrar guías inteligentes.

    Image
    Image

    Rotar óvalos

    Querrás rotar los óvalos y reposicionarlos. Para hacerlo, seleccione uno y elija Modificar > Transformar > Transformar libre Luego haga clic y arrastre el cursor justo fuera del cuadro delimitador para rotar ligeramente el óvalo. Con la herramienta Puntero, coloca el óvalo donde creas que se ve mejor.

    Rote los óvalos restantes de la misma manera y colóquelos en su lugar; distribuyéndolos uniformemente.

    Image
    Image

    Guardar y guardar como

    Mirando su imagen, verá que el pavo está demasiado bajo en el lienzo, así que elija Seleccione > Seleccione todo, luego use la herramienta Puntero para colocar el pavo en el centro del lienzo. Cuando esté satisfecho con su apariencia, elija Archivo > Guardar.

    A continuación, haga clic en una pluma de cola para seleccionarla, luego en el cuadro Relleno y elija un color diferente. Haga esto para cada pluma de la cola, luego elija Archivo > Guardar como. Cambie el nombre del archivo, turquía2 con una extensión-p.webp" />.

    Image
    Image

    Convertir a símbolo

    Seleccione Archivo > Abrir, vaya a su archivo turquía-p.webp" />Seleccionar > Seleccionar todo Luego elegirá Modificar > Convertir > Convertir en símbolo Nómbrelo símbolo 1, elija Gráfico para el Tipo, luego haga clic en Aceptar.

    Haz clic en la pestaña pavo2-p.webp

    Image
    Image

    Crear un nuevo estado

    Haga clic nuevamente en la pestaña pavo.png. Si su panel de Estados no está visible, puede elegir Ventana > Estados. En la parte inferior del panel Estados, haga clic en el botón Nuevos estados duplicados.

    Cuando haga clic en el primer estado para seleccionarlo, verá que contiene un símbolo. Cuando haga clic en el segundo estado, verá que está vacío. Para agregar un símbolo a este estado vacío, Elija Archivo > Importar > navegue a su archivo turquía2.png, haga clic en Abrir y luego en Abrir de nuevo. Luego haga clic en la esquina superior derecha del lienzo para colocar el archivo en la posición correcta. Ahora, cuando haga clic entre el primer y el segundo estado, verá que ambos contienen imágenes. También puede presionar el botón Reproducir/Detener en la parte inferior de la ventana para obtener una vista previa de la animación.

    Si no le gusta la velocidad de la animación, puede hacer doble clic en los números a la derecha de cada estado para realizar ajustes. Cuanto mayor sea el número, mayor será el tiempo de duración.

    Image
    Image

    Guardar-g.webp" />

    Finalmente, elija Archivo > Guardar como, cambie el nombre del archivo, elija-g.webp" />.

    Para abrir y reproducir el-g.webp

    Archivo > Abrir o Abrir archivo. Navegue hasta su archivo-g.webp" />

    Image
    Image

Recomendado: