Compartir a través de


Crear una animación sencilla

Se puede animar cualquier elemento visual en Microsoft Expression Blend.

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 proyecto nuevo.

  2. Presione F6 para cambiar al área de trabajo Animación. Presione F6 para cambiar entre las áreas de trabajo disponibles. En el área de trabajo Animación, el panel Objetos y escala de tiempo se encuentra debajo de la mesa de trabajo. Cree los objetos que desee animar.

    tip noteSugerencia:

    Objeto se refiere a un elemento en la mesa de trabajo de Expression Blend. Por ejemplo, cuando selecciona Rectangle  Cc294948.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(es-es,Expression.40).png en el panel Herramientas y dibuja un rectángulo en la mesa de trabajo, está creando un objeto rectangle . Para obtener más información acerca de los objetos y los controles, vea Trabajar con objetos y propiedades y Elegir y usar controles interactivos.

  3. En el panel Objetos y escala de tiempo, haga clic en NuevoCc294948.86937695-03dd-44ea-aa30-28d4029b3ad0(es-es,Expression.40).png.

    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 cambia al modo de grabación de escala de tiempo con el cabezal de reproducción Cc294948.5626c9eb-40bb-450a-9ca1-3678e5abe429(es-es,Expression.40).png 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.

    tip noteSugerencia:

    De manera predeterminada, cualquier guión gráfico nuevo creado en la raíz del documento hará que se agregue un desencadenador de eventos en el panel 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 el panel Objetos y 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 Registrar fotograma clave Cc294948.e8ec61d4-c8e8-465a-85a7-70bf787a67de(es-es,Expression.40).png para registrar el objeto en la marca de 0 segundos. Aparecerá un fotograma clave Cc294948.fa3c696d-5463-4000-8a6b-650fe6759bf7(es-es,Expression.40).png en la escala de tiempo de la fila correspondiente al objeto seleccionado.

  7. En el panel 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.

    tip noteSugerencia:

    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.

    tip noteSugerencia:

    Para salir del modo de registro de escala de tiempo, haga clic en Cerrar guión gráfico Cc294948.4c066464-3a41-452d-b2e9-e95f6c5659ff(es-es,Expression.40).png para volver al estado inicial de todos los objetos en el ámbito actual.

Vea también

Tareas

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

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.