Sei sulla pagina 1di 7

TUTORIAL RAPIDO EDGE ANIMATION

CREACION DE UN DOCUMENTOS NUEVO


1. CLIC EN EL MENU ARCHIVO>NUEVO
2. VEA A EL LADO IZQUIERDO LAS PROPIEDADES DEL DOCUMENTO
CREADO.

3.
Para Importar imgenes o botones, etc. Utilic la opcin
ARCHIVO>IMPORTAR
ESTA OPCION IMPORTAR SIRVE PARA COPIAR O TRAER ARCHIVOS DE
TIPO IMAGEN, VIDEO, SONIDOS, Y ARCHIVOS DE FORMATO SVG DE
CORELDRAW O ILLUSTRATOR.
Para crear una animacin de movimiento x/Y
Importe la imagen deseada, luego presione un clic derecho sobre la figura.
Busque la opcin aadir fotograma clave > elija la opcin > Movimiento X/Y

En la lnea de tiempo mueva el deslizador a un tiempo de 0:02 Ahora


mueva la figura del escenario o tambin llamado Stage a otra posicin.
Ahora presione Ctrl + Enter para ver su animacin dentro del navegador.

ROTAR O GIRAR FIGURAS


1. DEBERA SELECCIONAR EL OBJETO AL CUAL SE DARA EL GIRO (Z)
2. PRESIONE ANTICLIC AADIR FOTOGRAMA CLAVE > ROTAR (Z)
3. EN LA LINEA DE TIEMPO MOVER EL DESLIZADOR DE LA ANIMACION A LA
POSICION 0:02
4. AHORA CON LA HERRAMIENTA TRANSFORMAR DE LA BARRA SUPERIOR
5.
6. GIRAR EL OBJETO EN 360 GRADOS
7. PRESIONE CTRL + ENTER Y VEALO EN EL NAVEGADOR
TEXTOS
CAMBIAR TIPO DE FUENTE, TAMAO Y ALGUNAS PROPIEDADES DEL
TEXTO
1. CLIC EN LA HERRAMIENTA TEXTO UBICADO EN LA PARTE SUPERIOR.

2. CLIC EN EL ESCENARIO.
3. CLIC Y ESCRIBA EL TEXTO.
4. UTILIZE LA PRIMERA HERRAMIENTA SELECCIN PARA VER SUS
PROPIEDADES EN EL PANEL IZQUIERDO DE SU PANTALLA.

5.

COLOR DE FONDO DEGRADADO


1. DIBUJE UN RECTANGULO
2. PRESIONE UN ANTICLIC SOBRE EL RECTANGULO
3. ELIJA LA OPCION AADIR FOTOGRAMA CLAVE > DEGRADADO
4. AHORA VEA EN LA LINE ADE TIEMPO LA OPCION DEGRADADO Y DELE
CLIC PARA MODIFICARLO.

OPACIDAD O TRANSPARENCIA
1. DIBUJE UN OBJETO O SELECCIONE UNA IMAGEN
2. AHORA PRESIONE ANTICLIC AADIR FOTOGRAMA CLAVE > OPACIDAD
3. EN LINEA DE TIEMPO VEA LA OPCION OPACIDAD

4.
5. MODIFIQUE SU VALOR A 50% Y VE COMO SU IMAGEN SE VA
DESAPARECIENDO
RUTAS DE MOVIMIENTO
ESTA OPCION LES PERMITE CAMBIAR Y SUAVISAR LAS ANIMACIONES
MOSTRANDO EN EL ESCENARIO SU LINEA GUIA DE ANIMACION
EJEMPLO.
DIBUJE UN CIRCULO
EN EL PANEL PROPIEDADES ACTIVE LA OPCION RUTAS DE MOVIMIENTO

PRESIONE ANTICLI AADIR FOTOGRAMA CLAVE RUTAS MOV.


AHORA MOVER EL DESLIZADOR A LA POSICION 0:01 Y LUEGO MOVER EL
OBJETO A OTRA POSICION
MUEVA EL DESLIZADOR NUEVAMENTE A LA POSICION 0:02 Y MUEVA EL
OBJETO A OTRO LUGAR
AHORA PARA SUAVIZAR LAS LINEAS GUIA QUE APARECIERON
NECESITARA PRESIONAR LA TECLA ALT MIENTRAS SE ARRASTRA UN
PUNTO DE LA LINEA GUIA DE MOVIMIENTO.

IMPORTAR VIDEOS
1. IR AL MENU ARCHIVO > IMPORTAR
2. BUSQUE UN VIDEO
3. UNA VEZ INSERTADO DENTRO DE SU ESCENARIO
4. MODIFIQUE SU TAMAO
5. EN EL PANEL PROPIEDADES DEL VIDEO, PONGA REPRODUCIR
AUTOMATICAMENTE.
6. PRESIONE CTRL + ENTER Y VEALO EN EL NAVEGADOR
PRESIONE UN ANTICLIC SOBRE EL VIDEO REPRODUCIDO EN EL NAVEGADOR Y
HABILITE LA OPCION MOSTRAR CONTROLES.
CREACION DE SIMBOLOS

DIBUJE UN OBJETO
PRESIONE ANTICLIC CONVERTIR EN SIMBOLO
ESCRIBA EL NOMBRE DE SIMBOLO
INSERTAR ACCIONES O CODIGO A UN SIMBOLO
1. SELECCIONE EL OBJETO
2. PRESIONE ANTICLIC ABRIR ACCIONES PARA SIMBOLO1
3. EN LA VENTANA LE PREGUNTARA QUE ACCION DESEA ACTIVAR, POR
EJEMPLO, CLICK ES CUANDO PRESIONAMOS SOBRE EL SIMBOLO
4. MOUSEOVER ES CUANDO PONEMOS EL MOUSE SOBRE EL SIMBOLO
5. MOUSEOUT ES CUANDO SACAMOS EL CURSOR DEL MOUSE AFUERA DEL
SIMBOLO

UNA VEZ ELEGIDO ESCOJA QUE TIPOO DE CODIGO QUIERE QUE SE AGREGUE
UNA ACCION PUEDE SER REPRODUCIR, ESCOJA LA OPCION REPRODUCIR, Y
ELIJA CON DOBLE CLIC LA ACCION STAGE
VERA EL SIGUIENTE CODIGO.

SI DESEA AADIR MAS CODIGO PRESIONE EN EL BOTON + UBICADO EN LA


PARTE SUPERIOR DE SU PANEL ACCIONES.
AGREGAR HIPERVINCULO

DIBUJE UN BOTON
ANTICLIC CONVERTIR A SIMBOLO
PRESIONE UN ANTICLIC SOBRE EL BOTON ABRIR ACCIONES PARA BOTON
ELIJA LA OPCION CLIC
LUEGO ELIJA LA OPCION VINCULO, VINCULO EN LA MISMA VENTANA

MASCARA
1. IMPORTE UNA IMAGEN
2. DIBUJE UN RECTANGULO
3. EN EL PANEL ELEMENTOS
4. MUEVA EL ELEMENTO DE IMAGEN SOBRE EL ELEMENTO RECTANGULO
5. EN EL PANEL PROPIEDADES DEL RECTANGULO, ELIJA LA OPCION VISIBLE
Y CAMBIE A HIDDEN.
6. PRESIONE CTRL + ENTER Y VEA SU EFECTO DE ANIMACION EN EL
NAVEGADOR.

Potrebbero piacerti anche