SlideShare una empresa de Scribd logo
1 de 4
NAVEGACION COMPLEJA

Primero debemos organizar nuestras capas y los elementos que tenemos
para poder trabajar.




Ocultamos las herramientas de flash presionando f4 para asi poder ver
mejor la imagen.




Lo que vamos a hacer es que al dar click en alguno de los objetos que se
encuentran en la parte inferior del escenario o del documento que
tenemos, se abra una información y una imagen relacionada con el
objeto.
Estas son las imágenes las cuales van a ir navegando presionando un click
sobre las flechas                 que tenemos debajo de la imagen
grande.




Ahora presionamos nuevamente f4 para que aparezca la interfaz.

Observamos que todos los objetos del documento están divididos en una
capa cada uno. Lo que vamos a hacer es agrupar algunos elementos en
símbolos como por ejemplo el logo.




Así vamos a agrupar los objetos relacionados para tener ordenado todo
nuestro documento.

Todos estos elementos los vamos a agrupar solo en tres capas.
Ahora vamos a modificar las imágenes pequeñas en botones. Les vamos a
poner un efecto el cual será que cuando pasemos el cursor por encima el
contorno de la imagen cambiara de color para saber que objeto es que
vamos a seleccionar.




Ahora seleccionamos el primer elemento al cual lo vamos a convertir en un
símbolo.




Cuando ya tengamos el símbolo creado vamos a dar doble click en la
imagen y cuando demos doble click se abrirá la línea de tiempo de cuatro
estados los cuales serán la animación o el efecto que tendrá el botón.




En el segundo estado estará el efecto que mencionamos de que cuando
pasemos el cursor por encima cambie el contorno o algo parecido.
Vamos a hacer lo mismo con todas las demás imágenes.

Luego le colocamos la animación de las flechas convirtiéndolas como
botones para que se pueda cambiar la imagen grande al darle click.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (14)

Botones en flash
Botones en flashBotones en flash
Botones en flash
 
Tutorial de xmind portable
Tutorial de xmind portableTutorial de xmind portable
Tutorial de xmind portable
 
Photoshop 12 como animar una imagen
Photoshop 12 como animar una imagenPhotoshop 12 como animar una imagen
Photoshop 12 como animar una imagen
 
Creación de una base de datos en el hosting
Creación de una base de datos en el hostingCreación de una base de datos en el hosting
Creación de una base de datos en el hosting
 
Practica 18
Practica 18Practica 18
Practica 18
 
manual de acces
manual de accesmanual de acces
manual de acces
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativos
 
Xmind
XmindXmind
Xmind
 
Portapapeles
PortapapelesPortapapeles
Portapapeles
 
Practica 16
Practica 16Practica 16
Practica 16
 
Atajos de teclado Windows
Atajos de teclado WindowsAtajos de teclado Windows
Atajos de teclado Windows
 
Conoce la barra de charms de Windows 8
Conoce la barra de charms de Windows 8Conoce la barra de charms de Windows 8
Conoce la barra de charms de Windows 8
 
Practica 15
Practica 15 Practica 15
Practica 15
 
Inidad4
Inidad4Inidad4
Inidad4
 

Destacado

L'aparell locomotor
L'aparell locomotorL'aparell locomotor
L'aparell locomotordolorslm
 
4. modelos pedagogicos
4. modelos pedagogicos4. modelos pedagogicos
4. modelos pedagogicosVero Rdz
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technologyhaverstockmedia
 
TIK BAB 3
TIK BAB 3TIK BAB 3
TIK BAB 3OsHz
 
ANUNREPSOL
ANUNREPSOLANUNREPSOL
ANUNREPSOLFRAN75
 
Article research
Article researchArticle research
Article researchhaelwebster
 
Presentació b ariadna13 by pau
Presentació b ariadna13 by pauPresentació b ariadna13 by pau
Presentació b ariadna13 by paueduardriudavets
 
Media magazine analysis
Media magazine analysisMedia magazine analysis
Media magazine analysisJordanTurner
 
Ud 6 secundari
Ud 6 secundariUd 6 secundari
Ud 6 secundarimarcapmany
 
Exposition Artcurial & AD "Interieurs 2010, le style français"
Exposition Artcurial & AD "Interieurs 2010, le style français"Exposition Artcurial & AD "Interieurs 2010, le style français"
Exposition Artcurial & AD "Interieurs 2010, le style français"14 Septembre online
 
T 8 espais sector terciari (1)
T 8 espais sector terciari (1)T 8 espais sector terciari (1)
T 8 espais sector terciari (1)graciajt
 

Destacado (20)

L'aparell locomotor
L'aparell locomotorL'aparell locomotor
L'aparell locomotor
 
4. modelos pedagogicos
4. modelos pedagogicos4. modelos pedagogicos
4. modelos pedagogicos
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technology
 
Tema8
Tema8Tema8
Tema8
 
TIK BAB 3
TIK BAB 3TIK BAB 3
TIK BAB 3
 
ANUNREPSOL
ANUNREPSOLANUNREPSOL
ANUNREPSOL
 
Article research
Article researchArticle research
Article research
 
Presentació b ariadna13 by pau
Presentació b ariadna13 by pauPresentació b ariadna13 by pau
Presentació b ariadna13 by pau
 
Mca epi cap10_map_briones
Mca epi cap10_map_brionesMca epi cap10_map_briones
Mca epi cap10_map_briones
 
Media magazine analysis
Media magazine analysisMedia magazine analysis
Media magazine analysis
 
De la planeacion al diseño estrategico
De la planeacion al diseño estrategicoDe la planeacion al diseño estrategico
De la planeacion al diseño estrategico
 
Aceras Calle Batel
Aceras Calle BatelAceras Calle Batel
Aceras Calle Batel
 
Rocamare
RocamareRocamare
Rocamare
 
Vivim en família
Vivim en famíliaVivim en família
Vivim en família
 
Conra
ConraConra
Conra
 
Ud 6 secundari
Ud 6 secundariUd 6 secundari
Ud 6 secundari
 
Palo
PaloPalo
Palo
 
Exposition Artcurial & AD "Interieurs 2010, le style français"
Exposition Artcurial & AD "Interieurs 2010, le style français"Exposition Artcurial & AD "Interieurs 2010, le style français"
Exposition Artcurial & AD "Interieurs 2010, le style français"
 
T 8 espais sector terciari (1)
T 8 espais sector terciari (1)T 8 espais sector terciari (1)
T 8 espais sector terciari (1)
 
AJC @Psssst
AJC @PsssstAJC @Psssst
AJC @Psssst
 

Similar a Navegacion compleja (20)

Taller practico Flash
Taller practico FlashTaller practico Flash
Taller practico Flash
 
Guia boton animacion basica
Guia boton animacion basicaGuia boton animacion basica
Guia boton animacion basica
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
MANEJAR OBJETOS
MANEJAR OBJETOSMANEJAR OBJETOS
MANEJAR OBJETOS
 
Lab3_Neobook.doc
Lab3_Neobook.docLab3_Neobook.doc
Lab3_Neobook.doc
 
PresentacióN2
PresentacióN2PresentacióN2
PresentacióN2
 
PresentacióN2
PresentacióN2PresentacióN2
PresentacióN2
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Sistemas Aplicativos
Sistemas AplicativosSistemas Aplicativos
Sistemas Aplicativos
 
Manejar objetos.
Manejar objetos.Manejar objetos.
Manejar objetos.
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad4 121003115123-phpapp01
Unidad4 121003115123-phpapp01Unidad4 121003115123-phpapp01
Unidad4 121003115123-phpapp01
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
padreperez
padreperezpadreperez
padreperez
 
padreperez
padreperezpadreperez
padreperez
 
Austin
AustinAustin
Austin
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 

Navegacion compleja

  • 1. NAVEGACION COMPLEJA Primero debemos organizar nuestras capas y los elementos que tenemos para poder trabajar. Ocultamos las herramientas de flash presionando f4 para asi poder ver mejor la imagen. Lo que vamos a hacer es que al dar click en alguno de los objetos que se encuentran en la parte inferior del escenario o del documento que tenemos, se abra una información y una imagen relacionada con el objeto.
  • 2. Estas son las imágenes las cuales van a ir navegando presionando un click sobre las flechas que tenemos debajo de la imagen grande. Ahora presionamos nuevamente f4 para que aparezca la interfaz. Observamos que todos los objetos del documento están divididos en una capa cada uno. Lo que vamos a hacer es agrupar algunos elementos en símbolos como por ejemplo el logo. Así vamos a agrupar los objetos relacionados para tener ordenado todo nuestro documento. Todos estos elementos los vamos a agrupar solo en tres capas.
  • 3. Ahora vamos a modificar las imágenes pequeñas en botones. Les vamos a poner un efecto el cual será que cuando pasemos el cursor por encima el contorno de la imagen cambiara de color para saber que objeto es que vamos a seleccionar. Ahora seleccionamos el primer elemento al cual lo vamos a convertir en un símbolo. Cuando ya tengamos el símbolo creado vamos a dar doble click en la imagen y cuando demos doble click se abrirá la línea de tiempo de cuatro estados los cuales serán la animación o el efecto que tendrá el botón. En el segundo estado estará el efecto que mencionamos de que cuando pasemos el cursor por encima cambie el contorno o algo parecido.
  • 4. Vamos a hacer lo mismo con todas las demás imágenes. Luego le colocamos la animación de las flechas convirtiéndolas como botones para que se pueda cambiar la imagen grande al darle click.