0 00:00:00,000 --> 00:00:07,000 Vamos a darle interactividad y animación a los elementos de nuestro January. 1 00:00:07,000 --> 00:00:11,000 Para verlo bien vamos a añadir una nueva página en blanco. 2 00:00:11,000 --> 00:00:15,000 Aunque hayamos visto por aquí una opción de elementos interactivos, 3 00:00:15,000 --> 00:00:22,000 estos elementos interactivos simplemente son elementos que son los que se usan típicamente para hacer interactividad. 4 00:00:22,000 --> 00:00:28,000 Nosotros podemos darle interactividad a cualquier elemento que tengamos en nuestro January. 5 00:00:28,000 --> 00:00:32,000 Vamos a dar un fondo para verlo un poco mejor. 6 00:00:35,000 --> 00:00:38,000 Y vamos a ir añadiendo elementos. 7 00:00:38,000 --> 00:00:43,000 En lugar de utilizar los elementos interactivos, vamos a utilizar los recursos, por ejemplo. 8 00:00:43,000 --> 00:00:46,000 Cualquier recurso que tengamos aquí lo vamos a añadir. 9 00:00:46,000 --> 00:00:53,000 Vamos a añadir ese, la bombilla, el saco de dinero... 10 00:00:53,000 --> 00:00:58,000 Puede ser cualquier elemento que nosotros queramos el que podemos hacer interactivo. 11 00:00:58,000 --> 00:01:04,000 Vamos a ir añadiendo los cuantos y a cada uno de ellos le vamos a dar una interactividad distinta. 12 00:01:09,000 --> 00:01:14,000 Vamos a cambiarles el color para que se vean mejor, que podemos cambiarlos aquí. 13 00:01:24,000 --> 00:01:32,000 Aquí hemos añadido estos elementos y cualquier elemento que nosotros añadísemos aquí lo podríamos convertir en un elemento interactivo. 14 00:01:32,000 --> 00:01:34,000 Vamos a ver cómo se haría esto. 15 00:01:34,000 --> 00:01:37,000 Si yo pulso veo opciones que tengo sobre este elemento. 16 00:01:37,000 --> 00:01:41,000 La primera es la de reemplazar, que es cambiar este elemento por otro cualquiera. 17 00:01:41,000 --> 00:01:48,000 Yo lo selecciono, por ejemplo, se me ha abierto otro icono y se mantienen las opciones que yo había configurado este elemento. 18 00:01:49,000 --> 00:01:54,000 Es decir, todo lo que yo hubiese puesto aquí se mantendría y se mantiene incluso la opción del color. 19 00:01:54,000 --> 00:01:57,000 Tengo otras tres opciones. 20 00:01:57,000 --> 00:02:02,000 La primera que ya vimos, que es la de bloquear, que al pulsar este icono ya no se va a poder mover. 21 00:02:02,000 --> 00:02:05,000 Y la opción de animación e interactividad. 22 00:02:05,000 --> 00:02:07,000 Vamos a empezar con la interactividad. 23 00:02:07,000 --> 00:02:10,000 Si pulso, tengo siete opciones de interactividad. 24 00:02:10,000 --> 00:02:16,000 La primera es una etiqueta. Una etiqueta es un mensaje muy corto que aparece cuando nos situamos sobre el icono sin pulsar. 25 00:02:16,000 --> 00:02:20,000 Tiene que ser un mensaje muy corto porque es una ventana tipo bocadillo. 26 00:02:20,000 --> 00:02:24,000 Si doy etiqueta, aquí puedo poner lo que yo quiera. 27 00:02:24,000 --> 00:02:29,000 O puedo incluir un vídeo, un enlace, algo corto que ocupe poco espacio. 28 00:02:29,000 --> 00:02:33,000 Un vídeo, por ejemplo, sí serviría porque se abriría la ventana, o una imagen. 29 00:02:33,000 --> 00:02:41,000 Pero si ponemos mucho texto, el propio programa me va a decir que es demasiado para poner una etiqueta. 30 00:02:41,000 --> 00:02:47,000 Una vez que lo tengo decidido, lo que quiero que ponga, le doy a guardar y me aparece ahí puesto. 31 00:02:47,000 --> 00:02:51,000 Si yo quiero quitarlo, pulsaría y le daría a eliminar. 32 00:02:51,000 --> 00:02:57,000 Cuando tengo una interacción aplicada, me aparece ahí. Tengo una etiqueta. 33 00:02:57,000 --> 00:02:59,000 Voy a poner la siguiente. 34 00:02:59,000 --> 00:03:01,000 Y a este le voy a dedir ventana. 35 00:03:01,000 --> 00:03:06,000 Ventana puede ser un mensaje de texto más largo porque es una ventana nueva que se va a abrir cuando yo pulse. 36 00:03:06,000 --> 00:03:12,000 Y puede ser pequeña, que se vea que dio los márgenes, mediana o grande. 37 00:03:12,000 --> 00:03:16,000 Le voy a poner en este caso, por ejemplo, una imagen. 38 00:03:16,000 --> 00:03:21,000 Podría añadir varias, podrían ser varias páginas, lo que yo quisiese porque es una ventana nueva. 39 00:03:21,000 --> 00:03:25,000 Gen es un editor de imagen, un editor de texto, similar a Word. 40 00:03:25,000 --> 00:03:28,000 Lo voy a guardar y ya está guardada. 41 00:03:28,000 --> 00:03:31,000 Voy a dar la siguiente y sería ir a página. 42 00:03:31,000 --> 00:03:37,000 Cuando yo pulso, me va a crear un vínculo, un enlace a una página de milleniali. 43 00:03:37,000 --> 00:03:45,000 Puede ser la de volver atrás, la de ir hacia adelante, la de ir a la última página o a cualquier página que yo tenga de milleniali. 44 00:03:45,000 --> 00:03:48,000 Eso me va a permitir ir a donde yo quiera de milleniali. 45 00:03:48,000 --> 00:03:53,000 Esto es lo que se utiliza cuando hacemos un test y para pasar a una página. 46 00:03:53,000 --> 00:03:58,000 Cuando se acierta una pregunta o pasar a otra de error cuando se falla. 47 00:03:58,000 --> 00:04:00,000 Voy a seleccionar esta. 48 00:04:00,000 --> 00:04:09,000 Es importante, en este caso, tener las páginas, además de numeradas, nombradas para saber llegar a la página que queremos. 49 00:04:09,000 --> 00:04:12,000 Voy a guardar y aquí está, ir a la página 5. 50 00:04:12,000 --> 00:04:14,000 Voy a aplicar aquí otro efecto. 51 00:04:14,000 --> 00:04:17,000 El siguiente, la interactividad, que es enlace. 52 00:04:17,000 --> 00:04:20,000 Esto es un enlace normal, como en otros programas. 53 00:04:20,000 --> 00:04:25,000 Voy a buscar el vídeo anterior que vimos en otro vídeo y voy a aplicarlo. 54 00:04:29,000 --> 00:04:33,000 Ya tengo el enlace, le doy y simplemente lo pego. 55 00:04:33,000 --> 00:04:40,000 Le voy a decir que se abre en una nueva ventana porque si doy abrir en la misma ventana, cuando yo cierre el vídeo, se va a cerrar todo en milleniali. 56 00:04:40,000 --> 00:04:42,000 Y eso tenemos que tratar de evitarlo siempre. 57 00:04:42,000 --> 00:04:48,000 Como en otros programas, cuando pongamos hipervínculos, cosas que se abran, vamos a darle siempre en una nueva ventana. 58 00:04:48,000 --> 00:04:51,000 Le doy a guardar y ya está ahí el enlace. 59 00:04:51,000 --> 00:04:54,000 Siguiente opción va a ser ampliar. 60 00:04:54,000 --> 00:05:00,000 Esto lo que va a hacer es, cuando yo pulse, se va a ampliar, no el contenido que yo escriba aquí, el icono. 61 00:05:00,000 --> 00:05:12,000 Puedo ponerle un nombre y puedo añadirle también que a la vez que el icono se hace grande, aparezca una etiqueta, se abra un enlace, surja un audio o se muestre. 62 00:05:12,000 --> 00:05:16,000 ¿Y qué se mostraría? En este caso, si yo pulso aquí, se mostraría otro elemento. 63 00:05:16,000 --> 00:05:22,000 Yo puedo tener un elemento oculto y al pulsar aquí, este elemento se hace grande y aparece otro que tenga por allá. 64 00:05:22,000 --> 00:05:26,000 Le doy a guardar. Simplemente se va a hacer grande este elemento. Lo tengo ahí. 65 00:05:26,000 --> 00:05:29,000 Le doy a la siguiente. Sería audio. 66 00:05:29,000 --> 00:05:33,000 Y esto lo que haría es simplemente reproducir una grabación de audio. 67 00:05:33,000 --> 00:05:37,000 Audio nos pasa lo que en todas las opciones de sonido. 68 00:05:37,000 --> 00:05:46,000 Necesitamos una URL o grabar un audio en ese momento porque no nos deja subir audio desde nuestro ordenador. 69 00:05:46,000 --> 00:05:53,000 Le doy a eliminar porque en este caso no voy a añadir ningún sonido porque no tengo una URL a la mano y lo alargaría muy mucho. 70 00:05:53,000 --> 00:05:57,000 Y la última interactividad es mostrar. 71 00:05:57,000 --> 00:06:02,000 Aquí, si yo pulso, le voy a decir que este elemento va a mostrar otro que esté oculto. 72 00:06:02,000 --> 00:06:07,000 Y voy a decirle que muestre ese. La flechita me dice cuál es el que va a mostrar. 73 00:06:07,000 --> 00:06:12,000 Le doy a guardar y voy a ver cómo se vería esto en la previsualización. 74 00:06:12,000 --> 00:06:18,000 Me aparecen los iconos y si yo pulso, la etiqueta se ve cuando yo paso por encima. 75 00:06:18,000 --> 00:06:23,000 Este es una ventana así que tengo que pulsar y se abre una ventana aparte. 76 00:06:23,000 --> 00:06:29,000 Esta ventana podría ser más larga para abajo si yo tuviese que darle a subir y bajar para verla. 77 00:06:29,000 --> 00:06:32,000 Podría ser un vídeo que yo pinchase y se viese. 78 00:06:32,000 --> 00:06:37,000 Pero está en una ventana aparte y al cerrar no me voy del Geniali. 79 00:06:37,000 --> 00:06:41,000 El siguiente es un enlace a una página de mi Geniali. 80 00:06:41,000 --> 00:06:50,000 Y al pulsar, se me abre la nueva página. 81 00:06:50,000 --> 00:06:56,000 Y es una página que he abierto en una ventana diferente y al cerrar no me salgo del Geniali. 82 00:06:56,000 --> 00:07:00,000 El siguiente lo que hace es mostrarse más en grande. 83 00:07:00,000 --> 00:07:07,000 Si esto fuese un texto pequeño, pues yo podría ampliarlo para que se viese en ventana grande. 84 00:07:08,000 --> 00:07:12,000 Aquí tendríamos el icono al que le hemos aplicado sonido, que no se ve. 85 00:07:12,000 --> 00:07:15,000 Y aquí tenemos el icono que hemos dado a mostrar. 86 00:07:15,000 --> 00:07:18,000 Al pulsar, ahora que se muestra otro icono. 87 00:07:18,000 --> 00:07:22,000 Estos son los elementos de interactividad que podemos aplicar en un Geniali. 88 00:07:22,000 --> 00:07:25,000 Vamos a ver ahora lo que es la animación. 89 00:07:25,000 --> 00:07:28,000 Vamos a ir animando estos elementos. Ninguno tiene animación. 90 00:07:28,000 --> 00:07:30,000 Como vemos aquí, están en blanco. 91 00:07:30,000 --> 00:07:37,000 Hay algunos elementos interactivos que si yo me los traigo, tienen ya una animación prediseñada. 92 00:07:37,000 --> 00:07:41,000 Cada uno de estos suele hacer una cosa que simplemente es aparecer. 93 00:07:41,000 --> 00:07:44,000 Vamos a ver ahora qué es eso de aparecer. 94 00:07:44,000 --> 00:07:46,000 Voy a darle a editar la animación. 95 00:07:46,000 --> 00:07:49,000 Vamos a darle un efecto a la entrada. 96 00:07:49,000 --> 00:07:54,000 Ahora yo me pongo aquí encima y se previsualiza cuál es el efecto. 97 00:07:54,000 --> 00:07:58,000 Vamos a hacerle este efecto de remolino a la entrada. 98 00:07:58,000 --> 00:08:03,000 Aquí le puedo dar la dirección del efecto, que es en un sentido o en otro. 99 00:08:03,000 --> 00:08:06,000 Y la velocidad, lenta o rápida. 100 00:08:06,000 --> 00:08:10,000 Y cuando lo va a hacer, le voy a decir que lo haga un segundo después de que entre la imagen. 101 00:08:10,000 --> 00:08:12,000 Bien, lo quito y voy al segundo. 102 00:08:12,000 --> 00:08:17,000 Al segundo pulso aquí y le voy a dar otro efecto a la entrada. 103 00:08:17,000 --> 00:08:20,000 En este caso le voy a decir que haga un zoom. 104 00:08:20,000 --> 00:08:26,000 El zoom también podemos darle una velocidad distinta y le vamos a decir que lo haga dos segundos después. 105 00:08:26,000 --> 00:08:29,000 Cada elemento va a entrar un segundo después que el anterior. 106 00:08:29,000 --> 00:08:31,000 Vamos a darle ahora a este. 107 00:08:31,000 --> 00:08:36,000 Vamos a darle otro efecto distinto a la entrada, que va a ser el de deslizar. 108 00:08:36,000 --> 00:08:40,000 Va a venir desde una parte de la pantalla y se va a deslizar hasta ahí. 109 00:08:40,000 --> 00:08:44,000 Le doy a deslizar y quiero que lo haga... 110 00:08:44,000 --> 00:08:46,000 Aquí puedo ver la dirección. 111 00:08:46,000 --> 00:08:48,000 Quiero que lo haga viniendo desde este lado. 112 00:08:48,000 --> 00:08:51,000 Y que lo haga a los tres segundos. 113 00:08:51,000 --> 00:08:57,000 Como voy a repetir este efecto, en los siguientes tengo una opción aquí que es la de copiar este efecto. 114 00:08:57,000 --> 00:08:59,000 Le doy a copiar animación. 115 00:08:59,000 --> 00:09:07,000 Y ahora me vengo al siguiente y le voy a decir en animación que me pegue la animación del anterior. 116 00:09:07,000 --> 00:09:10,000 Ahí está pegada, pero le voy a cambiar. 117 00:09:10,000 --> 00:09:16,000 En este caso le voy a decir que quiero que venga desde la derecha. 118 00:09:16,000 --> 00:09:20,000 Y le voy a decir que venga, aparezca a los cuatro segundos, no a los tres. 119 00:09:20,000 --> 00:09:25,000 Vengo al siguiente elemento y le voy a decir que quiero animarlo. 120 00:09:25,000 --> 00:09:28,000 Y voy a pegarle también el efecto anterior. 121 00:09:28,000 --> 00:09:32,000 En este caso quiero que venga desde arriba. 122 00:09:32,000 --> 00:09:38,000 Y voy a darle al, es el quinto elemento, voy a darle a los cinco segundos. 123 00:09:38,000 --> 00:09:40,000 Voy a animar el siguiente. 124 00:09:40,000 --> 00:09:47,000 Aquí me va a avisar de que tiene una animación ya hecha porque lo asocié a la interactividad de este elemento previamente. 125 00:09:47,000 --> 00:09:50,000 Entonces ya tiene una animación ahí puesta. 126 00:09:50,000 --> 00:09:51,000 Yo se la voy a quitar. 127 00:09:51,000 --> 00:09:57,000 Aquí la borro y le voy a pegar la que tenemos. 128 00:09:57,000 --> 00:09:59,000 Bien, animación pegada correctamente. 129 00:09:59,000 --> 00:10:02,000 Y en este voy a hacer que se deslice desde abajo. 130 00:10:02,000 --> 00:10:05,000 Y le voy a decir que lo haga a los seis segundos. 131 00:10:06,000 --> 00:10:11,000 Y aquí, ahora cuando anime este, lo primero que voy a hacer es para evitar líos. 132 00:10:11,000 --> 00:10:14,000 Voy a quitarle la interactividad que le había puesto antes. 133 00:10:14,000 --> 00:10:16,000 Voy a añadir la animación. 134 00:10:16,000 --> 00:10:19,000 Voy a pegar y que este se deslice. 135 00:10:19,000 --> 00:10:22,000 No sé de qué dirección nos queda, desde ahí. 136 00:10:22,000 --> 00:10:24,000 Y que esto lo haga a los siete segundos. 137 00:10:24,000 --> 00:10:29,000 Bien, entonces estos elementos tienen ya una animación que se ve ahí. 138 00:10:30,000 --> 00:10:36,000 Y ahora cuando le dé a previsualizar, va a aparecer y cada segundo va a ir apareciendo un elemento. 139 00:10:36,000 --> 00:10:39,000 Ese en remolino, ese aparece, ese desde ahí. 140 00:10:42,000 --> 00:10:47,000 Hemos animado la entrada de todos estos elementos. 141 00:10:47,000 --> 00:10:52,000 Ahora puedo animar también, no la entrada, sino lo que están haciendo continuamente. 142 00:10:52,000 --> 00:10:57,000 La entrada la veo ya porque se ve ahí en amarillo y cuál es el efecto. 143 00:10:58,000 --> 00:11:00,000 Pero ahora voy a animar continuo. 144 00:11:00,000 --> 00:11:03,000 Este voy a hacer que continuamente esté haciendo. 145 00:11:03,000 --> 00:11:06,000 Ese es un pálpito, ese es un pulso. 146 00:11:06,000 --> 00:11:10,000 Le vamos a decir que continuamente esté flotando. 147 00:11:10,000 --> 00:11:12,000 Lo va a hacer todo el tiempo. 148 00:11:12,000 --> 00:11:14,000 Me vengo al siguiente. 149 00:11:14,000 --> 00:11:19,000 Tiene un efecto de entrada, le voy a decir que de continuo lo que va a hacer es un destello. 150 00:11:19,000 --> 00:11:26,000 Me vengo al siguiente y le voy a decir que de continuo, o pulso, va a hacer un efecto aleatorio. 151 00:11:27,000 --> 00:11:35,000 Me vengo al siguiente elemento y voy a decir que de continuo va a hacer el efecto de notificación. 152 00:11:35,000 --> 00:11:37,000 Que es moverse así un poquito. 153 00:11:37,000 --> 00:11:40,000 Bien, a estos cuatro les he puesto un efecto continuo. 154 00:11:40,000 --> 00:11:43,000 Ahora voy a ponerle a este otro efecto. 155 00:11:43,000 --> 00:11:49,000 Y este no va a ser continuo, sino que este efecto va a ser cuando yo ponga el ratón encima. 156 00:11:49,000 --> 00:11:54,000 Cuando ponga el ratón encima, va a hacer cualquiera de estos efectos que yo quiera. 157 00:11:54,000 --> 00:11:58,000 Este destello, pequeña rotación, pálpito. 158 00:11:58,000 --> 00:12:00,000 Vamos a hacer el de pálpito. 159 00:12:00,000 --> 00:12:03,000 Y ya tengo un efecto a la entrada y otro a poner el ratón encima. 160 00:12:03,000 --> 00:12:08,000 Y aquí tengo otro que tiene un efecto de entrada y yo lo voy a hacer uno al hacer clic. 161 00:12:08,000 --> 00:12:12,000 Y al hacer clic lo que va a hacer es desaparecer. 162 00:12:12,000 --> 00:12:16,000 Y este último al que le voy a dar otro efecto está marearse. 163 00:12:16,000 --> 00:12:21,000 Todos los elementos tienen un efecto a la entrada, de continuo, o al hacer clic o al pulsar. 164 00:12:21,000 --> 00:12:23,000 O al pasar por encima. 165 00:12:23,000 --> 00:12:25,000 Voy a previsualizar. 166 00:12:26,000 --> 00:12:29,000 Entran cada uno con su efecto. 167 00:12:32,000 --> 00:12:35,000 Y ahora, de continuo, este vemos que se está moviendo. 168 00:12:35,000 --> 00:12:38,000 Este está todo el rato, que era la etiqueta. 169 00:12:38,000 --> 00:12:40,000 Este está todo el rato parpadeando. 170 00:12:40,000 --> 00:12:42,000 Este balanceándose. 171 00:12:42,000 --> 00:12:44,000 Este temblando. 172 00:12:44,000 --> 00:12:49,000 Y ahora si yo pongo este encima, cada vez que yo pase, bate. 173 00:12:49,000 --> 00:12:52,000 Este al pulsar desaparece. 174 00:12:52,000 --> 00:12:55,000 Y este al hacer clic se tambalea también. 175 00:12:55,000 --> 00:12:57,000 Podemos hacer distintos efectos. 176 00:12:57,000 --> 00:13:00,000 Y también podemos darle un efecto de salida. 177 00:13:00,000 --> 00:13:03,000 El efecto de salida se lo voy a dar a este. 178 00:13:03,000 --> 00:13:05,000 Vamos a decirle que tenga un efecto de salida. 179 00:13:05,000 --> 00:13:11,000 Ya tiene dos, pero podemos añadirle, podemos ponerle de todo, todo el tiempo, al pasar el ratón encima. 180 00:13:11,000 --> 00:13:14,000 Puede tener hasta cinco efectos aplicados. 181 00:13:14,000 --> 00:13:18,000 Le voy a decir que el efecto de salida va a ser el de descolgarse. 182 00:13:18,000 --> 00:13:20,000 Y lo va a hacer cuando hayan pasado. 183 00:13:20,000 --> 00:13:24,000 Vamos a darle 15 segundos, por lo menos. 184 00:13:24,000 --> 00:13:27,000 Y vamos a decirle que se descuelgue lento. 185 00:13:27,000 --> 00:13:29,000 Que vaya lentamente descolgándose. 186 00:13:29,000 --> 00:13:31,000 Y ahora le vamos a la previsualización. 187 00:13:33,000 --> 00:13:37,000 Van a ir entrando y a los 15 segundos este se va a caer. 188 00:13:39,000 --> 00:13:40,000 Puedo ir viéndolos. 189 00:13:40,000 --> 00:13:42,000 Si pulso este hace esto. 190 00:13:42,000 --> 00:13:43,000 Este desaparece. 191 00:13:43,000 --> 00:13:46,000 Este se amplía cuando paso. 192 00:13:47,000 --> 00:13:50,000 Y ahora veis que se va a descolgar. 193 00:13:50,000 --> 00:13:53,000 Desaparece al tiempo que le haya dado. 194 00:13:53,000 --> 00:13:56,000 Podríamos animar así todos los elementos. 195 00:13:56,000 --> 00:13:58,000 Da igual qué tipo de elementos sean. 196 00:13:58,000 --> 00:14:03,000 Yo puedo animar, por ejemplo, teníamos un vídeo y yo esto también lo puedo animar. 197 00:14:03,000 --> 00:14:06,000 Sale la opción ahí y el vídeo va a entrar. 198 00:14:06,000 --> 00:14:11,000 Voy a hacer el vídeo que va a entrar con un remolino y a velocidad lenta. 199 00:14:11,000 --> 00:14:16,000 Un segundo después, dos segundos después de que entre la imagen. 200 00:14:16,000 --> 00:14:17,000 Y lo podemos ver. 201 00:14:17,000 --> 00:14:22,000 Está la página y dos segundos después va a entrar con un remolino. 202 00:14:22,000 --> 00:14:24,000 Podemos aplicárselo a cualquier elemento. 203 00:14:24,000 --> 00:14:26,000 Más opciones que han quedado pendientes. 204 00:14:26,000 --> 00:14:30,000 Tenemos una opción que es la opción de agrupar. 205 00:14:30,000 --> 00:14:32,000 Si yo selecciono dos elementos me aparece esta opción de agrupar. 206 00:14:32,000 --> 00:14:34,000 ¿Qué me dice la opción de agrupar? 207 00:14:34,000 --> 00:14:37,000 Que cuando yo agrupe se van a perder la interactividad. 208 00:14:37,000 --> 00:14:42,000 Como tienen interactividad distinta, pues los elementos no pueden tener una interactividad distinta. 209 00:14:42,000 --> 00:14:45,000 Si le doy una interactividad una vez que están agrupados, 210 00:14:45,000 --> 00:14:49,000 sí mantienen la interactividad porque sería la misma y se la ha aplicado al grupo. 211 00:14:49,000 --> 00:14:52,000 Si le doy a agrupar, vemos que ha perdido la interactividad. 212 00:14:52,000 --> 00:14:56,000 Si yo los elementos los tengo agrupados, los puedo desagrupar. 213 00:14:56,000 --> 00:14:59,000 Y recuperan la interactividad que tenían. 214 00:14:59,000 --> 00:15:01,000 En elementos interactivos, algún botón. 215 00:15:01,000 --> 00:15:06,000 Si yo coloco este botón de menú aquí, voy a cambiar el color para que se vea mejor. 216 00:15:07,000 --> 00:15:08,000 Tengo este botón de menú. 217 00:15:08,000 --> 00:15:11,000 Vemos que este botón en realidad son varios. 218 00:15:11,000 --> 00:15:15,000 Si yo pulso aquí, tiene una animación que es la de entrada. 219 00:15:15,000 --> 00:15:18,000 Puedo mirar qué animación tiene. La de aparecer en la entrada. 220 00:15:18,000 --> 00:15:20,000 Veo que son varios elementos. ¿Por qué lo veo? 221 00:15:20,000 --> 00:15:22,000 Porque tiene el efecto de desagrupar. 222 00:15:22,000 --> 00:15:26,000 Este nombre de menú, si yo pulso ahí, lo puedo cambiar. 223 00:15:26,000 --> 00:15:30,000 Y puedo cambiarle el color al elemento. 224 00:15:30,000 --> 00:15:34,000 Pero también puedo desagruparlo si quiero cambiar algo. 225 00:15:34,000 --> 00:15:37,000 Si lo desagrupar, se dice que va a perder la interactividad. 226 00:15:37,000 --> 00:15:38,000 Ya no tiene interactividad. 227 00:15:38,000 --> 00:15:42,000 Y yo estos elementos, puedo seleccionarlos por libre. 228 00:15:42,000 --> 00:15:45,000 Y cambiarlos por otros. 229 00:15:45,000 --> 00:15:48,000 Y luego volver a agruparlo si quiero. 230 00:15:50,000 --> 00:15:52,000 Y ahora lo podría volver a agrupar si quiero. 231 00:15:52,000 --> 00:15:55,000 Seleccionando los tres elementos. 232 00:15:55,000 --> 00:15:57,000 Y dándole a agrupar. 233 00:15:57,000 --> 00:16:01,000 Es importante que nosotros sepamos reconocer cuando hay elementos interactivos. 234 00:16:01,000 --> 00:16:04,000 En una presentación o una creación de Genialy. 235 00:16:04,000 --> 00:16:07,000 Vamos a ver la previsualización de esto. 236 00:16:07,000 --> 00:16:12,000 Y cuando en una presentación, en una creación de Genialy, hay un elemento interactivo. 237 00:16:12,000 --> 00:16:15,000 Nos aparece aquí arriba esta mano. 238 00:16:15,000 --> 00:16:17,000 Mostrar elementos interactivos. 239 00:16:17,000 --> 00:16:22,000 Y si nosotros pulsamos, se va a ver qué elementos interactivos hay. 240 00:16:22,000 --> 00:16:24,000 Al pulsar, me va a aparecer esta mano. 241 00:16:24,000 --> 00:16:28,000 Y yo puedo pulsar sobre estos elementos para ver qué interactividad tiene. 242 00:16:28,000 --> 00:16:32,000 Es importante hacerlo porque en muchas ocasiones va a haber elementos. 243 00:16:32,000 --> 00:16:36,000 En los que nosotros hemos incluido, la persona que ha creado la presentación. 244 00:16:36,000 --> 00:16:39,000 Ha incluido información que si nosotros no pulsamos. 245 00:16:39,000 --> 00:16:41,000 No vamos a tener acceso a esta información. 246 00:16:41,000 --> 00:16:44,000 Yo no sé que esto es una ventana emergente. 247 00:16:44,000 --> 00:16:48,000 Yo no sé que aquí hay un enlace para abrir esta ventana. 248 00:16:48,000 --> 00:16:52,000 Salvo que al pulsar aquí la mano, vea aquí este simbolito. 249 00:16:52,000 --> 00:16:55,000 Siempre que veamos esta mano aquí. 250 00:16:55,000 --> 00:17:00,000 Significa que en esa ventana, en esa página, hay elementos interactivos. 251 00:17:00,000 --> 00:17:02,000 Y tengo que pulsar para verlos. 252 00:17:02,000 --> 00:17:04,000 Más elementos que puedo ver aquí. 253 00:17:04,000 --> 00:17:08,000 Yo puedo tener aquí incluidas imágenes. 254 00:17:08,000 --> 00:17:10,000 Como hemos visto antes. 255 00:17:10,000 --> 00:17:13,000 Unas imágenes, una imagen por encima de otra. 256 00:17:13,000 --> 00:17:15,000 Y otra más. 257 00:17:15,000 --> 00:17:17,000 Y entonces hay un momento, por ejemplo. 258 00:17:17,000 --> 00:17:19,000 Que estas dos imágenes o lo que hay debajo. 259 00:17:19,000 --> 00:17:21,000 Es muy difícil de trabajar con ellas. 260 00:17:21,000 --> 00:17:24,000 Porque si quiero animar la imagen de abajo. 261 00:17:24,000 --> 00:17:26,000 Tengo que estar separándola. 262 00:17:26,000 --> 00:17:28,000 A veces es complicado. 263 00:17:28,000 --> 00:17:30,000 Pues tengo una opción que vamos a ver aquí. 264 00:17:30,000 --> 00:17:32,000 A la derecha en estas tres barras. 265 00:17:32,000 --> 00:17:35,000 Que es la opción de modo diseñador. 266 00:17:35,000 --> 00:17:37,000 Este modo diseñador me va a permitir. 267 00:17:37,000 --> 00:17:39,000 Lo tenemos aquí. 268 00:17:39,000 --> 00:17:41,000 Cambiar las dimensiones del elemento que tengo seleccionado. 269 00:17:41,000 --> 00:17:43,000 Y ver las capas. 270 00:17:43,000 --> 00:17:45,000 Estos son los elementos que yo tengo. 271 00:17:45,000 --> 00:17:47,000 Y yo puedo cambiarles el orden. 272 00:17:47,000 --> 00:17:50,000 En el que están uno delante del otro. 273 00:17:50,000 --> 00:17:52,000 A veces son elementos muy grandes. 274 00:17:52,000 --> 00:17:54,000 A los que yo no puedo acceder. 275 00:17:54,000 --> 00:17:56,000 Para darles la animación. 276 00:17:56,000 --> 00:17:58,000 Entonces yo por ejemplo. 277 00:17:58,000 --> 00:18:00,000 Si este elemento me lo traigo aquí. 278 00:18:00,000 --> 00:18:02,000 Puedo aquí darle los efectos. 279 00:18:02,000 --> 00:18:04,000 Que yo quiera darle. 280 00:18:04,000 --> 00:18:07,000 Y ahora volver a bajarlo a su sitio. 281 00:18:07,000 --> 00:18:09,000 Puedo darle los efectos a este. 282 00:18:09,000 --> 00:18:11,000 Que es este de aquí. 283 00:18:11,000 --> 00:18:13,000 Y volver a traerlo a su sitio. 284 00:18:13,000 --> 00:18:15,000 Puedo darle efectos a esta foto. 285 00:18:15,000 --> 00:18:17,000 Que es esto, imagen. 286 00:18:17,000 --> 00:18:19,000 La selecciono, le doy los efectos que quiera. 287 00:18:19,000 --> 00:18:21,000 Y la bajo. 288 00:18:21,000 --> 00:18:23,000 Me va a permitir ir trabajando. 289 00:18:23,000 --> 00:18:25,000 Con los elementos. 290 00:18:25,000 --> 00:18:27,000 Que a veces es complicado. 291 00:18:27,000 --> 00:18:29,000 Tenerlos uno delante y otro. 292 00:18:29,000 --> 00:18:31,000 Porque seleccionas uno, yo quiero seleccionar este. 293 00:18:31,000 --> 00:18:33,000 Pero se me seleccionan los dos. 294 00:18:33,000 --> 00:18:35,000 Y es complicado. 295 00:18:35,000 --> 00:18:37,000 Pues esto me va a permitir ir trabajando. 296 00:18:37,000 --> 00:18:39,000 Moviéndolos, poniéndolos delante, detrás. 297 00:18:39,000 --> 00:18:41,000 Como yo quiera. 298 00:18:41,000 --> 00:18:43,000 Para poder aplicarle los efectos. 299 00:18:43,000 --> 00:18:45,000 Y luego devolverlo a su sitio. 300 00:18:45,000 --> 00:18:47,000 Y me va a permitir ir trabajando. 301 00:18:47,000 --> 00:18:49,000 Con los elementos. 302 00:18:49,000 --> 00:18:51,000 Sin tener que estar descolocándolos. 303 00:18:51,000 --> 00:18:53,000 Porque a veces tienes que estar moviéndolos. 304 00:18:53,000 --> 00:18:55,000 Para darle un efecto. 305 00:18:55,000 --> 00:18:57,000 Y luego no te queda exactamente donde lo tenías. 306 00:18:57,000 --> 00:18:59,000 Alguna otra cosita más que tenemos. 307 00:18:59,000 --> 00:19:01,000 Es, por ejemplo. 308 00:19:01,000 --> 00:19:03,000 Cómo vamos a hacer las transiciones de páginas. 309 00:19:03,000 --> 00:19:05,000 Yo puedo hacer una transición de página vertical. 310 00:19:05,000 --> 00:19:07,000 Por navegación. 311 00:19:07,000 --> 00:19:09,000 Es decir, que va a ir de una a la siguiente. 312 00:19:09,000 --> 00:19:11,000 Bien, por ejemplo. 313 00:19:11,000 --> 00:19:13,000 Puedo hacer una que sea un flip vertical. 314 00:19:13,000 --> 00:19:15,000 Simplemente va a aparecer así. 315 00:19:15,000 --> 00:19:17,000 A todas las páginas o a una sola. 316 00:19:17,000 --> 00:19:19,000 Si se lo aplico a todas las páginas. 317 00:19:19,000 --> 00:19:21,000 Ahora al ver la visualización. 318 00:19:21,000 --> 00:19:23,000 Veremos que al pulsar. 319 00:19:23,000 --> 00:19:25,000 Aparece así. 320 00:19:25,000 --> 00:19:27,000 Hace un flip. 321 00:19:27,000 --> 00:19:29,000 Yo puedo dárselo a una página sola. 322 00:19:29,000 --> 00:19:31,000 O a todas. 323 00:19:31,000 --> 00:19:33,000 También tengo aquí una opción en las páginas. 324 00:19:33,000 --> 00:19:35,000 Uno es. 325 00:19:35,000 --> 00:19:37,000 Ocultar esta página. 326 00:19:37,000 --> 00:19:39,000 Esta página no aparecería. 327 00:19:39,000 --> 00:19:41,000 La vuelve a hacer visible. 328 00:19:41,000 --> 00:19:43,000 Tengo la opción que es la de introducir una contraseña. 329 00:19:43,000 --> 00:19:45,000 Hay que poner una contraseña en cualquiera. 330 00:19:45,000 --> 00:19:47,000 Ahí se vería. 331 00:19:47,000 --> 00:19:49,000 Y cuando yo vea esta presentación. 332 00:19:49,000 --> 00:19:51,000 Solo puedo acceder a esa página. 333 00:19:51,000 --> 00:19:53,000 Si tengo la contraseña. 334 00:19:53,000 --> 00:19:55,000 Lo voy a previsualizar. 335 00:19:55,000 --> 00:19:57,000 Si os sirve, por ejemplo. 336 00:19:57,000 --> 00:19:59,000 Voy a hacer Escape Room. 337 00:19:59,000 --> 00:20:01,000 Le doy a la siguiente. 338 00:20:01,000 --> 00:20:03,000 Y no me va a dejar. 339 00:20:03,000 --> 00:20:05,000 Y ahora si pongo la contraseña. 340 00:20:05,000 --> 00:20:07,000 Y pulso. 341 00:20:07,000 --> 00:20:09,000 Y pulso. 342 00:20:09,000 --> 00:20:11,000 Se abre. 343 00:20:11,000 --> 00:20:13,000 Estas son las cosas que podemos hacer con GNI. 344 00:20:13,000 --> 00:20:15,000 Una manera de aprenderlas. 345 00:20:15,000 --> 00:20:17,000 Es ir usándolas y probándolas. 346 00:20:17,000 --> 00:20:19,000 Y ver todas las posibilidades que tiene. 347 00:20:19,000 --> 00:20:21,000 Teniendo claro que debemos saber. 348 00:20:21,000 --> 00:20:23,000 Que queremos hacer. 349 00:20:23,000 --> 00:20:25,000 Es muy útil conocer todo esto. 350 00:20:25,000 --> 00:20:27,000 Cuando vamos a utilizar un GNI. 351 00:20:27,000 --> 00:20:29,000 Hecho por otra persona. 352 00:20:29,000 --> 00:20:31,000 Para saber que interactividad. 353 00:20:31,000 --> 00:20:33,000 Y que animación ha dado. 354 00:20:33,000 --> 00:20:35,000 Para poder cambiarla o manejarla nosotros. 355 00:20:35,000 --> 00:20:37,000 Gracias por ver el video.