flash basico first
DESCRIPTION
Flash basico sesion N1TRANSCRIPT
-
Observa todo lo que se puede realizar con el programa de flash
MAPA DE CONTENIDOS
INTRODUCCION AL PROGRAMA ADOBE FLASHReconoce y utiliza la barra de herramientas y escenario del entorno de adobe flash
Maneja algunos de los paneles y Herramientas para la animacion
Aplica las diferentes formas y efectos de animacion
SESION N 01
Logros de aprendizaje
-
Animacin flash tiene la capacidad de convencer e impresionar a un usuario de la web cuando est visita un
determinado sitio web, en un solo vistazo. Es una imagen que vale ms que mil palabras y por lo tanto es un video
flash. Animacin flash tiene la capacidad de hacer bajar la imaginacin a la realidad de una manera hermosa e
informativa. Cualquier diseo simple o una imagen pero no tiene un borde convincente como un diseo flash.
Cuando un diseo o una imagen estn en movimiento resulta ms fcil de transmitir a travs de ella muchos tipos
de mensajes e informacin al pblico. Personas que buscan en internet a menudo no pasan demasiado tiempo en
cualquier sitio web, debido a una enorme poblacin de sitios web existentes en internet. Diseos y videos flash
ayudan a convencer a un cliente con ese sitio dentro de periodo de tiempo
Interactividad: En flash se desarrollan experiencias interactivas muy envolventes con relativa facilidad.
Desde una simple infografa hasta un complejo catlogo de productos. Audio y Video: Definitivamente la mejor manera para aadir audio y video a un website es en el formato
flash. Esto gracias a su rapidez y disponibilidad en casi todas las PCs. Presentaciones: Puedes deslumbrar a tu audiencia con presentaciones hechas en flash o aadir
elementos animados a tus trabajos. Publicidad: para poder crear banners y campaas publicitarias memorables, olvdate del formato gif
animado. Flash es el estndar para llamar la atencin.
1ra Forma
2da Forma
Una vez que hayas seguido cualquiera de los procedimientos, observaras la siguiente ventana con la que el programa te la bienvenida.
Que puedo hacer con flash
ANIMACION EN FLASH
GUIA DE LABORATORIO N 01
INGRESO AL PROGRAMA ADOBE FLASH
E
ADOBE FLASH
E
Recuerdas los pasos que se siguen para
ingresar a cualquier programa? Escribe las
dos rutas, ten en cuenta las imgenes de
referencia.
Una vez ah, debes seleccionar
el archivo con el que
trabajaras: Archivo de flash
(AS 3.0)
-
Flash es una potente herramienta desarrollada por adobe que ha superado las mejores expectativas de sus
creadores. Fue creado con el objeto de realizar animaciones y diseos vistosos para la web, as como para crear.
Los motivos que han convertido a flash en el programa elegido por la mayora de los diseadores web profesionales
y aficionados son varios.
Interfaz de la pantalla principal
Observa los
elementos del
programa de
Adobe Flash.
-
La Barra de Mens tiene como propsito facilitar el acceso a las distintas utilidades del programa. Es similar a la
de cualquier otro programa de diseo web o grfico, aunque tiene algunas particularidades. Veamos los
principales Submens a los que se puede acceder
EXPLORA: Al ingresar al programa, selecciona 5 opciones de la Barra de Herramientas, escribe
sus nombres y dibjalas en el recuadro.
1. _________________________________________________________
2. _________________________________________________________
3. _________________________________________________________
4. _________________________________________________________
5. _________________________________________________________
En la barra de herramientas, existe un grupo de herramientas que tienen
un tringulo negro en la esquina inferior derecha. Estas herramientas contienen una variedad de
opciones, para visualizarlas solo haz clic sobre el tringulo.
Barra de herramientas
E
Es el espacio donde se encuentran todas las herramientas que se utilizan para realizar imgenes y algunas caractersticas de animacin. Es muy similar a la barra de herramientas de otros programas de diseo de Adobe.
Si no encuentras activada la barra de herramientas, dirgete al men Ventana y seleccinala la opcin Barra de herramientas
BARRA DE MENUS
E
-
El escenario puede ser modificado en tamao y color. Para realizar
esta accin, debe utilizar el panel Propiedades y realizar los
siguientes pasos:
Selecciona el panel de propiedades
En la ventana que emerger, selecciona el botn Editar que
se encuentra en la seccin propiedades. Al activar esta
opcin, aparecer una ventana emergente.
Estos paneles o ventanas se encuentran organizados en el lateral derecho del rea de
trabajo, pudindose expandir o minimizar con un clic de ratn.
ESCENARIO
E
LOS PANELES
E
Sobre el escenario dibujaremos y colocaremos los diferentes elementos de la pelcula que estemos realizando. El escenario tiene unas propiedades muy importantes, ya que coinciden con las Propiedades del documento. Para acceder a ellas, hagamos clic con el botn derecho sobre cualquier parte del escenario en la que no haya ningn objeto y despus sobre Propiedades del documento:
En esta ventana, puedes modificar el tamao en la seccin Dimensiones y el color del escenario en la seccin color de fondo
3
1
2 EXPLORA: Realiza diferentes modificaciones al tamao y
color del escenario. Observa
lo que sucede con este en
cada uno de estos cambios
Los paneles son conjuntos de comandos agrupados segn su funcin (por
ejemplo, todo lo que haga referencia a las acciones, ir en el panel de
acciones). Su misin es simplificar y facilitar el uso de los comandos.
Si se cierra uno de los paneles o no los visualizas puedes recuperarlos y activarlos desde la opcin Ventana del men Principal
Cada panel cuenta con un conjunto de
herramientas u opciones que permiten
mejorar tus presentaciones.
-
Para organizar mejor el entorno de trabajo, puedes colocar los paneles de manera flotante o en otra ubicacin,
para ello, solo debes arrastrarlos con el cursor
EXPLORA: Utilizando el men Ventana, activa dos paneles y describe las opciones que contiene cada uno de
ellos.
1. _____________________________________________________________________________
2. _____________________________________________________________________________
Muestra las caractersticas que tienen el escenario y las
de los objetos que se insertan en l.
En este panel se ubican todos los colores que puedes aplicar al
contorno y relleno de las imgenes creadas o insertadas. Tambin contiene diferentes tipos de efectos como el degradado y el alfa (nivel de transparencia).
Los principales paneles de Adobe Flash son os siguientes:
Recuerda que si deseas modificar las
propiedades del escenario, no debe
haber ningn objeto seleccionado
pero si deseas modificar las
propiedades de algn objeto primero,
debes seleccionarlo
El color tambin puede visualizarse
mediante cdigos
-
En este panel se ubican todos los smbolos, imgenes y
sonidos que Se estn trabajando en un mismo proyecto de animacin. Los objetos que se guardan en este panel se pueden reutilizar y modificar a lo largo del proyecto.
Para trasladar las imgenes de la biblioteca al escenario, sebes seleccionar la imagen deseada y arrastrarla al escenario.
Cuando se selecciona una imagen,
smbolo o cualquier otro objeto del
panel biblioteca, este se muestra en
miniatura en la parte superior de la
ventana
-
La lnea de tiempo sirve para la visualizacin simple de los fotogramas de nuestra
pelcula con el orden determinado que le demos. Los fotogramas se colocan en la lnea
de tiempo en el orden en que se desea que aparezcan los objetos en la animacin
final.
LINEA DE TIEMPO
E
En la parte superior
de la lnea, se
visualiza el nmero
de fotograma en el que
te encuentras
trabajando
Conociendo el AREa de animacion
E Con que elemento del entorno del programa adobe flash crees que se realizan las animaciones?
Observa la siguiente imagen y encierra en un crculo el elemento que creas que cumpla esta funcin. Luego, averigua y escribe las opciones que contiene.
CABEZA LECTORA
FOTOGRAMAS CAPAS
-
1) Palabras que cambian de color
Con la herramienta Texto, escribimos (Computacin e informtica) en el primer fotograma y el ponemos un color
Luego en el siguiente fotograma presiona F6 y cambiamos el color al texto Repitamos este proceso 6 veces ms despus probamos como nos quedo Presione las teclas CTROL + ENTER para observar el resultado del
movimiento Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: ejercicio n 01
2) Texto de cambia de tipo de letras
Primero escribimos un texto, despus vamos al men principal a textofuente
y cambiamos el tipo de letra al texto u tambin cambiamos el color
En los fotogramas siguiente seguimos cambiando de tipo de letra y color hasta
por lo menos el fotograma 20
Despus de este proceso procedemos a probar a ver cmo nos qued. Presione las teclas CTROL + ENTER para observar el resultado del movimiento
Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: ejercicio n 03
3) Cuadro que se estira
En el primer fotograma dibujamos un cuadro En el segundo fotograma estiramos un poco el cuadro Repetimos el proceso unas cuatro veces ms. Despus de este proceso procedemos a probar a ver cmo nos
qued. Presione las teclas CTROL + ENTER para observar el
resultado del movimiento
Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: ejercicio n 03
4) Dibujo que gira
En el primer fotograma dibujamos una figura Luego en los siguientes fotogramas con la herramienta
transformacin libre giramos la figura
Repetimos el proceso anterior unas 8 veces ms
5) Ejercicio con texto
Abra un escenario en blanco en flash Pulse el botn TEXTO y escriba lo siguiente en la posicin
indicada (presione la tecla ENTER para escribir en la sgte lnea del texto):
Asigne un Fotograma clave en la posicin 20 de la Lnea de tiempo.
Pulse el botn TRANSFORMACIN LIBRE y desplace el texto a la siguiente posicin, as como tambin cambie su tamao
Muy bien, ahora agregue un fotograma clave en la posicin 40 de la
lnea de tiempo. Con el botn TRANSFORMACIN LIBRE seleccionado desplace el
texto a la siguiente posicin, as como tambin sus tamaos. Haga clic en el nombre de la capa denominada Capa 1, para
seleccionar todos los fotogramas Ubique nuevamente el puntero sobre cualquiera de los 40 primeros
fotogramas que participan en el ejemplo y active el cuadro contextual para seleccionar la opcin Crear interpolacin de movimiento
Presione las teclas CTROL + ENTER para observar el resultado del movimiento Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: Ejemplo 24flash
Ejercicios
E
-
6) Carro que para cuando esta la luz roja
Primero dibujamos en el escenario
El siguiente fotograma movemos el carro un poco hacia adelante y repetimos esto una 3 veces ms. El siguiente fotograma lo que hacemos es mover un poquito hacia delante el carro y ponemos el semforo en luz
amarilla
Luego seguimos moviendo el carro y ponemos el semforo en luz roja luego despus de unos 6 fotogramas insertamos un fotograma clave.Despus de esto es los siguientes fotogramas seguimos moviendo el carro hacia
adelante
Presione las teclas CTROL + ENTER para observar el resultado del movimiento
Presionar CTROL + W para regresar al editor de Flash Guarde el documento con el nombre: Semaforo
7) Ejercicio Delfn
Realiza el siguiente diseo
En cada fotograma darle un movimiento
Vas a realizar la siguiente animacin:
Cada fotograma contiene un
movimiento distinto, lo que permite la
ilusin de movimiento.