SlideShare una empresa de Scribd logo
Elementos de la interfaz de flash
TOMAS HERNANDEZ
GARCIA
6BTV
Área de trabajo
 Flash CS3 cuenta con un entorno o interfaz de trabajo renovada de lo más manejable e intuitiva.
Además, tiene la ventaja de que es similar a la de otros programas de Adobe (Photoshop,
Dreamweaver, Illustrator...), todo esto hace más fácil aprender Flash y más rápido su manejo y
dominio. Esto es lo que nos encontraremos al abrir Flash CS3 por primera vez:
Barra de Menús
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: Te permite insertar objetos en la película, así como nuevos fotogramas, capas, acciones, escenas...
Barra de Menús
 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í encontrarás 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, guardalos, cargalos, 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...
Linea del tiempo
 La Línea de Tiempo representa una forma de ver los fotogramas de modo simplificado. Consta
de 2 partes
 1) Los Fotogramas (frames) que vienen delimitados por líneas verticales (formando rectángulos)
 2) Los Números de Fotograma que permiten saber qué número tiene asignado cada fotograma, cuánto
dura o cuándo aparecerá en la película.
 Además, en la parte inferior hay herramientas para trabajar con Papel cebolla e información sobre el
Número de Fotograma actual (1 en la imagen), la Velocidad de los Fotogramas (24.0 en la imagen) y el
Tiempo de película transcurrido (0.0s en la imagen).
 A nivel conceptual, la Línea de Tiempo representa la sucesión de Fotogramas en el tiempo. Es decir, la
película Flash no será nada más que los fotogramas que aparecen en la Línea de tiempo uno detrás de
otro, en el orden que establece la misma Línea de tiempo
Capas
 El concepto de Capa es fundamental para manejar Flash de forma eficiente. Dada la importancia de
estas, se le dedicará un tema completo. Aún así, veamos a grandes rasgos qué son las capas.
 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).
 Los objetos que estén en una determinada capa comparten fotograma y por tanto, pueden
"mezclarse" entre sí. Esto es interesante a menudo, pero otras veces es conveniente separar los objetos
de modo que no interfieran entre sí. Para ello, crearemos tantas capas como sea necesario. El uso de
múltiples capas además, da lugar a películas bien ordenadas y de fácil manejo (es conveniente colocar
los el código ActionScript en una capa independiente llamada "acciones", por ejemplo). Las ventajas y
desventajas de usar capas se verá en la unidad referente a Capas.
Escenario
 Propiedades del documento. Para acceder a ellas, hagamos clic con el botón derecho sobre cualquier parte
del escenario en la que no haya ningún objeto y después sobre Propiedades del documento:
 Añade metadatos a tus archivos para una mejor inclusión de estos en los motores de busqueda rellenando
los campos de Título y Descripción.
 Dimensiones: Determinan el tamaño de la película. El tamaño mínimo es de 1 x 1 px (píxeles) y el máximo de
2880 x 2880 px.
 Coincidir: Provocan que el tamaño de la película coincida con el botón seleccionado (tamaño por defecto de
la Impresora, Contenidos existentes o los elegidos como Predeterminados)
 Color de Fondo: El color aquí seleccionado será el color de fondo de toda la película.
Escenario
 Veloc. Fotogramas: O número de fotogramas por segundo que aparecerán en la película.
 Unidades de Regla: Unidad que se empleará para medir las cantidades.
Panel de propiedades
 Hemos visto anteriormente que podemos modificar una
instancia de un símbolo sin modificar el símbolo original en
cuestión. Sin embargo, al no tratarse de un gráfico vectorial
(veremos que significa esto más adelante), no podemos
modificar las instancias con las herramientas de dibujo de Flash
8, pero sí mediante el Panel de Propiedades, que permite la
manipulación "externa" de la instancia.
 Así, este panel, que como hemos visto resulta sumamente útil,
no nos permite modificar la estructura básica de la instancia,
pero sí otras propiedades, esto es, podremos hacer que la
instancia tenga más brillo, pero no transformar una estrella en
un círculo).
Panel y barras de herramientas
 Una de las partes más importantes de Flash es el panel de Herramientas (Ventana>Herramientas).
Dentro de este Panel las herramientas se organizan por grupos:
 1. El primer grupo nos ofrece las diferentes herramientas con que contamos para crear y modificar cualquier dibujo
en el área de trabajo.
En este caso se ve activada la herramienta de Selección y Movimiento (esquina superior izquierda).
2. Éstas son las herramientas de ayuda para la visualización del área de trabajo
3. Éste es el controlador de color de Flash. Dividido en el color de Contorno y de Relleno.
Muy similar al de otros programas vectoriales como Freehand.
4. Al final del panel aparecerán las opciones de la herramienta que tengamos activada.
En este caso las opciones de la herramienta de Selección y Movimiento.
 Para utilizar cualquiera de las herramientas del panel seguiremos los pasos siguientes:
1. Picamos en la herramienta que queremos utilizar o bien tecleamos el carácter del teclado de la herramienta.
2. Movemos el cursor a la escena y utilizamos la herramienta.
A parte de éstas, hay otras barras de herramientas, que "a priori" no están visibles, que pueden sernos de utilidad
tenerlas en la pantalla de trabajo.
Desde el menú Ventana podremos acceder a las Barras de Herramientas que incluyen la barra de Herramienta Principal,
Estado y Controlador.
Panel y barras de herramientas

Más contenido relacionado

La actualidad más candente

Interfaz de Flash (herramientas)
Interfaz de Flash (herramientas)Interfaz de Flash (herramientas)
Interfaz de Flash (herramientas)
yotzelin
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
Salma Solis
 
Miranda solano - copia
Miranda solano - copiaMiranda solano - copia
Miranda solano - copiafabiosolano26
 
Macromedia flash
Macromedia flashMacromedia flash
Macromedia flash
YadayRomero
 
Flash CS3 Unidad 1
Flash CS3 Unidad 1Flash CS3 Unidad 1
Flash CS3 Unidad 1
Andres Marulanda
 
Flash
FlashFlash
Flash
paola Vdrn
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
Esmeralda Ramirez Ramirez
 
Trabajo resumen flash anyi amaya
Trabajo resumen flash anyi amayaTrabajo resumen flash anyi amaya
Trabajo resumen flash anyi amayaanyicitaazulita
 
Barra de herramientas de flash
Barra de herramientas de flashBarra de herramientas de flash
Barra de herramientas de flash
kelly Kelp
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
Daniel Juárez Cabrera
 
Identificar los elementos de la ventana principal cpgm
Identificar los elementos de la ventana principal cpgmIdentificar los elementos de la ventana principal cpgm
Identificar los elementos de la ventana principal cpgmCindy Gonzalez
 
Elementos de la interfaz de flash
Elementos de la interfaz de flashElementos de la interfaz de flash
Elementos de la interfaz de flash
Luis Iglesias
 

La actualidad más candente (17)

Pili y daryta
Pili y darytaPili y daryta
Pili y daryta
 
Interfaz de Flash (herramientas)
Interfaz de Flash (herramientas)Interfaz de Flash (herramientas)
Interfaz de Flash (herramientas)
 
Andrea
AndreaAndrea
Andrea
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Introduccion Flash
 Introduccion Flash Introduccion Flash
Introduccion Flash
 
Miranda solano - copia
Miranda solano - copiaMiranda solano - copia
Miranda solano - copia
 
Macromedia flash 8 angie
Macromedia flash 8 angieMacromedia flash 8 angie
Macromedia flash 8 angie
 
Macromedia flash
Macromedia flashMacromedia flash
Macromedia flash
 
Flash CS3 Unidad 1
Flash CS3 Unidad 1Flash CS3 Unidad 1
Flash CS3 Unidad 1
 
Flash
FlashFlash
Flash
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Gisell...
Gisell...Gisell...
Gisell...
 
Trabajo resumen flash anyi amaya
Trabajo resumen flash anyi amayaTrabajo resumen flash anyi amaya
Trabajo resumen flash anyi amaya
 
Barra de herramientas de flash
Barra de herramientas de flashBarra de herramientas de flash
Barra de herramientas de flash
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Identificar los elementos de la ventana principal cpgm
Identificar los elementos de la ventana principal cpgmIdentificar los elementos de la ventana principal cpgm
Identificar los elementos de la ventana principal cpgm
 
Elementos de la interfaz de flash
Elementos de la interfaz de flashElementos de la interfaz de flash
Elementos de la interfaz de flash
 

Similar a Elementos de la interfaz de flash

Diapositivas Duban
Diapositivas DubanDiapositivas Duban
Diapositivas DubanDUBANXD
 
Diseño gráfico flash
Diseño gráfico flashDiseño gráfico flash
Diseño gráfico flashaltair92
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
Ferdinando Cervantes
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
Salma Solis
 
Macromedia flash 8
Macromedia flash 8Macromedia flash 8
Macromedia flash 8
riveristajonathan
 
INTERFAZ DE USUARIO DE FLASH
INTERFAZ DE USUARIO DE FLASHINTERFAZ DE USUARIO DE FLASH
INTERFAZ DE USUARIO DE FLASH
lizeth garcia
 
Carlitos
CarlitosCarlitos
Carlitos
carlos yáñez
 
Mateus mendoza
Mateus mendozaMateus mendoza
Mateus mendozasheider
 
Mateus mendoza
Mateus mendozaMateus mendoza
Mateus mendozawilber1
 
Herramientas flash
Herramientas flashHerramientas flash
Herramientas flash
yotzelin
 
La interfaz de flash
La interfaz de flashLa interfaz de flash
La interfaz de flash
Heber Antuan Rodríguez Islas
 
Tema 1
Tema 1Tema 1
Tema 1
ely_unitec
 
Aporte al curso
Aporte al cursoAporte al curso
Aporte al cursomaydandre
 

Similar a Elementos de la interfaz de flash (19)

Diapositivas Duban
Diapositivas DubanDiapositivas Duban
Diapositivas Duban
 
Diseño gráfico flash
Diseño gráfico flashDiseño gráfico flash
Diseño gráfico flash
 
Flash cs5
Flash cs5Flash cs5
Flash cs5
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Macromedia flash 8
Macromedia flash 8Macromedia flash 8
Macromedia flash 8
 
Macromedia flash 8
Macromedia flash 8Macromedia flash 8
Macromedia flash 8
 
Macromedia flash 8
Macromedia flash 8Macromedia flash 8
Macromedia flash 8
 
Macromedia flash 8
Macromedia flash 8Macromedia flash 8
Macromedia flash 8
 
INTERFAZ DE USUARIO DE FLASH
INTERFAZ DE USUARIO DE FLASHINTERFAZ DE USUARIO DE FLASH
INTERFAZ DE USUARIO DE FLASH
 
Carlitos
CarlitosCarlitos
Carlitos
 
Orlando
OrlandoOrlando
Orlando
 
Mateus mendoza
Mateus mendozaMateus mendoza
Mateus mendoza
 
Mateus mendoza
Mateus mendozaMateus mendoza
Mateus mendoza
 
Herramientas flash
Herramientas flashHerramientas flash
Herramientas flash
 
La interfaz de flash
La interfaz de flashLa interfaz de flash
La interfaz de flash
 
Tema 1
Tema 1Tema 1
Tema 1
 
Macromedia flash
Macromedia flashMacromedia flash
Macromedia flash
 
Aporte al curso
Aporte al cursoAporte al curso
Aporte al curso
 

Último

EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
JuanPrez962115
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
44652726
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
jjfch3110
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 

Último (20)

EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 

Elementos de la interfaz de flash

  • 1. Elementos de la interfaz de flash TOMAS HERNANDEZ GARCIA 6BTV
  • 3.  Flash CS3 cuenta con un entorno o interfaz de trabajo renovada de lo más manejable e intuitiva. Además, tiene la ventaja de que es similar a la de otros programas de Adobe (Photoshop, Dreamweaver, Illustrator...), todo esto hace más fácil aprender Flash y más rápido su manejo y dominio. Esto es lo que nos encontraremos al abrir Flash CS3 por primera vez:
  • 4. Barra de Menús 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: Te permite insertar objetos en la película, así como nuevos fotogramas, capas, acciones, escenas...
  • 5. Barra de Menús  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í encontrarás 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, guardalos, cargalos, 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...
  • 6. Linea del tiempo  La Línea de Tiempo representa una forma de ver los fotogramas de modo simplificado. Consta de 2 partes
  • 7.  1) Los Fotogramas (frames) que vienen delimitados por líneas verticales (formando rectángulos)  2) Los Números de Fotograma que permiten saber qué número tiene asignado cada fotograma, cuánto dura o cuándo aparecerá en la película.  Además, en la parte inferior hay herramientas para trabajar con Papel cebolla e información sobre el Número de Fotograma actual (1 en la imagen), la Velocidad de los Fotogramas (24.0 en la imagen) y el Tiempo de película transcurrido (0.0s en la imagen).  A nivel conceptual, la Línea de Tiempo representa la sucesión de Fotogramas en el tiempo. Es decir, la película Flash no será nada más que los fotogramas que aparecen en la Línea de tiempo uno detrás de otro, en el orden que establece la misma Línea de tiempo
  • 8. Capas  El concepto de Capa es fundamental para manejar Flash de forma eficiente. Dada la importancia de estas, se le dedicará un tema completo. Aún así, veamos a grandes rasgos qué son las capas.  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).  Los objetos que estén en una determinada capa comparten fotograma y por tanto, pueden "mezclarse" entre sí. Esto es interesante a menudo, pero otras veces es conveniente separar los objetos de modo que no interfieran entre sí. Para ello, crearemos tantas capas como sea necesario. El uso de múltiples capas además, da lugar a películas bien ordenadas y de fácil manejo (es conveniente colocar los el código ActionScript en una capa independiente llamada "acciones", por ejemplo). Las ventajas y desventajas de usar capas se verá en la unidad referente a Capas.
  • 9.
  • 10. Escenario  Propiedades del documento. Para acceder a ellas, hagamos clic con el botón derecho sobre cualquier parte del escenario en la que no haya ningún objeto y después sobre Propiedades del documento:  Añade metadatos a tus archivos para una mejor inclusión de estos en los motores de busqueda rellenando los campos de Título y Descripción.  Dimensiones: Determinan el tamaño de la película. El tamaño mínimo es de 1 x 1 px (píxeles) y el máximo de 2880 x 2880 px.  Coincidir: Provocan que el tamaño de la película coincida con el botón seleccionado (tamaño por defecto de la Impresora, Contenidos existentes o los elegidos como Predeterminados)  Color de Fondo: El color aquí seleccionado será el color de fondo de toda la película.
  • 11. Escenario  Veloc. Fotogramas: O número de fotogramas por segundo que aparecerán en la película.  Unidades de Regla: Unidad que se empleará para medir las cantidades.
  • 12. Panel de propiedades  Hemos visto anteriormente que podemos modificar una instancia de un símbolo sin modificar el símbolo original en cuestión. Sin embargo, al no tratarse de un gráfico vectorial (veremos que significa esto más adelante), no podemos modificar las instancias con las herramientas de dibujo de Flash 8, pero sí mediante el Panel de Propiedades, que permite la manipulación "externa" de la instancia.  Así, este panel, que como hemos visto resulta sumamente útil, no nos permite modificar la estructura básica de la instancia, pero sí otras propiedades, esto es, podremos hacer que la instancia tenga más brillo, pero no transformar una estrella en un círculo).
  • 13.
  • 14. Panel y barras de herramientas  Una de las partes más importantes de Flash es el panel de Herramientas (Ventana>Herramientas). Dentro de este Panel las herramientas se organizan por grupos:  1. El primer grupo nos ofrece las diferentes herramientas con que contamos para crear y modificar cualquier dibujo en el área de trabajo. En este caso se ve activada la herramienta de Selección y Movimiento (esquina superior izquierda). 2. Éstas son las herramientas de ayuda para la visualización del área de trabajo 3. Éste es el controlador de color de Flash. Dividido en el color de Contorno y de Relleno. Muy similar al de otros programas vectoriales como Freehand. 4. Al final del panel aparecerán las opciones de la herramienta que tengamos activada. En este caso las opciones de la herramienta de Selección y Movimiento.  Para utilizar cualquiera de las herramientas del panel seguiremos los pasos siguientes: 1. Picamos en la herramienta que queremos utilizar o bien tecleamos el carácter del teclado de la herramienta. 2. Movemos el cursor a la escena y utilizamos la herramienta. A parte de éstas, hay otras barras de herramientas, que "a priori" no están visibles, que pueden sernos de utilidad tenerlas en la pantalla de trabajo. Desde el menú Ventana podremos acceder a las Barras de Herramientas que incluyen la barra de Herramienta Principal, Estado y Controlador.
  • 15. Panel y barras de herramientas