¡Bienvenido a Mango Presentation Maker (Mango PM)! Mango PM es un increíble creador de presentaciones que puede usar para crear presentaciones animadas, videos promocionales, microlecciones interactivas y mucho más.

Este tutorial lo guiará a través de la interfaz y algunas características básicas de Mango PM, y lo usará para crear rápidamente una presentación dinámica en 4 pasos.

Parte 1: Instalación y Registro #

Instalar Mango PM

Mango PM está disponible para descargar en Windows. Puede descargar el software desde:

https://mangoanimate.com/

Una vez completada la descarga, abra el paquete de instalación para instalar el software.

Crea una cuenta nueva

Una vez completada la instalación, puede usar las siguientes opciones para crear una nueva cuenta:

• Ve a la Mango Animar página de registro
• Inicie sesión con su cuenta de Google/Facebook
• Crear una nueva cuenta dentro de Mango PM

Parte 2: interfaz de usuario #

Antes de presentar la interfaz de usuario, familiaricémonos con algunos conceptos básicos en Mango PM.

• Marco: Es equivalente a un plano de una película. En Mango PM equivale a una página de una presentación.
• Camino: El orden de los fotogramas. Ajustar la ruta es ajustar el orden en que se reproducen los fotogramas.
• Capa: Película que contiene elementos como texto/imágenes. Varias capas se apilan juntas en orden y se combinan para formar el efecto final de una página.
• Interacción: Interactuando entre sí. Controlar un objeto para activar otro objeto para completar una serie de comportamientos.

Pantalla de inicio

Al iniciar Mango PM, aparece la pantalla de inicio, que incluye las siguientes opciones:

1. Iniciar sesión: Registre una nueva cuenta o inicie sesión en su cuenta.

2. Campo de búsqueda: Puede ingresar palabras clave para buscar plantillas dentro del software.

3. Nuevo Proyecto: Cree un nuevo proyecto de presentación.

4. Proyecto abierto: Abra un proyecto guardado.

5. Editar EXE: Abra y edite un proyecto que se haya publicado como archivo EXE.

6. Proyecto de restauración: Restaurar un proyecto de apertura anormal.

7. Importar imagen: Cree un nuevo proyecto importando imágenes.

8. Campo de selección de plantilla: Puede seleccionar una plantilla para crear un nuevo proyecto en este campo.

Editor

Una vez creado el proyecto se puede acceder al editor. Estas son las características del editor en las siguientes secciones.

1. Lienzo

Puede agregar materiales multimedia al lienzo y ajustar su tamaño y posición.

2. Campo de marco

Puede agregar marcos y transiciones, y ajustar la posición de los marcos.

3. Barra de herramientas principal

• Casa: Haga clic para volver a la pantalla de inicio.
• Deshacer rehacer: Deshacer o rehacer operaciones.
• Insertar: Inserte materiales multimedia: formas, texto, imágenes, videos, música, burbujas, SWF, íconos, arte inteligente, componentes, formas de ciencia y otros archivos.
• Texto: Después de hacer clic en [Texto], haga clic en el lienzo para agregar un cuadro de texto e ingresar texto en él.
• Funciones: Insertar roles animados.

Haga clic en un rol para ingresar a la página de selección de acciones de rol y seleccione una acción para agregar el rol al lienzo.

• Gráfico: Insertar varios gráficos.
• Mapa mental: Inserta varios mapas mentales.
• Enlace: Añadir un enlace a un material.
• Diapositivas: Importe imágenes para formar una presentación de diapositivas que se insertará en el lienzo.
• Animación: Agregue animación de entrada, animación de énfasis, animación de salida y rutas de acción a los materiales.
• Interacción: Agregar interacción a los objetos es controlar el objeto para activar otro objeto o sistema para realizar una serie de comportamientos.
• Fondo: Puede seleccionar un tipo de fondo para agregar a su proyecto, o puede agregar un fondo personalizado.
• Más: Puede agregar un tema, diseño, kit de herramientas, contenido y fórmula a su proyecto.
• Avance

Puede obtener una vista previa de la presentación de 3 maneras: vista previa desde el cuadro actual; vista previa desde el principio; vista previa desde la pantalla dividida.

• Salvar: Guarde el proyecto en su carpeta local.
• Opciones: Varias configuraciones para su archivo de proyecto: configuraciones generales, configuraciones de exhibición, configuraciones de BGM/video, configuraciones acerca de, configuraciones de precargador, configuraciones de encriptación y configuraciones para compartir.
• Publicar: Puede publicar su proyecto como archivo EXE, video, archivo PDF, página web HTML5 y archivo de almacenamiento.

4. Barra de herramientas rápida

• Mostrar todos los objetos: Haga clic en este botón para reducir rápidamente el lienzo y poder ver todos los objetos en este marco.
• Gire el lienzo en el sentido de las agujas del reloj: Puede girar el lienzo en el sentido de las agujas del reloj.
• Gire el lienzo en sentido contrario a las agujas del reloj: Puede girar el lienzo en sentido contrario a las agujas del reloj.
• Copiar pegar: Copiar y pegar objetos.

• Ampliar reducir: Acercar o alejar el lienzo.
• Configuración de alineación: Seleccione dos o más objetos y haga clic en [Configuración de alineación] para establecer diferentes tipos de alineación para ellos.
• Bloquear el lienzo: El lienzo no se puede mover una vez bloqueado.

• Ajustar un nuevo marco: Haga clic en [Ajustar un nuevo marco] para agregar rápidamente un marco a la ruta desde la ventana de visualización del lienzo actual.
• Historia: Puede ver el historial de sus operaciones en el lienzo.
• Formato de pantalla: Cambie la relación de visualización del proyecto.

5. Campo multimedia

En este campo, puede agregar una gran cantidad de materiales multimedia a su presentación para hacerla más vívida.

Formas: Agrega varias formas. Haga clic en una forma para agregarla al lienzo.

Texto: Seleccione cualquier fuente y haga clic en ella para agregarla al lienzo.

Imagen: Puede agregar imágenes en línea para la decoración o imágenes locales.

Video: Puede agregar videos locales y grabaciones de pantalla.

Música: Puede agregar música local, grabaciones de micrófono y música de fondo en línea. También puede utilizar el [Síntesis de voz] función para ingresar texto y generar voz sintetizada por IA.

Burbuja: Agrega varias burbujas y puedes cambiar los colores de relleno. Haga doble clic en el texto de la burbuja para establecer la fuente.

SWF: Agregue SWF local y SWF en línea. Haga clic en cualquier SWF para agregarlo al lienzo.

Icono: Agregue varios iconos. Haga clic en cualquier icono para agregarlo al lienzo.

Arte inteligente: Agregue varios arte inteligente. Haga doble clic en el texto para establecer la fuente.

Componente: Agrega varios botones. Haga clic para agregar en el lienzo y cambie el icono y el estilo del botón.

Formas de ciencia: Agregue varias formas de ciencia ficción. Seleccione una forma científica y haga clic en el lienzo para agregarla.

Capa: Ver el orden de las capas. Ratón arrastrando para ajustar el orden de las capas.

Recopilar: Los materiales que recolectas se muestran aquí. Haga clic en un objeto y seleccione [Recopilar] en la ventana emergente del botón derecho para recopilarlo.

6. Panel de propiedades

Al hacer clic en un objeto en el lienzo, aparece el panel de propiedades. Puede hacer lo siguiente con el objeto en el panel de propiedades: bloquear el objeto, voltearlo horizontal y verticalmente, pegarlo rápidamente, girarlo y ajustar su opacidad, etc.

Se pueden realizar otras configuraciones de propiedades para el material en el panel de propiedades, como configuraciones de estilo de fuente, configuraciones de color, configuraciones de sombra, etc. Al hacer clic en diferentes materiales, se obtendrán diferentes configuraciones de propiedades.

Parte 3: Cómo crear rápidamente una presentación dinámica #

En este tutorial, usaremos Mango PM para crear una presentación básica y publicarla como un archivo EXE.

Paso 1: Crear un nuevo proyecto

Hay 3 métodos para crear un nuevo proyecto:

• Crear un nuevo proyecto en blanco
• Crear un nuevo proyecto importando imágenes
• Crear un nuevo proyecto usando una plantilla

Método 1: crear un nuevo proyecto en blanco

• En la pantalla de inicio, haga clic en [Nuevo proyecto], seleccione un fondo 3D o haga clic en [+] para ingresar al editor.
• O haga clic en [Formato] para establecer la relación de pantalla;
• Seleccione el color de fondo que desee;
• Haga clic en [Crear diseño] para ingresar al editor.

Método 2: Cree un nuevo proyecto importando imágenes

• En la pantalla de inicio, haga clic en [Importar imagen], importe las imágenes;
• Seleccione las imágenes para crear la presentación > [Siguiente];

• Seleccione un diseño para colocar la diapositiva > [Siguiente];

• Seleccione una plantilla de fondo y luego haga clic en [Siguiente] para ingresar al editor.

Método 3: Crear un nuevo proyecto usando una plantilla

Haga clic en una plantilla en el campo de selección de plantilla para acceder al editor. Puede ingresar palabras clave en el campo de búsqueda para buscar rápidamente la plantilla que desea. Luego puedes modificar el contenido de la plantilla directamente para hacer tu presentación rápidamente.

Paso 2: Agregar contenido

Agregue contenido como marcos, texto, imágenes, videos, otras decoraciones, etc. para hacer una presentación completa.

1. Añade un marco:

Agregar un marco es equivalente a agregar una página a una presentación. El marco agregado es similar a la diapositiva en PowerPoint. La diferencia es que el marco aquí se puede escalar, panoramizar y rotar.

Haga clic en [Nuevo marco de cámara] para agregar un marco y ajustar su tamaño y posición en el lienzo.

• Agregar un marco con un efecto panorámico

Agregue un marco del mismo tamaño y colóquelo al lado del marco anterior.

• Agregar un marco con un efecto de zoom

Agregue un marco de diferente tamaño para crear el efecto de zoom.

• Añadir un marco con un efecto de rotación

Agregue un marco del mismo tamaño y gírelo para crear el efecto de rotación.

2. Agregar materiales:

Los materiales se agregan al marco actual del lienzo. Puede seleccionar un marco en el campo de marco para agregar materiales.

(1) Agregar texto

Para hacer una presentación, es necesario ingresar títulos y el texto principal.

Haga clic en [Texto] en el campo multimedia > seleccione una fuente > haga clic en el lienzo para agregar un cuadro de texto, luego ingrese un título en él.

En el panel de propiedades, establezca las propiedades del texto, como color, fuente, estilo de texto, etc.

Copie sus guiones en el lienzo. Una vez agregados los scripts, seleccione un párrafo para establecer su propiedad. Haga clic en [Copiar formato] y luego haga clic en otro texto para configurar rápidamente el mismo formato de texto para otros párrafos.

Después de configurar el estilo de texto, puede seleccionar varios párrafos y hacer clic en [Configuración de alineación] para alinearlos. (Mantenga presionada la tecla Mayús y haga clic en varios objetos).

(2) Agregar decoraciones

Agregue decoraciones como formas, imágenes, videos, burbujas, SWF, íconos, arte inteligente, componentes, formas de ciencia, roles e interacción. Aquí hay un ejemplo de cómo agregar una imagen y un rol.

• Añadir imágenes

Haga clic en [Imagen] > haga clic en un material para agregarlo al lienzo y arrastre el material para ajustar su tamaño y posición.

• Agregar un rol

Haga clic en [Función] > seleccione una función > seleccione una acción, luego ajuste su tamaño y posición en el lienzo.

3. Agregar interacción

La interacción es una configuración de contenido avanzada. Si necesita usar esta función, puede hacer clic en [Interacción] para ingresar al modo de interacción para agregar un comportamiento de interacción al objeto.

Paso 3: Agregar animación

• Después de agregar todo el texto y los materiales decorativos, haga clic en [Animación] en el editor y seleccione el objeto que desee animar en el lienzo, luego haga clic en [Agregar efecto].
• Seleccione la animación que desee y desplace el cursor sobre ella para obtener una vista previa de la animación. 
• Utilice el pincel de formato de animación para sincronizar los efectos de animación de varios objetos. Haga clic en un efecto > [Pincel de formato de animación] > haga clic en el objeto en el lienzo. (Haga clic para aplicar la animación a otro objeto y haga doble clic para aplicar la animación a varios objetos).  

Además de agregar efectos de animación a los materiales, también puede agregar transiciones a su presentación.

Nota: Agregar transiciones puede llevar mucho tiempo en la publicación, así que agréguelas a su discreción.

• Después de hacer una presentación de varias páginas, puede hacer clic en [Transición] en el editor para agregar un efecto de transición entre cada página.
• Puede elegir el efecto de transición preferido y establecer el tiempo de transición. También puede establecer el color de algunas transiciones.
• Después de configurar la transición, haga clic en [Aplicar a todo] para configurar todos los efectos de transición y haga clic en [Aplicar] para configurar el efecto de transición actual.

Paso 4: Vista previa y publicación

Vista previa del proyecto

Una vez que haya terminado su presentación, puede hacer clic para obtener una vista previa del efecto.

Guardar el proyecto

Guarde el proyecto para la próxima vez que lo abra para seguir editándolo.

Haga clic en [Guardar] > seleccione una carpeta para guardar > configure el nombre del archivo > [Guardar].

Publicar el proyecto

Cuando finalice el proyecto, haga clic en [Publicar] para exportarlo y compartirlo con otros. Puede publicar su proyecto como archivo EXE, video, archivo PDF, página web HTML5 y archivo de almacenamiento.

Aquí hay un ejemplo de publicar como un archivo EXE. Publique como un archivo EXE para que sea más fácil de demostrar, y puede dibujar anotaciones al demostrar la presentación.

Haga clic en [Publicar] > [Aplicación Windows] > seleccione un directorio > configure el nombre del archivo > [Guardar] > ingrese un título para el proyecto > configure la exhibición, compartir y acerca de > configure la versión y el tamaño de la ventana > [Publicar].

Al hacer la demostración, haga clic en [Mostrar/Ocultar barra de herramientas de anotaciones] > seleccione una herramienta de anotaciones > dibujar anotaciones.