Crea un Separador Animado para Blog con Flash y Photoshop

Tutorial de Diseño de Elementos Web

Tutorial por Royking

Royking nos muestra en este tutorial como diseñar y animar un Separador para nuestros blogs usando photoshop o flash o ambos.

Bueno antes de nada bienvenidos a este tutorial de como hacer un separador para nuestro blog web o lo que queramos para ello vamos a empezar abriendo flash 8.

Creamos un documento y le damos unas medidas del cual va ser nuestro separador (podemos crear antes con photoshop un prototipo y animarlo con flash yo hice uno sencillo, así con photoshop podréis ponerle detalles etc ...) yo di estas medidas :)

Ahora lo que vamos a hacer es insertar lo que abreis hecho con photoshop o dibujarlo en flash yo voy a insertar esto ( nota : para que no se vea el fondo guardarlo en gif la imagen , eso si es de Photoshop y borrarle todo el fondo )

Para insertarla vamos a: archivo/importar/importar a escenario. [control + R ] y nos vamos a la barrita de escena y pulsamos en el 30 con el botón derecho y pulsamos insertar fotograma clave.

Creamos otra capa y dibujamos con o con y dibujamos 1 linea ( NOTA: PARA PONERLA MAS TRASPARENTE TENEIS K IROS A DONDE SALEN LOS COLORES PONE ARRIBA ALFA ESA ES LO K DETERMINA LA OPACIDAD DELA IMAGEN ) y os quedara algo así :

Y pulsamos sobre el fotograma 30 con el botón derecho del ratón le damos a insertar fotograma clave, y manualmente movemos lentamente pero sin soltarlo hasta donde queremos que valla lo dibujado ( INTENTARLO NO CUESTA TANTO JEJEJ )

Luego cuando hayamos hecho manualmente el recorrido de nuestra "rayita" pulsamos con el botón derexo en la mitad mas o menos y le damos a crear interpolación de imagen y pulsando: [control + intro] veréis el resultado os tiene que kedar algo así

SI QUEREMOS PONER MAS "RAYITAS" CREAMOS MAS CAPAS Y HACEMOS LOS ANTERIORES PASOS EJEJE.... PARA K LAS LINEAS VAYAN MAS RÁPIDAS SIMPLEMENTE TIENES QUE CREAR LOS FOTOGRAMAS CLAVES MAS PEQUEÑOS Y VICEVERSA.

Ya por último solo falta k pongamos el texto que iría en el medio creamos una nueva capa ponerla de 1º capa para k las lineas pasen por detrás suya y listo :)

Si todo a salido bien quedaría algo así:

Ppara guardarlo pulsar en: Archivo/exportar/imagen película

y ahí lo ponemos en gif o sino en archivo de película flash.

Gracias y espero que os haya servido de algo dejarme vuestros comentarios así os lo contestare lo que no entendáis. Saludos.

Royking