Cómo crear un índice de diapositivas con íconos (Menú dinámico) en Power Point

en este vídeo te voy a enseñar paso a paso cómo hacer estos botones animados en power point que te van a permitir desplazarte de una diapositiva hacia otra utilizando únicamente algunas formas algunos iconos y transiciones empecemos [Música] qué tal amigos cómo están bienvenidos a una nueva clase de su curso de powerpoint completo desde básico hasta avanzado este vídeo es un vídeo práctico es una clase práctica para la cual habrás necesitado ver las clases anteriores donde vimos detenidamente cómo funcionaban las animaciones y las transiciones en power point en esta clase vamos a aplicar lo aprendido así que te invito a que veas bien todo el curso o por lo menos las clases anteriores de acuerdo en este vídeo entonces vamos a hacer esto vamos a hacer este menú interactivo este menú con botones que funciona únicamente utilizando estas formas no y la transición de transformación de acuerdo vamos a utilizar nada más que eso no vamos a hacer ninguna animación por el momento ya que esto simplemente funciona con las transiciones y ubicando y creando bien nuestras formas y nuestros iconos de acuerdo entonces les invito a que vayan a la descripción de este vídeo donde van a encontrar esta plantilla de acuerdos o se les voy a dejar en la descripción del vídeo para que lo puedan descargar y aquí van a ver el paso a paso de lo que tenemos que hacer para crear nuestro menú dinámico con botones además les estoy dejando también algunas unos temas de colores para que ustedes puedan a sus diapositivas mientras practican junto conmigo que es lo ideal y que lo recomiendo y algunos packs de iconos de acuerdo aquí como pueden ver hay bastantes iconos clasificados de creatividad artístico naturaleza etcétera un montón de iconos que ustedes pueden utilizar en su presentación y pues en este caso yo he seleccionado estas cinco ok voy a utilizar estas cinco estos cinco iconos para crear los botones que voy a utilizar en esta presentación ok veamos nuevamente cómo va a quedar el final de esta es una presentación donde vamos a encontrar en la parte lateral izquierda los botones que vamos a poder clicar nuevamente vamos a ver podemos hacer clic en estos iconos para que se activen estos botoncitos y nos dirijan a esa diapositiva noten que aquí el botón de estrellita es la diapositiva amarilla no y como ustedes pueden ver aquí está la estrella justo en la diapositiva amarilla y así con cada una de las diapositivas le he puesto colores únicamente para que sea reconocible sin embargo aquí lo ideal es pues poner una temática no es cierto un título relacionado con este icono con estos iconos entonces vamos a empezar lo primero que vamos a hacer pues es nuestra diapositiva en blanco donde vamos a ubicar todo lo que vamos a necesitar en primer lugar los iconos ok los voy a copiar simplemente les voy a seleccionar vamos a hacer control ce y control uve por acá ok listo tenemos nuestros iconos que más necesitamos también una paleta de colores en este caso voy a utilizar está nuevamente control ce y control v ok listo tenemos nuestra paleta de colores nuestros iconos y ahora vamos a ver también que necesitamos dos pares de estos iconos porque noten que tenemos un icono un tanto paco tanto gris es el icono inactivo y un icono de color más oscuro para indicar que está activo no entonces vamos a duplicar esto vamos a duplicar lo vamos a hacer control y control v nuevamente ok acá ya esto ya teniendo seleccionado todos ok le vamos a poner otro relleno de forma de un gris un poco más claro por ejemplo este acá de acuerdo de esta manera estos van a ser los iconos inactivos y estos van a ser los iconos activos de nuestros botones ok entonces ahora lo que vamos a hacer es crear nuestra primera de diapositiva vamos a crear y vamos a ponerle una sección de hecho el botones de acuerdo y aquí ya vamos a empezar con con los colores vamos a cortar vamos a copiar esto nuevamente vamos a pegarlo acá y ya esta diapositiva le vamos a poner el fondo del primer color okey recuerdan cómo se hace vamos a hacer clic derecho del fondo y luego aquí en la paleta de colores seleccionábamos el cuentagotas ok hacemos un clic en cuentagotas y luego un clic en el color y listo ya tenemos nuestra diapositiva con este primer color ok voy a borrar esto y ahora vamos a ubicar nuestros iconos acá para tener un poco mejor de contraste vamos a hacerle control x y acá control uve y listo aquí está noten también que en el ejemplo aquí nosotros tenemos nuestros botones dentro de un círculo no dentro de un círculo blanco entonces vamos a crear ese círculo como pues simple vamos a la pestaña inicio donde el menú de dibujo y aquí vamos a utilizar la forma de elipse para dibujar un círculo no más o menos de este tamaño tal vez un poco más pequeño vamos a disminuir el tamaño poquito y ahora vamos a ponerle de color blanco y sin contorno de formas ok y ahora lo vamos a ubicar atrás clic derecho enviar al fondo y listo ya está tal vez está un poco pequeño y falta alinearlo un poco vamos a hacer un poquito de zoom para hacerlo un poquitín más grande de acuerdo y vamos a ubicarlo justo al centro hay las guías nos ayudan bastante ok ya tenemos nuestro círculo y ahora simplemente vamos a copiar en este punto del vídeo ya les quiero recordar las mecánicas de power point si aún no han visto ese vídeo les recomiendo que vayan a verlo porque es la clase más importante de todo el curso porque ahí les explico las mecánicas básicas que se deben conocer dentro de power point una de esas mecánicas es la de duplicar elementos en power point y para eso nosotros bien podemos utilizarla el atajo control se control uve pero es poco práctico así que les recomiendo utilizar el atajo de mantener presionada la tecla control luego hacer clic en la forma que queremos duplicar le arrastramos hacia otro lado vamos a ubicarlo de una vez y luego soltamos el click y luego soltamos el control de acuerdo de esa manera duplicamos una forma sin necesidad de hacer control y control uve y así como está hay varias mecánicas que les recomiendo que repasen en la clase del primer módulo de este curso de acuerdo vamos a hacerlo otra vez presionamos control clic arrastramos y soltamos el clic y luego soltamos control lo mismo vamos a hacer otra vez control clic soltamos clic soltamos control y nuevamente control clic soltamos clic soltamos control y ya está y ahora vamos a seleccionarlo todos okey mantenido control y luego clic derecho y enviar al fondo estas prácticas estas mecánicas ya les expliqué paso a paso en la clase número 4 si no me equivoco en la 3 de este curso de power point ok vamos a ver si están completamente alineados yo creo que sí y ya está ok vamos ahora a agrupar esto porque no quisiera que seleccionando uno se vaya a mover así quiero que todo actúe como un solo voto entonces vamos a seleccionarlo y derecho agrupar agrupar lo mismo por acá el derecho agrupar agrupar y así con todos los iconos con todos los botones de acuerdo agrupar agrupar y ahora aquí agrupar agrupar y de esta manera ya se mueven como uno solo ok tal como ustedes pueden observar muy bien ahora que ya tenemos nuestros botones tanto inactivos como activos vamos a ver qué más necesitamos aquí tenemos pues una barra que si hacemos un poco de suma hacia atrás vamos a ver que es una barra bastante larga y se repite en todas las diapositivas ok porque esta es una barra móvil que se va a ir moviendo dependiendo de la ubicación del botón entonces vamos a crear esa barra y para eso vamos a utilizar la forma de rectángulo acá simplemente vamos a arrastrarlo ok más o menos así y vamos a hacer un poquito de suma hacia atrás para ubicarlo correctamente para hacerlo del tamaño correcto que es más o menos exagerando de este tamaño de acuerdo y ahora simplemente le vamos a dar la vuelta con este botoncito y lo vamos a ubicar tratando de que esté justo al centro de la diapositiva ok ay listo vamos a regresar un poquito acá y tal vez le falta un poco de grosor así que le vamos a modificar hasta acá ok listo le vamos a cambiar de color vamos a poner de color blanco y que tampoco tenga contorno de esta manera ya tenemos nuestra barrita que va a ser la que se va a mover a lo largo de todas las diapositivas ok el largo de esta barra va a depender de la cantidad de diapositivas que vayas a querer utilizar en tu presentación o también de la cantidad de botones que quieras ubicar no porque un botón bien podría utilizarse en varias diapositivas en una sección en una clase de diapositivas muy bien entonces que sigue vamos a empezar a ubicar los iconos primero vamos a ubicar los iconos inactivos y de hecho antes tenemos que mandar esto para atrás ok seleccionamos el rectángulo le hacemos clic derecho y luego enviar al fondo de acuerdo para que nuestros iconos estén por encima ok entonces vamos a ubicar los más o menos por acá y no hay problema de ubicación siempre que ubicamos el primero y el último en el lugar adecuado no no tenga aquí que las guías nos ayudan a posicionar estos iconos de manera correcta y ahora simplemente vamos a seleccionarlos todos nos vamos a formato de gráficos y aquí en esta opción de alinear vamos a utilizar la opción de distribuir verticalmente ok ahora nuevamente aquí vamos a buscar la opción de alinear a la izquierda y de esta manera ya tenemos nuestros iconos alineados y vamos a ponerlos justo al centro ok listo ahora vamos a hacer lo propio con estos iconos y vamos a ubicar los fuera de la diapositiva ok cosa que no se ve vamos a ubicarlos por acá noten que las guías son bastante importantes y si no tienen activadas estas guías que son estas estas líneas punteadas que nos salen cuando tenemos unas formas alineadas si no las tienen activas solamente tienen que venir aquí en la pestaña de vista y aquí en mostrar vamos a utilizar este botoncito y en esta ventanita que sale simplemente tienen que activar a esta casilla no la segunda casilla mostrar guías inteligentes cuando las formas están alineadas de esa manera les va a salir estas líneas punteadas que les indican lo que nos ayudan bastante cuando las formas están alineadas de acuerdo bueno seguimos con los demás iconos vamos a tratar de alinearlos perfectamente y ahora el último y listo ya tenemos nuestros iconos bien ubicados ok ahora lo que tenemos que hacer es crear esta pequeña muesca que tiene nuestra nuestra nuestra barra lateral no no tengo aquí que tiene un pequeño hueco donde justamente encaja el botón entonces vamos a ubicarlo vamos a crear esa muesca y para eso vamos a poner esto nuevamente de manera horizontal y vamos a tratar de ubicarlo en el centro ok aquí las guías nuevamente nos ayudan bastante ya tenemos esto en el centro y ahora para crear esta muesca vamos a dibujar un triángulo de acuerdo vamos a poner aquí el triángulo vamos a dibujarlo acá vamos a girar lo de tal manera que en la punta apunte hacia abajo y lo vamos a ubicar más o menos por acá de nuevo también en el centro ok en el centro de la diapositiva listo vamos a hacer un poquito de zoom y ahora a esta de triángulo también tenemos que quitarle el contorno de acuerdo es muy importante le quitamos el contorno y ahora sí vamos a seleccionar vamos a presionar la tecla control hacemos un clic en el triángulo hacemos un clic en el rectángulo soltamos control y ahora sí nos vamos a formato de forma de la pestaña formato de forma y buscamos a esta opción combinar formas de acuerdo y vamos a utilizar la opción de fragmentar de acuerdo no se olvide fragmentar le damos a fragmentar y ya está ya está nuestra forma está aunque ha cambiado de color pero ya tiene su mezquita no vamos a poner el color blanco nuevamente al relleno de forma blanco y ya está ahora como suavizamos estas esquinas porque como pueden ver en nuestro modelo tenemos unas esquinas bastante suavizadas que están bastante bonitas entonces vamos a suavizar estas esquinas vamos a copiar las ok y cómo se hace eso nuevamente estamos utilizando una forma entonces nos vamos a la pestaña formato de forma y aquí buscamos ahora esta opción editar forma y vamos a la opción modificar puntos de acuerdo de esta manera van a aparecer estos tres puntitos negros estos tres cuadraditos que nosotros podemos utilizar para para suavizar nuestros vértices simplemente hacemos un clic dentro de uno de estos cuadraditos y va a aparecer otro controlador que es este cuadradito blanco ok lo vamos a hacer clic y vamos a arrastrarlo de tal manera que tengamos una curva bastante suave no vamos a ponerlo por ahí lo mismo con el de la derecha vamos a arrastrar lo ponemos que quede alineado horizontal de acuerdo y ahora acá este puntito de abajo también tiene dos controladores como pueden ver y ahora para mantener esto uniforme para que se vea simétrico vamos a presionar la tecla ok la tecla shift y ahora ya podemos hacer un clic en el cuadradito blanco y noten cómo se mueven los dos simultáneamente y simétricamente ok vamos a ubicarlo más o menos así tratando de que quede completamente horizontal soltamos el click soltamos el shift y más o menos ya está no creo que está muy profundo así que vamos a vamos a subir esto un poco tratando de nuevo mantener la asimetría que yo creo que por acá está bien tal vez un poquito más arriba y ya está ya estaría vamos a hacer sumo hacia atrás y vemos que ya tenemos una muesca bastante suavizada ahora simplemente lo vamos a ubicar nuevamente donde estaba vamos a darle la vuelta y ahora lo ubicamos justo por acá ok y lo volvemos a mandar al final clic derecho enviar al fondo y ya está ya está ok y así ya hemos creado todos los elementos todos los botones interactivos y la barrita que nos va a ayudar a crear este menú dinámico ok listo ya tenemos entonces el punto número 2 crear la barra con una muesca y ahora falta poner los enlaces a los botones estos iconos simplemente son iconos y presentamos por ejemplo y pasamos el mouse por estos iconos pues no va a pasar nada porque no son botones no hay ningún enlace si hacemos un clic simplemente va a pasar a la siguiente diapositiva y así sucesivamente entonces tenemos que crear enlaces en estos botones de acuerdo y los vamos a enlazar a las diapositivas y respectivas ok aquí en el modelo este botón nos dirigía a esta diapositiva noten que aquí está activo este otro botón nos dirigía a la diapositiva número 3 ok y así sucesivamente entonces vamos a crear esas diapositivas vamos a poner una nueva diapositiva en blanco y vamos a copiar aquí nuestro nuestra paleta de colores vamos a pegarlo por acá y ahora vamos a cambiar el color del fondo ok formato del fondo nuevamente en la paleta cuentagotas y utilizamos el segundo color ok listo arrastramos presionamos control y luego soltamos ok listo ahora esta diapositiva también le vamos a cambiar el fondo y la paleta de colores cuentagotas y ahora amarillo ok listo vamos a hacer lo mismo control soltamos y ahora aquí paleta de colores verde y por último lo volvemos a hacer vamos a la paleta utilizamos cuentagotas y ahora con el azul y ya está ya podemos borrar esta paleta de colores de todas las diapositivas porque ya tenemos todos los colores ok listo ya tenemos nuestras diapositivas ahora lo que tenemos que hacer es crear los enlaces no ese es el paso número 3 ponerle enlaces a los botones vamos entonces a ver cómo se hace simplemente en cada icono tenemos que hacer clic derecho y aquí vamos a utilizar la opción de vínculo ok hacemos un clic en vínculo y en esta ventanita que no sale seguramente ustedes les va a salir activo acá tienen que seleccionar esta segunda opción lugar de este documento y aquí ustedes van a poder ver todas las diapositivas que tiene esta presentación de cuando vamos a ir viendo entonces que la diapositiva que queremos para este icono es justamente la primera diapositiva no la diapositiva de color rojito ok tal como ustedes pueden ver aquí también podemos ver una vista previa ok le damos a aceptar y listo ahora este ya es un botón de esta diapositiva hacemos lo mismo con las y derecho vínculo lugar de este documento y diapositiva 49 la naranja le damos a aceptar listo y lo mismo con las demás vínculo esto creo que es la 5 la pelota también vinculó un lugar de este documento diapositiva número 6 y ahora la estrella vínculo diapositiva 7 es la azul que es la última y le damos a aceptar ok listo ya está ahora si probamos estos botones estos iconos noten que al pasar el mouse por ahí ya el cursor cambia no cambia de un tipo de no hay nada por acá a un botón que este botón tiene un enlace vamos hacer clic por ejemplo en el último y nos dirige a la diapositiva azul ok listo ahora vamos a copiar todo esto incluyendo la barra de atrás noten que no está seleccionada vamos a presionar control hacemos un clic en la barra y ya está seleccionada ahora hacemos control c y nos vamos a las otras diapositivas y aquí hacemos control uve acá también hacemos control uve otra vez acá también control uve a través y acá también control uve otra vez y ya todos estos todas estas diapositivas tienen sus botones con enlaces en cada uno ahora únicamente tenemos que ubicarlos de acuerdo entonces vamos a ubicar esta barrita que esté más o menos por arriba aquí un tip nuevamente es utilizar la tecla shift para que solamente se mueva verticalmente ok si no saben este tipo pues les recomiendo nuevamente que vayan a ver la clase de mecánicas importantes en power point creo que es la clase 3 2 o 4 no recuerdo muy bien ok entonces vamos a moverlo y que esté justamente aquí alineado y lo que vamos a hacer ahora es mover el botón nuevamente a presionando shift para que esté aquí no activo y ahora lo que vamos a hacer con esto es moverlo de acuerdo ya está ya tenemos aquí nuestra primera diapositiva donde el botón activo es este de acá nos vamos a la siguiente y nuevamente vamos a ubicar la barrita vamos a presionar shift y lo vamos a mover por acá a esto lo movemos por acá y esto hacia atrás ok y vamos a repetir este proceso con todas las diapositivas esto ya está justo en el medio lo vamos a mover esto lo movemos por acá no vamos a centrar por acá ahora el siguiente y ahora el último ok listo ya está nuestra dispositiva con los botones correctamente ubicados ahora si hacemos clic en cada uno de ellos noten cómo se va activando cada uno de los botones pero de manera brusca de manera inmediata no hay una animación que nos diga por ejemplo este botón se está activando no se nota tan fluido ahora como hacemos que se note fluido como en la diapositiva como el modelo no si presentamos nuevamente vemos que hay una pequeña animación bastante bonita no vamos a verlo cómo se hace volvemos entonces aquí y ahora el paso final es poner las transiciones vamos aquí a la pestaña transiciones y vamos a utilizar la opción de transformación ok esta transición solamente está disponible si no me equivoco desde office 2016 para algunas versiones en office 2019 y por supuesto en la que estoy utilizando que es office 365 si deseas adquirir una licencia de office 365 no dudes en escribirnos a certificados arroba heliotec puntocom y solicitar nos esta licencia y te vamos a acompañar con todo el proceso de instalación de acuerdo entonces vamos a utilizar esta opción de transición la de transformación y la vamos a poner en todas vamos a poner por acá por acá por acá y en el último de acuerdo ya está y ahora vamos a hacer otra prueba vamos a presentar para que a darle los últimos retoques y si hacemos clic en cualquier botón vemos cómo se va a activarlo no es cierto pero aquí está como que muy lento así que vamos a acelerar las transiciones y le vamos a poner que ocurra en 0.5 segundos de acuerdo aquí mismo en la pestaña transiciones vamos aquí y poner 0.5 segundos y así con todos 0.5 0.5 0.5 y 0.5 de acuerdo ese sería la penúltima cosa que tendríamos que hacer porque ahora noten que está ya más fluido todos los botones ocurren ya la animación es bastante suave bastante rápida pero hay un pequeño detalle ya para los perfeccionistas que únicamente consiste en mandar a este icono noten que cuando lo activamos cuando activamos alguno de estos iconos como que se cruzan no es cierto se cruza el botón gris se va hacia atrás se nota entonces vamos a mandarlo hacia atrás únicamente a este icono le damos clic derecho enviar al fondo y lo mismo con los botones que están los inactivos que están ocultos no enviar al fondo aquí también enviará el fondo y por acá también enviará al fondo de acuerdo ahora vamos a probar nuevamente hacemos un clic por acá por acá por acá y por acá y ya estaría nuestra presentación nuestros botones animados y ya ustedes pueden utilizar esta mecánica para crear pues las variaciones que ustedes desean por ejemplo aquí yo creado algunas variaciones como en este caso en donde el botón activo siempre está arriba vamos a presentar noten que cada voto va subiendo no va subiendo va subiendo va subiendo y en este caso estos íconos inactivos se desvanecen ok hago clic ahí y se desvanecen o en el caso que hicimos estos botones si lo hacemos un poquito más más lento para que se pueda notar si pasamos de acá y luego pasamos a que noten como los iconos se cruzan no es una manera de hacer esta animación otra manera es simplemente haciendo que desaparezca y como hacemos eso simplemente aquí estos iconos están acá noten que aquí tenemos un icono que está seleccionado no pero está con un relleno transparente está sin relleno si le ponemos verde por ejemplo vuelve a aparecer no simplemente le ponemos sin relleno y ya estaría acá pero no se vería ok son variaciones lo mismo con las ubicaciones aquí en este caso todas están arriba o también podemos ubicar el menú por abajo vamos a presentar esto y noten como aquí tenemos el menú en la parte inferior no completamente funcional es el mismo principio y ya depende de ustedes cómo es que quieren ver su cómo es que quieren ver su presentación como si quieren ubicarlo como quieren presentarlo de acuerdo así que bien eso ha sido todo por esta clase espero les haya gustado esta mecánica y les haya explicado bien el paso a paso y cómo se pueden descargar esta diapositiva para que lo intenten ustedes como aquí ya les mostré en bastantes iconos y con estas paletas de colores si tienen dudas déjenlas en los comentarios y yo estaré atento para responderlas no olvides suscribirte dejar un me gusta a este vídeo y nos vemos en la siguiente clase hasta pronto [Música]