SlideShare una empresa de Scribd logo
1 de 20
MATERIA:
Programacion web
TEMA:
Capas en flash
DOCENTE:
Erick de Jesús Tellez Vera
PRESENTAN:
Javier Hernández Hernández
Rufino Pucheta Toga
E. Antonio Xolo Ramírez
Alejandro Fiscal Ixtepan
*¿QUÉ ES UNA CAPA?
*Cada capa es, por tanto, un nivel en el que
podemos dibujar, insertar sonidos, textos...
con independencia del resto de capas. Hay que
tener en cuenta que todas las capas comparten
la misma Línea de Tiempo y por tanto, sus
distintos fotogramas se reproducirán
simultáneamente.
*Trabajar con capas
*Nueva capa : Como su nombre indica, sirve para Insertar una
nueva capa en la escena actual. Crea capas normales (en el
siguiente punto se verán los distintos tipos de capas).
*Crear carpeta : Nos sirve para crear carpetas, que nos
ayudarán a organizar nuestras capas.
*Crear capa insertar guia de movimiento
* crear carpeta
*BOTONES
*Borrar Capa : Borra la capa seleccionada.
*Cambiar Nombre: Para cambiar el nombre a una capa,
basta con hacer doble clic en el nombre actual.
*Propiedades de Capa: Si hacemos doble clic sobre el
icono junto al nombre de la capa, podremos acceder a un
panel con las propiedades de la capa en la que hayamos
hecho clic. Podremos modificar todas las opciones que
hemos comentado anteriormente y alguna más de menor
importancia.
*Tipos de capas
Capas normales : Son las capas por defecto de Flash y
tienen todas las propiedades descritas en los puntos
anteriores.
Capas animación movimiento : Son las capas que contienen
una animación por interpolación de movimiento.
Capas Guía / : Son capas especiales de contenido específico.
Se emplean en las animaciones de movimiento de objetos y
su único fin es marcar la trayectoria que debe seguir dicho
objeto.
*Capas guiadas (Guided Layers) : Definir una
capa como guía no tiene sentido hasta que
definamos también una capa guiada. Esto es,
una capa que quedará afectada por la guía
definida en la Capa guía.
*PROCESO DE CREACION DE CAPA GUIA Y CAPA GUIADA
*Abrir flash 8
*Seleccionar nuevo documento de flash
*Seleccionar la herramienta circulo y dibujarlo en la
escena
*Cambiar el nombre de la capa haciendo doble clic sobre
el nombre de la capa como se muestra en la siguiente
imagen
*Añadir una capa guía haciendo clic en el botón añadir guía
*Y ahora se tienen dos capas capa bola y la capa guía de la
bola
*Nos posicionamos en el fotograma que se quiera y dar f6 en
este caso se ocupo 45 fotogramas
*Nos posicionamos en el primer fotograma de capa guía y
trazamos la ruta que ha de seguir la bola con la herramienta
lapiz
*Dar click en el primer fotograma de la capa bola click
derecho sobre el y seleccionar la opcion crear interpolacion
de movimiento
*Seleccionar la herramienta seleccionar y mover la bola al
inicio de la linea
*Posicionarse sobre el ultimo fotograma de la capa bola y
mover la bola al final de la linea exportar como pelicula y
listo
*Capas Máscara : Estas capas se pueden ver como plantillas
que tapan a las capas enmascaradas (las veremos
enseguida). Basta con decir que estas capas se colocan
"encima" de las capas a las que enmascaran y sólo dejan
que se vea la parte de éstas que tapan los objetos situados
en las capas máscara (son como filtros).
*Capas Enmascaradas : Estas capas funcionan
conjuntamente con las anteriores, ya que son las capas que
están bajo las máscaras y a las que afectan. Al igual que las
capas guía y las capas guiadas deben ir asociadas unas a
otras para que su efecto sea correcto.
*Proceso de creacion capa mascara y capa enmascarada
*Abrir flash 8
*Seleccionar nuevo documento de flash
*Renombrar la capa en este caso foto
*Insertar la imagen
*Ya tenemos la imagen ahora crear nueva capa y renombrar a
mascara
*Posicionarse en el fotograma 50 de ambas capas dar f6
*Posicionarse en la capa mascara y dibujar un circulo en el
centro de la imagen
*Posicionarse en el primer fotograma de la capa mascara
click derecho crear interpolacion de movimiento
*Dar click en el ultimo fotograma de la capa mascara
*Dar click en la herramienta seleccionar
* dar click en el circulo
*Dar clic en la herramienta transformacion libre
*Agrandar el circulo de tal manera que cubra la imagen
*Dar click derecho sobre el nombre de la capa mascara
seleccionar la opcion mascara y exportar como pelicula y
listo
*TRABAJAR CON CAPAS
*Mostrar / Ocultar Capas : Este botón permite ver u ocultar
todas las capas de la película.
*Bloquear Capas : Bloquea la edición de todas las capas, de
modo que no podremos modificarlas hasta desbloquearlas.
*Mostrar/Ocultar capas como contornos : Este botón nos
muestra/oculta los contenidos de todas las capas como si sólo
estuviesen formados por bordes.

Más contenido relacionado

La actualidad más candente

Crear una animación sobre un texto separándolo en bloques de letras
Crear una animación sobre un texto separándolo en bloques de letrasCrear una animación sobre un texto separándolo en bloques de letras
Crear una animación sobre un texto separándolo en bloques de letrasRurus9
 
Practica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegablePractica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegableaeto
 
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
CrearunaanimacinsobreuntextoseparndoloenbloquesdeletrasCrearunaanimacinsobreuntextoseparndoloenbloquesdeletras
CrearunaanimacinsobreuntextoseparndoloenbloquesdeletrasAleexiz Hdz D Perezz
 
8 animar textos por bloques
8 animar textos por bloques8 animar textos por bloques
8 animar textos por bloquesCindy Gonzalez
 
Trabajo De DiseñO Web Iii
Trabajo De DiseñO Web IiiTrabajo De DiseñO Web Iii
Trabajo De DiseñO Web Iiijayaguachi
 
Animación básica en Flash
Animación básica en FlashAnimación básica en Flash
Animación básica en FlashJaime Hernández
 
Practica nº16 de flash
Practica nº16 de flashPractica nº16 de flash
Practica nº16 de flashRafael Carlos
 

La actualidad más candente (18)

Tutorial retrato múltiple
Tutorial retrato múltipleTutorial retrato múltiple
Tutorial retrato múltiple
 
Crear una animación sobre un texto separándolo en bloques de letras
Crear una animación sobre un texto separándolo en bloques de letrasCrear una animación sobre un texto separándolo en bloques de letras
Crear una animación sobre un texto separándolo en bloques de letras
 
Practica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegablePractica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegable
 
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
CrearunaanimacinsobreuntextoseparndoloenbloquesdeletrasCrearunaanimacinsobreuntextoseparndoloenbloquesdeletras
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
 
8 animar textos por bloques
8 animar textos por bloques8 animar textos por bloques
8 animar textos por bloques
 
Pasos autoanimado
Pasos autoanimadoPasos autoanimado
Pasos autoanimado
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Para hacer actionscrip
Para hacer actionscrip Para hacer actionscrip
Para hacer actionscrip
 
Crear circulos II
Crear circulos IICrear circulos II
Crear circulos II
 
Trabajo De DiseñO Web Iii
Trabajo De DiseñO Web IiiTrabajo De DiseñO Web Iii
Trabajo De DiseñO Web Iii
 
Flash 8
Flash 8Flash 8
Flash 8
 
Manual de-flash-cs6
Manual de-flash-cs6Manual de-flash-cs6
Manual de-flash-cs6
 
Animación básica en Flash
Animación básica en FlashAnimación básica en Flash
Animación básica en Flash
 
fuente de poder
fuente de poderfuente de poder
fuente de poder
 
Practica nº16 de flash
Practica nº16 de flashPractica nº16 de flash
Practica nº16 de flash
 
Practica 9.10.11.12.13
Practica 9.10.11.12.13Practica 9.10.11.12.13
Practica 9.10.11.12.13
 
lash cs5Tutorial1
lash cs5Tutorial1lash cs5Tutorial1
lash cs5Tutorial1
 

Destacado

Phishing 11809-2014-signed
Phishing 11809-2014-signedPhishing 11809-2014-signed
Phishing 11809-2014-signedRositsa Hristova
 
resumen del curso y proyecto final: por una ciudad mas sostenible
resumen del curso y proyecto final: por una ciudad mas sostenibleresumen del curso y proyecto final: por una ciudad mas sostenible
resumen del curso y proyecto final: por una ciudad mas sosteniblesaioa
 
Aptitudes Sobresalientes
Aptitudes SobresalientesAptitudes Sobresalientes
Aptitudes Sobresalientesguest8c72c6
 
Sustentación proyecto 4
Sustentación proyecto 4Sustentación proyecto 4
Sustentación proyecto 4000Mariana000
 
PCMT Product Overview April 2013
PCMT Product Overview April 2013PCMT Product Overview April 2013
PCMT Product Overview April 2013Chris Merritt
 
Manales de procedimientos de las ntsh
Manales de procedimientos de las ntshManales de procedimientos de las ntsh
Manales de procedimientos de las ntshguest0a2196a
 
All staff meeting September 30, 2014
All staff meeting September 30, 2014All staff meeting September 30, 2014
All staff meeting September 30, 2014Charmaine Nelson
 
Presentesimple e3
Presentesimple e3Presentesimple e3
Presentesimple e3eelenius
 
παδ σχολείου
παδ σχολείουπαδ σχολείου
παδ σχολείουnikodask
 
UNIT 8: WARRIORS WITHOUT WEAPONS
UNIT 8: WARRIORS WITHOUT WEAPONSUNIT 8: WARRIORS WITHOUT WEAPONS
UNIT 8: WARRIORS WITHOUT WEAPONSPablo Umaña
 
Anexo 06 programa de trabalho
Anexo 06 programa de trabalhoAnexo 06 programa de trabalho
Anexo 06 programa de trabalhoromymc
 
!Nordic mobile interfaces_001
!Nordic mobile interfaces_001!Nordic mobile interfaces_001
!Nordic mobile interfaces_001Nordic Agency AB
 

Destacado (20)

Detalhe 5...
Detalhe 5...Detalhe 5...
Detalhe 5...
 
Phishing 11809-2014-signed
Phishing 11809-2014-signedPhishing 11809-2014-signed
Phishing 11809-2014-signed
 
resumen del curso y proyecto final: por una ciudad mas sostenible
resumen del curso y proyecto final: por una ciudad mas sostenibleresumen del curso y proyecto final: por una ciudad mas sostenible
resumen del curso y proyecto final: por una ciudad mas sostenible
 
Aptitudes Sobresalientes
Aptitudes SobresalientesAptitudes Sobresalientes
Aptitudes Sobresalientes
 
Phishing
PhishingPhishing
Phishing
 
Diseño de servicio estudio 4
Diseño de servicio estudio 4Diseño de servicio estudio 4
Diseño de servicio estudio 4
 
Sustentación proyecto 4
Sustentación proyecto 4Sustentación proyecto 4
Sustentación proyecto 4
 
PCMT Product Overview April 2013
PCMT Product Overview April 2013PCMT Product Overview April 2013
PCMT Product Overview April 2013
 
Manales de procedimientos de las ntsh
Manales de procedimientos de las ntshManales de procedimientos de las ntsh
Manales de procedimientos de las ntsh
 
All staff meeting September 30, 2014
All staff meeting September 30, 2014All staff meeting September 30, 2014
All staff meeting September 30, 2014
 
Practica 15
Practica 15Practica 15
Practica 15
 
Presentesimple e3
Presentesimple e3Presentesimple e3
Presentesimple e3
 
Demfarm cempaka
Demfarm cempakaDemfarm cempaka
Demfarm cempaka
 
La pila maira sabata 903
La  pila maira sabata 903La  pila maira sabata 903
La pila maira sabata 903
 
παδ σχολείου
παδ σχολείουπαδ σχολείου
παδ σχολείου
 
UNIT 8: WARRIORS WITHOUT WEAPONS
UNIT 8: WARRIORS WITHOUT WEAPONSUNIT 8: WARRIORS WITHOUT WEAPONS
UNIT 8: WARRIORS WITHOUT WEAPONS
 
Anexo 06 programa de trabalho
Anexo 06 programa de trabalhoAnexo 06 programa de trabalho
Anexo 06 programa de trabalho
 
Predijab 1 Slajd
Predijab 1 SlajdPredijab 1 Slajd
Predijab 1 Slajd
 
!Nordic mobile interfaces_001
!Nordic mobile interfaces_001!Nordic mobile interfaces_001
!Nordic mobile interfaces_001
 
My logos
My logosMy logos
My logos
 

Similar a Capas en Flash: Tipos y Funcionamiento

Similar a Capas en Flash: Tipos y Funcionamiento (20)

Guia 3 flash _11_1
Guia 3 flash _11_1Guia 3 flash _11_1
Guia 3 flash _11_1
 
Guia 3 flash _11_2
Guia 3 flash _11_2Guia 3 flash _11_2
Guia 3 flash _11_2
 
Guia 3 flash _11_3
Guia 3 flash _11_3Guia 3 flash _11_3
Guia 3 flash _11_3
 
Practica 8
Practica 8Practica 8
Practica 8
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8
 
Guia de montaje en photoshop
Guia de montaje en photoshopGuia de montaje en photoshop
Guia de montaje en photoshop
 
Practica 8 (1)
Practica  8 (1)Practica  8 (1)
Practica 8 (1)
 
MASCARAS EN FLASH
MASCARAS EN FLASHMASCARAS EN FLASH
MASCARAS EN FLASH
 
Practica#8 (1)
Practica#8 (1)Practica#8 (1)
Practica#8 (1)
 
Photoshop CS6. capas
Photoshop CS6. capasPhotoshop CS6. capas
Photoshop CS6. capas
 
Practica 8
Practica 8Practica 8
Practica 8
 
Luis eduardo mora osejo
Luis eduardo mora osejoLuis eduardo mora osejo
Luis eduardo mora osejo
 
tutorial adriana multimedia
tutorial adriana multimedia tutorial adriana multimedia
tutorial adriana multimedia
 
Manual de Flash Cs6
Manual de Flash Cs6Manual de Flash Cs6
Manual de Flash Cs6
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Photoshop cuestionario guía nro 3-ejercicios 5-6
Photoshop  cuestionario guía nro 3-ejercicios 5-6Photoshop  cuestionario guía nro 3-ejercicios 5-6
Photoshop cuestionario guía nro 3-ejercicios 5-6
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 

Capas en Flash: Tipos y Funcionamiento

  • 1. MATERIA: Programacion web TEMA: Capas en flash DOCENTE: Erick de Jesús Tellez Vera PRESENTAN: Javier Hernández Hernández Rufino Pucheta Toga E. Antonio Xolo Ramírez Alejandro Fiscal Ixtepan
  • 2. *¿QUÉ ES UNA CAPA? *Cada capa es, por tanto, un nivel en el que podemos dibujar, insertar sonidos, textos... con independencia del resto de capas. Hay que tener en cuenta que todas las capas comparten la misma Línea de Tiempo y por tanto, sus distintos fotogramas se reproducirán simultáneamente.
  • 3.
  • 4. *Trabajar con capas *Nueva capa : Como su nombre indica, sirve para Insertar una nueva capa en la escena actual. Crea capas normales (en el siguiente punto se verán los distintos tipos de capas). *Crear carpeta : Nos sirve para crear carpetas, que nos ayudarán a organizar nuestras capas. *Crear capa insertar guia de movimiento * crear carpeta
  • 5. *BOTONES *Borrar Capa : Borra la capa seleccionada. *Cambiar Nombre: Para cambiar el nombre a una capa, basta con hacer doble clic en el nombre actual. *Propiedades de Capa: Si hacemos doble clic sobre el icono junto al nombre de la capa, podremos acceder a un panel con las propiedades de la capa en la que hayamos hecho clic. Podremos modificar todas las opciones que hemos comentado anteriormente y alguna más de menor importancia.
  • 6. *Tipos de capas Capas normales : Son las capas por defecto de Flash y tienen todas las propiedades descritas en los puntos anteriores. Capas animación movimiento : Son las capas que contienen una animación por interpolación de movimiento. Capas Guía / : Son capas especiales de contenido específico. Se emplean en las animaciones de movimiento de objetos y su único fin es marcar la trayectoria que debe seguir dicho objeto.
  • 7. *Capas guiadas (Guided Layers) : Definir una capa como guía no tiene sentido hasta que definamos también una capa guiada. Esto es, una capa que quedará afectada por la guía definida en la Capa guía.
  • 8. *PROCESO DE CREACION DE CAPA GUIA Y CAPA GUIADA *Abrir flash 8 *Seleccionar nuevo documento de flash *Seleccionar la herramienta circulo y dibujarlo en la escena *Cambiar el nombre de la capa haciendo doble clic sobre el nombre de la capa como se muestra en la siguiente imagen
  • 9.
  • 10. *Añadir una capa guía haciendo clic en el botón añadir guía *Y ahora se tienen dos capas capa bola y la capa guía de la bola *Nos posicionamos en el fotograma que se quiera y dar f6 en este caso se ocupo 45 fotogramas *Nos posicionamos en el primer fotograma de capa guía y trazamos la ruta que ha de seguir la bola con la herramienta lapiz
  • 11.
  • 12. *Dar click en el primer fotograma de la capa bola click derecho sobre el y seleccionar la opcion crear interpolacion de movimiento *Seleccionar la herramienta seleccionar y mover la bola al inicio de la linea
  • 13. *Posicionarse sobre el ultimo fotograma de la capa bola y mover la bola al final de la linea exportar como pelicula y listo
  • 14.
  • 15. *Capas Máscara : Estas capas se pueden ver como plantillas que tapan a las capas enmascaradas (las veremos enseguida). Basta con decir que estas capas se colocan "encima" de las capas a las que enmascaran y sólo dejan que se vea la parte de éstas que tapan los objetos situados en las capas máscara (son como filtros). *Capas Enmascaradas : Estas capas funcionan conjuntamente con las anteriores, ya que son las capas que están bajo las máscaras y a las que afectan. Al igual que las capas guía y las capas guiadas deben ir asociadas unas a otras para que su efecto sea correcto.
  • 16. *Proceso de creacion capa mascara y capa enmascarada *Abrir flash 8 *Seleccionar nuevo documento de flash *Renombrar la capa en este caso foto *Insertar la imagen
  • 17. *Ya tenemos la imagen ahora crear nueva capa y renombrar a mascara *Posicionarse en el fotograma 50 de ambas capas dar f6 *Posicionarse en la capa mascara y dibujar un circulo en el centro de la imagen
  • 18. *Posicionarse en el primer fotograma de la capa mascara click derecho crear interpolacion de movimiento *Dar click en el ultimo fotograma de la capa mascara *Dar click en la herramienta seleccionar * dar click en el circulo *Dar clic en la herramienta transformacion libre *Agrandar el circulo de tal manera que cubra la imagen *Dar click derecho sobre el nombre de la capa mascara seleccionar la opcion mascara y exportar como pelicula y listo
  • 19.
  • 20. *TRABAJAR CON CAPAS *Mostrar / Ocultar Capas : Este botón permite ver u ocultar todas las capas de la película. *Bloquear Capas : Bloquea la edición de todas las capas, de modo que no podremos modificarlas hasta desbloquearlas. *Mostrar/Ocultar capas como contornos : Este botón nos muestra/oculta los contenidos de todas las capas como si sólo estuviesen formados por bordes.