SlideShare une entreprise Scribd logo
1  sur  12
PAGINAS WEB FLASH ARTURO PEREZ ALCANTARA Doc.paart@gmail.com
temario 1. Introducción a Flash 	 2. El entorno de Flash 	 3. Dibujar y colorear	 4. Textos	 5. Sonidos	 6. Trabajar con objetos	 7. Las Capas	 8. Símbolos	  9. Gráficos	 10. Clips de Película	 11. Botones	 12. Animaciones de movimiento	 13. Animación por Forma	 14. Efectos sobre animaciones	 15. Generar y publicar películas	 16. Introducción a ActionScript
 ¿Qué es FLASH? Flash CSxes una potente herramienta desarrollada por Adobe que ha superado las mejores expectativas de sus creadores. Flash fue creado con el objeto de realizar animaciones y diseños vistosos para la web. Desde la web de Adobe se puede descargar una versión de evaluación de Flash CS4 válida para 30 días. Los logotipos de Flash son propiedad de Adobe, así como las marcas registradas Flash y Adobe. ¿Por qué usar Flash? Flashha conseguido hacer posible lo que más se echa en falta en Internet: Dinamismo, y con dinamismo no sólo nos referimos a las animaciones, sino que Flash permite crear aplicaciones interactivas que permiten al usuario ver la web como algo atractivo, no estático (en contraposición a la mayoría de las páginas, que están realizadas empleando el lenguaje HTML). Con Flash podremos crear de modo fácil y rápido animaciones de todo tipo, desde un botón a un complejo juego. Además sus desarrolladores estan apostando muy fuerte por ActionScript, el lenguaje de programación Flash
 INTERFAZ GRÁFICA DE FLASH?
LA BARRA DE MENUS 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, permite moverse 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... 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. 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 ...).
LA BARRA DE MENUS (continúa…) Texto: Sus contenidos afectan a la edición de texto.  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í se encuentran las opciones de depuración de la película que ayudaran a encontrar errores de programació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 propios Espacios de Trabajo, guardarlos, cargarlos, etc. Ayuda: Desde aquí se puede 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...
El entorno de trabajo La Línea de 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 (12.0 en la imagen) y el Tiempo de película transcurrido (0.0s en la imagen). 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.
Las 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). 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.
El Escenario Sobre el escenario se dibujan y colocan los diferentes elementos de la película que se este realizando. El escenario tiene unas propiedades muy importantes, ya que coinciden con las 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.
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. Transformar en predeterminado: Este botón, propio de la nueva versión de Flash, permite almacenar las propiedades del documento actual y aplicarlas a todos los documentos nuevos que se creen desde ese instante en adelante. Estas propiedades por supuesto podrán ser alteradas desde este panel cuando se desee.
Las Vistas o Zooms La Herramienta Lupa  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 la Lupa duplicaremos el porcentaje indicado en el Panel 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  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. Estos paneles o ventanas se encuentran organizados en el lateral derecho del área de trabajo. Pudiéndose expandir o minimizar con un clic de ratón. Si no están visibles en el lateral derecho, se pueden visualizar desplegando el menú Ventana y haciendo clic sobre el nombre del panel que se quiera mostrar.
Los paneles Panel Alinear: Coloca los objetos del modo que le indiquemos. Muy útil. Panel Color: Mediante este panel creamos los colores que más nos gusten. Panel Muestras: Nos permite seleccionar un color de modo rápido y gráfico. (Incluidas nuestras creaciones). Panel Escena: Modifica los atributos de las escenas que usemos. Si aún no sabes lo que son las Escenas, te lo explicamos en nuestro tema básico . Panel Transformar: Ensancha, encoge, gira ... los objetos seleccionados. Panel Acciones: De gran ayuda para emplear Action Script y asociar acciones a nuestra película. Panel Comportamientos: Permiten asignar a determinados objetos una serie de características (comportamientos) que después podrán almacenarse para aplicarse a otros objetos de forma rápida y eficaz. Panel Cadenas: Mediante este panel Flash aporta soporte multi-idioma a nuestras películas. Panel Propiedades: Sin duda, el panel más usado y más importante. Nos muestra las propiedades del objeto seleccionado en ese instante, color de borde, de fondo, tipo de trazo, tamaño de los caracteres, tipografía, propiedades de los objetos (si hay interpolaciones etc...), coordenadas, tamaño etc... Es fundamental, no debeis perderlo de vista nunca. Panel Explorador de Películas: Nos permite acceder a todo el contenido de nuestra película de forma fácil y rápida

Contenu connexe

Tendances

Entorno de desarrollo de visual basic 6.0
Entorno de desarrollo de visual basic 6.0Entorno de desarrollo de visual basic 6.0
Entorno de desarrollo de visual basic 6.0Miguel Pacho
 
Principales caracteristicas de power point 2010
Principales caracteristicas de power point 2010Principales caracteristicas de power point 2010
Principales caracteristicas de power point 2010Javier Lima
 
Herramientas del menú word
Herramientas del menú wordHerramientas del menú word
Herramientas del menú wordDian Navarro G
 
Barra de inicio en word
Barra de inicio en wordBarra de inicio en word
Barra de inicio en wordDavid Sampedro
 
Presentación sobre Diseño Web
Presentación sobre Diseño WebPresentación sobre Diseño Web
Presentación sobre Diseño WebMarcelo Freitas
 
DIRECTORIOS Y CARPETAS DE WINDOWS
DIRECTORIOS Y CARPETAS DE WINDOWSDIRECTORIOS Y CARPETAS DE WINDOWS
DIRECTORIOS Y CARPETAS DE WINDOWS'Aridne Martinez
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño webciwmx
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticasFloydMera98
 
Barras dreamweaver
Barras dreamweaverBarras dreamweaver
Barras dreamweaverLISBETH-17
 
Mapa conceptual procesador de texto
Mapa conceptual procesador de textoMapa conceptual procesador de texto
Mapa conceptual procesador de textogloriavelandiasoytic
 
Mapa conceptual
Mapa conceptualMapa conceptual
Mapa conceptualFany Duque
 
HTML5 &CSS: Chapter 08
HTML5 &CSS: Chapter 08HTML5 &CSS: Chapter 08
HTML5 &CSS: Chapter 08Steve Guinan
 

Tendances (20)

Entorno de desarrollo de visual basic 6.0
Entorno de desarrollo de visual basic 6.0Entorno de desarrollo de visual basic 6.0
Entorno de desarrollo de visual basic 6.0
 
Diapositivas de word[1]
Diapositivas de word[1]Diapositivas de word[1]
Diapositivas de word[1]
 
Principales caracteristicas de power point 2010
Principales caracteristicas de power point 2010Principales caracteristicas de power point 2010
Principales caracteristicas de power point 2010
 
Herramientas del menú word
Herramientas del menú wordHerramientas del menú word
Herramientas del menú word
 
Que es word y sus partes
Que es word y sus partesQue es word y sus partes
Que es word y sus partes
 
Barra de inicio en word
Barra de inicio en wordBarra de inicio en word
Barra de inicio en word
 
Presentación sobre Diseño Web
Presentación sobre Diseño WebPresentación sobre Diseño Web
Presentación sobre Diseño Web
 
Herramientas de word
Herramientas de wordHerramientas de word
Herramientas de word
 
Las Ventanas De Windows
Las Ventanas De WindowsLas Ventanas De Windows
Las Ventanas De Windows
 
PowerPoint
PowerPointPowerPoint
PowerPoint
 
Diseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.pptDiseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.ppt
 
DIRECTORIOS Y CARPETAS DE WINDOWS
DIRECTORIOS Y CARPETAS DE WINDOWSDIRECTORIOS Y CARPETAS DE WINDOWS
DIRECTORIOS Y CARPETAS DE WINDOWS
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticas
 
Entorno power point
Entorno power pointEntorno power point
Entorno power point
 
Barras dreamweaver
Barras dreamweaverBarras dreamweaver
Barras dreamweaver
 
Mapa conceptual procesador de texto
Mapa conceptual procesador de textoMapa conceptual procesador de texto
Mapa conceptual procesador de texto
 
Mapa conceptual
Mapa conceptualMapa conceptual
Mapa conceptual
 
HTML5 &CSS: Chapter 08
HTML5 &CSS: Chapter 08HTML5 &CSS: Chapter 08
HTML5 &CSS: Chapter 08
 

En vedette

computadora para diseñadores y publicistas
computadora para diseñadores y publicistascomputadora para diseñadores y publicistas
computadora para diseñadores y publicistasNatalia Lopez Muñoz
 
COMPONENTES PARA UN BUEN PC PARA DISEÑADOR
COMPONENTES PARA UN BUEN PC PARA DISEÑADORCOMPONENTES PARA UN BUEN PC PARA DISEÑADOR
COMPONENTES PARA UN BUEN PC PARA DISEÑADORoricamo
 
10 Apps que todo publicista necesita tener en su Smartphone
10 Apps que todo publicista necesita tener en su Smartphone10 Apps que todo publicista necesita tener en su Smartphone
10 Apps que todo publicista necesita tener en su SmartphoneSímbolo Ingenio Creativo
 
Variables y constantes[1]
Variables y constantes[1]Variables y constantes[1]
Variables y constantes[1]betico111
 
CorelDRAW Aplicaciones
CorelDRAW AplicacionesCorelDRAW Aplicaciones
CorelDRAW AplicacionesDiego Zanetti
 
Uso De Herramientas De Flash
Uso De Herramientas De FlashUso De Herramientas De Flash
Uso De Herramientas De Flash185nayeli
 

En vedette (11)

Temario de computacion iv
Temario de computacion ivTemario de computacion iv
Temario de computacion iv
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
computadora para diseñadores y publicistas
computadora para diseñadores y publicistascomputadora para diseñadores y publicistas
computadora para diseñadores y publicistas
 
COMPONENTES PARA UN BUEN PC PARA DISEÑADOR
COMPONENTES PARA UN BUEN PC PARA DISEÑADORCOMPONENTES PARA UN BUEN PC PARA DISEÑADOR
COMPONENTES PARA UN BUEN PC PARA DISEÑADOR
 
10 Apps que todo publicista necesita tener en su Smartphone
10 Apps que todo publicista necesita tener en su Smartphone10 Apps que todo publicista necesita tener en su Smartphone
10 Apps que todo publicista necesita tener en su Smartphone
 
InDesign
InDesignInDesign
InDesign
 
La interfaz de flash
La interfaz de flashLa interfaz de flash
La interfaz de flash
 
Variables y constantes[1]
Variables y constantes[1]Variables y constantes[1]
Variables y constantes[1]
 
Herramientas de Flash
Herramientas de FlashHerramientas de Flash
Herramientas de Flash
 
CorelDRAW Aplicaciones
CorelDRAW AplicacionesCorelDRAW Aplicaciones
CorelDRAW Aplicaciones
 
Uso De Herramientas De Flash
Uso De Herramientas De FlashUso De Herramientas De Flash
Uso De Herramientas De Flash
 

Similaire à Diseño gráfico flash

La interfaz de flash cs42
La interfaz de flash cs42La interfaz de flash cs42
La interfaz de flash cs42gelareal30
 
Elementos de la interfaz de flash
Elementos de la interfaz de flashElementos de la interfaz de flash
Elementos de la interfaz de flashAlma G. N.
 
Macromedia ( mateus sneider bautista )
Macromedia ( mateus sneider  bautista )Macromedia ( mateus sneider  bautista )
Macromedia ( mateus sneider bautista )sheider
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flashZaidaMena2
 
Diapositivas Duban
Diapositivas DubanDiapositivas Duban
Diapositivas DubanDUBANXD
 
Elementos de la interfaz de flash
Elementos de la interfaz de flashElementos de la interfaz de flash
Elementos de la interfaz de flashTomas Garcia
 
Trabajo resumen flash anyi amaya
Trabajo resumen flash anyi amayaTrabajo resumen flash anyi amaya
Trabajo resumen flash anyi amayaanyicitaazulita
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flashSalma Solis
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flashSalma Solis
 
Interfaz de flash 1.0
Interfaz de flash 1.0Interfaz de flash 1.0
Interfaz de flash 1.0Jesus Ortega
 
Elementos de-la-interfaz-de-flash
Elementos de-la-interfaz-de-flashElementos de-la-interfaz-de-flash
Elementos de-la-interfaz-de-flashLalo RC
 
Barra de herramientas de flash
Barra de herramientas de flashBarra de herramientas de flash
Barra de herramientas de flashkelly Kelp
 
Barra de herramientas de flash
Barra de herramientas de flashBarra de herramientas de flash
Barra de herramientas de flashGabriela López
 

Similaire à Diseño gráfico flash (20)

Flash cs5
Flash cs5Flash cs5
Flash cs5
 
La interfaz de flash cs42
La interfaz de flash cs42La interfaz de flash cs42
La interfaz de flash cs42
 
Elementos de la interfaz de flash
Elementos de la interfaz de flashElementos de la interfaz de flash
Elementos de la interfaz de flash
 
Macromedia ( mateus sneider bautista )
Macromedia ( mateus sneider  bautista )Macromedia ( mateus sneider  bautista )
Macromedia ( mateus sneider bautista )
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Diapositivas Duban
Diapositivas DubanDiapositivas Duban
Diapositivas Duban
 
Pili y daryta
Pili y darytaPili y daryta
Pili y daryta
 
Elementos de la interfaz de flash
Elementos de la interfaz de flashElementos de la interfaz de flash
Elementos de la interfaz de flash
 
Trabajo resumen flash anyi amaya
Trabajo resumen flash anyi amayaTrabajo resumen flash anyi amaya
Trabajo resumen flash anyi amaya
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Tema 1
Tema 1Tema 1
Tema 1
 
Flash Duban
Flash DubanFlash Duban
Flash Duban
 
Interfaz de flash 1.0
Interfaz de flash 1.0Interfaz de flash 1.0
Interfaz de flash 1.0
 
Andrea
AndreaAndrea
Andrea
 
Orlando
OrlandoOrlando
Orlando
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Elementos de-la-interfaz-de-flash
Elementos de-la-interfaz-de-flashElementos de-la-interfaz-de-flash
Elementos de-la-interfaz-de-flash
 
Barra de herramientas de flash
Barra de herramientas de flashBarra de herramientas de flash
Barra de herramientas de flash
 
Barra de herramientas de flash
Barra de herramientas de flashBarra de herramientas de flash
Barra de herramientas de flash
 

Dernier

LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 

Dernier (20)

LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 

Diseño gráfico flash

  • 1. PAGINAS WEB FLASH ARTURO PEREZ ALCANTARA Doc.paart@gmail.com
  • 2. temario 1. Introducción a Flash 2. El entorno de Flash 3. Dibujar y colorear 4. Textos 5. Sonidos 6. Trabajar con objetos 7. Las Capas 8. Símbolos 9. Gráficos 10. Clips de Película 11. Botones 12. Animaciones de movimiento 13. Animación por Forma 14. Efectos sobre animaciones 15. Generar y publicar películas 16. Introducción a ActionScript
  • 3.  ¿Qué es FLASH? Flash CSxes una potente herramienta desarrollada por Adobe que ha superado las mejores expectativas de sus creadores. Flash fue creado con el objeto de realizar animaciones y diseños vistosos para la web. Desde la web de Adobe se puede descargar una versión de evaluación de Flash CS4 válida para 30 días. Los logotipos de Flash son propiedad de Adobe, así como las marcas registradas Flash y Adobe. ¿Por qué usar Flash? Flashha conseguido hacer posible lo que más se echa en falta en Internet: Dinamismo, y con dinamismo no sólo nos referimos a las animaciones, sino que Flash permite crear aplicaciones interactivas que permiten al usuario ver la web como algo atractivo, no estático (en contraposición a la mayoría de las páginas, que están realizadas empleando el lenguaje HTML). Con Flash podremos crear de modo fácil y rápido animaciones de todo tipo, desde un botón a un complejo juego. Además sus desarrolladores estan apostando muy fuerte por ActionScript, el lenguaje de programación Flash
  • 5. LA BARRA DE MENUS 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, permite moverse 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... 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. 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 ...).
  • 6. LA BARRA DE MENUS (continúa…) Texto: Sus contenidos afectan a la edición de texto. 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í se encuentran las opciones de depuración de la película que ayudaran a encontrar errores de programació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 propios Espacios de Trabajo, guardarlos, cargarlos, etc. Ayuda: Desde aquí se puede 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...
  • 7. El entorno de trabajo La Línea de 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 (12.0 en la imagen) y el Tiempo de película transcurrido (0.0s en la imagen). 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. Las 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). 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.
  • 9. El Escenario Sobre el escenario se dibujan y colocan los diferentes elementos de la película que se este realizando. El escenario tiene unas propiedades muy importantes, ya que coinciden con las 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.
  • 10. 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. Transformar en predeterminado: Este botón, propio de la nueva versión de Flash, permite almacenar las propiedades del documento actual y aplicarlas a todos los documentos nuevos que se creen desde ese instante en adelante. Estas propiedades por supuesto podrán ser alteradas desde este panel cuando se desee.
  • 11. Las Vistas o Zooms La Herramienta Lupa 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 la Lupa duplicaremos el porcentaje indicado en el Panel 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 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. Estos paneles o ventanas se encuentran organizados en el lateral derecho del área de trabajo. Pudiéndose expandir o minimizar con un clic de ratón. Si no están visibles en el lateral derecho, se pueden visualizar desplegando el menú Ventana y haciendo clic sobre el nombre del panel que se quiera mostrar.
  • 12. Los paneles Panel Alinear: Coloca los objetos del modo que le indiquemos. Muy útil. Panel Color: Mediante este panel creamos los colores que más nos gusten. Panel Muestras: Nos permite seleccionar un color de modo rápido y gráfico. (Incluidas nuestras creaciones). Panel Escena: Modifica los atributos de las escenas que usemos. Si aún no sabes lo que son las Escenas, te lo explicamos en nuestro tema básico . Panel Transformar: Ensancha, encoge, gira ... los objetos seleccionados. Panel Acciones: De gran ayuda para emplear Action Script y asociar acciones a nuestra película. Panel Comportamientos: Permiten asignar a determinados objetos una serie de características (comportamientos) que después podrán almacenarse para aplicarse a otros objetos de forma rápida y eficaz. Panel Cadenas: Mediante este panel Flash aporta soporte multi-idioma a nuestras películas. Panel Propiedades: Sin duda, el panel más usado y más importante. Nos muestra las propiedades del objeto seleccionado en ese instante, color de borde, de fondo, tipo de trazo, tamaño de los caracteres, tipografía, propiedades de los objetos (si hay interpolaciones etc...), coordenadas, tamaño etc... Es fundamental, no debeis perderlo de vista nunca. Panel Explorador de Películas: Nos permite acceder a todo el contenido de nuestra película de forma fácil y rápida