tutorial de flash y ejercicio 1

5
Flash 8 Flash es una herramienta para crear sit ios web impact antes.Aparte de Flash, probablemente use un programa para diseños de páginas como Macromedia Dreamweaver. Si visitás un si tio web y observás que los ob jetos se delizan , lo más  probable es que sea una película Flash. Cuánto ocupa un sitio web? Alredeor de 100 KB. Te parece poco ó mucho??? Las imágenes en Flash se crean utilizando gráfi cos vectoriales en lugar de las de mapa de bits. No solo las primeras son de menor tamaño sino que además se pueden escalar sin que se produzca pérdida de calidad. Cuando una imagen es de mapa de bits el tamaño es superior y tienden a ofrecer un aspecto en forma de bloques o pixelado. Para las imágenes Flash, se utiliza un programa especial llamado Flash Player que viene instalado en el explorador y permite visualizar las imágenes vectoriales. Las imágenes Flash se guardan como parte de la  pelicula Flash y esta es la que se coloca en la página Web. Cuando el explorador W eb se encuentra con la pelicula, el explorador carga el soft  para visualizar la pelicula. Es necesario añadir HTML a la pagina Web,  pero flash crea el codigo HTML automaticamente cuando publica una  pelicula. Primero aprenderemos que debemos comenzar con Documento de Flash. Analizaremos los elementos que muestra la ventana inicial:  

Upload: monicaoct23

Post on 31-May-2018

223 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tutorial de Flash y Ejercicio 1

8/14/2019 Tutorial de Flash y Ejercicio 1

http://slidepdf.com/reader/full/tutorial-de-flash-y-ejercicio-1 1/5

Flash 8

Flash es una herramienta para crear sitios web impactantes.Aparte de

Flash, probablemente use un programa para diseños de páginas como

Macromedia Dreamweaver.

Si visitás un sitio web y observás que los objetos se delizan , lo más

 probable es que sea una película Flash.

Cuánto ocupa un sitio web? Alredeor de 100 KB. Te parece poco ó

mucho??? Las imágenes en Flash se crean utilizando gráficos vectoriales

en lugar de las de mapa de bits. No solo las primeras son de menor tamaño

sino que además se pueden escalar sin que se produzca pérdida de calidad.

Cuando una imagen es de mapa de bits el tamaño es superior y tienden aofrecer un aspecto en forma de bloques o pixelado.

Para las imágenes Flash, se utiliza un programa especial llamado Flash

Player que viene instalado en el explorador y permite visualizar las

imágenes vectoriales. Las imágenes Flash se guardan como parte de la

 pelicula Flash y esta es la que se coloca en la página Web. Cuando el

explorador Web se encuentra con la pelicula, el explorador carga el soft

 para visualizar la pelicula. Es necesario añadir HTML a la pagina Web,

 pero flash crea el codigo HTML automaticamente cuando publica una

 pelicula.

Primero aprenderemos que debemos comenzar con Documento de Flash.

Analizaremos los elementos que muestra la ventana inicial:

 

Page 2: Tutorial de Flash y Ejercicio 1

8/14/2019 Tutorial de Flash y Ejercicio 1

http://slidepdf.com/reader/full/tutorial-de-flash-y-ejercicio-1 2/5

El Dibujo en Flash 8

Cuando se diseña una página web o una animación el diseñador pasapor muchas fases. Tras la fase de "Qué quiero crear y cómo va a ser"viene (normalmente) la fase de diseño gráfico. Llevar lo que ha producidotu imaginación al papel (en este caso al papel de Flash).

No conviene engañarnos, Flash no es un programa de diseño gráfico,pero su potencia en este ámbito es casi tan grande como la de estosprogramas. Vamos a ver cómo emplear cada herramienta de dibujo parasacarle el máximo partido.

La Barra de Herramientas. Herramientas Básicas.La Barra de Herramientas contiene todas las Herramientas necesarias

par a el dibujo. Veamos cuáles son las más importantes y cómo se usan:

Herramienta Selección (flecha): . Es la herramienta más usada de todas. Suuso principal es para seleccionar objetos. permite seleccionar los bordes de losobjetos, los rellenos (con un sólo clic), los bordes (con doble clic), zonas a nuestraelección... Además, su uso adecuado puede ahorrarnos tiempo en el trabajo.

Herramienta Línea: Permite crear líneas rectas de un modo rápido. Las líneasse crean como en cualquier programa de dibujo, se hace clic y se arrastra hastadonde queramos que llegue la línea recta. Una vez creada la podemos modificar sinmás que seleccionar situar el cursor encima de los extremos para estirarlos y encualquier otra parte cercana a la recta para curvarla.

Herramienta Texto: Crea un texto en el lugar en el que hagamos clic. Suspropiedades se verán en el tema siguiente.

Herramienta Óvalo: La herramienta Óvalo permite trazar círculos o elipsesde manera rápida y sencilla.

Herramienta Rectángulo: Su manejo es idéntico al de la Herramienta Óvalo,tan solo se diferencian en el tipo de objetos que crean.

Herramienta Cubo de Pintura: Permite aplicar rellenos a los objetos quehayamos creado. Al contrario que muchos otros programas de dibujo, no permiteaplicar rellenos si la zona no está delimitada por un borde. El color que aplicará esta

Herramienta se puede modificar, bien desde el Panel Mezclador de Colores o biendesde el subpanel Colores que hay en la Barra de Herramientas.

Herramienta Borrador: Su funcionamiento es análogo a la HerramientaBrocha. Pero su función es la de eliminar todo aquello que "dibuje".

Page 3: Tutorial de Flash y Ejercicio 1

8/14/2019 Tutorial de Flash y Ejercicio 1

http://slidepdf.com/reader/full/tutorial-de-flash-y-ejercicio-1 3/5

Ejercicios:

• Elegir un ávalo con borde y sin borde (el borde se lo denomina filete).

Selecciono la herramienta, color de filete y color de relleno.

• Idem anterior pero al dibujar presionar SHIFT. Qué sucede?? Obtuviste un

óvalo y un cículo perfecto.

• Arrastrar el óvalo hacia el cículo y superponerlo.

• Arrastrar el óvalo hacia su primer lugar. Qué pasó?

• Qué pasa con el filete y el relleno???

• Para solucionar el tema elegir flecha negra(Selección ) para seleccionar toda lafigura.

Herramienta Lápiz: Es la primera Herramienta de dibujo propiamente dicho.Permite dibujar líneas con la forma que decidamos, modificando la forma de estas anuestro gusto. El color que aplicará esta Herramienta se puede modificar, bien desdeel Panel Mezclador de Colores o bien desde el subpanel Colores que hay en laBarra de Herramientas.

Herramienta Brocha: Su funcionalidad equivale a la del lápiz, pero su trazo esmucho más grueso. Se suele emplear para aplicar rellenos. Se puede modificar sugrosor y forma de trazo.

Herramienta Lazo: Su función es complementaria a la de la HerramientaFlecha, pues puede seleccionar cualquier cosa, sin importar la forma, (la HerramientaFlecha sólo puede seleccionar objetos o zonas rectangulares o cuadradas). Encontrapartida, la Herramienta Lazo no puede seleccionar rellenos u objetos (a menosque hagamos la selección a mano).

Al seleccionar esta Herramienta, en el Panel Opciones aparecen estas imágenes:. Esto, es la Herramienta Varita Mágica, tan popular en otros programas de

dibujo. Permite hacer selecciones según los colores de los objetos. El tercer dibujo que

aparece es este: permite hacer selecciones poligonales.

Herramienta Pluma: Crea polígonos (y por tanto rectas, rectángulos...) de unmodo sencillo. Mucha gente encuentra esta herramienta complicada, aunque es unade las más potentes que ofrece Flash. Su empleo consiste en hacer clic en los lugaresque queramos definir como vértices de los polígonos, lo que nos asegura una gran

precisión. Para crear curvas, hay que señalar los puntos que la delimitan yposteriormente trazar las tangentes a ellas. Con un poco de práctica se acabadominando.

Herramienta Subseleccionador: Esta Herramienta complementa a laHerramienta Pluma, ya que permite mover o ajustar los vértices que componen losobjetos creados con dicha herramienta.

Page 4: Tutorial de Flash y Ejercicio 1

8/14/2019 Tutorial de Flash y Ejercicio 1

http://slidepdf.com/reader/full/tutorial-de-flash-y-ejercicio-1 4/5

• Elegí cualquier figura y hacé doble click sobre el filete. Cambiale el grosor al

mismo y el estilo de trazo. Observá el panel de Propiedades.

• Elegí una figura ovalada y una cuadrada ó rectangular, y ubicá el mouse sobre

el filete. Qué muestra el cursor?? Probá esta opción.• Realizá una óvalo, y con esta última opción de Selección obtené una pera,

incluile ojos, nariz y boca. Para realizar los ojos: primero dibujá uno de ellos,

selecciono con flecha negra y, con ALT y arrastrando el mouse, copiás ese

objeto.

• Tratá de componer una figura a partir de un rectángulo ó cuadrado. Guardá los

archivos de estos 2 últimos ítems.

• Realizá lo siguiente:

Page 5: Tutorial de Flash y Ejercicio 1

8/14/2019 Tutorial de Flash y Ejercicio 1

http://slidepdf.com/reader/full/tutorial-de-flash-y-ejercicio-1 5/5