Cómo crear una pantalla de precargador de Adobe Flash: 9 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:45

Un precargador Flash atrae a los usuarios con su sitio web mientras aún se está cargando al mostrar una barra de carga de archivos que actualiza el progreso del sitio web. He aquí cómo hacer uno.

• Una computadora con acceso a Internet
• Adobe Flash CS4
• Un sitio web de Actionscript 3.0 existente

Paso 1: Paso 1: Abra sus archivos Flash

Inicie el programa Adobe Flash CS4 y abra los archivos de su sitio web Flash. Cambie el diseño del espacio de trabajo haciendo clic en el cuadro del menú desplegable en la parte superior izquierda de la barra de menú y seleccionando Diseñador.

Paso 2: Paso 2: Agregar fotogramas clave en blanco

En el panel de la línea de tiempo, seleccione todas las capas resaltando la capa superior, manteniendo presionada la tecla Mayús y resaltando la capa inferior. Haga clic y arrastre el primer fotograma de la capa superior un fotograma a la derecha, creando un fotograma en blanco al comienzo de cada capa.

Paso 3: Paso 3: Crea la barra de carga

Crea la barra de carga. Primero, resalte la capa inferior de la línea de tiempo y en el panel Herramientas, seleccione la herramienta Rectángulo. Luego, en Propiedades, cambie los colores del trazo y relleno del rectángulo, y el tamaño del trazo. Dibuja un rectángulo en el centro de tu página web. Asegúrese de que el rectángulo y el trazo no se mezclen con el fondo de la página web. SUGERENCIA Si no está seguro de lo que significa un icono en cualquiera de los paneles, mantenga el cursor del mouse sobre él para obtener una descripción.

Paso 4: Paso 4: Convierta el contorno de la barra de carga

Convierta el contorno de la barra de carga en un clip de película. Elija la herramienta de selección en el menú de herramientas y haga doble clic en el rectángulo para seleccionar todo el contorno. Presione F8 para abrir la ventana "Convertir en símbolo". Cambie el nombre a "contorno" y cambie el tipo a "Clip de película". Haga clic en Aceptar.

Paso 5: Paso 5: Convierta la barra de carga

Dar una descripción general del paso Haga clic en el centro del rectángulo y presione F8 para convertirlo también en un símbolo. Cambie el nombre a rectángulo y cambie el tipo a Clip de película. Para el registro, seleccione el cuadrado central en el extremo izquierdo. Luego, haga clic en Aceptar. Ahora vaya al panel Propiedades y cambie el nombre de la instancia a rectangle_clip.

Paso 6: Paso 6: Cree el texto de porcentaje

Seleccione el icono de texto de Herramientas. Ajuste los atributos de su texto en Propiedades y asegúrese de que la opción de la herramienta de texto esté configurada como texto dinámico. Dibuja un cuadro de texto en tu documento directamente debajo del rectángulo. Esto hará que el panel Propiedades muestre las propiedades del cuadro de texto. En estas nuevas propiedades, cambie el nombre de la instancia a text_clip.

Paso 7: Paso 7: Escriba los scripts de "detención" y "evento"

Asegurándose de que el primer fotograma de la capa inferior esté seleccionado en el panel Línea de tiempo, presione F9 para abrir el panel Acciones. En la primera línea, escriba un script de detención que impida que la página web se encienda. Presione Enter para pasar a la siguiente línea y agregue un script que asigne una función de evento a la página web. Llame a la función preload1. Pulsa Enter.

Paso 8: Paso 8: Escriba el script de "función"

Escriba la función preload1, que contiene dos variables: una que devuelve el total de bytes de la página web y otra que devuelve cuántos de esos bytes se han cargado. Luego, la función establece el tamaño de la barra de carga y el porcentaje de texto para representar cuántos bytes se han cargado. La última parte de la función le dice a Flash que vaya al segundo fotograma de la línea de tiempo y lo reproduzca una vez que se haya cargado todo el documento. SUGERENCIA Para obtener una vista previa del documento en acción, vaya a Control, Probar película en el menú superior.

Paso 9: Paso 9: publicar y cargar

Publique el sitio web yendo a Archivo, Configuración de publicación. Asegúrese de que las casillas SWF y HTML estén marcadas. Cambie el nombre de ambos archivos y seleccione una ubicación para guardar. Luego haga clic en publicar y cargue todos los archivos publicados en su servidor web. Para acceder a la página Flash, navegue hasta el archivo HTML en su servidor web.