¡Descarga Tutorial paso a paso para crear animaciones Flash en KoolMoves y más Apuntes en PDF de Tecnologías de la Información y la Comunicación solo en Docsity!
CECyT 6 COMPUTACIÓN BÁSICA II
Tutorial para Crear Animaciones Flash
A través del presente tutorial te iré enseñando paso a paso, la creación de una animación flash, así que ponte muy abusado ya que se requiere de mucha atención y cuidado para llevar a cabo cada una de las acciones involucradas. La creación de esta animación Flash, representará un Banner (una especie de anuncio publicitario que toda página Web posee), así como, añadiremos música (botón: Play y botón: Stop ). Paso 1. Preparar el software Koolmoves. Primero baja de Classroom el archivo comprimido “ KoolMoves.ZIP ”, ya que lo tengas en tu Laptop, deberá ser en el escritorio, descomprímelo, para ello dale clic derecho y elige la sub opción “ Explorador de Windows ” de la opción “ Abrir con ”, tal como se muestra en la siguiente imagen: Entonces Windows te mostrará la siguiente ventana:
CECyT 6 COMPUTACIÓN BÁSICA II Y finalmente, oprime el cuadro que contiene el texto: “ Extraer todo ”, el cual esta señalado!!!!!!, y listo, se ha descomprimido el archivo, tu carpeta debe de mostrarse como sigue: Ejecuta el archivo KoolMoves.exe , para ello solo da doble clic y listo. Paso 1. Creación de la animación Flash. Al ejecutar “ KoolMoves ” mostrará el siguiente ambiente: El área en blanco se trata del escenario, en el cual colocaremos una imagen ( logoIPN.jpg ) e insertaremos dos textos (1- INSTITUTO POLITÉCNICO NACIONAL , 2 – Prof. Carlos Montiel R .). Trata hasta donde sea posible darle más o menos las mismas dimensiones, ya que se tratara de crear un Banner (anuncio publicitario que la mayoría de las páginas Web que visitas diariamente lo poseen). Nota: en lugar que pongas mi nombre, por favor pon el tuyo , si lo olvidas tendrás menos puntos de evaluación. Para reducir o agrandar las dimensiones del escenario, bastará que coloques el puntero del mouse en las orillas del mismo, y en el momento en que la apariencia del mouse cambie (“dos puntas de flecha”) arrastra con clic sostenido el mouse y así podrás modificar las dimensiones del escenario. El ícono “ encuadrar la vista ” te permite mover todo el escenario y colocarlo donde tú lo desees.
CECyT 6 COMPUTACIÓN BÁSICA II Ahora procedemos al manejo del texto. Hacemos clic en la herramienta “ Add regular or dynamic text ” (Agregar texto regular o dinámico), cambiando la apariencia del apuntador del mouse, y enseguida hacemos clic en cualquier lugar del escenario, debiendo aparecer la ventana de “ Text and Font ” (Texto y Font), donde tecleamos: “Instituto Politécnico Nacional”, con tamaño de letra de 50 pixeles , tipo de letra “ Century Gothic ” y color Rojo: 48 , Verde: 0 y Azul: 0 , con la herramienta “ Fill with solid color, gradient, or image ” en la ventana “ Shape Fill ” y al final oprime la tecla “ OK ”: Ahora, le asociamos a este texto un efecto de animación, para ello elige la opción “ Motion Script… ” (Guion de movimiento) del Menú “ Effects ” (Efectos), y enseguida localiza el efecto “ Spiral in ” (Espiral en), y del menú de
CECyT 6 COMPUTACIÓN BÁSICA II arriba (panel derecho), cambia el valor de “ Speed ” por “ very slow ” y el de “ Loop ” por “ yes ”, y después oprime el botón “ OK ”, observa la siguiente imagen: Seguimos añadiendo texto, ahora tecleamos nuestro nombre, en mi caso es: “ prof. Carlos montiel rentería ”, con tamaño de letra de 20 pixeles , tipo de letra “ Century Gothic ” y color Rojo: 48 , Verde: 0 y Azul: 0 , con la herramienta “ Fill with solid color, gradient, or image ” en la ventana “ Shape Fill ” y al final oprime la tecla “ OK ”. Asimismo, le asociamos un efecto de animación, para ello elige la opción “ Motion Script… ” (Guion de movimiento) del Menú “ Effects ” (Efectos), y enseguida localiza el efecto “ Shapes ” (sombras), y del menú de arriba (panel derecho), cambia el valor de “ Speed ” por “ very slow ” y el de “ Loop ” por “ yes ”, y después oprime el botón “ OK ”, observa la siguiente imagen: Para continuar, ahora agregaremos dos botones preestablecidos, para ello escoge la opción: “ Insert from Animation Libraries ” (Insertar desde la Biblioteca de Animación) del menú: “ File ” (Archivo) y elige “ Buttons ” (Botones), enseguida en el panel de la izquierda selecciona “ Navigation 2 ” (Navegación 2) y finalmente elige el primer botón de la 2ª. Fila y haz clic en el botón “ Add ” (añadir) y repite estas acciones pero eligiendo el 3er botón de la 1ª. Fila de “ Odds & Ends 1 ” (retazos 1). A ambos botones colócalos en la parte inferior derecha del Banner:
CECyT 6 COMPUTACIÓN BÁSICA II Para terminar este paso #1 , solo basta exportar nuestro diseño en una Animación Flash y para ello elegimos la sub opción: “ As SWF (Flash Movie) ” (Como SWF, - película Flash) de la opción: “ Export/Publish Movie ” (Exportar/Publicar Película) del menú “ File ” (Archivo): Y hemos terminado, nos vemos en el próximo tutorial, saludos
