{"id":294,"date":"2013-11-25T02:39:20","date_gmt":"2013-11-25T02:39:20","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/vivianaliss\/?page_id=294"},"modified":"2013-11-25T02:45:22","modified_gmt":"2013-11-25T02:45:22","slug":"escena","status":"publish","type":"page","link":"https:\/\/blog.espol.edu.ec\/vivianaliss\/escena\/","title":{"rendered":"Escena"},"content":{"rendered":"

Trabajar con fotogramas en la l\u00ednea de tiempo<\/h1>\n

En la l\u00ednea de tiempo se trabaja con fotogramas y con fotogramas clave. Un fotograma clave<\/b> es un tipo de fotograma en el que el dise\u00f1ador dibuja la imagen utilizando las herramientas que le proporciona Flash. Se representa en la l\u00ednea de tiempo como un rect\u00e1ngulo con un punto hueco cuando el fotograma est\u00e1 vac\u00edo y negro cuando contiene alg\u00fan objeto.<\/p>\n

A continuaci\u00f3n puedes experimentar los procedimientos m\u00e1s habituales para modificar los fotogramas de una capa en la l\u00ednea de tiempo. Todos ellos comienzan por clic derecho<\/b> sobre una posici\u00f3n de fotograma en la capa y seleccionando la opci\u00f3n deseada en el men\u00fa contextual que se despliega.<\/p>\n\n\n\n\n
\n

\"\"<\/p>\n<\/td>\n<\/tr>\n

\n

Clic derecho sobre un fotograma para elegir qu\u00e9 hacer en \u00e9l<\/p>\n

Uso de escenas<\/h1>\n

Para organizar una pel\u00edcula se usan las escenas. Por ejemplo, puedes utilizar escenas diferentes para el mensaje de carga, la introducci\u00f3n, el desarrollo, el desenlace y los cr\u00e9ditos finales.<\/p>\n

Al publicar una pel\u00edcula de Flash que contiene m\u00e1s de una escena, las escenas del archivo SWF se reproducen en una sola secuencia en el orden en el que aparecen en el panel Escena<\/b>.<\/p>\n

La descarga en Internet de una pel\u00edcula Flash se realiza siguiendo el orden de reproducci\u00f3n por fotogramas, capas (de abajo hacia arriba o viceversa) y escenas. Precisamente el mensaje de precarga (\u201cCargando ...\u201d) que aparece en muchas animaciones web dise\u00f1adas con Flash es la primera escena que se reproduce ininterrumpidamente y que no da paso a la siguiente escena hasta que no detecta que ya ha sido bajada a la cach\u00e9 del navegador cliente.<\/p>\n

Dise\u00f1o de la Escena 1<\/h1>\n\n\n\n
1<\/b><\/span><\/td>\n<\/td>\nElige la herramienta Texto<\/b>. En el Inspector de propiedades<\/b>, define como fuente Arial, <\/b>tama\u00f1o 36<\/b> y color #FFCC33 <\/b>(hexadecimal de un color amarillo-anaranjado). Clic en la parte superior del escenario para escribir el texto en may\u00fasculas \u201cCON\u00c9CTATE\u201d<\/b>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n\n\n
<\/td>\n<\/tr>\n
<\/td>\n<\/tr>\n
\n

\"\"<\/p>\n<\/td>\n<\/tr>\n

\n

\u00a0Inspector de propiedades de la herramienta Texto<\/p>\n<\/td>\n<\/tr>\n

<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n\n\n
2<\/b><\/span><\/td>\n<\/td>\nSelecciona la herramienta Flecha <\/b>para pinchar y arrastrar este cuadro de texto y centrarlo en la parte superior del escenario.<\/td>\n<\/tr>\n
3<\/b><\/span><\/td>\n<\/td>\nA\u00f1ade una nueva capa con Insertar > L\u00ednea de tiempo > Capa<\/b>. En la l\u00ednea de tiempo aparece una capa con el nombre por defecto Capa 2.<\/b><\/td>\n<\/tr>\n
4<\/b><\/span><\/td>\n<\/td>\nAbre la subcarpeta Conecta <\/b>dentro de la carpeta Gr\u00e1ficos <\/b>en la Biblioteca com\u00fan Curso<\/b>: Ventana > Otros paneles > Bibliotecas comunes > Curso<\/b>. Pincha y arrastra al escenario el s\u00edmbolo Enchufe. <\/b>Aseg\u00farate de que esta instancia se ubica en el primer fotograma de Capa 2. <\/b><\/td>\n<\/tr>\n
5<\/b><\/span><\/td>\n<\/td>\nSobre Capa 2 (la que contiene la imagen), haz clic derecho en el fotograma n\u00ba30 y selecciona Insertar Fotograma Clave.<\/b><\/td>\n<\/tr>\n
6<\/b><\/span><\/td>\n<\/td>\nClic en el fotograma inicial n\u00ba1 de la Capa 2. <\/b>A continuaci\u00f3n haz clic sobre la instancia de la imagen. En el Inspector de propiedades<\/b>, despliega la lista Color<\/b>, para elegir la propiedad Alfa. <\/b>Arrastra el deslizador hasta 0% o bien teclea este valor en la casilla adjunta. Otra posibilidad para hacerlo desaparecer es definir la propiedad de color Brillo<\/b> con un valor de -100%.<\/p>\n\n\n\n\n\n\n\n\n
\n

\"\"<\/p>\n<\/td>\n<\/tr>\n

\n

Escenario tras situar el cuadro de texto y el gr\u00e1fico enchufe en la escena 1<\/p>\n<\/td>\n<\/tr>\n

<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n
7<\/b><\/span><\/td>\n<\/td>\nClic derecho sobre el fotograma n\u00ba1 de Capa 2<\/b> y selecciona Crear interpolaci\u00f3n de movimiento. <\/b>Nota que se ha creado una interpolaci\u00f3n de movimiento que define una transici\u00f3n de transparencia de 0 al 100 % en la instancia del s\u00edmbolo enchufe.<\/b><\/td>\n<\/tr>\n
8<\/b><\/span><\/td>\n<\/td>\nClic derecho en el fotograma n\u00ba 45 de Capa 2<\/b> y selecciona Insertar Fotograma <\/b>.No es necesario a\u00f1adir un fotograma clave porque del 30 al 45 su contenido no var\u00eda. Este espacio se muestra en la l\u00ednea de tiempo sobre fondo gris claro con un punto negro en el extremo izquierdo y un rect\u00e1ngulo hueco en el derecho.<\/td>\n<\/tr>\n
9<\/b><\/span><\/td>\n<\/td>\nEl r\u00f3tulo \u201cCON\u00c9CTATE\u201d <\/b>debe ser visible hasta el fotograma n\u00ba45. Para ello clic derecho sobre el fotograma n\u00ba 45 en Capa 1 <\/b>y selecciona Insertar Fotograma.<\/b> La l\u00ednea de tiempo tendr\u00e1 el aspecto de la figura.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n\n
<\/td>\n<\/tr>\n
\"\"<\/td>\n<\/tr>\n
Aspecto final de la L\u00ednea de Tiempo de la Escena 1<\/td>\n<\/tr>\n
<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n
10<\/b><\/span><\/td>\n<\/td>\nPara contemplar la animaci\u00f3n contenida en esta escena , elige Control > Probar Escena<\/b>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Dise\u00f1o de la Escena 2<\/h1>\n\n\n\n
1<\/b><\/span><\/td>\n<\/td>\nClic en Ventana > Paneles de dise\u00f1o > Escena <\/b>para visualizar el panel de Escena<\/b><\/p>\n\n\n\n\n\n\n
\n

\"\"<\/b><\/p>\n<\/td>\n<\/tr>\n

\n

Panel Escena para trabajar con las escenas que forman la pel\u00edcula<\/p>\n<\/td>\n<\/tr>\n

<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n
2<\/b><\/span><\/td>\n<\/td>\nPara a\u00f1adir una nueva escena, sigue uno de estos procedimientos alternativos:<\/p>\n