Textos rapidos Efecto
18:52 | 
Publicado por
CodeCodeFlash
Como hacer un efecto de textos rapidos en Flash
Pasos:
-Poner el fondo negro
-Crear una capa llamada BienveniNorma, Escribir un texto dentro de ella, Copia el Texto
-Crea una capa llamada BienveDesen que Desenfocaremos después,
-Crea una capa llama A Norma, escribe un A en ella, Copia la A
-Crea una capa llamada A Desen, Pega la A
-Crea una capa llamada Mi Norma, escribe Mi en ella, Copia el Mi
-Crea una capa llamada Mi Desen, pega el Mi
-Crea una capa llamada sitio, escribe Pagina en ella, Copia el texto sitio
-Crea una capa llamada Pagina Desen, pega el texto sitio
-Crea una capa llamada Web Norma, escribe Web dentro de ella, Copia la palabra Web
-Crea una capa llamada Web Desen, pega el texto Web
-Todos los textos deben de estar fuera del lienzo
-En la Capa BienveDesen significa Desenfocado.
-Hacemos clic en el texto, vamos a Filtros, añadimos filtro desenfocado
-Cuadramos lo valores hasta que no se note que hay escrito
-Debemos hacer esto a TODAS las capas que tengan Desen como nombre
-Creamos un Fotograma en el 170 en todas las capas
-Creamos fotograma Clave en fotograma 7 de la capa BienveDesen.
-Arrastramos el objeto desenfocado al Lienzo
-Creamos fotograma clave en fotograma 8 de la capa Bienve Norma
-Arrastramos objeto al lienzo sobre el desenfocado
-En la capa BienveDesen creamos un Fotograma Clave en blanco al lado del Fotograma Clave
-Esto hará que el desenfocado no se vea junto al texto normal
-Creamos Fotograma Clave en el Fotograma 15 de la capa A Desen
-Creamos Fotograma clave en el 20, arrastramos el objeto al lienzo
-Creamos fotograma clave en el 21, de la capa A Norma
-Arrastramos el objeto al lienzo sobre el desenfocado
-Creamos Fotograma Clave en blanco en la capa de A Desen al lado del Fotograma Clave
-Creamos Fotograma Clave en el 37 de la capa Mi Desen
-Crea Fotograma Clave en el 36, arrastra el Mi al lienzo
-Crea Fotograma Clave en el 37 de la capa Mi Norma, arrastra al Lienzo
-Crea Fotograma Clave Vació en 36 de la capa Mi Desen
-Crea Fotograma Clave en el 45 de la capa SitioDesen, Crea Fotograma Clave en 50
-Arrastra el texto Sitio al Lienzo
-Crea Fotograma Clave en el 57 de la capa Sitio Norma
-Arrastra el objeto sobre el Desenfocado
-Crea Fotograma Clave Vació en el 57 de la capa SitioDesen
-Crea Fotograma Clave en 64 de la capa WebDesen, Crea fotograma Clave en 90
-Arrastra el Objeto al Lienzo
-Crea Fotograma Clave en 65 de la capa WebNorma, Arrastra objeto
-Crea Fotograma Clave Vació en 71 de la capa Desen
-Ahora crea interpolación de movimiento en la Capa BienveNorma
-Clic derecho en fotograma 1, Clic en interpolación Clásica
-Hacemos lo mismo para todas las capas Desen
Al final quedaria algo asi, puedes agregarle cosas a tu gusto, aplicarlo a esferas cuadrado etc. Pero ahy que recordar que en caso de querer aplicarlo a un objeto tocaria convertir en "Clip de Pelicula" ya que el "Grafico" no deja añadir Filtros.
Ahora haz tu los textos Saliendo Suerte!
Etiquetas:
Mascaras 3
Como crear una Pre-carga con mascara estilo vertical.
Pasos:
-Arrastra la imagen de lo que desees
-Crea una capa nueva donde redibujaras el objeto o Mascara
-Crea una capa nueva donde ira la Con Mascara
-Con la herramienta pluma empieza a redibujar en este caso la botella
-Clic sostenido para hacer curvas, y clic para hacer un nuevo punto.
-Se debe cerrar la línea en el mismo punto en que se inició.
-Con la herramienta bote de pintura escoge un color y haz clic en lo que dibujaste.
-Quita los contornos seleccionando todo el objeto, y clic en Sin contorno.
-En la capa Liquido crea un cuadro, conviértelo a Símbolo “clip de película”
-Fotograma clave en el 80 o lo que desees.
-Y en el último agranda el cuadro hasta que cubre toda la figura.
-Crea una interpolación de movimiento. La capa de la botella ira de Primera
-Clic derecho en capa botella, clic en “mascara” o Propiedades, selecciona Mascara.
El texto es la “Mascara” ya que no queremos que se vea todo el cuadro.
Recuerda que “Mascara” recorta “Con Mascara”
-Cambiaremos el color del fondo al mismo color que la botella para que no se vea al inicio.
Ver mascara de Cargando Agua
Ver mascara Estilo Vertical
Mascaras 2
La siguiente animación es la mas comun al momento de hacer una Pre-Carga para una pagina web.
En este caso seran 2, Una en el cual los puntos se moveran, y otra en la que el texto Cargando se anime.
Pasos:
-Crea un texto, nombre esta capa Tex1
-Crea una nueva capa, Nombrala Cuadro
-Crea una nueva capa llamada puntos, y escribe puntos dentro de ella
-Crea “fotograma clave” en fotograma 40
-Crea un cuadro en la capa Cuadro
-Fijate que no toque ninguno de los textos, conviertelo a simbolo “Mascara”
-En el ultimo fotograma agranda el cuadro hasta que cubra solo los puntos.
-Crea una interpolación de Movimiento
-Clic derecho en capa Puntos, Mascara, o Clic en propiedades y selecicona Mascara
Puntos sera la “Mascara” para poder que recorte el cuadro que sera “Con Mascara”
Pasos:
-Crea un texto, nombre esta capa Cargando
-Crea una nueva capa, Nombrala Cuadro2
-Crea “fotograma clave” en fotograma 40
-Crea un cuadro en la capa Cuadro al lado izquierdo del texto
-Fijate que no toque el texto, conviertelo a simbolo “Clip de Pelicula”
-En el ultimo fotograma agranda el cuadro hasta que cubra solo los puntos.
-Has una Interpolacion de Movimiento
-Clic derecho en Capa Cargando, clic en Mascara, o Clic en propiedades y selecicona Mascara
Cargando sera la “Mascara” para poder que recorte el cuadro que sera “Con Mascara”
Prueba la pelicula Ctrl+enter
Ver Mascara de Cargando Agua
Ver Mascara Estilo Vertical
Mascaras
Las Mascaras sirven para ocultar objetos que se encuentren en el escenario u lienzo de Flash, y mostrarlos poco a poco.
En este caso crearemos un "cargando" que podemos ver en las paginas web.
Pasos:
-Crear un texto, nombrar la capa.
-Copiar el texto crear una nueva capa, nombrar la capa, clic derecho en el lienzo “Pegar in Situ” (esto hara que el texto se pegue en el sitio exacto de donde lo copiaste)
-Crear una capa en medio de la capas de texto, nómbrala “agua”
-Crea un cuadro y con el borrador puedes borrarle partes para que parezca olas.
-Crear una capa sobre la capa Agua
-Dibuja un pez en este caso
-Conviértelo en Símbolo “grafico”
-Ve a la capa Agua y Convertir a Símbolo “Grafico”
-Fíjate que el símbolo agua no este tocando el texto cargando
-Empezaremos con la animación creando fotogramas clave en el 140 para todas las capas.
-Creamos un fotograma clave en el 10 y subimos el símbolo agua
-Insertar fotograma clave en el 20, bajar el símbolo agua un poquito.
-En el 30 volvemos a subir y en el 40 bajar así sucesivamente creando los fotogramas cubriendo más el texto.
-Clic derecho en el fotograma 130, “Copiar Fotogramas”
-Selecciona el último fotograma, clic derecho “Pegar Fotogramas”
-Subir el símbolo hasta que cubra totalmente el texto.
-Seleccionar todo y crear interpolación de movimiento clásica.
Puedes bloquear las capas de texto para mover con más facilidad el pez
-El Símbolo Pez le animaremos para que parezca que nada.
-Creamos Fotogramas claves de 20 en 20 y movemos el pez.
-En el fotograma 81 cuando el pez sale, con la herramienta trasformar giramos al pez horizontalmente.
-Volvemos a mover el pez de regreso
-Seleccionamos la capa Pez, Creamos interpolación de Movimiento Clásica.
Ahora para crear la mascara
-Clic derecho en la capa de Texto que se encuentra de primera, clic en propiedades.
-Seleccionamos Mascara
-Clic derecho en capa Pez, Propiedades, Seleccionamos Con Máscara
-Clic derecho en capa Agua, Propiedades, Seleccionamos Con Máscara
La capa que tenga “Mascara” será la que se verá completa por lo tanto SIEMPRE debe estar arriba y Con mascara Abajo.
-Selecciona el texto, en propiedades escoge “Texto Estático” (se recomienda hacer este paso desde el momento que creas el texto)
-Para poder ver el texto de abajo tacha el ojo de la capa de texto primera.
-Selecciona el último texto, en propiedades escoge “Texto Estático”
-Probamos la animación con Ctrl+Enter.
-La capa que tenga “Mascara” será la que se verá completa.
-La o las capas que tengan "Con mascaras" seran recortadas por "Mascara"
-SIEMPRE debe estar arriba la capa que tenga "Mascara" y abajo las que tengan con mascara.
Iconos de Mascaras
Ver Mascara 2
Ver Mascara Estilo Vertical
Simbolos
Un Símbolo es un objeto que se guarda en la biblioteca con el objetivo de usarlo
más de una vez durante la película o asignarle código de programación.
Se pueden reutilizar cuantas veces se desee sin aumentar el peso final del archivo.
Los Símbolos se crean seleccionando el objeto a convertir y presionando la tecla F8 del teclado.
Los tipos de Símbolos que existen son: Clip de Película, Grafico, Botón.
Clip de película:
Se utiliza principalmente cuando el símbolo contiene animación. Tiene una línea
de tiempo se puede agregar capas y los fotogramas que necesitemos. Un Clip puede contener dentro de el más clips de película. La acción de un Clip de Película puede ser programada con código escrito en el lenguaje Action Script.
Botón:
Es un símbolo que reacciona al puntero del ratón Se utiliza para agregar interactividad en una película Flash. La acción de un Botón puede ser programada con código escrito en el lenguaje Action Script.
*Un botón, tiene una línea de tiempo especial de cuatro fotogramas, que muestra los cuatro estados de un botón:
-Reposo: Cuando el cursor no está sobre el botón.
-Sobre: Cuando el cursor esta Sobre el botón.
-Presionado: Cuando se hace clic en el botón.
-Zona Activa: es el área sensible del botón.
Gráfico:
Es un símbolo estático que comúnmente sólo requiere una capa y un fotograma. No puede ser programado con Action Script.
-Cuando se ha creado un símbolo se crea un marco Azul alrededor de el.
-En los símbolos Grafico y Botón no puede contener dentro de el más Símbolos.
-Para abrir la biblioteca presiona las teclas Ctrl+L.
-Cada vez que se crea un símbolo este se agrega a la biblioteca automáticamente, desde ahí se pueden arrastrar 1 o varios del mismo símbolo y no afectara el tamaño de la animación final.
-En caso de que tu animación este pesada ve a la biblioteca y elimina los símbolos que no te sirven.
-El pegar cualquier imagen en Flash este automáticamente lo guardara en la biblioteca.
-A los simbolos se les puede dar 2 nombres, uno al crearlo. y otro ombrado Instancia el cual se usa unicamente para programar en ActionScript, no puede contener espacios ni "ñ" o simbolos especiales.
CodeCode
Contenido ActionScript 2.0
Contenido Animación
Interpolacion de Movimiento
Guia de Movimiento
Simbolos
Mascaras
Efecto velociadad para texto
Interpolación de movimiento
Interpolación de movimiento
Permite desplazar un símbolo Flash de un lugar a otro del escenario.
Como toda animación debe de tener un fotograma Clave en el inicio y el Final.
1. Crear un símbolo
2. Clic en un Fotograma, clic derecho Crear Fotograma Clave.
Recuerda que entre más fotogramas haya más lenta será la animación
3. Clic en el último fotograma y arrastra el símbolo hasta la posición que desees
4. Clic derecho en el primer fotograma, clic en crear interpolación de movimiento clasica.
Probar película con Ctrl+Enter
Si tu interpolación esta bien se mostrara una linea seguida.
CodeCode
Guia de Movimiento
Guia de Movimiento
Es un trazado en el cual el simbolo se movera, ya sea recto, curvo o combinado
1. Crea un Objeto.
2. Convertir este objeto en Símbolo, presionando la tecla F8, escribes un nombre.y seleccionas en “Tipo” Clip de Pelicula o Grafico
3. Clic derecho en la Capa, Clic en Añadir Guía de movimiento.
4. Ve a la herramienta lapiz en la parte inferior fijate que este en Modo de lapiz Suavizado
5. Dibuja desde el centro del símbolo el movimiento que quieres que siga.
6. Clic derecho en el fotograma 30 para insertar un fotograma Clave en ambas Capas.
7. Clic en el último fotograma de la capa del Símbolo
8. Arrastra el símbolo hasta el extremo de la guía en todo el centro de este.
9. Clic derecho en el primer fotograma Añadir interpolación de movimiento clásica
Probar película con Ctrl+Enter.
Pd: Tener en cuenta que entre mas fotogramas mas fluida o lenta sera la animación.
CodeCode
Lista de Teclas Rapidas
Convertir a Simbolo ( F8 )
Crear Fotograma Clave ( F6 )
Crear Fotograma Clave Vacio ( F7 )
Crear Fotograma ( F5 )
Rasterizar "convertir a imagen" ( Ctrl+b )
Acciones Ventana ( F9 )
-Otros
Probar Pelicula ( Ctrl+Enter )
Probar Desde Linea de tiempo ( Enter )
-Herramientas Basicas
Puntero de Seleccion ( v )
Trasformat ( q )
Texto ( t )
Cubo de Pintura ( k )
Lapiz ( y )
Derechos
Todas las creaciones y trabajos mostrados en este blog está bajo una licencia de Creative Commons. Totalmente Prohibida su Venta, dar credito si usaras algun video o tutorial en otra web, gracias por respetar este trabajo.
