En este tutorial, aprenderá a usar Fireworks CS6 para crear un GIF animado de un pavo con plumas de la cola que cambian de color. Para empezar, deberás crear una ilustración y duplicarla. Luego, hará cambios en una ilustración, los convertirá en símbolos, creará un segundo estado y obtendrá una vista previa de la animación. Finalmente, cambiará el tiempo de duración de ambos estados, guardará el archivo como un GIF animado y lo verá en su navegador.
Pavo GIF animado en fuegos artificiales
Aunque Fireworks CS6 se utiliza en este tutorial, debería poder seguir adelante con cualquier versión reciente de Fireworks o incluso de Photoshop.
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á las aplicaciones, puede asumir que es solo cuestión de tiempo antes de que la aplicación desaparezca.
02 de 20Crear un nuevo documento
Primero, creará un nuevo documento seleccionando Archivo> Nuevo. Haga el ancho y la altura 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> Guardarnombre el archivo pavo con una extensión png, elija dónde desea guardarlo y clic en Guardar.
03 de 20Dibuja un circulo
En el panel Herramientas, haga clic en el cuadro de color Trazo y elija negro, luego en el cuadro Color de relleno y elija una muestra marrón o escriba 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. (El uso del cambio asegura que el círculo será perfectamente redondo).
04 de 20Dibujar otro circulo
De nuevo, 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.
05 de 20Dibuja un rectángulo redondeado
Con la herramienta Rectángulo redondeado, dibuja un rectángulo. Con la herramienta Puntero, muévelo a su lugar. Desea que esté centrado y se superponga ligeramente en la parte inferior del círculo pequeño.
06 de 20Combinar caminos
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. Entonces escoge Modificar, Combinar Caminos> Unión.
07 de 20Cambiar el color
En el panel Herramientas, haga clic en el cuadro de Relleno y elija una muestra de crema, o escriba # FFCC99 en el campo de valor Hex, luego presione regresar.
08 de 20Hacer los ojos
Podría dibujar dos círculos pequeños para hacer los ojos, pero en su lugar, use 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 Alt u Opción mientras presiona la tecla que tiene el número 8, lo que generará una bala. Luego, presiona la barra espaciadora antes de hacer otra bala.
09 de 20Hacer 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 Hex. 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 los puntos y los lados sean 3 y el radio 180 grados. Para hacer el triángulo más pequeño, escriba 20 en el campo de valor Radio exterior. El número para esto depende del tamaño del triángulo, para empezar. Luego presione regresar.
Con la herramienta Puntero, haga clic en el triángulo y arrástrelo hasta donde crea que debería quedar para el pico.
10 de 20Hacer la redecilla
La cosa roja que cuelga del pico de un pavo se llama Snood. Para hacer uno, usarás 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 Hex, luego presione regresar.
Con la herramienta Pluma, haga clic para crear puntos que forman 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 se parece a la trama de un pavo.
11 de 20Hacer las piernas
Puede configurar el color de relleno en el mismo color 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 forman una forma que se parece a la pata de un pavo. Con la forma seleccionada, elija Editar> Duplicar. Entonces escoge Modificar> Transformar> Girar horizontal. Con la herramienta Puntero, coloque las piernas donde se vean mejor.
12 de 20Reducir el tamaño
Escoger Seleccione> Seleccionar todo.Luego haga clic en la herramienta Escala en el panel Herramientas. Aparecerá un cuadro delimitador con controles que se pueden mover hacia adentro o hacia afuera. Haga clic en un tirador de esquina y muévalo hacia adentro, haciendo que todo sea más pequeño, luego presione regresar.
Con todas sus formas aún seleccionadas, use la herramienta Puntero para mover el pavo a su lugar. Lo quieres centrado bajo en el lienzo.
13 de 20Hacer las plumas de cola
Con la herramienta Elipse, haga clic y arrastre para formar un óvalo largo. Entonces escoge Editar> Duplicar. Duplicarás el óvalo una y otra vez hasta que tengas un total de cinco óvalos.
14 de 20Cambiar el color
Con uno de los óvalos seleccionados, haga clic en el cuadro Relleno y elija un color diferente. Haz esto con tres óvalos más, eligiendo un color diferente para cada uno.
15 de 20Mover ovalos
Con la herramienta Puntero, haga clic y arrastre sobre los cinco óvalos para seleccionarlos todos. Entonces escoge Modificar> Organizar> Enviar a Atrás. Esto hará que las plumas de la cola caigan detrás del pavo cuando las muevas a 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 que se sienten uno junto al otro y parcialmente detrás del pavo.
El uso de guías inteligentes puede ayudar a posicionar uniformemente los óvalos que están opuestos entre sí. Si no ve las guías inteligentes en el trabajo, elija Ver> Guías inteligentes> Mostrar guías inteligentes.
16 de 20Rotar los óvalos
Querrás rotar los óvalos y reposicionarlos. Para ello, seleccione uno y elija Modificar> Transformar> Transformación libre. Luego haga clic y arrastre el cursor justo fuera del cuadro delimitador para rotar ligeramente el óvalo. Con la herramienta Puntero, coloque el óvalo en el lugar donde crea que se ve mejor.
Gire los óvalos restantes de la misma manera y colóquelos en su lugar; Distribuyéndolos uniformemente.
17 de 20Guardar y Guardar como
Mirando tu imagen, verás que el pavo está demasiado bajo en el lienzo, así que elige Seleccionar> Seleccionar todo, luego use la herramienta Puntero para colocar el pavo en el centro del lienzo. Cuando estés contento con su aspecto, elige Archivo> Guardar.
A continuación, haga clic en una pluma de la 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. Renombra el archivo, turkey2 con una extensión png, y haga clic en Guardar.
18 de 20Convertir a símbolo
Escoger Archivo> Abrir, navega a tu archivo turkey.png y haz clic en Abrir. Haga clic en la pestaña turkey.png en la parte superior y elija Seleccionar> Seleccionar todo. Entonces elegirás Modificar> Convertir> Convertir a símbolo. Asígnele el nombre del símbolo 1, elija Gráfico para el tipo, luego haga clic en Aceptar.
Haga clic en la pestaña turkey2.png y haga lo mismo, solo le dará un nombre a este símbolo 2.
19 de 20Crear un nuevo estado
Haga clic de nuevo en la pestaña turkey.png. Si su panel de Estados no es 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 haces clic en el segundo estado, verás que está vacío. Para agregar un símbolo a este estado vacío, elija Archivo> Importar> navegar a su archivo turkey2.png, haga clic en Abrir, 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 hagas clic entre el primer y el segundo estado, verás 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.
20 de 20Guardar GIF animado
Finalmente, elige Archivo> Guardar como, cambie el nombre del archivo, elija GIF animado (* .gif), luego haga clic en Guardar.
Para abrir y reproducir el GIF de animación en su navegador, inicie su navegador y elija Archivo> Abrir o Abrir archivo. Navegue hasta su archivo GIF animado guardado, selecciónelo, haga clic en Abrir y ¡disfrute de los frutos de su trabajo!
Actualizado por Tom Green
