Cómo crear gráficos animados?
Gráfico animado.
Si alguna vez
has visitado páginas de Internet empresariales, te habrás dado cuenta de
que muchas de ellas agregan gráficos animados relacionados con cosas
como las ventas corporativas, ganancias y satisfacción del cliente.
Si deseas crear algo como esto para tu sitio web, puedes utilizar
Photoshop para hacerlo. Este tutorial funciona para CS3 o versiones
posteriores.
-
1
John Foxx/Stockbyte/Getty Images
Abre Adobe Photoshop. Ve a "Archivo" y haz clic en "Nuevo". En el cuadro de diálogo que se abre, haz un cuadro del tamaño que desees para tu gráfico animado. Debido a que se va a ver a través de Internet, déjalo en resolución 72. -
2
Thinkstock/Comstock/Getty Images
Utiliza la herramienta de texto para agregar etiquetas, tales como las fechas y cantidades al lado y en la base del gráfico. A continuación "Combina" las capas de texto. -
3
Hemera Technologies/AbleStock.com/Getty Images
Cambia el "Primer plano" a color rojo. Ve a la barra de herramientas y haz clic en la herramienta de forma rectangular. Utiliza la herramienta para dibujar una barra de un gráfico de barras. Haz que sea casi la altura del lienzo y alinéala con la primera fecha. Cambia a color azul. Crea a la derecha otra barra del mismo tamaño en la segunda fecha. Sigue haciendo esto hasta que tengas una barra para cada fecha, cambiando el color cada vez. A continuación, arrastra el "Texto" de la capa en la parte superior. -
4
Hemera Technologies/Photos.com/Getty Images
Selecciona el icono "Ventana" y haz clic en "Animación". En la parte inferior aparecerá una línea de tiempo. Selecciona el primer fotograma. Mantén presionada la tecla Mayúscula y arrastra cada uno de las barras hasta el fondo. Haz clic en el pequeño icono "Duplicar". Esto hará una copia de la trama. -
5
Comstock/Comstock/Getty Images
Selecciona el segundo marco. Asegúrate de que esté en la capa de forma en primer lugar. Mantén presionada la tecla Mayúscula y arrastra la barra hacia arriba un cuarto. A continuación, haz clic en el icono "Técnicas de entrelazado". En el cuadro de diálogo que se abre, haz los "Marcos para añadir" 10. Haz clic en el fotograma 12. -
6
Photos.com/Photos.com/Getty Images
Haz clic en "Duplicar" de nuevo. Esta vez, arrastra la segunda barra un 50 por ciento. A continuación, haz clic en "Técnicas de entrelazado" de nuevo. Continúa de esta manera hasta que todas las barras se levanten. -
7
Hemera Technologies/AbleStock.com/Getty Images
Selecciona Archivo y haz clic en "Guardar para Web o dispositivos". Selecciona "GIF" de los tipos de archivo y haz clic en "Guardar". Pon nombre a tu archivo y haz clic en Guardar de nuevo.info graficos
