SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

Procesador de texto (software de aplicacion)
Procesador de texto (software de aplicacion)Procesador de texto (software de aplicacion)
Procesador de texto (software de aplicacion)Diana 'Rueda
 
El Proceso de Animación
El Proceso de AnimaciónEl Proceso de Animación
El Proceso de AnimaciónAlfredo Salazar
 
Formas de estado_y_de_gobierno._generalidades 2015
Formas de estado_y_de_gobierno._generalidades 2015Formas de estado_y_de_gobierno._generalidades 2015
Formas de estado_y_de_gobierno._generalidades 2015Orozco Jorge
 
cuadro comparativo de gmail y hotmail
cuadro comparativo de gmail y hotmailcuadro comparativo de gmail y hotmail
cuadro comparativo de gmail y hotmaillizmunozp93
 
Conceptos basicos en adobe flash nusero
Conceptos basicos en adobe flash   nuseroConceptos basicos en adobe flash   nusero
Conceptos basicos en adobe flash nuseroNilson Negrete
 
El impacto cultural de los videojuegos a nivel mundial
El impacto cultural de los videojuegos a nivel mundialEl impacto cultural de los videojuegos a nivel mundial
El impacto cultural de los videojuegos a nivel mundialSebastian Sepulveda
 
Cuadro comparativo de transiciones y animaciones
Cuadro comparativo de transiciones y animacionesCuadro comparativo de transiciones y animaciones
Cuadro comparativo de transiciones y animacioneskaren camacho
 
diferencias entre el derecho internacional publico y privado
diferencias entre el derecho internacional publico y privadodiferencias entre el derecho internacional publico y privado
diferencias entre el derecho internacional publico y privadoeyerlin iglesias oñate
 
La importancia del google drive
La importancia del google driveLa importancia del google drive
La importancia del google driveLuz Cusma
 
Importancia del Derecho en la Actualidad
Importancia del Derecho en la ActualidadImportancia del Derecho en la Actualidad
Importancia del Derecho en la ActualidadAlexander Vasquez
 
ensayo de la La nube
ensayo de la La nubeensayo de la La nube
ensayo de la La nubealex Acosta
 
Informatica basica power point
Informatica basica power pointInformatica basica power point
Informatica basica power pointmaria168
 
Anime Studio Pro 5
Anime Studio Pro 5Anime Studio Pro 5
Anime Studio Pro 5juliana2694
 
Introduccion a Photoshop CS4
Introduccion a Photoshop CS4Introduccion a Photoshop CS4
Introduccion a Photoshop CS4Maikitoo Malca
 
Ventajas y desventajas de windows 8
Ventajas y desventajas de windows 8Ventajas y desventajas de windows 8
Ventajas y desventajas de windows 8Paul Morales
 

What's hot (20)

Procesador de texto (software de aplicacion)
Procesador de texto (software de aplicacion)Procesador de texto (software de aplicacion)
Procesador de texto (software de aplicacion)
 
El Proceso de Animación
El Proceso de AnimaciónEl Proceso de Animación
El Proceso de Animación
 
Formas de estado_y_de_gobierno._generalidades 2015
Formas de estado_y_de_gobierno._generalidades 2015Formas de estado_y_de_gobierno._generalidades 2015
Formas de estado_y_de_gobierno._generalidades 2015
 
cuadro comparativo de gmail y hotmail
cuadro comparativo de gmail y hotmailcuadro comparativo de gmail y hotmail
cuadro comparativo de gmail y hotmail
 
Conceptos basicos en adobe flash nusero
Conceptos basicos en adobe flash   nuseroConceptos basicos en adobe flash   nusero
Conceptos basicos en adobe flash nusero
 
El impacto cultural de los videojuegos a nivel mundial
El impacto cultural de los videojuegos a nivel mundialEl impacto cultural de los videojuegos a nivel mundial
El impacto cultural de los videojuegos a nivel mundial
 
Cuadro comparativo de transiciones y animaciones
Cuadro comparativo de transiciones y animacionesCuadro comparativo de transiciones y animaciones
Cuadro comparativo de transiciones y animaciones
 
diferencias entre el derecho internacional publico y privado
diferencias entre el derecho internacional publico y privadodiferencias entre el derecho internacional publico y privado
diferencias entre el derecho internacional publico y privado
 
Linea del tiempo
Linea del tiempoLinea del tiempo
Linea del tiempo
 
La importancia del google drive
La importancia del google driveLa importancia del google drive
La importancia del google drive
 
Division del derecho
Division del derechoDivision del derecho
Division del derecho
 
Importancia del Derecho en la Actualidad
Importancia del Derecho en la ActualidadImportancia del Derecho en la Actualidad
Importancia del Derecho en la Actualidad
 
Proceso legislativo
Proceso legislativoProceso legislativo
Proceso legislativo
 
ensayo de la La nube
ensayo de la La nubeensayo de la La nube
ensayo de la La nube
 
Derechos de Autor en el Cine
Derechos de Autor en el CineDerechos de Autor en el Cine
Derechos de Autor en el Cine
 
Fuentes de derecho
Fuentes de derechoFuentes de derecho
Fuentes de derecho
 
Informatica basica power point
Informatica basica power pointInformatica basica power point
Informatica basica power point
 
Anime Studio Pro 5
Anime Studio Pro 5Anime Studio Pro 5
Anime Studio Pro 5
 
Introduccion a Photoshop CS4
Introduccion a Photoshop CS4Introduccion a Photoshop CS4
Introduccion a Photoshop CS4
 
Ventajas y desventajas de windows 8
Ventajas y desventajas de windows 8Ventajas y desventajas de windows 8
Ventajas y desventajas de windows 8
 

Viewers also liked

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
 

Viewers also liked (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
 

Similar to 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
 

Similar to 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
 

Recently uploaded

Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
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
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
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
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
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
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
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
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
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
 
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
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
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
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 

Recently uploaded (20)

Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
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
 
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
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
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
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
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
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
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
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
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
 
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
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.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
 
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
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 

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