Cómo hacer un cuadro sinóptico 3D en PowerPoint - GUÍA 2021

no qué tal amigos y amigas espero que se encuentren muy bien mi nombre es diego cárdenas y sean bienvenidos a un nuevo tutorial aquí en su canal heliotec en este vídeo les enseñaré a crear un cuadro sinóptico con un efecto 3d el primero en el que creamos este cuadro sinóptico desde cero utilizando solamente herramientas de formas de power point y en el segundo caso vamos a ver cómo hacer un cuadro sinóptico utilizando la herramienta de smart art que está disponible tanto en powerpoint como word y otros programas de office destaca en este diseño donde le vamos a implementar el efecto 3d de acuerdo muy bien entonces esta plantilla así como otros consejos y tips los van a encontrar en la página que voy a dejar en la descripción y es el inglés va a dirigir a nuestra guía definitiva de cómo hacer un cuadro sinóptico como ustedes saben el tío t que estamos sacando nuestras guías definitivas para mostrarles el procedimiento adecuado y el más correcto a nuestro criterio para generar este tipo de gráficos de diagramas y en este caso de cuadros sinópticos ok en la parte inferior también el futuro de nuestro sitio web va a encontrar las guías definitivas que vamos sacando en este caso estamos con el de cómo hacer un cuadro sinóptico también tenemos uno de una infografía y un trip y próximamente sacaremos más guías referentes pues alegra más de gandia gamas de vent diagramas de chicahua etcétera etcétera ok así que estén atentos siempre a la descripción porque ahí vamos a dejar todos los links para que descarguen los recursos descarguen las plantillas y muchas ideas de diseños ok muy bien entonces vamos a continuar y quiero mostrarles aquí primero la definición de un cuadro sinóptico rápidamente un cuadro sinóptico que también se le conoce como cuadro de conceptos es una forma de expresión visual de ideas o textos ampliamente utilizados como recursos instruccionales que comunican la estructura lógica de la información como ustedes pueden ver todos los cuadros sinópticos cuenta con una estructura basada en la ramificación partimos de un concepto principal y lo vamos desglosando en sus elementos inferiores siempre siguiendo una secuencia de jerarquía ok tres simples pasos para generar un cuadro sinóptico óptimo el primero tener una lluvia de ideas con los conceptos que queramos comunicar segundo tratar de hilar o conectar esas ideas dentro de un bosquejo de estructura esto lo puedes hacer en una libreta o cuaderno y tercero diseñar el cuadro sinóptico entonces nos vamos a enfocar aquí en el tema del diseño y para eso vamos a crear una nueva diapositiva y nos vamos a basar de este diseño ok vamos entonces a la pestaña archivo crear una presentación en blanco vamos a borrar todo esto y vamos a empezar en primer lugar vamos a hacer el cuadro sinóptico que está a partir de formas y construido desde cero entonces para eso nosotros vamos a utilizar la herramienta rectángulo de esquinas redondeadas ok a esto lo vamos a encontrar en la pestaña de inicio en la primera sección de acuerdo es el rectángulo de esquinas redondeadas vamos a dibujarlo mas o menos así y por el momento vamos a ponerle un relleno de forma de color blanco y un contorno negro de acuerdo únicamente por el momento hasta que definamos una paleta de colores de acuerdo y listo ahora tenemos que duplicar este elemento porque es aquí donde vamos a situar donde vamos a colocar nuestros conceptos y no se sientan limitados con estos diseños ustedes pueden extender esto y cambiar la orientación de los cuadros sinópticos a su gusto de acuerdo este diseño que vamos a hacer es simplemente un ejemplo entonces vamos a ubicar esto por aquí y vamos a duplicar esta forma para eso ustedes pueden utilizar la combinación de teclas dulce y hacer control v para pegarlo o también la combinación que suele utilizar en todos los tutoriales de power point que es del presionar la tecla control hacer un clic en la forma que queremos duplicar arrastrarlas y otro lugar soltar el click y soltar la tecla control y de esta manera también tenemos una copia digamos un poco más rápida vamos a hacer lo mismo vamos a arrastrar presionando control soltamos y listo ya tenemos tres elementos acá que vendrían a ser hijos de este concepto de este 4 principal ok vamos a dejarlo con tres elementos y noten que están perfectamente alineados porque nos hemos ayudado de las guías ok noten que cuando pasamos las formas tanteando un poco que estén simétricamente separadas vamos a encontrarnos con estas guías con estas líneas punteadas que nos van a permitir saber si están alineadas o no si estas líneas no están activadas lo que tienes que hacer es venir a la pestaña vista y luego aquí en el menú de mostrar vas a hacer un clic en la flechita hacia abajo y por último en esta ventanita que sale tienes que ser señor arte que esta última casilla esté marcada de acuerdo a mostrar guías inteligentes cuando las formas están alineadas y esto no está marcado estas guías cuando te acercas a una orientación una línea óptima no te van a salir ok muy bien si desean también pueden activar la regla o las guías que van a situar unas líneas punteadas en la mitad de la diapositiva ok formando una cruz no voy a utilizar la regla pero sí voy a dejar las guías ahí simplemente para orientarnos ok y listo vamos a continuar entonces vamos a separar estos conceptos duplicando un poco más estos cuadros y tratando de mantenerlos simétricos digamos que este es el concepto principal y debe ser el más grande tal vez está demasiado y a estos vamos a moverlos en conjunto ok vamos a ponerlos por acá y vamos a también reducirlos un poquito de tamaño para que así la jerarquía sea notable de acuerdo vamos a situar otra vez en el centro igual a esto creo que está en el centro ya y vamos a separarlos un poco más vamos a darles más espacio para que puedan contener más elementos okey noten que las guías acá son bastante útiles y ahora vamos a ubicar también digamos supongamos que está que este primer concepto tiene dos sub conceptos dónde vamos a poner bastante texto así que vamos a hacer esto bastante amplio luego asumamos que este tiene tres conceptos diferentes vamos a duplicar esto y vamos a hacerlo más pequeño para que se note la jerarquía nuevamente de acuerdo en este punto del vídeo quiero mencionarles otros métodos para alinear formas para eso tenemos que irnos a la pestaña de formato de forma teniendo seleccionados los objetos que queremos alinear y luego aquí en la parte de organizar en el menú de organizar nos vamos a la opción de alinear desde acá vamos a poder utilizar estas opciones para alinear nuestros objetos o que en este caso quiero alinearlos a la izquierda y también distribuirlos verticalmente ok listo entonces vamos a ubicarlo justo en el centro y ya está vamos a reducir también un poquito el tamaño y listo ahora sumamos que también este elemento tiene otros dos sub elementos y para que encajen correctamente tenemos que reducirles el tamaño vamos a seleccionar los leds reducimos un poco el tamaño mejor dicho el alto pero le aumentamos el ancho de acuerdo vamos a ubicarlo tratando de centrarlo de acuerdo y ya está y vamos aquí a variar un poquito el diseño del diseño original que tenemos por acá vamos a tratar de hacer esto un poco menos uniforme ok vamos a por ejemplo duplicar esto vamos a ponerle por acá y vamos a hacer que este elemento tenga otros sub elementos tal como pueden observar de acuerdo vamos a hacer esto más pequeño y vamos a duplicar los también para que sean elementos contiguos de esta manera ok muy bien entonces vamos a duplicar esto otra vez para que tener dos elementos en este en este último ítem y de hecho creo que vamos a utilizar los de arriba vamos a seleccionar esto pueden hacer control c y luego control v en realidad no importa cuál método estén utilizando siempre que les parezca el más práctico de acuerdo y listo ya tendremos aquí la estructura de nuestro cuadro sinóptico y recuerden esto tiene que bosquejarse primero en un cuaderno en un bloc de notas interconectando las ideas que ya hemos planteado no vayan a empezar a hacer su cuadro sinóptico desde el diseño desde la estructura desde esto que estamos haciendo porque de esa manera estaríamos adaptando las ideas y los conceptos a la estructura que hemos creado y tiene que ser al revés la estructura tiene que adaptarse a las ideas que estamos planteando o que queremos comunicar con nuestro cuadro sinóptico en este caso como pueden ver no hay mucho sentido porque solamente tenemos formas libres pero para darle sentido tenemos que agregar las y nuevamente aquí desde la pestaña inicio vamos al menú de dibujo y con las formas aquí vamos a encontrar a las llaves en el primer grupo ok vamos a seleccionar una de estas llaves y vamos a dibujar la y aquí quiero que vean voy a hacerla bastante grande para que vean los indicadores que tenemos en esta forma de acuerdo vamos a hacerle un poquito más grande vamos a aumentar el grosor y vamos a cambiarle de color para que se note un poquito más de hecho otro colorcito tal vez el azul y no tenga aquí los controladores que tenemos tenemos dos tenemos además de los controladores de tamaño estos circulitos blancos a los controladores de forma que son estos circulitos naranjas ok o estos circuitos blancos fácilmente ustedes ya lo saben pueden cambiar el tamaño de esta llave pero con estos circulitos naranjas lo que podemos hacer es modificar su estructura tal como ustedes pueden observar en este caso este controlador sirve para aumentar o disminuir el radio de los bordes mejor dicho de las esquinas ok y este otro controlador lo que va a hacer es ayudarnos a ubicar correctamente el punto de partida de ésta tal como ustedes pueden observar lo voy a dejar en el centro y vamos a modificar el tamaño para ubicarlo de una vez ok vamos a tratar de ubicarlo lo más preciso posible vamos a reducirle también el contorno porque está demasiado grueso vamos a ponerle dos y un cuarto vamos a reducir también el ancho y lo ubicamos justo en el centro y listo de esta manera ya tenemos nuestras llaves con la primera estructura para la primera jerarquía de conceptos vamos a duplicar esta llave para no estar dibujando la nueva mente y vamos a reducirle de tamaño para ubicarla justo en el primer ítem ok también podemos aumentar el ancho pero creo que así estaba bien y más bien vamos a ubicar esto un poquito más cercanos a la forma original de acuerdo más o menos por acá y listo duplicamos esto nuevamente esta vez para el segundo ítem y tenemos que estirarlo un poquito para que encaje de esta manera y ahora con el último concepto y de hecho vamos a copiar el otro porque esto es justamente para dos ítems vamos a copiarlo por acá centrándolo en el medio y listo ya está vamos a continuar copiando esto nuevamente para el otro ítem para el otro sub ítem lo vamos a hacer un poquito menos ancho le vamos a reducir el tamaño también y vamos a ubicarlo justo en el centro de estos ítems y listo ya está ya hemos terminado con las llaves y ahora necesitamos conectores directos porque como ustedes pueden ver esta forma está solamente tiene un ítem y este ítem tiene una estructura de 2 sub items que tienen ideas directamente conectadas ok entonces para eso vamos otra vez aquí a la opción de dibujo al menú de formas y vamos a escoger la opción de una flecha en este caso noten que cada vez que pasamos estas flechas por alguna forma van a aparecer estos puntitos que nos van a permitir conectar dos de estas formas de esta manera noten que ahora que ya los he conectado si un huevo a una la flecha va a seguir conectada de acuerdo tal como ustedes pueden observar vamos a hacer control z un par de veces para regresarlo a su lugar y listo ahora para conectar esta forma con estas otras dos tenemos que utilizar también algunas flechas pero en este caso vamos a utilizar este otro tipo de flechas la de flecha angular de acuerdo a le hacemos un clic y ahora vamos a conectar esta forma con esta de acá de acuerdo y ahora vamos a hacer otra vez un clic en esta flechita vamos a salir del mismo sitio y vamos a conectarla con la forma de abajo y de esta manera ya tenemos estos elementos conectados vamos a volver a utilizar la flecha simple para conectar estos dos y de esta manera ya tenemos conectados todos nuestros elementos de nuestro cuadro sinóptico como pueden ver no es un proceso complicado y más bien va a depender mucho de la estructura que hayamos definido en nuestra lluvia de ideas por eso es muy importante hacerla entonces para darle este efecto biselado este efecto de un tanto un poquito 3d vamos a añadirle estilos y en este caso ustedes vean que los colores de estas formas están basadas en el logo de el tío tec pero si nos vamos a observar la paleta de colores que tenemos en office vamos a ver que estos colores no están incluidos dentro de la paleta predeterminada entonces hay que esos colores para eso vamos a ubicar la imagen vamos a copiarla con control ce y vamos a pegarla por acá ustedes pueden hacer lo mismo con sus logos propios con nuevos de su colegio de su institución de su empresa y pueden seguir este procedimiento de acuerdo vamos a los colores entonces y para eso tenemos que seleccionar una de las formas y nos vamos aquí a la opción de relleno de forma aquí vamos a encontrar al cuentagotas que nos va a permitir los colores de cualquier imagen en este caso del logo del tío text vamos a hacer un clic por acá como tengo el cursor con un circulito verde me está cogiendo más los colores voy a desactivar este circulito por un momento listo ahora sí voy a intentarlo nuevamente con el cuentagotas y esta vez si me va a el color adecuado listo entonces vamos a seleccionar otra forma y vamos a el otro color que es el color celeste de esta manera ok ustedes pueden mantener sus formas de color blanco y por el contrario ponerle un relleno del color de su marca entonces de hecho vamos a hacer esa variación para no hacerla igual al diseño anterior y vamos a poner todos los rellenos de color blanco pero con un contorno diferenciado ok vamos a hacerle un poquito más grueso al a la forma principal y vamos a ponerle el color celeste de acuerdo relleno también blanco y yo creo que ahí estaría de hecho vamos a hacerlo un poquito más grueso y esto un poquito menos grueso de acuerdo para que no lo estén haciendo uno por uno lo que pueden hacer es seleccionar manteniendo presionada la tecla control varias de estas formas y luego le cambiamos el tipo de contorno de forma vamos a seleccionar el color de este color y luego cambiamos el grosor vamos a ponerle de este grosor y listo dependiendo de la estructura de tu cuadro sinóptico ustedes pueden por resaltar o no alguno de estos elementos alguno de estos ítems del diagrama entonces vamos a continuar con estos y le vamos a cambiar de color vamos a poner el color verde y también cambiarle el grosor al estándar número 4 - a estos ítems de acá que los vamos a poner con un grosor menor ok de este tamaño y de hecho vamos a cambiarle el color a estos dos últimos items vamos a ponerle el color de fondo verde y sin contorno de esta manera ya está ahora vamos a modificar también el color de nuestras llaves vamos a seleccionar las a todas incluyendo a las flechitas que hemos dibujado para conectar a los elementos y le vamos a poner un contorno de color negro y de un grosor más o menos estándar a todos de acuerdo de esta manera ahora en este caso si ocurre un pequeño problema pero para eso lo vamos a solucionar únicamente trayendo al frente a esta forma vamos a hacerle clic derecho lo traemos al frente y listo ya aparece que la flecha sale justamente de donde debería salir de acuerdo entonces ahora lo que tenemos que hacer es añadir el efecto de biselado y para eso vamos a seleccionar todas estas formas una por una de acuerdo vamos a ir seleccionando pacientemente una por una hasta que las tengamos a todas y de esta manera ahora nos vamos y de esta manera ahora nos vamos aquí mismo en la pestaña inicio al menú de dibujo y vamos a situarnos en las opciones de efectos de forma desde acá vamos a encontrar un montón de efectos que podemos ir explorando para nuestro cuadro sinóptico en este caso para lograr este efecto 3d tenemos que utilizar las opciones de bisel entonces aquí también explorando podrán encontrar el diseño que más les guste de acuerdo vamos a probar con la forma predeterminada y de hecho esto funciona mejor cuando tenemos un relleno de forma tal como estos dos ítems noten que aquí se nota un poco mejor esta estructura de biselado entonces vamos a ponerle los colores de acuerdo vamos a ponerle colores bastante sutiles vamos a poner el color celeste pero vamos a cambiarle la opacidad para cambiar la opacidad simplemente tenemos que venir aquí al relleno de forma más colores de relleno y aquí vamos a encontrar la opción d transparencia vamos a aumentar un poquito solamente 20% y ya está hacemos lo mismo con nosotros de otros colores le ponemos el color verde y ahora le cambiamos la opacidad más colores de relleno le ponemos también 20% y listo ya lo tenemos si en caso quisiéramos añadir un efecto 3d tenemos que seleccionar absolutamente todo incluyendo las llaves nos vamos a efectos de forma y vamos a giro 3d desde acá habiendo seleccionado todo notan que ya vamos a poder modificar la perspectiva de nuestro cuadro sinóptico y por supuesto que esto va a funcionar así tengamos texto o no por ejemplo voy a poner simplemente un título vamos a poner el tío text lo vamos a poner en negrita y de un color negro para que se note bastante y ahora si lo seleccionamos todo y nos vamos a efectos de forma y giro 3d vamos a ver que efectivamente todo el texto también se mueve ok vamos a dejarlo por ejemplo con esta estructura un tanto echada tal como ustedes pueden observar ok listo entonces vamos a pasar al siguiente diseño rápidamente y que esta es una manera un tanto más rápida y eficiente que es la opción de utilizar smart art ok esto lo van a encontrar en la opción de insertar en la pestaña de insertar en el menú de ilustraciones vamos a hacer un clic en smart art y luego vamos a la pestaña de jerarquía de acuerdo y aquí como ustedes pueden observar vamos a encontrar el gráfico de jerarquía horizontal que también se le puede conocer como un cuadro sinóptico de esta manera vamos a insertar uno de estos cuadros bastante genéricos en donde vamos a encontrar algunos elementos en primer lugar las formas predeterminadas donde podemos escribir y en segundo lugar una barra horizontal en la parte izquierda donde podemos ir escribiendo nuestros ítems por ejemplo aquí vamos a poner que este es el título en el segundo ítem vamos a poner este es un subtítulo 1 y que este es un concepto ok concepto concepto uno y el otro es concepto dos ahora algunos truquitos con estos elementos noten que si yo presiona la tecla enter se va a añadir otro su ítem del subtítulo 1 y este gráfico smart ya los conecta automáticamente pero si a este ítem antes de escribir yo presiona la tecla tab vamos a ver cómo esto se convierte en un sub ítem del concepto 2 de acuerdo vamos a escribir acá que este es un sub concepto y si hacemos enter otra vez vamos a añadir otro de estos sub conceptos ahora qué pasa si yo quiero añadir otro subtítulo que esté en el segundo nivel noten que aquí la plantilla ya nos da esa oportunidad vamos a poner el subtítulo 2 pero qué pasa si quiero un subtítulo 3 para añadir un título en cualquiera de estos niveles tenemos que situarnos en el título o bueno en el lugar donde se ubica ese nivel por ejemplo quiero un subtítulo 3 que esté en este nivel en el segundo nivel entonces acá me voy a situar voy a hacer un enter y ya tengo otro y de nuevo recuerdo el subtítulo 3 y si quiero otro sub concepto digamos de acá saliendo del concepto 2 tenemos que situarnos en alguno de esos elementos y hacer enter y de esa manera tenemos otro ítem de ese nivel ok este es otro sub concepto y de esa manera nosotros vamos a poder crear y modificar este cuadro sinóptico según nuestras necesidades ahora voy a abrir un teclado para dejarles bien en claro cuáles son las teclas a las que me estoy refiriendo de acuerdo voy a borrar estoy acá y acá quiero que vean cuáles son las combinaciones de teclas que vamos a utilizar ok tenemos primero la opción de tap y luego voy a ponerle de otro color la opción de shift y está de acuerdo estas dos combinaciones vamos a ver acá cómo funcionan en este caso si quisiéramos por ejemplo promover este sub concepto a que sea un subtítulo lo que tenemos que hacer es utilizar la combinación shift más tap ok esta de acá la de color verde give it up entonces venimos acá nos situamos en este sub concepto hacemos shift y tap y vean cómo se ha promovido a este sub conceptos y lo hacemos otra vez ahora este sub concepto ya está en el mismo nivel que los subtítulos de acuerdo y si volvemos a hacer shift + tap noten que ahora tenemos dos cuadros sinópticos separados con dos títulos si queremos volver a hacer que esto sea otra vez un sub concepto vamos a presionar la tecla tab solamente la tecla tab una dos y tres veces de acuerdo y de esa manera ya hemos controlado a nuestro gráfico a nuestro concepto a nuestro cuadro sinóptico únicamente utilizando la barrita que sale en la parte izquierda como ven es bastante simple de utilizar solamente hay que saber qué teclas tenemos que utilizar también podemos hacerlo benach y vean voy a seleccionar por ejemplo otra vez esté en sub concepto y aquí en el menú de opciones aquí en la pestaña diseño de smart up vamos a encontrar también estas flechitas que dicen promover o disminuir nivel además de otras como de derecha a izquierda la de subir y bajar por ejemplo vamos a promoverlo otra vez y está el cual lo habíamos hecho anteriormente con las combinaciones de shift y está de acuerdo también lo podemos subir y lo podemos bajar tal como ustedes pueden observar y listo de esta manera ya tenemos nuestro cuadro sinóptico vamos a añadir otros sitios más esto sería un concepto 3 concepto 4 y que esto tenga un sub ítem de su concepto y que éste también tenga otro summit en de su psuv concepto y su sub concepto de acuerdo listo ahora para modificar los estilos de este cuadro sinóptico simplemente vamos a hacerlo un poquito más grande ya podemos venir directamente a la pestaña diseño de smart art y utilizar cualquiera de estos estilos predeterminados de acuerdo vamos a ponerle por ejemplo el estilo 3d que vimos en el diseño anterior y de esta manera ya tenemos un cuadro sinóptico en 3d también recuerden que pueden venir a la pestaña formato y agregarle algunos efectos de forma no todos se van a poder sobreescribir por ejemplo si queremos poner una sombra no se va a poder no va a pasar nada pero sin embargo si utilizamos la opción de reflexión esta vez vean cómo se aparece en la parte inferior algunas reflexiones de acuerdo vamos a dejarle con esto de acá y también vamos a cambiarle la paleta de colores vamos aquí el diseño de smart art y tenemos aquí la opción de cambiar colores vamos a ponerle por ejemplo esta paleta de multicolor de acuerdo así de simple y rápido ya hemos diseñado nuestro cuadro sinóptico en power point si quieren descargar esta plantilla o esta otra lo van a poder hacer desde la página del tío ted puntocom en el link que les dejo en la descripción de acuerdo no olviden también que pueden unirse al grupo de telegrama en nuestro grupo privado donde vamos a ir compartiendo cupones de cursos y new de mi nuevos videos noticias tech y mucho mucho más ok la invitación también va a estar en la descripción de este vídeo y bien por mí eso ha sido todo espero este tutorial les haya gustado y nos vemos en un próximo vídeo hasta pronto [Música]