Efecto Marquesina En Macromedia Flash
Muestra del tutorial terminado:
1.- Creamos un documento con las medidas de 600 px de ancho y 50 px de alto.
2.- Crearemos 4 capas con los nombre de: Rectangulo, Texto, Mascara, Degrados. con el respectivo orden como ves en la imagen en la parte de abajo
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIYqk1avkdR8QOEYejiSOPlLGMg03sQbmzQ0ELUksqOX7l8sRb2EyhJHVBIyNCH5d6DBnQTNsCZ-SnI2bf78mSMBYLFIQ9p-0j2pJ0KOFgIUgklNqXNA16cbXO7T90ThJNyTVUtYj9Gzyg/s320/capas.jpg)
3.- Seleccionamos la capa Rectangulo y dibujamos un rectángulo con una medida aproximada de 590 de ancho y 35 de alto de color azul o celeste o el color que desees.
4.- Seleccionamos la capa Texto en el cual escribiremos un texto en este caso de ejemplo escribiré "Bienvenidos a mi Pagina Web WWW.ROBNEY.COM.PE" con un tamaño de fuente de 20.
5.- Selecciono el texto con el puntero de selección y hago una copia del texto y lo coloco al costado del texto copiado.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiydfg7HODb_zGKdQdBrSarVbor-lPyG7DE56SQ5IuJGU4pQce7YoQZjmsl_FFU8onucvChz6T63nSjh4hlK_ZEc4etTzfoMD2gBL_qcnaMMa6yiimrLCUt6XM6j2ojzFYd2QsgOw0UiXIg/s320/rob-selec.jpg)
6.- Seleccionamos los dos texto y lo convertimos en clip de película presionando F8 al cual le colocaremos el nombre de texto
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ9bOgjk2GMRKcvnVkVWSjtUbmAnYcz4eP2RANTWZa9sG3sKYAPVCIxGZ5jW-AyyzJRuYBd34ZcQGdL4Gml_jcKsjefgjJLcfipOkTluRwweq_1wNdS2GpfT7pCBGxw3-qGY-L3wlfOuMX/s320/conver-clip.jpg)
7.- Seleccionamos la capa Texto para luego inserta un fotograma clave en fotograma 60
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis5YOcwPCKUk6YZzkfSaLKqoZbo7Y9NadEgEFwUBfW9pyTgpYQowbDDr4rkoyoqnZSp8L5qS88UyAHvIBT51zNlXZV7c4tyWr4guhtDq2zqjMSVcsxdGYeM11VsWayMYl5A3fF3U09Fhi5/s320/clave-fotograma.jpg)
8.- Seleccionamos la capa Rectangulo para luego insertar un fotograma en el fotograma numero 60.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB-euwOLkocvMYGXZId5TEDQTpzu5939wFM7xsH1XIEUjDIkRS91LXSFSLW33qj-5Qk46abBuyqSwjNS4QzDPL9T5KMdkZF0rxQtJW4xFoMFCo_TwWz-YpKCFgz1VHiOr8pD-jhv6Nr8Yu/s320/inser-fotograma.jpg)
9.- Seleccionamos la capa Texto nuevamente y hacemos click en el fotograma 60 y movemos el clip de película hacia el lado derecho hasta que se note vacio el rectángulo.
10.- En la misma capa de Texto le damos click en el fotograma 30 o cualquier otro fotograma pero de la capa Texto presionamos click derecho y luego Crear Interpolación de Movimiento.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpvhP7SfiEpZ9SH_YsEHFyKMyqUB3k8gXFQkIk6hyphenhyphenv6Ww73NURcMzZzgfK9Y4QXdeiClbhPKocTTLS0s3x21ZisjksLANIzlJh3pUkdJm4Q6kFhLbH0x8dl-LEkz5-rXx99hxI0wVTRSDQ/s320/crear-interpolacion.jpg)
10.- Seleccionamos la capa rectángulo y le damos click en el primer fotograma click derecho Copiar fotograma y pegar en el primer fotograma de la capa Mascara
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiltBk6ypBOlgIGKtTPfiojqYd6asDHeX5Ru5y0L29uZwZHtDvIVLcXlFCc55SFN4pTwh1dfZLadqATLKtoEme51LUA7Q6GpD4SLdI5wpIQyH0culzW9edaXFG0qTV-sXgZ_GumnCF6d1jr/s320/copiar-foto.jpg)
11.- Pasamos a igualar los fotogramas Seleccionamos la capa Mascara y le damos click derecho sobre el fotograma 60 para luego "Insertar un fotograma", lo mismo hacemos con la capa "Degrados".
12.- Seleccionamos la capa Mascara para luego hacer click derecho sobre la capa seleccionando la opcion "Mascara".
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE3S7hCuiyNfBFe4_49hXBrEPKs-njqWMYirs5fhF5dS7ttOudAF-28VGKVb65h3DQ3af_3Kknv4inKj_5gTOX9CkElh9B_AbQk0nKtn0vKQEYhyHgXlgEYo-TFuielxVK8yaShTDj5Vlh/s320/mascara.jpg)
13.- Ahora aplicaremos un poco mas de detalles seleccionamos la capa Degrados y dibujamos un rectangulo pequeños con unas medidas aproximadas de 25 de ancho y un alto de 50 de color blanco para luego colocarlo a un extremo del rectangulo.
14.- Aplicar un degrado al rectangulo dibujo nos diriguimos al panel de colores - mescladores de colores - y le demos en degrado asi como en la imagen de abajo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiky1RZwKc1vSQnfKwIM6YrG5OLNE-h_SNEwK34QTc8pAtIc-OhgFyx0Olh76gDI1ZVGpjFx9oP1lQ1R8hW24Am1ryK484-qwjgwg3091_G4Q7ngjLLCPpqQ_lQYuHb2hoXnaPcrjXuQbOc/s320/opcion-degrado.jpg)
14.- Cambiar el degrado de blanco a negro por degrado de blanco a blanco con la direncia del blanco de la derecho poner ah alfa 0%
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB7DSM0WDuexzbd_gtUjp4BVt_dy0vy1f02lmLZhkmaM5VK7OvopszjHpFtxTt71OatUKsbmgKYQo0EFAGxu1pX5b4EQDdaxJ7UjnkRtyVLJXmE9Ab3fP_kPjpHYW8bWOMDzQxau1javLd/s320/0alfa.jpg)
15.- Hacemos una copia del rectangulo degradado y lo pegamos al otro extremo del Rectangulo Obiamente cambiando el degrado alfa hacia el lado izquierdo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6cd37otIbrPfVZ1fg7Z93y-1C1YBSQ2j2P9tmuhQE-C4R2g4HAV82SxxjC8egRfDOL8U9oR2ZxoCANhBBIBdYa45QS68YPsP7kOe-0npUtwA3YpNPXr6RT4m7MaVhYCbf_QUVhPXe3N4e/s320/fin-degra.jpg)
y listo asi de sencillo.
VER VIDEO
Descarga el archivo FLA Aqui
Hola amigo me gusta este tutorial pero yo quiero un gran pedido porfavor de verdad quiero que expliques como aser emcabezados de flash como el que antes tenias que tenia efectos de luz bueno la verdad la mayoria de las paginas q visito tienen esos efectos cual o como se ase porfavor espero que leas mi peticion
ResponderEliminaroye amigo esta super chido todo lo q sabes sobre animasiones flash y todo yo quiero especializarme en eso tambn visita mi web y si puedes ayudarme en algo te lo agradeceria como como crear una plantilla para mi web flash como la tuya vez mi web es webmasterfire.es.tl y si me podrias enseñar a aser animaciones en 3d falsh ok te espero en mi web mi edad 14 años ok adios cuidate salu2
ResponderEliminar