Diseño de un Epub interactivo con Adobe InDesign

1. Introducción a la creación de un Epub con Adobe InDesign: Hola, mi nombre es Cam Davis. Quiero mostrarte cómo tomar tus diseños editoriales y convertirlos en publicaciones electrónicas o ePubs en este curso Algunas cosas que vas a estar aprendiendo es cómo hacer una diapositiva en el menú. También quiero mostrarte cómo pasar de una página a otra con una navegación simple. También aprenderás a conectar páginas desde la tabla de contenido. Además, vas a aprender a hacer una presentación de diapositivas y animar elementos dentro y fuera de la página También hay mucho más. Ahora, he sido diseñadora, ilustradora, educadora desde hace más de 20 años, y esta clase es para cualquiera, pero tener un conocimiento práctico del diseño final va a ser muy útil Así que me alegro mucho de que estés aquí. Sigamos adelante y comencemos. 2. Inicio de proyectos en Epub: Hola, soy Cam. Quiero hablarte de algunas cosas necesarias para esta clase. En primer lugar, vas a necesitar adobe y diseño. Haremos la mayor parte de nuestro ejercicio dentro de esa aplicación. En segundo lugar, necesitarás adobe photoshop. Estaremos haciendo uno de nuestros ejercicios usando eso. Además, hay algunas aplicaciones que necesitarás como un lector de e, como las ediciones Adobe Digital o los libros de Apple. Los puedes instalar en varios dispositivos que puedas tener. Ahora, lo último es que vas a necesitar descargar la carpeta que tienen para ti. Voy a tener un diseño completo ahí para ti, pero vas a estar creando los elementos interactivos. 3. Creación de navegación simple: Hola, soy Cam. Quiero mostrarte cómo hacer un sistema de navegación sencillo. Quieres poder moverte hacia atrás y hacia adelante entre tus páginas. La técnica que vamos a utilizar es cómo hacer botones interactivos. Esos desencadenarían ese movimiento entre esas páginas. Comenzaremos abriendo el archivo de diseño take a Hike. Una vez que tengas eso abierto, vamos a subir al panel de páginas de aquí para que podamos trabajar en estos botones. Están situados en la página principal. Adelante y da click en eso. Los abriremos y luego haremos doble clic aquí mismo en la página principal o padre. Presiona la tecla W, para que podamos ver nuestras pautas así. Queremos poder alinear las cosas correctamente. Es bueno tenerlos puestos. Puede obtener una vista previa de su trabajo de vez en cuando activando y desactivando estas pautas presionando la tecla W. Ahora que estás aquí, puedes ver que ya tenemos algunos botones hechos para ir hacia atrás y hacia adelante. También tenemos un sistema de numeración de páginas configurado aquí mismo. Pero quiero señalarles algo antes de que hagamos nuestra parte interactiva de estos. Pasemos al panel de capas. Haga clic en eso y observe que aquí hay una capa de botones, y obviamente he puesto los botones encima de eso. La razón de ello es que estos están diseñados para que quieras que se mantengan al tanto de los demás elementos como fotografías y cosas por el estilo. Si los pones en esa capa superior, entonces se sentarán encima de esos elementos correctamente Ahora, lo que vamos a hacer es convertirlos en botones interactivos. Ahora, para empezar, puedes convertirlos en botones ellos mismos si quieres, pero realmente me gusta tener un área realmente un poco más grande en la que poder hacer clic o tocar para trabajar Es un poco más fácil para el usuario hacer eso. Lo que me gustaría hacer es obtener mi herramienta de rectángulo así y asegurarme de que no haya relleno o trazo aquí. Entonces me gustaría dibujar un rectángulo justo alrededor de esos botones, así como así. Entonces conseguiré mi herramienta de selección. Opción, haga clic. Se nota el puntero de doble cabeza. Significa que quiero duplicar, me deslizaré hacia la derecha. Quiero mantener presionada la tecla Mayús para que pueda pasar en línea recta, así que estas están bien alineadas. Me colocaré sobre este botón, así. Haga clic a un lado. Ahora ya hemos creado nuestros botones interactivos. Aún no los hemos cableado, pero hemos creado esa área tappable que nuestros usuarios pueden usar para avanzar y retroceder Ahora, lo que tenemos que hacer es subir a nuestro panel de botones así, botones y formularios, y vamos a convertirlos en botones interactivos. Vamos a dar click en éste. Vamos a ir aquí y hacer clic en tipo e ir al menú desplegable. Notarás que aquí hay algunas otras opciones para esto, casilla de verificación, cuadro combinado, etc. Pero para nuestros propósitos, queremos convertir esto en un botón. El evento que vamos a hacer interactivo es el tap o release. La acción que queremos es ir así a la página anterior. Eso es todo lo que hay en esa. Haremos clic en este botón, y luego diremos, queremos que esto también sea un botón. Al tocar o soltar, soltar o tocar. La acción. Este es para ir a la siguiente página así. Entonces seguiremos adelante y cerraremos esto. Haga clic a un lado para anular la selección. Ahora queremos probar esto. Ese es un paso muy importante aquí. Siempre que hagas algún trabajo, no solo asumas que automáticamente está funcionando perfectamente. Adelante y pruébalo antes de pasar a alguna nueva técnica. Tendremos que subir a nuestro panel de páginas y bajar a nuestra página normal así, como nuestra portada. No se puede hacer la vista previa en la página maestra o padre. Tenemos que ir a una página normal como esta. Ahora bien, si no estás viendo todos estos paneles así, asegúrate de estar en el espacio de trabajo de publicación digital. A veces lo hará o generalmente pasará a lo esencial, pero queremos abrirlo a la publicación digital. Abriremos la ventana de interactividad ePub. Quieres asegurarte de que esta opción de aquí está seleccionada varias páginas porque obviamente vamos hacia atrás y hacia adelante entre páginas. Seguiremos adelante y golpearemos la vista previa de la jugada solo para asegurarnos de que esto se actualice, así Voy a escribir el HTML, como puedes ver ahí. Sigamos adelante y hagamos clic en nuestro botón. A ver si funciona. Ahí vamos. Avanzar unos fotogramas o unas páginas así, y luego también retrocederemos. No demasiado duro. Hicimos con éxito algunos botones interactivos para avanzar y retroceder a través de nuestras páginas. A continuación, estaremos creando navegación a partir de la tabla de contenidos. 4. Creación de navegación a partir de TOC: Hola, esta es una Cam. Te voy a mostrar cómo crear navegación en la página de tabla de contenido. Quieres aprender a crear botones interactivos para ir a páginas específicas dentro de tu documento. Empecemos abriendo nuestro documento a la página número dos. Si no has conmutado tu espacio de trabajo a publicación digital, adelante y hazlo. Después le daremos click en nuestro panel de páginas aquí. Bajaremos a la página número dos para que podamos trabajar en esta tabla de contenidos. Bien. Ahora queremos hacer de algunos botones las regiones que se pueden tocar sobre nuestras páginas y números de página aquí mismo Pero claro, en lugar de avanzar a la página siguiente y retroceder a una página anterior, como hicimos con nuestros botones en el último video, queremos que estos vayan a una página específica. Tenemos que crear nuestros botones arriba aquí. Sigamos adelante y hagamos un rectángulo con nuestra herramienta de rectángulo. Quiero hacer estos a un tamaño específico. Bien, hagamos esto. Si lo hicimos, subamos a nuestra barra de opciones en la parte superior. Hacer que nuestro ancho sea de 150 píxeles. Entonces vamos a hacer que la altura sea de 28 pixeles. Obtenga nuestra herramienta de selección, y queremos asegurarnos de que esto se encuentre justo al principio de nuestra página. Ahora, debes asegurarte que está sentado para que cubra nuestro nombre más largo aquí abajo Montañas, número nueve, página número nueve. Eso se ve bastante bien ahí mismo. Queremos sentarnos justo en medio de ella. Ahora lo que vamos a hacer es que vamos a subir a nuestro menú de edición y luego bajar a paso y repetir. Ahora, veamos, el tuyo se configurará así con ceros Lo más probable es que cuando salga por defecto, y tú quieras hacer esto. El tuyo lo más probable es que por defecto . Lo que queremos hacer es configurar el offset para empezar. Queremos que la horizontal sea cero. Queremos que se establezca la vertical para que haya alrededor de cuatro píxeles entre estas cajas. Ahora, nuestra caja original es de 28 pixeles. Lo que vamos a hacer es escribir dos, así, vamos a presionar mi tecla tabulador para entrar en eso. Asegúrate de que tu selección de vista previa esté verificada aquí. Entonces lo que haremos es hacer clic en la flecha hacia arriba así, y podemos previsualizarla haciendo nuestras cajas para nosotros. Ahora bien, no nos preocupa el hecho de que haga esas cajas sobre las zonas intermedias. Nosotros diremos, Bien, así. Simplemente volveremos, clic a un lado, luego simplemente eliminaremos estos que no necesitamos. Entonces. Ahora, eso los espació perfectamente. No tuvimos que mirarlo y ver si estaba exactamente bien o algo así, ponlo ahí, solo w tiene que ser Calamar y desgastarlos usando nuestro panel de botones. Haremos clic en la primera casilla. Vamos a convertir esto en un botón, como hicimos en nuestro último video. Queremos esta la acción aquí, voy a estar en el grifo o liberar. La acción será ir a la página. Vamos a especificar la página a la que ir, que será la página número tres. Ahora vamos al siguiente. Lo mismo en cada uno de estos. Haga un botón, suelte o toque, la acción que será ir a una página específica, y esta es la página número cuatro. Cuatro, me gustaría presionar la tecla tabulador para ingresar esa información. Haga clic en el siguiente. Lo mismo aquí. Bajemos por cada uno de estos. Añadiendo la acción, vaya a la página. Esta es la página número seis, así. Esta es la página número nueve. Haremos un botón. Acción es ir a la página. Página número nueve. Nuestro siguiente entonces es el número 11, página número 11. Botón, acción, ir a la página número 11. Entonces finalmente, nuestro último botón será vamos a ver, ir a la página número 12. Número de página 12. Haré clic a un lado para anular la selección, y cerraré esa copia Ahora vamos a obtener nuestra página de vista previa aquí arriba panel de vista previa más bien. Asegurémonos de que esté seleccionado el modo de varias páginas. Entonces queremos borrar realmente la vista previa, para asegurarnos de que actualice el trabajo que acabamos de hacer. Haga clic en la vista previa aquí, varias páginas. Lo escribiré para nosotros. Ahora vamos adelante y comencemos en esta página. Vamos a probar estos. Da clic en esa. Eso funciona. Vamos a volver página aquí. Montana. Ahí vamos. Y luego Brasil página seis, vemos que funciona. Aquí atrás. Me gustaría revisar cada uno de estos para asegurarme de que los tengo todos correctos. A ver. Frío. Ahí vamos. Vamos a correr esto de vuelta. Después finalmente, senderismo. Ahí vamos. Ahí lo tenemos. Hicimos algunos botones que van a una página específica. A continuación, crearemos una diapositiva en el menú. 5. Deslizamiento en menú: Hola, esta es la mañana. Vamos a hacer un menú de diapositivas en este video. Ahora bien, esto es un poco más complejo. Vas a estar trabajando con la función de animación y estarás creando los botones para activar la animación. Ahora bien, estos botones se llaman comúnmente hamburguesas en una publicación digital o sitio web Se les llama así porque generalmente, verás que estos íconos tienen tres líneas en ellos, y simplemente se asemejan a las hamburguesas, de ahí el nombre Empecemos por abrir tu documento. Entonces subamos a la página principal o maestra. Haremos doble clic ahí para sacar eso a colación. Ahora sigamos adelante y guardemos eso haciendo clic en las flechas dobles aquí o podríamos haber hecho clic en el icono también Entonces vamos al panel Capas aquí abajo. Haga clic en eso. que hagan visibles estas dos subcapas. El que se llama Hamburguesa, y el que inicia Senderismo es Haremos click justo a la izquierda aquí así en este campo exterior. Ahí es donde lo hace visible. Ahora renunciemos y guardemos eso. Lo que tenemos aquí es una hamburguesa y una pieza informativa a la derecha Este botón de aquí mismo, este símbolo se ha vuelto conocido universalmente como ese botón donde si haces clic en él o lo tocas, alguna información que actualmente está oculta aparecerá en tu pantalla sobre la composición de aquí de alguna manera Puede animarse o simplemente aparecer. Pero a la hamburguesa se le conoce como eso un botón. Lo que haremos es hacer nuestro botón habitual aquí donde tengamos un botón claro encima de eso. Entonces cuando hagamos clic en eso, entonces este panel aquí aparecerá en nuestra pantalla. Cuando queramos marcharnos, haremos click en este botón aquí. Convirtiremos esto en un botón y haremos que desaparezca. En definitiva, queremos que esto se anime en la pantalla y fuera de la pantalla Así es como vamos a hacer esto. Vamos a convertir esto en un objeto multiestado. Se hará evidente a medida que avanza aquí a medida que avanzamos desarrollando esto, por qué necesita varios estados. Un objeto multiestado es justo lo que parece, un objeto en particular y lo multiplicas y luego lo mueves a diferentes posiciones o cosas así, y van a aparecer cuando hagamos clic en los botones para activarlos. Vamos a pasar por aquí y verás esto a medida que se desarrolle. Ahora hagamos un par de nuestras regiones que se pueden tocar con nuestra herramienta de rectángulo. Vamos a hacer clic en eso. Vamos a subir aquí y hacer un rectángulo alrededor de nuestra hamburguesa así Entonces vamos a hacer uno aquí abajo alrededor de este botón, este pequeño icono. Conseguiré mi herramienta de selección. Ahora, necesitas seguir adelante y hacer clic en el cuadro de información aquí, este bloque de texto en realidad, y luego hacer un clic de tecla Mayús para seleccionar esto también. Entonces vamos a ir al Comando G por grupo. Queremos agrupar esto juntos. Ahora, volveré y seleccionaré esto. Todo esto debería agruparse ahora. Vamos a ir a editar y copiar, y luego vamos a ir a editar pegar en su lugar. Lo que eso hace es hacer una copia de esto y pegar un derecho exactamente encima del original. Entonces vamos a hacerlo una vez más, pegar en su lugar. Ahora deberíamos tener tres versiones de esta, la original y las dos que colocamos justo encima de eso. Ahora pasaremos al panel de estados de objeto, así, y permítanme intentarlo de nuevo. Volvamos aquí y vamos a hacer clic y arrastrar alrededor de esto. Asegúrate de no superarte a este botón, así. Ahora deberíamos tener los tres seleccionados ya que drogamos alrededor de esta área en particular. Cualquier cosa para tocar ahí, va a agarrar todo eso. Ahora bien, si vamos a los estados del objeto, observe que reconoce que aquí hay múltiples objetos. Vamos a hacer clic en el símbolo más, y ahora hemos hecho un objeto de tres estados, multiestado con tres estados diferentes. Sigamos adelante y pongamos esto. Queremos estar muy organizados con esto. Sólo vamos a llamar a este menú. Entonces queremos queremos nombrar a estos tres estados diferentes. Voy a ir aquí y destacar éste, lo llamaré primero. Después el siguiente, a ver. Da click ahí. Vamos a llamar a esto MD. Entonces el siguiente aquí. Vamos a hacer clic en eso, resaltarlo, y luego último. Haremos clic aquí mismo para deseleccionar eso y cerrar esto. En realidad, necesitamos dejar esto abierto solo por un momento porque necesitamos reposicionar uno de estos estados Vamos a hacer clic en mid así. Entonces vamos a conseguir nuestra herramienta de selección. Ya lo tenemos . Voy a mantener presionada la tecla Mayús, y voy a tocar la flecha izquierda así. Normalmente prefiero usar las flechas para chocar las cosas en la página. Puedo hacerlo con mucha más precisión que simplemente intentar arrastrarlo. En cierto momento, voy a quitarme la mano de la tecla Mayús. Simplemente toque esa flecha izquierda hasta que simplemente se alineara con el borde de la página. A ver, sobre ahí mismo. Ahora podemos ver estos diferentes estados si hago clic en primero y medio y último, así como así. Ahora, veamos aquí. Sigamos adelante. Haga clic en nuestros estados de objeto, y hagamos clic en el medio para comenzar y cerrar eso. Ahora lo que queremos hacer es cablear este botón aquí arriba y este botón de aquí mismo. Empecemos con nuestra región de hamburguesa que se puede tocar. Haga clic en eso. Vamos a botones y formularios. Sabemos hacer botones en este punto. A ver. En este, vamos a botón. En la liberación de Taper, queremos agregar una acción. Ahora bien, esto es un poco diferente que hemos hecho antes. Queremos decir, vamos a ir a un estado y queremos precisar qué estado. El objeto que buscamos es menú. En este punto, solo hemos hecho un objeto multiestado. Pero queremos decir, al hacer clic en eso, queremos ir a Md. Queremos que aparezca esta versión media. Haremos clic a un lado aquí. Entonces ahora tenemos que hacer que este botón suceda. Veamos aquí. Déjame ver. Vamos a venir aquí así. Voy a hacer doble clic, así puedo desglosar hasta este botón que hemos hecho aquí mismo, y conectemos este. Vamos a ir a decir que esto es un botón, y queremos que la acción sea Ir al estado. Va a ser menú u objeto, claro, y luego vamos a ir al último estado así como así. Sigamos adelante y cerremos eso. Ahora, volvamos aquí de nuevo al estado objeto así. Haga clic en el objeto principal aquí, el objeto multiestado. Vamos a hacer clic en primero. Ese es un punto de partida. Cerraremos esto y haremos clic a un lado así. Ahora vamos a probar nuestro trabajo. Veamos aquí, sube a nuestra página principal así, da clic en ella, y queremos bajar a nuestra portada nuestra primera página, así. Cierra eso por un momento. Vamos a probarlo. Consigamos nuestra página de vista previa aquí arriba. Voy a seguir adelante y traerlo a lado para que podamos verlo un poco mejor. Ahora, solo ten en cuenta que esto no se mostrar cuando guardes esto como una e, sino que lo hace aquí en diseño. Bajemos por aquí y vayamos a jugar a previsualización, y luego haremos click sobre esto aquí mismo. Bajaremos al siguiente y haremos clic. Vamos a intentarlo de nuevo. Ahí vamos. Se ve bien. Funciona, pero en este punto, todo lo que está haciendo es aparecer en la pantalla, lo cual está bien, pero realmente ser bastante genial solo tener esto animado y simplemente deslizarse hacia la página así Después hacemos clic en ese botón, nos deslizaremos hacia atrás. De eso vamos a hablar en nuestro próximo video. Vamos a hablar de animar este menú dentro y fuera de la pantalla 6. Deslizamiento en menú con animación: Hola, esta es una Cam. Ahora vamos a aprender a tomar el menú que acabamos de crear en el video anterior y hacerlo animarlo suavemente dentro y fuera de la página En el último video, lo hicimos aparecer, y luego desaparecer al hacer clic en el botón. Pero queremos hacer esta animación para este video. Subamos aquí a nuestros estados objeto así. Haremos clic en el estado del objeto maestro. Queremos comenzar con mediados, así. Entonces cerraremos eso por un momento. Ahora cuando haces animación, no quieres simplemente animar el estado En realidad hay que animar los objetos que están en ese estado Realmente no va a salir de la manera que esperas si intentas simplemente animar el estado Vamos a nuestro panel de capas. Esta es la mejor manera de seleccionarlos. Vamos al menú, luego al estado medio, luego haremos un click de turno para seleccionar ambos. Dobla eso de nuevo hacia arriba. Ahora iremos al panel de animación. Vamos a elegir volar desde la derecha, así. Interopciones, ves que podrías cambiar algunas cosas como duración, jugarlo más de una vez Ninguno de estos, realmente queremos cambiar desde el preset hasta que lleguemos aquí abajo a la opacidad Esto nos está diciendo que puede desaparecer de la transparencia a la opacidad total, pero realmente no queremos eso Queremos decir ninguno porque queremos ser opacidad total ya que se desliza hacia la página Ahora, tenemos que decir qué momento queremos tener. ¿Queremos que estos dos elementos salgan en entrar en la página en diferentes momentos, y claro que no lo hacemos Vamos a contar eso por aquí, para hacer esto al mismo tiempo, panel inter timing. Haremos clic aquí, turno, clic. Entonces abajo al fondo, hay un pequeño eslabón que dice jugar juntos. Haremos clic en eso, y veremos que los vincula entre sí, y luego cerraremos el panel de sincronización. Bien. Ahora, tenemos que hacer una animación más. Vayamos a estados objeto así. Haga clic a un lado y luego haga clic en el estado principal de múltiples objetos. Vamos a animar el último aquí. Seleccionaremos los objetos igual que antes. Panel de capas, entra en último y luego desplazaremos clic aquí y aquí para asegurarnos de que ambos estén seleccionados. Vamos a plegar eso. Ahora volveremos a la animación así. Vamos a elegir un preset, que es volar desde la izquierda. Lo mismo aquí, no queremos cambiar ninguna de estas opciones a excepción de la opacidad, y vamos a decir ninguna, tal como hicimos antes Entonces iremos al momento, así. Vemos que nuestros dos objetos se están mostrando aquí, así que desplazaremos el clic en ambos y luego los vincularemos juntos tal como lo hicimos antes. Ahora, hay una cosa más que tenemos que hacer. Te voy a mostrar esto entrando en mostrarte lo que vamos a hacer en el panel de capas. Voy a cambiar haga clic en esta subcapa de senderismo. Veremos que ahora solo tiene el rectángulo seleccionado. Observe esta línea verde aquí. Este es el camino de la animación. Comenzará por aquí y se deslizará hacia aquí. Esta es una ruta predeterminada de animación, pero realmente no queremos empezar de nuevo por aquí. Queremos comenzar aquí mismo en esta directriz. Por eso dibujó antes esa pauta. Lo que haremos es hacer clic primero para seleccionar este punto. Luego haz clic y arrastra hacia la derecha. Nos acercamos a esa directriz, y esto está en o este es el lugar en el que queríamos permanecer aquí mismo. Ahora volveremos por aquí y queremos dar click en esta. Nosotros haremos lo mismo. Vamos a venir por aquí y dar clic. Veamos, haga clic primero luego arrástrelo hacia la derecha. Broches ahí mismo. Buena forma. Bien. Veamos aquí. Vamos a hacer clic hacia abajo. Aquí, volveremos a ir al panel de páginas. Vamos a la página número uno, haga doble clic, y lo doblaremos por un momento. Abriremos o previsualizaremos así. Vamos a despejar la vista previa para asegurarnos de que nuestro trabajo actual va a aparecer aquí. Pulsaremos el botón de reproducción. Ahora veamos si esto funciona. Haga clic, se desliza muy bien. Haga clic, se deslice de nuevo. Probemos una vez más. Cosas bastante geniales. Bien. Sí, eso estuvo funcionando, muy bien. Ahora hemos hecho este menú para que tengamos un botón de área en el que se pueda hacer clic, O hamburguesa, hará que aparezca en la página, se desplace, se desplace de nuevo. Todo bien. En nuestro siguiente video, vamos a crear una presentación de diapositivas. 7. Creación de una proyección de diapositivas: Davis Davis. Hola, esta es una Cam. Quiero mostrarte cómo hacer una presentación de diapositivas. Esto implica una técnica llamada objetos multiestado. Vamos a abrir nuestro archivo a la página número dos, donde tenemos la tabla de contenidos. Queremos hacer de esto una presentación de diapositivas aquí mismo, y ya lo tenemos configurado para que tengamos tres fotografías diferentes apiladas una encima de la otra. Iremos al panel de capas así, y notaremos que hay tres imágenes diferentes. Puedes hacer clic en el icono de visibilidad aquí mismo para ver por ti mismo que tenemos estos tres apilados. Ahora, vamos a seguir adelante y hacer clic en los tres para seleccionarlos. Cerraremos nuestro panel de capas. Ahora necesitamos hacer un objeto multi estado aquí fuera de estos árboles. Sigamos adelante y hagamos clic en ese panel. Diremos signo más para hacer un canal estatal. Vamos a nombrar esta presentación de diapositivas. Así. Lo cerraremos de nuevo y haremos clic a un lado. Ahora, lo que queremos hacer es hacer que estos botones de aquí abajo sean los disparadores que harán que la presentación de diapositivas vaya hacia adelante y hacia atrás. Hagamos un botón a partir de estos haciendo clic en una herramienta rectangular. Dibujaremos a su alrededor así, obtendremos la herramienta de selección. Haga clic y arrastre aquí en su lugar. Voy a darle un golpe a ese solo un poco. Ahora, comenzaremos con nuestra izquierda. Vamos a cablear este botón yendo al panel Botones. ver, queremos que esto sea un botón y en el toque releaser, vamos a agregar una acción, que es ir al estado anterior Escojamos aquí el objeto correcto, que será multi estado 20, uno que acabamos de hacer. Entonces vamos a ir a nuestro siguiente botón aquí. Y llamaremos a este botón. Queremos ser un botón en la pestaña de liberador. La acción entonces sería ir al siguiente estado. También eligiendo ese estado ahí mismo. Vamos a darle una oportunidad a esto. Iremos a nuestro panel de vista previa así. Despejemos el avance para asegurarnos de que estamos viendo nuestro trabajo más reciente. Tenemos el botón de reproducción, déjalo escribir la información por nosotros. No necesariamente tienes que tener este modo de varias páginas aquí mismo. Nos quedaremos en la misma página. Pero sí queremos avanzar así a esta página. Vamos a seguir adelante y dar click en éste. Sólo vamos a ir adelante así. Él sabe que va al siguiente estado como se lo dijimos. Entonces probaremos nuestro botón de retroceso, nuestro botón de estado anterior así. Ahí lo tenemos. En nuestro próximo video, te voy a mostrar cómo animar texto e imagen 8. Animación de texto e imagen: Hola, soy Cam. Quiero mostrarte cómo animar tanto el texto como la imagen en una página Vamos a echar un vistazo a algunos de los diferentes tipos de animación y cómo utilizarlos. Pasemos a la página número nueve de nuestro expediente. Queremos trabajar en dos animaciones diferentes aquí. Tendremos este título en la parte superior de la historia para volar desde arriba así desde arriba desde arriba. Entonces lo que queremos hacer con nuestra fotografía aquí es simplemente que se desvanezca en la página. Vamos a dar clic en nuestro título para empezar. Iremos al panel de animación. Vamos a elegir el preset aquí. Veamos volar desde arriba, así. Se puede ver el camino de animación aquí, la línea verde. Entonces haremos click en, bueno, antes de hacer eso, bajemos aquí a la opacidad Queremos que esto simplemente no tenga ninguno para la opacidad, lo que significa que no queremos desvanecerse ni entrar. Queremos tener total opacidad a medida que se anima en la página Ahora, vamos a hacer clic en nuestra fotografía por aquí. Vamos a elegir un preset en este, simplemente para desvanecerse. Queremos entrar a una página, solo posicionar donde está, pero simplemente que la opacidad es un fade in El resto de estos ajustes aquí mismo funcionarán bien. Ahora, queremos asegurarnos de que estos animen uno tras otro Vayamos a nuestro panel de cronometraje. Verás que ambos ya están listados porque están en la misma página. En la carga de la página, estas dos animaciones sucederán, pero este es el orden en el que sucederán. Realmente no queremos que sucedan al mismo tiempo. No los encerraremos ni los uniremos, W es dejarlos animar uno tras otro Sigamos adelante y cerremos esto. Abriremos nuestro panel de vista previa así. Vamos a despejar la vista previa. Para asegurarnos de que nuestro trabajo más anterior me va a mostrar, nuestro trabajo más reciente. Vamos a seguir adelante, asegurarnos de tener esto seleccionado aquí mismo para que podamos pasar por las diferentes páginas para llegar a donde queremos ir. Cuando lleguemos a esta página, se ve aquí, ésta se desliza desde arriba, y ésta aparecerá. Vamos a intentarlo de nuevo para comprobarlo. Vamos a retroceder una página, y luego a medida que avanzamos de nuevo, esto entra y esto se desvanece. Ahí lo tenemos. Lo siguiente que aparece en nuestro es cómo poner una a una página, y te voy a mostrar cómo preparar ese video para que encaje correctamente en la página. 9. Preparación y colocación de un video: Davis. Esta es una cámara. En este video, usaremos otro de nuestros recursos. Se utilizará Adobe Photoshop para preparar un video para su colocación. Luego examinaremos varias opciones de cómo ver el video después de la colocación. Comenzaremos abriendo nuestro documento a la página número cinco. Como puedes ver en medio de nuestra página aquí, tenemos un marco configurado. Esta es la página donde queremos poner nuestro video. Echemos un vistazo aquí. Después de hacer clic en ese marco, vamos a echar un vistazo por la parte superior a la barra de opciones. Se ve que el ancho y la altura aquí son 535 por 300 píxeles. Eso es importante porque necesitamos preparar el video que tenemos que encaje perfectamente en nuestro fotograma y sea la resolución correcta. Voy a hacer clic a un lado aquí solo por un momento. Ahora, lo que queremos hacer es que queremos preparar ese video, y lo vamos a hacer un poco diferente. Vamos a preparar ese video dentro de un photoshop. Quiero que sigas adelante y lances photoshop así. Entonces puedes ir a Archivo Abrir, así, luego navegar a donde está la carpeta que se proporcionó para este curso dentro de la carpeta de imágenes y encontrar un archivo llamado Senderismo punto MP four, y simplemente abrir eso justo arriba. Ese video se abrirá en photoshop porque tenemos un componente de movimiento aquí debajo de Espacio de trabajo de ventana. adelante y configuremos este espacio de trabajo como movimiento, y tenemos una línea de tiempo que está integrada en Photoshop donde podemos hacer cosas como esta. Lo único que realmente queremos hacer aquí es dimensionarlo correctamente y poner la resolución correcta, como mencioné antes. Lo que vamos a hacer es conseguir nuestra herramienta de cultivo por aquí. Entonces arriba en la barra de opciones a la parte superior, quiero que hagas clic en este menú Drop town aquí mismo y subas a donde dice W veces H h veces resolución, que por supuesto significa ancho por alto por resolución. Ahora queremos introducir nuestros datos desde el archivo de diseño final, el tamaño de ese archivo. Es 535, adelante y entrada aquí. Ahora, asegúrate de que esto diga píxeles, Px. Si esto sucede que se mostrando en pulgadas o algo así, asegúrese de que esto sea píxeles. Haremos 535, luego espaciaremos px para píxeles, presionaremos tu tecla tabulador y luego escribiremos 300 barra espaciadora, Px, tab nuevamente para llegar aquí y queremos que esto sea de resolución 72. Ahora sigamos adelante y hagamos clic en la marca de verificación así. Voy a pedirnos que nos convertiremos en un objeto inteligente, y sí, queremos hacerlo. Hará que se vea mucho más pequeño aquí. Pero ahora vayamos al comando cero para llevarlo a nuestro marco. Entonces hagamos comando menos un par veces porque este es el tamaño que realmente aparecerá. En nuestro video, aproximadamente de este tamaño. En este punto, tenemos un tamaño correctamente, tenemos la resolución correcta. Ahora necesitamos renderizarlo como un video. Subamos aquí a presentar. Bajaremos a Exportación. Iremos a renderizar video. Veamos algunas de las opciones que hay aquí. Vamos a seguir adelante y nombrar a esta diputada de senderismo cuatro. Pero sigamos adelante y lo pongamos en el escritorio para que podamos acceder al video renderizado que tenemos fácilmente. Podemos elegir entre algunos codificadores aquí. Dejemos esto en adobe Media encoder. El formato será 264, o algunas otras cosas aquí, pero ese es el que queremos usar. Bajo un preset, hay un montón de cosas aquí abajo. Realmente no necesitamos entrar en el resto de estas cosas así, pero para nuestros propósitos, podemos elegir una calidad baja media o alta. Voy a seguir adelante y dejar esto en medio porque una de las cosas que tienes que considerar es el playoff entre calidad, calidad resolución y luego el tamaño de tus archivos Creo que la calidad media es un buen compromiso entre los dos. Dejaremos el resto de estas opciones como están. Sigamos adelante y digamos render. Ahora, esto va a tomar un poco más aquí. Voy a seguir adelante y decir reemplazar en esto porque había establecido ese archivo renderecido ahí arriba anteriormente. Esto tardará uno o dos momentos en procesarse, pero no debería tomar tanto tiempo. Si tienes un procesador realmente potente, el tuyo irá muy rápido. Entonces si no, tardará un poco más, pero no debería tomar tanto tiempo hacer esto. Ahí vamos. Ahora voy a seguir adelante y cerrar esto. Voy a dejar photoshop, y no voy a guardar este original. Lo dejaré en paz. Así. Eso nos llevará de vuelta a nuestro archivo de diseño final. Ahora lo que vamos a hacer es simplemente colocar esto como lo haríamos otro gráfico o imagen o fotografía o cualquier otra cosa. Haremos clic en nuestra casilla aquí. Vamos al lugar de archivo. Veamos aquí, lugar de archivo. Ahí subimos aquí en nuestro escritorio, donde lo ponemos. Vamos a decir, abra, y lo pondremos así en nuestra página. Ahora bien, eso no es realmente lo que queremos mirar cuando abrimos la página, estas series de líneas diagonales, pero podemos arreglarlo y tener una bonita imagen aquí arriba del video mismo. Pasemos aquí a Media y echemos un vistazo. Una de las cosas que podemos hacer con esto es a un set cuando se supone que esto debe jugar, y también lo que se llama un marco de póster. Sólo vamos a elegir uno de los fotogramas de la propia imagen del video. Si acabo de pasar esto así, puedo elegir uno de cualquiera de estos marcos de aquí, si me gusta. Pero creo que sólo voy a dejar el mío vuelta al primer fotograma así. Entonces voy a ir bajo el marco del póster y decir, desde el marco actual así. Verás que aparece aquí, nos da un adelanto. Quiero reproducir este desde el propio video en lugar de simplemente reproducirlo cuando se carga la página. No voy a revisar esta de aquí. No quiero que se repita, solo quiero tocar una vez, luego seguiré adelante y esconderé así el panel de medios. Ahora, sigamos adelante y revisemos nuestro trabajo. Vamos a subir nuestro panel de vista previa, así. A ver. Aquí vamos a aparecer casi así”. s rápido y claro la vista previa para asegurarse de que nuestro trabajo más actual va a mostrar. No necesitamos hacer las múltiples páginas. Simplemente haremos clic en la vista previa así y la escribiremos para nosotros. Ahora ya se puede ver cuando surge esto. Nos da un poco de control. Un botón de reproducción aquí. Si puedo hacer click en play, veremos que funciona correctamente. Si vuelvo el cursor así, puedo hacer una pausa si quiero o volver a pulsar play, así También puedo ampliar esto a la pantalla completa y jugarlo así. O pausarlo así, y luego podría reducirlo de nuevo a su tamaño original. Tenemos éxito en la preparación y reproducción de nuestro video. Ahora, en nuestro siguiente video que tengamos, vamos a trabajar en colocar un video donde no se muestre cuando originalmente cargues la página, y luego tendremos un botón donde activará el video para que aparezca en nuestra pantalla y así podamos reproducirlo en ese momento. 10. Muestra de un video oculto: Hola, soy Cam. Ahora bien , y si tienes un video, te gustaría mostrarlo en una página en particular. El problema es que el video se agolpará o cubrirá el diseño existente. Lo que voy a mostrarles es cómo hacer que aparezca un video. Podrás reproducirlo y luego hacerlo desaparecer cuando termines de ver ese video. Comencemos abriendo a la página número 11 en nuestro archivo. Voy a desplazarme hacia la izquierda aquí solo un poquito. Ya puedes ver que el video ya está configurado para nosotros. Tenemos un video y un fondo aquí junto con un par de botones ya diseñados. Uno por supuesto, para reproducir el video, y luego uno aquí abajo para cerrar el video. Empecemos por hacer un par de botones que serán la región tappable que rodeará estos botones de diseño Consigamos nuestra herramienta de rectángulo aquí. Haremos clic y arrastraremos alrededor de éste. Entonces haremos clic y arrastraremos aquí también. A Ahora, sigamos adelante y ahora que este está seleccionado, tecla mayús y click. Seleccionaremos todo eso. Haremos un comando G para grupo. Entonces vamos a hacer una copia de esto y ponerlo justo encima, y luego moveremos a uno de ellos por aquí. Tenemos uno fuera de la pantalla y luego uno en la pantalla para hacer nuestro objeto multi estado. Iremos a editar y copiar. Entonces vamos a ir a editar pegar en su lugar. Eso pone otra copia justo encima aquí. adelante y hagamos nuestro objeto multiestado aquí, veamos, haga clic y arrastre primero para agarrar ambos, y luego haga clic en el signo más, y eso hará que nuestro objeto. Adelante y llama a este video oculto, y luego comenzaremos por. Sigamos adelante y pongamos a éste. Diremos escondido. Entonces el segundo, vamos a llamarlo algo así como pantalla o revelado o alguna cosa así como esa. Alguna terminología que recordarás es apropiada para saber cuál es cuál. Ahora, la pantalla uno, asegúrate de que tenemos eso seleccionado, baja aquí y veamos, está en esta capa aquí. Eso va a funcionar ahí. Eso ya está seleccionado. Ahora vamos a pasar esto a nuestra pantalla. Voy a sostener la tecla Mayús y hacer clic y arrastrar así que viene por aquí y simplemente se sienta incluso con un borde izquierdo justo aquí y se extiende a la pantalla. Ahora tenemos lo oculto y la pantalla. Eso Bien. Ahora, comenzaremos haciendo clic en nuestro botón aquí arriba sobre nuestro video de reproducción. Vamos a ir a nuestro panel de botones y Formularios. Queremos convertir esto en un botón. Después de tocar o soltar aquí, diremos, queremos una nueva acción. Este es para ir al estado. Queremos un estado en particular. Queremos ser queremos que este sea el video de pantalla para ese botón. Entonces lo que haremos es hacer clic en este de aquí abajo. Haz clic un par de veces hasta que llegues a este botón. Digamos, es un botón al soltar o tocar. La acción que haremos es ir a otro estado para Hidden video. Entonces queremos que eso vaya al video de Hidden. Ahora sigamos adelante y comencemos. Vamos a hacer clic aquí para empezar. Vamos a hacer click sobre esto. Entonces comencemos por tener esto oculto. Ahora ya tenemos esa configuración. Probemos nuestro trabajo. Haremos clic en ePub aquí. Y aclaremos eso. Eso ciertamente no es lo que estamos viendo aquí. Haz clic en la vista previa de la reproducción y deja que se cargue. Ahora vamos a poner a prueba nuestro trabajo. Iremos hasta aquí. Te das cuenta cuando el cursor se convierte en una mano, eso significa que ahí hay un elemento interactivo . Haremos clic en eso. Aparece, y tenemos nuestros controles existentes aquí. Haremos clic en el botón Reproducir. Este tiene algo de sonido. Y entonces podemos ponerlo en pausa y reproducir tiempo o dos. Observe ahora también tenemos una manera de expandir esto a la pantalla completa. Podemos decir jugar. Así, y luego encogerlo de nuevo hacia abajo. Ahora probemos el botón de video cerrado y desaparece de nuestra pantalla. Ahí lo tienes. Encontramos una manera de hacer que un video aparezca en nuestra pantalla y reproducirlo y luego hacer que vuelva a ocultarlo. Esto es muy útil cuando tienes algo que quieres asociar con una página en particular, pero realmente no tienes ahí la pantalla inmobiliaria para ponerlo. A continuación, te voy a mostrar cómo crear un hipervínculo 11. Creación de un hipervínculo: Hola, soy Cam. Una de las cosas bonitas de un documento digital y publicaciones es que puedes proporcionar fácilmente un enlace a una página web con otra información en un sitio externo. Te voy a mostrar cómo crear fácilmente este tipo de enlace. Abramos nuestro documento a la última página. Esa sería la página número 12. Como puedes ver aquí abajo en la parte inferior, tenemos un área de conexión, y tenemos una dirección de sitio web. Ahora necesitamos cablear esto que cuando hagamos clic en esta área, nos lleve a un sitio web. Ahora, solo divulgación completa, esta no es una dirección real. Simplemente lo compuso intencionalmente para que no vaya a un lugar en particular. Pero quiero demostrar que al hacer clic en esto, la forma en que lo configuramos, buscará abrir un navegador predeterminado e intentar encontrar esa dirección. Entonces obtendremos nuestra herramienta de rectángulo. Vamos a crear una región que se pueda tocar alrededor de esta área. Para este vamos a dar click en el panel Hipervínculos de aquí Puedes crear esta de dos formas. Puedes ir a aquí mismo y crear un nuevo Hipervínculo, o puedes ir a la hamburguesa aquí arriba y decir nuevo Traerá esta ventana de aquí mismo. Enlace dos. Solo queremos enlazar a una URL. Puedes ver algunas otras cosas aquí que puedes crear en tu documento, pero vamos a crear una URL. Justo ahora escribiremos en la dirección Hiking place.com. Dejaremos este destino de hipervínculo compartido y verificado. Se trata de un hipervínculo y queremos seguir siendo un rectángulo invisible Aunque esta dirección PDF realmente no es algo que nos preocupe porque no estamos creando un PDF. Sólo vamos a decir, sobre esto. Cerrar esta copia de nuevo, y como siempre, queremos revisar nuestro trabajo. Sigamos adelante y despejemos la vista previa, y luego haga clic en Reproducir. Vamos a dejar que escriba el HTML para nosotros. Después navegaremos hasta la última página, pincharemos a través de estas muy rápidamente. Veamos aquí. Ahí vamos. Ahora estamos en la página número 12. Vamos a dar click en esta área. Podemos ver que sube la mano, así que hay algo debajo de ahí que es interactivo. Haremos clic en eso. Entonces seguiré adelante y traeré mi navegador. Sobre nuestra zona, podemos verla y podemos ver aquí mismo. Nuestra conexión intentó hacer abrir esta página, pero no pudo encontrarla porque nuevamente, este es un sitio web ficticio Ahí lo tenemos, muy sencillo y fácil de hacer para crear un botón que se conectará a una URL. A continuación, queremos crear un botón para que abramos un cliente de correo, si quieres enviar un correo electrónico, puedes enviar un correo electrónico informativo a este sitio web 12. Creación de un correo electrónico Button: Hola, soy Cam. Quieres tener una manera fácil para que alguien que lea tu publicación se comunique contigo. Este video te mostrará cómo crear un botón que vincule directamente al cliente de correo electrónico predeterminado para enviar su mensaje. Si no tienes tu archivo abierto hasta la página de atrás número 12 del video anterior. Adelante, hazlo. Ahora, lo que queremos hacer es crear un botón que le enviemos un correo electrónico a esta empresa aquí mismo. Nuevamente, como mencioné antes en el último video, se trata de una UR L conformada, pero queremos cablear esto como si fuera una empresa real. Volveremos a usar nuestra herramienta de rectángulo para crear esa región de toque o el botón. Al igual que así. Para este, volveremos al panel de hipervínculos. Vamos a decir, queremos uno nuevo haciendo clic en el símbolo más aquí abajo. Queremos crear un enlace aquí al correo electrónico así. Se ven los otros elementos o las otras cosas que podemos crear a partir de este panel. Pero queremos crear un correo electrónico, de co. La dirección entonces, vamos a configurarla así. Diremos info. En hiking.com Entonces sólo vamos a poner una información Entonces cuando una persona haga clic en esto, esto obviamente será después de la información. Todo bien. Destino compartido de Hyper Link, y todo esto funciona aquí mismo Sigamos adelante y digamos: Bien, y ocultemos esto. Ahora lo que buscamos es ver esto cuando lo probemos, queremos ver que esto abrirá un cliente de correo electrónico e intentará enviar un correo electrónico. De, te dará la oportunidad escribir tu mensaje también. Así que aclaremos esto y sigamos adelante, haz clic en Reproducir vista previa para cargar el trabajo más reciente. Ahora tendremos que navegar hasta la última página. Voy a dar click rápidamente por aquí hasta que lleguemos a la página número 12. Aquí vamos. Voltémonos por encima de nuestra área. Lo vemos a es interactivo. Sigamos adelante y hagamos clic en eso. Usted ve aquí, ha abierto nuestra aplicación cliente de correo en nuestra computadora, y ve que ha puesto la dirección aquí arriba y la línea de asunto, que es información. Ahora puedes simplemente escribir el mensaje que quieras, el usuario de este bien y enviarlo a esta hi empresa. En nuestro siguiente video, lo que vamos a hacer es crear una página donde vamos a mostrar algunos paneles informativos, los cuales quedarán ocultos, y luego cuando volquemos sobre un área en particular y hagamos clic en ella, esta información se mostrará para el espectador 13. Mostrar paneles de información: Hola, esta es la mañana. Como mencioné en un video anterior. Lo bueno de los documentos digitales es que puedes tener otra información que no esté en la maquetación. Al proporcionar un botón para tocar, podemos hacer que esa información aparezca y luego desaparezca. Empecemos abriendo a la página número 12. Ahora, como puedes ver en esta página, tenemos un layout donde tenemos una imagen con diversos equipos que uno querría tener en un viaje de senderismo. Digamos que queríamos hacer una página donde un espectador un lector pudiera obtener información sobre cada una de estas cosas. Sin embargo, es posible que no desee tener toda esta información en su diseño original. Tal vez quieras ocultar eso. Entonces cada vez que el espectador o el lector volteaban y hacían clic en uno de estos equipos, entonces aparecería la información. Sigamos adelante y configuremos eso. Empecemos haciendo una pieza de información aquí para el lector sepa que si dan clic en la prenda o las botas o lo que sea, podrán ver más información. Vamos a usar este cuadro de texto justo por aquí. Obtenga su herramienta de selección, haga clic en así. Después, mantenga presionada la tecla de opción para duplicar, haga clic y arrastre hacia la derecha. Lo estamos haciendo simplemente porque este tipo de cuadro ya está formateado. Sólo queremos usar eso. Ahora vamos a estirarlo por aquí. Ahora presiona t para escribir, y obtén tu herramienta de tipo, y haremos clic y arrastraremos a través de todo esto. Después presiona la tecla de borrar y pulsa en otra ocasión para traerla aquí arriba. Entonces vamos a hacer clic y arrastrar aquí mismo para resaltar esto. Vamos a escribir Click on gear para obtener información así. Ahora, volvamos a obtener nuestra herramienta de selección y solo hagamos esto un poco más ancho para acomodar el tipo. Simplemente ajusta esto para que quede muy bien. Voy a mover esto, tan espaciado. Todo bien. Eso debería funcionar bien. Esto informará a nuestro lector. Ahora lo que queremos hacer es, vamos a hacer un botón por aquí. Después de esta pieza de información, este panel aparece en la página. Verán una x roja aquí mismo, lo que indicará que pueden hacer clic en esa para cerrar ese panel. Para hacer eso, solo obtendremos nuestra herramienta tipo. Haga clic al final de la r aquí mismo. Golpea la barra espaciadora un par de veces. Entonces haz un Vamos a ver, a ver. Ahí vamos. Vamos a hacer clic y arrastrar para resaltar eso. Vamos a subir aquí a nuestra barra de opciones y elegir más rojo es nuestro color Haga clic a un lado. Ahora, vamos a hacer clic y arrastrar así para resaltar eso. Comando C para copia. Entonces haz click aquí abajo. Hacer comando V para pegar. Lo mismo por aquí. Comando V para pegar. Todo bien. Ahí vamos. adelante y hagamos clic y arrastremos esto hacia un lado solo por un momento. Queremos dibujar una región clara que se pueda tocar que va a ser nuestro botón sobre esto Obtendremos nuestra herramienta rectangular. Haremos un clic y arrastraremos alrededor esto y haremos clic y arrastraremos alrededor de nuestra X roja Ahora, queremos agrupar esta. Esto se resalta o se selecciona más bien. Haga una tecla Mayús y haga clic así para seleccionarlos a ambos. Vamos a hacer un comando G para grupo, realmente importante, por cierto, si no lo has conseguido hasta ahora para aprender algunos atajos de teclado si no los conoces, consigue algunos de esos atajos de teclado básicos que realmente te ayudarán mucho. Vamos a ver. Vamos a hacer un estado de objeto aquí, un objeto multiestado. Vamos a dar click aquí así. Y luego da click aquí en este. En realidad, vamos a repasar esto antes de que hagamos el objeto Haz clic y arrastra donde quieras que esté esto cuando aparezca en la pantalla. Ahora, haga clic de turno, asegúrese de tener ambos. Haremos nuestro objeto multiestado por aquí. Haremos clic en el signo más y eso hará que nuestro objeto multi estado. Vamos a entrar aquí y ponerle un nombre a esto. Lo llamaremos información de abrigo, así. Ahora tenemos aquí dos estados. Esta es aquella en la que se oculta la información. Esta es aquella en la que se ve la información. En realidad, sigamos adelante. Nombrar esto. Llamemos a esta escena escena porque ahí se ve la información. Vamos a dar click en éste y llamar a esto Oculto. Oculto. Ahora, es muy importante que quieras tener el oculto, el estado en el que eso va a suceder cuando la página se cargue por primera vez para estar arriba. Queremos que nuestro oculto esté arriba aquí visto en la parte inferior. Ahora, haremos clic aquí. A ver. Ahí vamos. Vamos a cablear estos botones. Vayamos por aquí. Vamos a hacer clic en esto para seleccionar nuestro objeto multiestado. Haremos clic un par de veces para bajar a este botón, y ahora pasaremos a botones como este. L et's decir si queremos hacer un botón. soltar o tocar, vamos a agregar una acción, que es pasar al siguiente estado así, y tenemos que asegurarnos de que el objeto correcto aquí, que es la información del abrigo está apareciendo. Después vamos a seguir adelante y dar clic en. El otro aquí, da clic a un lado. Vamos a dar click al principal así. Volvamos a los objetos. Vayamos a la parte oculta. Solo queremos asegurarnos de que tenemos este seleccionado. Ahí vamos. Hagamos un botón con éste. A ver. Tendremos que hacer clic un par de veces en esto. Ahí vamos. Ahora seleccionamos el rectángulo real. Queremos convertir eso en un botón. Suelte el grifo. La acción entonces es ir al siguiente estado. El objeto es info. Y eso debería funcionar para nosotros. Ahora, vamos a seguir adelante, de seleccionar por aquí, y vamos a revisar nuestro trabajo. Vamos a ir a la vista previa. No se está mostrando en este momento. Iremos a ventana abajo a interactivo, y luego encontraremos la vista previa interactiva de E p. Es un poco grande ahí mismo. Vamos a bajar eso solo un poquito. Sólo vamos a seguir adelante y atraparlo aquí. A ver, así. Ahí vamos. Ahora podemos hacer click en él, sacarlo de ahí. Juguemos así la vista previa. Ahora deberíamos poder volcarnos encima de esto y hacer clic y eso nos aparece así. Vamos a rodar sobre la parte superior de la x, hacer clic, y se va. Muy bien. Ahora, nuestro método funciona ahora a partir de aquí, puedes seguir adelante y hacer lo mismo con cada uno de estos. Asegúrese de hacer un botón sobre la X y luego hacer un botón sobre el engranaje en particular. Te dejaré seguir adelante y trabajar en eso. En nuestro siguiente video, te mostraré cómo exportar tu archivo a un formato EPUB. 14. Exportación a formato Epub: Hola, soy Kam. Una vez finalizado el proyecto, ¿cómo lo consigues en un formato que pueda ser leído por un lector de EPO Te voy a mostrar cómo hacer esto en este video final. Para nuestro último video, quiero que te abras a la portada aquí, y vamos a trabajar en exportar esto como formato ePub. Vas a poder guardarlo así, y luego podrás abrirte en cosas como y luego podrás abrirte en cosas como libros de Apple o las ediciones digitales de Adobe. Ahora, solo una palabra sobre esos, el Soporte para computadoras de escritorio o portátiles como Mac OS no es tan robusto como un dispositivo móvil como un teléfono o un iPad. Puede haber una característica por aquí y allá que no funcione tan bien en un Mac OS. Sigamos adelante y exportemos esto. Simplemente sube aquí a archivar abajo a Exportar y yo lo voy a poner en esta carpeta aquí. El formato es de diseño fijo ePub. Dejaremos que eso quede comprobado. Sigamos adelante y ahorremos. Voy a sustituir al uno y probé ahí fuera. Quiero que se exporten todas las páginas , voy a dejar igual el resto de estos valores predeterminados Esos funcionarán bien. Sigamos adelante y digamos: Bien, debería tomar solo un momento o dos procesar esto. Cuando te encuentres con algunas cosas como esta, solo sigue adelante y di: Bien, esas deberían estar bien de esa manera. Ahora, encontrará cualquier lector EPA que tenga instalado en su computadora como los libros de Apple, y seguirá adelante y lo abrirá en su pantalla aquí. Voy a seguir adelante y minimizar el archivo de diseño final. Sigamos adelante y hagamos click en esto, muévelo un poco. Se puede ver mejor. Me gustaría estirarlo un poco. Ahora, subamos y probemos algunas de nuestras cosas. Vamos a hacer clic en nuestro menú. Tenemos nuestro cajón de información deslizándose, y nos lo llevaremos aquí. Ahora, en los libros de Apple, fíjate si bajas al fondo aquí, hay miniaturas de las diferentes páginas Podrías hacer click en esos si quisieras, pero tenemos nuestro sistema de navegación aquí. Entonces iremos a subir a nuestra tabla de contenidos. Ya ves que está funcionando bien. Nos desplazaremos por aquí. Ahora, tenemos una aquí es una de las cosas en las que no se apoya también. Una versión de escritorio es la reproducción de video. Esto debería jugar bien en un teléfono o tableta, pero quiero mostrarte aquí si hago clic en esto, realmente no juega en este momento en O S en el escritorio. Pero nuevamente, debería funcionar bien en tu tableta o teléfono. Voy a seguir adelante así. Iremos a la siguiente. Tenemos nuestra animación aquí. Sigamos adelante. Aquí es donde podemos hacer que el video aparezca aquí, y podemos cerrarlo. Pero este sería el mismo resultado aquí si hago clic en el botón de reproducción. Y lo cerraremos así. Pasemos a nuestra página final donde si vuelco esta pieza de engranaje, se abre y la puedo cerrar. Haga clic aquí, abra y cierre. Esta área general estoy hecha para lo esencial, y voy a cerrar eso, así. Ahora ha creado un ePub interactivo completo. Tengo solo un video más donde compartiré contigo algunos pensamientos de despedida 15. Algunas reflexiones de despedida: Hola, soy Cam. Quiero concluir con algunas reflexiones a aquellos de ustedes que trabajan conmigo a lo largo de este curso. Primero quiero dar las gracias por tomar este curso y seguir hasta el final. Quería recordarte que publiques tu e p. terminada. Espero con ansias ver este trabajo, ver lo que has hecho y planeas dejarte algunos comentarios. Ahora hemos cubierto mucho terreno durante este curso. Hemos hablado sobre cómo crear navegación de una página a otra, así como a partir de una tabla de contenidos. Hemos trabajado con objetos multiestado para crear cosas como presentaciones de diapositivas y diapositivas en paneles. También hemos aprendido a crear hipervínculos a cosas como páginas en Internet, así como a enviar un correo electrónico La gran comida para llevar que espero que consigas de este curso es que puedes usar el diseño final no solo para crear hermosas publicaciones para imprimir, sino que también tienes las herramientas para tomar esa publicación y ponerla en línea en forma de EPO Ahora, tienes las habilidades necesarias para hacer tus propios diseños y aplicar esas habilidades para crear elementos interactivos en tus páginas tal como lo hemos hecho con el diseño de demostración que te proporcioné. Ahora, si has disfrutado de este curso, no dudes en dejar una reseña. Te veré la próxima vez.