Crear una animación sencilla

Se puede animar cualquier elemento visual en Microsoft Expression Blend de la siguiente manera.

Para crear una animación sencilla

1. En Expression Blend, abra o cree un nuevo proyecto. Para obtener más información, vea Crear un nuevo documento o proyecto.

2. Presione F6 para cambiar al Área de trabajo de animación. (F6 cambiará entre el Área de trabajo de diseño y el Área de trabajo de animación. En el Área de trabajo de animación, el panel Interacción se encuentra bajo la mesa de trabajo). Cree los objetos que desee animar.

   Sugerencia:
   Objeto se refiere a un elemento en la mesa de trabajo de Expression Blend. Por ejemplo, cuando selecciona la herramienta Rectángulo  en el cuadro de herramientas y dibuja un rectángulo en la mesa de trabajo, está creando un objeto rectángulo. Para obtener más información acerca de los objetos y los controles, vea Trabajar con objetos y propiedades y Controles.

3. En Objetos y escala de tiempo, haga clic en el botón Nuevo.

   Aparece el cuadro de diálogo Crear recurso Storyboard.

4. En el campo Nombre de recurso (clave), escriba un nombre para la escala de tiempo y, a continuación, haga clic en Aceptar. Expression Blend entra en el modo de registro de escala de tiempo con el cabezal de reproducción de audio  en la marca de 0 segundos. Mientras esté en modo de registro, cualquier propiedad que se configure registrará automáticamente un fotograma clave en la escala de tiempo.

   Sugerencia:

   De manera predeterminada, cualquier guión gráfico nuevo creado en la raíz del documento hará que se agregue un desencadenador de evento en Desencadenadores para el evento Window.Loaded. Este desencadenador hace que el guión gráfico comience en cuanto se inicie la aplicación. Si desea crear alguna interactividad sencilla, puede seleccionar el desencadenador de eventos y, a continuación, modificarlo (en la mitad inferior del panel Desencadenadores) para especificar lo siguiente: When object .PreviewMouseDown is raised Donde object es el nombre de un objeto en la aplicación. (El objeto debe estar seleccionado para que aparezca en la mitad inferior del panel Desencadenadores al modificar el desencadenador). Esto hace que la escala de tiempo de animación comience al hacer clic en el objeto.

5. En Objetosy escala de tiempo, seleccione el objeto que desea animar.

6. Si desea que el objeto seleccionado se inicie con su aspecto y posición actuales, haga clic en el botón Registrar fotograma clave  para registrar el objeto en la marca de 0 segundos. Aparecerá un fotograma clave  en la escala de tiempo de la fila correspondiente al objeto seleccionado.

7. En Objetos y escala de tiempo, arrastre el cabezal de reproducción al momento en que debe finalizar la animación.

8. Si desea que el objeto se muestre al final de la animación con el mismo aspecto que al principio, haga clic en el botón Registrar fotograma clave.

9. Mueva el cabezal de reproducción a la posición de la escala de tiempo en la que desea que se produzca un cambio en una propiedad.

10. Cambie una propiedad del objeto seleccionado, como la posición, el color o el tamaño del objeto. Aparecerá automáticamente un fotograma clave en la escala de tiempo para registrar el cambio en la propiedad.

    Sugerencia:
    Puede ver los fotogramas clave de cada propiedad si expande el nodo del objeto. Esto es útil si desea mover un fotograma clave de una propiedad concreta en lugar de aplicarlo a todo el objeto.

11. Para ver la animación que acaba de crear, haga clic en el botón Reproducir en la parte superior de Objetos y escala de tiempo.

    Sugerencia:
    Para salir del modo de registro de escala de tiempo, haga clic en el botón Cerrar guión gráfico  para volver al estado inicial de todos los objetos en el ámbito actual.

Vea también

Conceptos

Probar un guión gráfico

Controlar cuándo se ejecuta un guión gráfico

Inténtelo: reproducir con comportamientos de transición y sin transición