practica 12

¿QUE ES UN BOTON?
(button). En interfaces gráficas de usuario, los botones son tipos de widget que permiten al usuario comenzar un evento, como buscar, aceptar una tarea, interactuar con un cuadro de diálogo, etc.

En general los botones son rectangulares y tienen una descripción o imagen en el centro que resume la acción. Un botón se presiona haciendo clic sobre el mismo, o al presionar Enter si está seleccionado. También suele poder presionarse con alguna tecla o combinación de teclas.

Los botones más comunes, especialmente en los cuadros de diálogos y formularios son:

* Aceptar (OK), Enviar (Send), Si (Yes)

* Cancelar (Cancel), Cerrar (Close), No

* En los sistemas de ventanas, los pequeños botones de minimizar, maximizar, cerrar y restaurar en las ventanas. Generalmente estos botones son representados con pequeños íconos.

* Otros botones: Guardar (Save), Restablecer, Limpiar formulario, Borrar, etc.
CREACION DE UN BOTON:

PRACTICA7-OBJETOS

¿QUE SON LOS OBJETOS EN FLASH CS5?
A grandes rasgos, podremos considerar un objeto todo aquello que aparezca en nuestra película y sea visible, de modo que podamos trabajar con él, por ejemplo, cualquier imagen que creemos o importemos, un botón, un dibujo creado por nosotros mismos etc...
¿COMO SELECCIONAR UN OBJETO EN FLASH CS5?
Seleccionar un Relleno o un Borde: Basta hacer clic 1 vez en el Relleno o en el Borde que queramos seleccionar.
Seleccionar el Relleno y el Borde de un objeto: Hacer doble clic en el Relleno.
Seleccionar todos los bordes (o líneas) de un mismo color que estén en contacto: Hacer doble clic sobre una de las líneas que tenga el color que pretendamos seleccionar.
Seleccionar un Símbolo, un texto, o un grupo: Clic en el Símbolo, en el texto o en el grupo. Estos tipos de objetos mostrarán un borde de color azul (por defecto, depende de la capa) al estar seleccionados.
Seleccionar Varios elementos: Mantendremos pulsada la tecla SHIFT (Mayúsculas) mientras seleccionamos los objetos que queramos.
Seleccionar los objetos que se encuentran en una determinada zona: Para ello usaremos la Herramienta Selección (flecha). Haremos clic en una parte del escenario y arrastraremos el cursor hasta delimitar el área que contenga los objetos que queremos seleccionar. Si esta área corta una forma, sólo quedará seleccionada la parte del objeto que esté dentro del área que hemos delimitado. Si quisiéramos incluir dicho objeto, bastaría con usar la tecla SHIFT y seleccionar la parte del objeto que falta por seleccionar.
Este modo de seleccionar objetos permite seleccionar muchos objetos rápidamente, además de permitirnos seleccionar determinadas zonas de los objetos, para cortarlas, pegarlas...

PRACTICA6-BARRAS DE HERRAMIENTAS

HERRAMIENTAS BASICAS:

• Herramienta Selección (flecha): . Es la herramienta más usada de todas. Su uso principal es para seleccionar objetos, permite seleccionar los bordes de los objetos (con doble clic), los rellenos (con un sólo clic), zonas a nuestra elección... Su uso adecuado puede ahorrarnos tiempo en el trabajo.
• Herramienta Texto: Crea un texto en el lugar en el que hagamos clic. Sus propiedades se verán en el tema siguiente.
• Herramienta Línea: Permite crear líneas rectas de un modo rápido. Las líneas se crean como en cualquier programa de dibujo, se hace clic y se arrastra hasta donde queramos que llegue la línea recta. Una vez creada la podemos modificar situando el cursor encima de los extremos para estirarlos y en cualquier otra parte cercana a la recta para curvarla.
• Herramienta de forma: Permite dibujar formas predefinidas como las que aparecen en la imagen, la última herramienta utilizada es la que aparece como icono en la barra de herramientas. Manteniendo pulsado el icono podremos acceder a las diferentes herramientas de forma. Por ejemplo:
• La herramienta Óvalo permite dibujar círculos o elipses de manera rápida y sencilla.
  
  Para practicar el manejo de esta Herramienta, te aconsejamos realizar Ejercicio Crear Óvalo.
• 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 a nuestro gusto. El color que aplicará esta herramienta se puede modificar, bien desde el Panel Mezclador de Colores o bien desde el subpanel Colores que hay en la Barra de Herramientas.
• Herramienta Pincel: Su funcionalidad es parecida a la del lápiz, pero por defecto su trazo es más grueso e irregular. Se suele emplear para aplicar rellenos. Se puede modificar su herramientas.
• Herramienta Cubo de pintura: Permite aplicar rellenos a los objetos que hayamos creado. Al contrario que muchos otros programas de dibujo, no permite aplicar rellenos si la zona no está delimitada por un borde. El color que aplicará esta herramienta se puede modificar, bien desde el Panel Color o bien desde el subpanel Relleno que hay en la Barra de Herramientas.

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

HERRAMIENTAS AVANZADAS:
Herramienta Lazo:
Su función es complementaria a la de la herramienta Selección, pues puede seleccionar cualquier cosa, sin importar la forma, (la Herramienta Flecha sólo puede seleccionar objetos o zonas rectangulares o cuadradas). En contrapartida, la Herramienta Lazo no puede seleccionar rellenos u objetos (a menos que hagamos la selección a mano).
Al seleccionar esta herramienta, en el Panel de Herramientas aparecen estos botones: . 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: para seleccionar Poligono.
Herramienta Pluma: Crea polígonos (y por tanto rectas, rectángulos...) de un modo sencillo. Mucha gente encuentra esta herramienta complicada, aunque es una de las más potentes que ofrece Flash. Su empleo consiste en hacer clic en los lugares que 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 y posteriormente trazar las tangentes a ellas. Con un poco de práctica se acaba dominando.
Herramienta Subselección: Esta Herramienta complementa a la Herramienta Pluma, ya que permite mover o ajustar los vértices que componen los objetos creados con dicha herramienta.
Herramienta Bote de Tinta: Se emplea para cambiar rápidamente el color de un trazo. Se aplica sobre objetos, si tienen borde, cambia al color mostrado de dicho borde, por el mostrado en el Panel Mezclador de Colores (que coincide con el subpanel Colores que hay en la Barra de Herramientas.)
Herramienta Cuentagotas: Su misión es "capturar" colores para que posteriormente podamos utilizarlos. Para ver cómo funciona, consulta este videotutorial:

 Opciones

Algunas Herramientas poseen unas opciones especiales que facilitan y potencian su uso. Para acceder a estas utilidades, a veces no basta con hacer clic en la Herramienta correspondiente sino que además debemos hacer clic en la línea o en el objeto que has dibujado.
Entonces aparecerá (o se iluminará si ya estaba presente) un submenú como este:
Ajustar a Objetos : Se usa para obligar a los objetos a "encajar" unos con otros, es decir, para que en caso de ser posible, sus bordes se superpongan, dando la sensación de estar "unidos".
Suavizar: Convierte los trazos rectos en líneas menos rígidas.
Enderezar: Realiza la labor inversa. Convierte los trazos redondeados en más rectilíneos.
EL PANEL DE COLOR:
El Panel Color, como su nombre indica se usa para fabricar nuestros propios colores y para seleccionar los que más nos gusten.
Para seleccionar un color determinado, bastará con hacer clic en las pestañas que se encuentran junto a los iconos de las herramientas de Lápiz y de Bote de Pintura. (Si queremos modificar el color de un borde, pulsaremos sobre el color que está junto al lápiz y si queremos modificar un relleno, haremos clic en el color que está junto al bote de pintura . Al hacerlo aparecerá un panel con multitud de colores para que seleccionemos el que más nos gusta. También permite introducir el código del color según el estándar

 

 El panel Muestras

 sirve para poder ver de un modo rápido y claro los colores de que disponemos, tanto sólidos (un solo color) como degradados (lineales o radiales).

practica4-VENTANA PRINCIPAL DE ADOBE FLASH

LINEA DEL TIEMPO:
La Línea de Tiempo representa una forma de ver los fotogramas de modo simplificado. Consta de 2 partes.
CAPAS:
El concepto de Capa es fundamental para manejar Flash de forma eficiente. Una Capa se puede definir como una película independiente de un único nivel. Es decir, una capa contiene su propia Línea de Tiempo (con infinitos fotogramas).
ESCENARIO:
Sobre el escenario dibujaremos y colocaremos los diferentes elementos de la película que estemos realizando. El escenario tiene unas propiedades muy importantes, ya que coinciden con las Propiedades del documento.
PANELES O VENTANAS:
Los Paneles son conjuntos de comandos agrupados según su función (por ejemplo, todo lo que haga referencia a las acciones, irá en el Panel Acciones). Su misión es simplificar y facilitar el uso de los comandos.

La barra de Herramientas. Herramientas básicas

La Barra de Herramientas contiene todas las Herramientas necesarias para el dibujo. Algunas herramientas llevan asociados modificadores de herramientas, que permiten cambiar algunas propiedades de la herramienta, y que aparecen al final del panel de herramientas. Veamos las herramientas más importantes:

• Herramienta Selección (flecha): . Es la herramienta más usada de todas. Su uso principal es para seleccionar objetos, permite seleccionar los bordes de los objetos (con doble clic), los rellenos (con un sólo clic), zonas a nuestra elección... Su uso adecuado puede ahorrarnos tiempo en el trabajo.
• Herramienta Texto: Crea un texto en el lugar en el que hagamos clic. Sus propiedades se verán en el tema siguiente.
• Herramienta Línea: Permite crear líneas rectas de un modo rápido. Las líneas se crean como en cualquier programa de dibujo, se hace clic y se arrastra hasta donde queramos que llegue la línea recta. Una vez creada la podemos modificar situando el cursor encima de los extremos para estirarlos y en cualquier otra parte cercana a la recta para curvarla.
• Herramienta de forma: Permite dibujar formas predefinidas como las que aparecen en la imagen, la última herramienta utilizada es la que aparece como icono en la barra de herramientas. Manteniendo pulsado el icono podremos acceder a las diferentes herramientas de forma. Por ejemplo:
• La herramienta Óvalo permite dibujar círculos o elipses de manera rápida y sencilla.
  
  Para practicar el manejo de esta Herramienta, te aconsejamos realizar Ejercicio Crear Óvalo.
• 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 a nuestro gusto. El color que aplicará esta herramienta se puede modificar, bien desde el Panel Mezclador de Colores o bien desde el subpanel Colores que hay en la Barra de Herramientas.
• Herramienta Pincel: Su funcionalidad es parecida a la del lápiz, pero por defecto su trazo es más grueso e irregular. Se suele emplear para aplicar rellenos. Se puede modificar su herramientas.
• Herramienta Cubo de pintura: Permite aplicar rellenos a los objetos que hayamos creado. Al contrario que muchos otros programas de dibujo, no permite aplicar rellenos si la zona no está delimitada por un borde. El color que aplicará esta herramienta se puede modificar, bien desde el Panel Color o bien desde el subpanel Relleno que hay en la Barra de Herramientas.

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

La Barra de Menús tiene como propósito facilitar el acceso a las distintas utilidades del programa. Es similar a la de cualquier otro programa de diseño web o gráfico, aunque tiene algunas particularidades. Veamos los principales Submenús a los que se puede acceder:
Archivo: Permite crear nuevos archivos, abrirlos, guardarlos... Destaca la potencia de la utilidad Importar que inserta en la película actual casi todo tipo de archivos (sonidos, vídeo, imágenes e incluso otras películas Flash), o la de Configuración de Publicación desde donde se pueden modificar las características de la publicación. También permite configurar la impresión de las páginas, imprimirlas...
Edición: Es el clásico menú que te permite Cortar, Copiar, Pegar... tanto objetos o dibujos como fotogramas; también permite personalizar algunas de las opciones más comunes del programa.
Ver: Además de los típicos Zooms, te permite moverte por los fotogramas y por las escenas. También incluye la posibilidad de crear una cuadrícula y unas guías. Esto se puede seleccionar desde los submenús Cuadrícula y Guías desde donde también se pueden configurar sus opciones.
Insertar: Permite insertar objetos en la película, así como nuevos fotogramas, capas, acciones, escenas...
Modificar: La opción Transformar permite modificar los gráficos existentes en la película, y la opción Trazar Mapa de Bits convierte los gráficos en mapas vectoriales (este tema se tratará más adelante). El resto de opciones permite modificar características de los elementos de la animación Suavizar, Optimizar o de la propia película (Capa, Escena ...).
Texto: Sus contenidos afectan a la edición de texto. Más adelante se tratará en profundidad.
Comandos: Permite administrar los Comandos (conjunto de sentencias almacenadas que permiten emular lo que un usuario pueda introducir en el entorno de edición) que hayamos almacenado en nuestra animación, obtener otros nuevos de la página de Macromedia o ejecutar los que ya tengamos.
Control: Desde aquí se modifican las propiedades de reproducción de la película. Reproducir, Rebobinar, Probar Película....
Depurar: Aquí encontraremos las opciones de depuración de la película que te ayudarñan a encontrar errores de progrmación en ActionScrit, entre ellos se encuentran Entrar, Pasar, Salir, Continuar...
Ventana: Este menú, además de las opciones clásicas acerca de cómo distribuir las ventanas, incluye accesos directos a todos los paneles y también la posibilidad de crear tus propios Espacios de Trabajo, guardarlos, cargarlos, etc.
Ayuda: Desde aquí podemos acceder a toda la ayuda que nos ofrece Adobe, desde el manual existente, hasta el diccionario de Action Script, pasando por tutoriales, lecciones guiadas etc...

practica5-el escenario

La Herramienta Zoom se emplea para acercar o alejar la vista de un objeto, permitiendo abarcar más o menos zona del Entorno de Trabajo. Cada vez que hagamos clic en con el Zoom duplicaremos el porcentaje indicado en el desplegable Zooms.

Panel Zooms: Son un conjunto de accesos directos a Submenús existentes en el Menú Ver. Son muy útiles y ayudan a acelerar el trabajo cuando se emplean correctamente.

Los Paneles

Los Paneles son conjuntos de comandos agrupados según su función (por ejemplo, todo lo que haga referencia a las acciones, irá en el Panel Acciones). Su misión es simplificar y facilitar el uso de los comandos.

EL ESCENARIO
Sobre el escenario dibujaremos y colocaremos los diferentes elementos de la película que estemos realizando. El escenario tiene unas propiedades muy importantes, ya que coinciden con las Propiedades del documento
LAS VISTAS O ZOOMS
La Herramienta Zoom se emplea para acercar o alejar la vista de un objeto, permitiendo abarcar más o menos zona del Entorno de Trabajo. Cada vez que hagamos clic en con el Zoom duplicaremos el porcentaje indicado en el desplegable Zooms.

Panel Zooms: Son un conjunto de accesos directos a Submenús existentes en el Menú Ver. Son muy útiles y ayudan a acelerar el trabajo cuando se emplean correctamente.

LOS PANELES

Los Paneles son conjuntos de comandos agrupados según su función (por ejemplo, todo lo que haga referencia a las acciones, irá en el Panel Acciones). Su misión es simplificar y facilitar el uso de los comandos.

PRACTICA2-LA INSTALACION DE FLASH CS5

REQUISITOS MINIMOS DEL SISTEMA:

Windows®

• Procesador Intel® Pentium® 4 o AMD Athlon® 64
• Microsoft® Windows® XP con Service Pack 2 (se recomienda Service Pack 3) o Windows Vista® Home Premium, Business, Ultimate o Enterprise con Service Pack 1; certificado para Windows XP 32 bits y Windows Vista; o Windows 7
• Se recomienda 1 GB de RAM o más
• 3,5 GB de espacio libre en el disco duro para la instalación; se necesitará espacio libre adicional durante la instalación (no se puede instalar en dispositivos de almacenamiento basados en Flash)
• Resolución de monitor mínima de 1.024 x 768 (se recomienda 1.280 x 800) con tarjeta de vídeo de 16 bits o superior 
• Unidad de DVD-ROM 
• Se requiere el software QuickTime 7.6.2 para las funciones multimedia 
• Se requiere una conexión a Internet de banda ancha para los servicios en línea

 Mac OS 

• Procesador Intel® multinúcleo 
• Mac OS X (versión 10.5.7 o 10.6)
• Se recomienda 1 GB de RAM o más
• 4 GB de espacio libre en el disco duro para la instalación; se necesitará espacio libre adicional durante la instalación (no se puede instalar en un volumen que use un sistema de archivos que distingue entre mayúsculas y minúsculas o en dispositivos de almacenamiento basados en Flash)
• Resolución de monitor mínima de 1.024 x 768 (se recomienda 1.280 x 800) con tarjeta de vídeo de 16 bits o superior 
• Unidad de DVD-ROM
• Se requiere el software QuickTime 7.6.2 para las funciones multimedia 
• Se requiere una conexión a Internet de banda ancha para los servicios en línea

Además de los requisitos del sistema de Adobe Flash Professional CS5, las aplicaciones creadas con Packager for iPhone® sólo se ejecutarán en dispositivos que admitan iPhone 3.0 OS y versiones superiores. 

INSTALACION DE SOFTWARE

1. Antes de comenzar la instalación, cierre todas las aplicaciones que se estén ejecutando en el sistema, incluidas las aplicaciones de Adobe y Microsoft Office y las ventanas del navegador. También es recomendable desactivar temporalmente el antivirus durante el proceso de instalación. 

2. Es necesario que tenga privilegios de administrador o que pueda validar como tal. 

3. Siga uno de estos procedimientos:  

Windows: 

• Introduzca el DVD en la unidad y siga las instrucciones que aparecen en pantalla. Si el programa de instalación no se ejecuta automáticamente, vaya a la carpeta Adobe Flash Professional CS5 que se encuentra en el directorio raíz del DVD y haga doble clic en el archivo Set-up.exe para iniciar el proceso de instalación.

• Si ha descargado el software desde la web, el programa de instalación se extraerá y se iniciará automáticamente.  Si el programa de instalación no se ejecuta automáticamente, abra la carpeta, vaya al directorio Flash Pro CS5, haga doble clic en el archivo Set-up.exe y, después, siga las instrucciones que aparecen en la pantalla.

Mac: 

• Introduzca el DVD en la unidad, navegue hasta la carpeta de la aplicación ubicada en la raíz del disco, haga doble clic en Install.app y siga las instrucciones que aparecen en la pantalla.   

• Si ha descargado el software desde la página web, abra el archivo .dmg, vaya a la carpeta Adobe Flash Professional CS5, haga doble clic en Install y, a continuación, siga las instrucciones que aparecen en pantalla.

4. Si está instalando una actualización, el programa de instalación comprobará el sistema para buscar un producto de actualización válido. Si no lo encuentra, le pedirá que escriba el número de serie del producto que desea actualizar. También puede instalar el software de prueba y, a continuación, escribir el número de serie antiguo y el nuevo en la pantalla de serialización que aparecerá cuando inicie la aplicación.  

PRACTICA 1 ANIMACION

La animación es una simulación de movimiento producida mediante imágenes que se crearon una por una; al proyectarse sucesivamente estas imágenes(llamados cuadros) se produce una ilusión de movimiento, pero el movimiento representado no existió en la realidad. Se basa en la ilusión de movimiento, en la que intervienen la persistencia de la visión y el fenómeno phi.

Crear animación es un trabajo largo, complejo e intensivo y debido a ello se forman estudios a través de los cuales se llevan a cabo todo tipo de trabajos. Existen gran variedad de técnicas y estilos de animación de entre los cuales destaco los siguientes:


- Los dibujos animados, también llamados animación tradicional, estos se crean dibujando cada cuadro. Al principio se pintaba cada cuadro y luego era filmado, este proceso se aceleró al aparecer la animación por celdas.


- Stop motion, animación de objetos, muñecos, marionetas, figuras de plastilina u otros materiales así como maquetas o modelos a escala. Se utiliza la grabación "fotograma a fotograma" o "cuadro a cuadro".


- Pixelación, es una variante del stop-motion, en la que los objetos animados son auténticos objetos comunes (no modelos ni maquetas), e incluso personas. Al igual que en cualquier otra forma de animación, estos objetos son fotografiados repetidas veces, y desplazados ligeramente entre cada fotografía.. Es ampliamente utilizada en los video-clips.


- Rotoscopía, se basa en dibujar directamente sobre la referencia, que pueden ser los cuadros de la filmación de una persona real.


- Animación de recortes, es la técnica en que se usan figuras recortadas, ya sea de papel o incluso fotografías. Los cuerpos de los personajes se construyen con los recortes de sus partes. Moviendo y reemplazando las partes se obtienen diversas poses, y así se da vida al personaje.


- Sistema inercial, sistema inercial de captación de movimiento humano, sin las limitaciones impuestas. Este sistema portátil está basado en los ``tracker´´ 3D MTx de Xsens. La nueva tecnología permite utilizarse en animación (cine, juegos virtuales) entrenamiento y simulación, investigación y desarrollo biomecánico y otras áreas.

SOFTWARE PARA DISEÑO DE ANIMACIONES:

Adobe Flash Professional es el nombre o marca comercial oficial que recibe uno de los programas más populares de la casa Adobe, se trata de una aplicación de creación y manipulación de gráficos vectoriales con posibilidades de manejo de código mediante el lenguaje ActionScript en forma de estudio de animación que trabaja sobre "fotogramas" y está destinado a la producción y entrega de contenido interactivo para las diferentes audiencias alrededor del mundo sin importar la plataforma. 

Blender es un programa informático multiplataforma, dedicado especialmente al modelado, animación y creación de gráficos tridimensionales.

El programa fue inicialmente distribuido de forma gratuita pero sin el código fuente, con un manual disponible para la venta, aunque posteriormente pasó a ser software libre. Actualmente es compatible con todas las versiones de Windows, Mac OS X, Linux, Solaris, FreeBSD e IRIX.

Tiene una muy peculiar interfaz gráfica de usuario, que se critica como poco intuitiva, pues no se basa en el sistema clásico de ventanas; pero tiene a su vez ventajas importantes sobre éstas, como la configuración personalizada de la distribución de los menús y vistas de cámara.