Como hacer un embed de un video
Posteado el 17. Dec, 2010 por tuto in Swishmax
Aqui les dejamos como hicieron los de la pagina oficial de Alejandra Guzman para hacer un embed del video y un brillo
PASO 1
Creamos un nuevo documento de Swishmax en blanco (Blank Movie).
PASO 2
Vamos a la ventana Properties – Botón Movie Properties y en la ventana colocamos los valores que se ven en la imagen.
PASO 3
Ahora vamos a adobe Photosho y creamos un nuevo documento de 990 x 560 píxeles.
PASO 4
En photoshop vamos a diseñar nuestra portada en este caso diseñamos la portada de la pagina web objetivolaguzman.com, en nuestro diseño dejamos el espacio para colocar un vídeo que Lugo colocaremos en Swishmax.
PASO 5
Con el comando Ctrl + Alt + Shift + S salvamos una imagen de nuestro diseño.
PASO 6
Ahora vamos a arrastrar a nuestro documento de Swishmax la imagen que nos servirá de fondo.
PASO 7
Ahora con la herramienta pen Tool vamos a dibujar todo el contorno de nuestro logo.
PASO 8
Vamos a la ventana Outline y agrupamos en un Movie Clip la forma del logo.
PASO 9
En la ventana Properties le colocamos el nombre de logo y marcamos la opción Use bottom object as mask.
PASO 10
Dentro de nuestro Movie Clip vamos a crear un rectángulo que sea más grande que nuestro logo, con un color de relleno gradiente.
PASO 11
Modificamos el gradiente y le aplicamos solamente colores blanco pero el primero con una opacidad 0 el segundo una opacidad de 50% y el ultimo con una opacidad 0.
PASO 12
Ahora con la herramienta Transform tool vamos a girar nuestro rectángulo y lo movemos sobre el logo.
PASO 13
Vamos a nuestra Timeline y al rectángulo le agregamos un movimiento de 50 frames y lo movemos hacia abajo en forma diagonal como se ve en la imagen.
PASO 14
Listo ya tenemos el efecto del brillo en el logo, ahora vamos a agregar el video, contraemos nuestro Movie Clip y vamos al menú Insert – External Media.
PASO 15
Veremos que nos insertará un cuadrado con líneas diagonales en donde llamara a nuestro video, solo falta acomodarlo al espacio que dejamos para este fin.
PASO 16
Una vez que ya acomodamos donde llamara a nuestro video vamos a la ventana Properties y en la opción Extrenal filename or URL vamos a colocar la dirección ULR de nuestro video flv.
PASO 17
Ahora vamos a exportar nuestra película, presionamos el comando Ctrl + E y seleccionamos la carpeta en la cual la vamos a guardar y le colocamos el nombre de pagina.swf.
PASO 18
Una vez exportada nuestra película, vamos a abrir Adobe Dreanweaver y creamos un documento nuevo HTML en blanco.
PASO 19
Debajo de la etiqueta
PASO 20
Ahora dentro de las etiquetas
PASO 21
Presionamos el comando Ctrl + S para guardar nuestro documento html dentro de la misma carpeta que guardamos el swf y le colocamos el nombre de pagina.html.
PASO 22
Por ultimo dentro de la carpeta donde guardamos nuestro html y nuestro swf vamos a copiar el archivo js que adjunto.
PASO 23
Listo ya tenemos nuestro tutorial terminado.
Descarga el editable
Descarga el psd