1. Design & Illustration
  2. Brochure

Cómo crear un folleto digital

by
Read Time:17 minsLanguages:

Spanish (Español) translation by Ali_Trads (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial, veremos cómo crear un folleto digital en InDesign. Trabajar con un formato de folleto digital podría ser la mejor opción para distribuir tu información a distancia. Así que si alguna vez has querido intentar crear tu propio folleto tríptico digital, échale un vistazo a este tutorial. Asimismo, veremos algunos ejemplos de folletos digitales que puedes descargar ahora mismo.

digital brochuredigital brochuredigital brochure
Este es el folleto digital que crearemos en este tutorial. Mockup de folleto de Envato Elements.

Lo que necesitarás

En este tutorial vamos a crear un tríptico digital en Adobe InDesign. Utilizaremos los siguientes recursos para crear nuestro folleto digital:  

Puedes utilizar estos gráficos, o bien utilizar fuentes, fotos y gráficos propios. Los conceptos explicados en este tutorial funcionarán con los recursos que prefieras. En esta demostración crearemos un folleto informativo con una temática de vacunas. Igualmente, puedes trabajar con cualquier tema de tu elección.

¿Estás buscando plantillas para folletos digitales?

Utilizar plantillas de folletos digitales puede ser una excelente opción si estás buscando una ayuda extra o si deseas ahorrar tiempo. Simplemente descarga el archivo InDesign del folleto digital, añade tu contenido y tendrás un proyecto completo y profesional. O bien, utiliza la plantilla para poner en marcha tu proceso de diseño, personalizándola y ampliándola para crear el tríptico digital perfecto.

Trifold BrochureTrifold BrochureTrifold Brochure
Las plantillas de folletos digitales pueden ser una opción rentable y que te permitirá ahorrar tiempo en tus proyectos profesionales.

Si quieres probar las plantillas de folletos digitales, échale un vistazo a Envato Elements. Es una oferta increíble para los profesionales creativos. Con una sola tarifa tendrás acceso a una biblioteca de miles de recursos de alta calidad, incluidos los documentos de folletos digitales de InDesign. Descarga fotos de archivo, gráficos, fuentes y mucho más con acceso ilimitado. Todo está incluido.

Envato ElementsEnvato ElementsEnvato Elements
Elige entre miles de plantillas de folletos digitales y descarga todas las que quieras de forma ilimitada.

Regístrate hoy mismo y aprovecha las descargas ilimitadas. Es una opción práctica y rentable para los profesionales creativos.

Ahora, profundicemos en cómo crear un folleto digital en InDesign desde cero.

1. Cómo crear un folleto digital

Paso 1

Empieza creando un nuevo documento en InDesign, yendo a Archivo > Nuevo. Vamos a trabajar con un documento de tamaño A4, pero puedes hacerlo con el tamaño que prefieras. Establece la Orientación en Horizontal (para que las dimensiones sean 11,6929 pulgadas de ancho por 8,2677 pulgadas de alto). Desactiva las páginas opuestas

y establece los Márgenes a 0.25" en todos los lados y las Columnas a 3.

Haz clic en Crear una vez que estés satisfecho con tu configuración.

Sugerencia: Asegúrate de desplazarte hacia abajo; ¡encontrarás muchos elementos que podrás personalizar al crear un nuevo documento!

indesign new documentindesign new documentindesign new document

Paso 2

Ahora, definamos algunos colores clave en nuestras Muestras. Ve a Ventana > Color > Muestras para abrir el panel Muestras. Haz clic en el signo más (+) en la parte inferior del panel Muestras para añadir una nueva muestra de color. Necesitaremos estos colores para el diseño de este folleto.

  • C=69 M=58 Y=0 K=0 (color lavanda)
  • C=0 M=0 Y=0 K=25 (color gris claro)
  • C=59 M=6 Y=15 K=0 (color azul claro)
  • C=0 M=0 Y=0 K=0 (color blanco)
indesign swatchesindesign swatchesindesign swatches

Paso 3

Comencemos a crear nuestro diseño, utilizando la herramienta Rectángulo. Elige el color azul claro de nuestras muestras. Con la herramienta Rectángulo activa, haz clic y arrastra para dibujar un rectángulo azul grande que cubra todo el panel izquierdo.

Repite este proceso, dibujando un segundo rectángulo azul grande que cubra también todo el panel derecho.

indesign rectangle toolindesign rectangle toolindesign rectangle tool

Paso 4

A continuación, selecciona el color lavanda en nuestras Muestras. Luego, selecciona la herramienta Pluma. Vamos a dibujar un polígono en lugar de utilizar la herramienta Rectángulo.

Haz clic para crear puntos en tu forma personalizada. Crea una forma rectangular en ángulo que se parezca a esta.

indesign pen toolindesign pen toolindesign pen tool

Paso 5

Selecciona el color blanco en nuestras Muestras. A continuación, vamos a utilizar la herramienta Pluma de nuevo para dibujar una forma personalizada. Intenta que esta sea opuesta a la forma color lavanda. No tiene que ser precisamente idéntica; algo de variedad podría verse bien.

indesign custom shapesindesign custom shapesindesign custom shapes

Paso 6

Vamos a añadir otra forma personalizada, esta vez de color azul claro. Elige el color de tu panel de Muestras, y luego haz clic con la herramienta Pluma para crear una forma triangular en nuestro panel central.

indesign pen tool triangleindesign pen tool triangleindesign pen tool triangle

Paso 7

Ahora, ve a tu panel Capas. Puedes abrirlo en Ventana > Capas. Vamos a nombrar nuestra capa "Fondo". Haz doble clic en el nombre para cambiarlo.

Crea una nueva capa haciendo clic en el signo más (+) en la parte inferior del panel Capas. Nombra esta nueva capa como "Contenido". A continuación, vamos a bloquear nuestra capa Fondo por el momento. Haz clic al lado del icono del ojo para bloquear una capa, de modo que su contenido permanezca intacto. Tiene el aspecto de un pequeño símbolo de candado.

indesign lock layerindesign lock layerindesign lock layer

Paso 8

Usando la herramienta Rectángulo, vamos a añadir algunos marcadores de posición para nuestras imágenes. He utilizado un color gris claro como marcador de posición temporal. Haz clic y arrastra para dibujar estas formas.

indesign rectangle toolindesign rectangle toolindesign rectangle tool

Paso 9

A continuación, vamos a utilizar la herramienta Tipo para añadir algo de texto. Con la herramienta Texto activa, haz clic y arrastra para dibujar un cuadro de texto. A continuación, podemos escribir nuestro contenido. Empieza con un pequeño fragmento de texto, lo utilizaremos para crear algunos puntos con viñetas para el lector.

Ve al panel Carácter para personalizar este texto. Podemos abrirlo en Ventana > Tipo y Tablas > Carácter. En mi caso, decidí trabajar con la fuente sans serif Lorenza.

indesign type toolindesign type toolindesign type tool

Paso 10

Selecciona la herramienta Rectángulo. Esta vez, no elegiremos ningún Color de relleno, pero sí un Trazo de color blanco. Puedes desactivar un color haciendo clic en el cuadrado con una línea roja que lo atraviesa, debajo de los selectores de color.

Luego, haz clic y arrastra para dibujar un pequeño cuadrado al lado del texto.

Puedes aumentar el tamaño del trazo en el panel Propiedades. Ábrelo en Ventana > Propiedades. Ajusta el trazo a 3 pt, para que las líneas sean más gruesas.

indesign propertiesindesign propertiesindesign properties

Paso 11

A continuación, elige la herramienta Selección. Haz clic y arrastra para seleccionar tanto el texto como el cuadrado delineado que hemos creado.

A continuación, ve a Edición > Copiar, luego a Edición > Pegar, y coloca el contenido que copiaste debajo de los elementos originales.

Repite este proceso en tantos puntos como quieras. Puedes utilizar la herramienta Tipo para editar cada punto aquí.

indesign copy and pasteindesign copy and pasteindesign copy and paste

Paso 12

Ahora, volvamos a la herramienta Rectángulo de nuevo. Selecciona el color blanco de tus Muestras, y luego haz clic y arrastra para dibujar un rectángulo en la parte superior del panel izquierdo.

Con tu rectángulo aún seleccionado, ve al panel Propiedades de nuevo (Ventana > Propiedades). Ajusta la Esquina a 1,667 pulgadas. Esto nos dará una forma rectangular redondeada.

indesign rounded rectangleindesign rounded rectangleindesign rounded rectangle

Paso 13

A continuación, utilizaremos la herramienta Pluma para dibujar una forma personalizada, como hicimos anteriormente en este tutorial. Selecciona el color blanco en tus Muestras, y luego haz clic para dibujar puntos en tu nueva forma. Necesitaremos una forma triangular para la parte inferior de nuestro rectángulo.

El resultado será una forma de burbuja de diálogo, como esta. 

indesign pen toolindesign pen toolindesign pen tool

Paso 14

Ahora, utilicemos la herramienta Tipo para añadir un encabezado en esta forma de burbuja de diálogo. Al igual que hicimos anteriormente, con la herramienta Tipo seleccionada, haz clic y arrastra para dibujar un cuadro de texto. Luego, una vez que hayas creado el cuadro de texto, escribe para añadir el texto en este espacio.

Utiliza el panel Carácter (Ventana > Tipo y tablas > Carácter) para personalizar tu texto. Una vez más, vamos a utilizar la fuente Lorenza en este diseño.

Consejo: ¿No sabes cómo cambiar el color de la fuente? Cambia el color de los objetos y del texto justo debajo de los colores de Trazo y Relleno, tal y como se indica a continuación. Si tus colores de Trazo y Relleno se ven como una "T", estarás cambiando el color del texto.

indesign typeindesign typeindesign type

Paso 15

Repetiremos este proceso para los otros paneles de nuestro diseño. Utiliza la herramienta Tipo para añadir texto a tu composición, siguiendo el mismo proceso:

  • Haz clic y arrastra para dibujar un cuadro de texto con la herramienta Tipo.
  • Escribe para añadir el texto a tu cuadro de texto.
  • Utiliza el panel Carácter para personalizar la fuente, el tamaño y otros parámetros.

Aquí no hay ninguna opción incorrecta. Añade tantos cuadros de texto como prefieras, o siéntete libre de seguir el ejemplo de abajo:

indesign type toolindesign type toolindesign type tool

Paso 16

A continuación, añadiremos algunos detalles a nuestro trabajo. Vuelve a la herramienta Rectángulo y selecciona los colores que ya hemos establecido en nuestras Muestras. Al igual que hicimos previamente, haz clic y arrastra para dibujar nuevos rectángulos en tu diseño.

Aquí tienes un ejemplo de algunos lugares donde podrías añadir formas adicionales. Yo he añadido una en la parte trasera en color lavanda, y dos en la parte delantera, una en color lavanda y otra en azul claro.

indesign rectangle toolindesign rectangle toolindesign rectangle tool

Paso 17

También podemos añadir algunos toques extra con la herramienta Línea. Empieza seleccionando dicha herramienta y luego, ve a los colores de Trazo y Relleno. Intercámbialos haciendo clic en la doble flecha que hay sobre ellos. Puedes traer el color del Trazo al frente haciendo clic en él (es el cuadrado delineado, en lugar del que tiene relleno).

Para el color de Trazo, usa el azul claro. Puedes traer el color de Trazo al frente haciendo clic en él (es el cuadrado delineado, en lugar del relleno).

Con el Trazo aún seleccionado, ve al panel Propiedades. Aquí podrás cambiar el tamaño del trazo; en este ejemplo, he utilizado un tamaño de Trazo de 2 pt.

Repite este proceso tantas veces como quieras. Por ejemplo, he añadido una línea vertical al texto inferior del panel central.

indesign line toolindesign line toolindesign line tool

Paso 18

También podemos crear una línea de puntos. Esta vez, vamos a darle a nuestro color de Trazo el color blanco de nuestras Muestras. Selecciona la herramienta Línea y haz clic y arrastra para dibujar una línea.

A continuación, dirígete al panel Propiedades. Esta vez, pongamos el Trazo en 5 pt. Además del ancho del Trazo, también podemos cambiar el estilo del mismo. Cambiemos el nuestro a Punteado.

Repite este proceso tantas veces como quieras. Yo también he añadido algunos puntos en el panel de la derecha.

indesign dotted strokeindesign dotted strokeindesign dotted stroke

Paso 19

Ahora, comencemos a insertar algunas imágenes en nuestra composición. Utilizando la herramienta Selección, selecciona uno de nuestros rectángulos marcadores de posición.

A continuación, ve a Archivo > Colocar.

Selecciona el archivo en tu ordenador y haz clic en OK. InDesign insertará la imagen en el rectángulo por nosotros. Sin embargo, es probable que no se ajuste de forma proporcionada.

indesign place imageindesign place imageindesign place image

Paso 20

Una forma rápida de solucionar este problema es hacer clic derecho en PC o control-clic en Mac. A continuación, en el menú que se ha abierto, ve a Ajuste > Rellenar marco proporcionadamente. Así, la imagen se redimensionará para ajustarse al marco de forma proporcionada.

indesign fittingindesign fittingindesign fitting

Paso 21

También podemos hacer doble clic en la imagen para alternar entre el marco rectangular y la propia imagen. Con la imagen seleccionada (no el marco), haz clic y arrastra los tiradores de cambio de tamaño para cambiar manualmente el tamaño y ajustar tu imagen.

indesign adjust imageindesign adjust imageindesign adjust image

Paso 22

Desbloquea tu capa de Fondo. A continuación, repite este proceso para los otros marcadores de posición en tu diseño, incluyendo la forma blanca irregular en nuestro panel de la derecha (esta se encuentra en nuestra capa de Fondo). Los conceptos y el proceso son los mismos, aunque nuestra forma no sea un cuadrado.

indesign place imagesindesign place imagesindesign place images

Paso 23

Añadamos un efecto especial aquí, en el panel de la derecha. Es la parte frontal de nuestro folleto, así que será un lugar ideal para añadir algunos elementos llamativos.

Con la herramienta Selección, selecciona la forma que contiene nuestra imagen en el panel derecho. Luego, ve a Objeto > Efectos > Transparencia.

Ajusta la Opacidad al 63%. A continuación, haz clic en OK para aplicar este efecto. Fíjate en cómo modifica nuestra foto; le da algo de opacidad frente a nuestros diferentes colores.

Sugerencia: si activas la opción de Vista previa, podrás previsualizar tus efectos antes de hacer clic en Aceptar, como se muestra a continuación.

indesign transparencyindesign transparencyindesign transparency

Paso 24

Repite este proceso para las dos formas rectangulares en la parte superior de nuestra imagen. Selecciónalas, y luego ve a Objeto > Efectos > Transparencia y baja la Opacidad al 75%.

Ahora tenemos un montón de interesantes efectos de opacidad en nuestro panel derecho. Finaliza este panel añadiendo algo de texto con la herramienta Tipo.

indesign brochure designindesign brochure designindesign brochure design

Paso 25

Ahora que hemos terminado el exterior de nuestro folleto, veamos el interior.

Para empezar, abre tu panel Páginas en Ventana > Páginas.

Crea una nueva página haciendo clic en el signo más (+) en la parte inferior del panel Páginas. Esta segunda página será el interior de nuestro tríptico.

Desde el panel Páginas, podemos saltar fácilmente de la portada a la página. Para ello, basta con hacer doble clic en las miniaturas de las páginas aquí en el panel Páginas.

indesign pagesindesign pagesindesign pages

Paso 26

Usemos las técnicas que ya aplicamos en este tutorial.

Utiliza la herramienta Rectángulo para crear un gran rectángulo azul claro en el panel central.

A continuación, utiliza la herramienta Pluma para dibujar algunas formas angulares personalizadas, como las que se muestran a continuación. He añadido una azul claro en el panel de la izquierda y una lavanda en el panel central.

indesign pen toolindesign pen toolindesign pen tool

Paso 27

A continuación, vamos a añadir algunas imágenes a nuestro diseño. Puedes empezar con rectángulos marcadores de posición, como hicimos anteriormente.

Selecciona la forma en la que quieres colocar tu imagen y ve a Archivo > Colocar, como hicimos antes. Si no estás seguro, vuelve al paso 19.

Repite esta operación con todas las imágenes que quieras. Siéntase libre de seguir este ejemplo.

indesign place imagesindesign place imagesindesign place images

Paso 28

A continuación, utiliza la herramienta Tipo para añadir texto a tu diseño, como hicimos en la otra cara de nuestro folleto. En mi caso, seguí usando la fuente sans serif Lorenza, para que el diseño se mantuviera visualmente uniforme.

También añadí un rectángulo redondeado para dar algo de énfasis al texto clave en el panel central.

indesign type toolindesign type toolindesign type tool

Paso 29

Utiliza la herramienta Línea para añadir algunos detalles a tu trabajo. Haz clic y arrastra para dibujar tus líneas, y ve a tu panel Propiedades para cambiar el ancho y el estilo de Trazo.

Si no recuerdas cómo hacerlo, vuelve al paso 17. Intenta utilizar las líneas y los puntos de forma similar a la otra cara de nuestro folleto. Esto puede ayudar a que tu diseño se vea uniforme.

Recuerda guardar tu trabajo yendo a Archivo > Guardar. Es muy recomendable que lo guardes en formato INDD o Documento de InDesign.

indesign strokeindesign strokeindesign stroke

2. Cómo crear un folleto PDF online

Paso 1

Una de las cosas que debemos tener en cuenta es el formato de nuestro folleto digital. ¿Dónde y cómo piensas distribuir tu folleto? ¿Deseas ofrecer un documento PDF descargable? ¿Deseas permitir que tus espectadores lo lean online?

Comencemos con el proceso de creación de un folleto PDF online.

Comienza por ir a Archivo > Exportar.

indesign export as PDFindesign export as PDFindesign export as PDF

Paso 2

A continuación, podemos elegir cómo queremos exportar nuestro trabajo. Hay varias opciones, así que es aconsejable conocerlas. En este caso, elegiremos Adobe PDF (interactivo), ya que queremos crear una presentación digital apta para la web.

Conserva tu documento INDD maestro y asegúrate de guardarlo. Este será tu archivo de diseño editable, y podrás exportar tu trabajo en tantos tipos de archivo como quieras. Así que, si deseas una versión impresa, también podrás hacerlo.

indesign interactive PDFindesign interactive PDFindesign interactive PDF

Paso 3

Ahora, vamos a nuestros ajustes Exportar a PDF Interactivo.

  • General. Estos son los ajustes generales, como el número de páginas que deseas exportar y las preferencias de visualización.
  • Compresión. Esto afecta al tamaño de los archivos. Aquí se suele seleccionar la opción media por defecto. Mantén una compresión moderada para que sea más fácil de usar en la web. Las imágenes de mayor calidad suelen ser más adecuadas para imprimir.
  • Avanzado. Estas son las opciones de idioma y título.
  • Seguridad. Puedes añadir una contraseña a tu documento PDF, si quieres una capa extra de seguridad. Sin embargo, considéralo un elemento disuasorio y no un sustituto de las mejores prácticas y leyes de seguridad en la web.

Cuando estés satisfecho con la configuración, haz clic en Exportar para exportar el documento. Ya está listo para abrirlo y verlo con tu lector de PDF favorito.

indesign export settingsindesign export settingsindesign export settings

3. Cómo publicar tu archivo de folleto digital de InDesign online

Paso 1

InDesign también nos ofrece una forma aún más sencilla de exportar, publicar y compartir nuestro folleto digital online. Prueba a ir a Archivo > Publicar online.

indesign publish onlineindesign publish onlineindesign publish online

Paso 2

A continuación, InDesign nos solicitará nuestras preferencias. Dale un nombre a tu trabajo y elige la configuración que mejor se adapte a tu proyecto. Por ejemplo, es posible que quieras permitir a tus lectores descargar un documento PDF que puedan imprimir.

También puedes actualizar un documento existente, por si cambias de opinión más adelante.

Haz clic en Publicar para continuar.

indesign publish settingsindesign publish settingsindesign publish settings

Paso 3

Y así de fácil, nuestro trabajo estará publicado online. Esto resulta bastante conveniente, ya que inmediatamente se nos proporcionará un enlace que podremos compartir. Haz clic en Ver documento, y podrás ver tu documento online. También puedes copiar el enlace aquí, si prefieres el URL.

Ten en cuenta que InDesign también nos ofrece un link a su Panel de control Publish Online aquí.

indesign publish onlineindesign publish onlineindesign publish online

Paso 4

Esta es una vista previa del aspecto del Panel de control Publish Online. Puedes acceder y ver tu documento, así como también compartirlo y eliminarlo. Simplemente pasa el ratón por encima del archivo para acceder a estas opciones.

publish online dashboard indesignpublish online dashboard indesignpublish online dashboard indesign

Paso 5

Y así es como se ve nuestro folleto digital online cuando lo vemos en Internet. Podemos navegar, ampliar, compartir y descargar, desde la comodidad de nuestro navegador.

indesign online brochureindesign online brochureindesign online brochure

¡Y ahí lo tienes!

Hemos creado una plantilla de folleto digital, paso a paso. Te felicito por haber completado todos los pasos. Espero que tomes estas técnicas y diseñes muchas plantillas de folletos por ti mismo. ¡Que te diviertas diseñando!

brochure designbrochure designbrochure design
Plantilla de mockup de folleto de Envato Elements.

Si estás buscando un método más corto, puedes consultar las plantillas de folletos digitales en Envato Elements. Hay miles de ellas para elegir. Envato Elements incluye descargas ilimitadas, así que podrás probar todas las que quieras. Asimismo, incluye fotos de stock, gráficos, fuentes y mucho más. Todo viene incluido.

Échale un vistazo a estas plantillas de folletos digitales de Envato Elements.

1. Future education - Folleto tríptico

Future Education Trifold BrochureFuture Education Trifold BrochureFuture Education Trifold Brochure

Échale un vistazo a este folleto de diseño alegre. Añade tu contenido y tendrás un diseño terminado en un instante. ¿Prefieres otro programa? También incluye archivos para Adobe Photoshop e Illustrator.

2. Medicalino - Folleto tríptico

Medicalino Trifold BrochureMedicalino Trifold BrochureMedicalino Trifold Brochure

Este elegante diseño es una opción versátil. Utilízalo para la industria médica o personalízalo para que se ajuste a tus necesidades de diseño. Puedes cambiar los colores, las fuentes y mucho más.

3. Folleto tríptico de negocios

Business Tri-Fold BrochureBusiness Tri-Fold BrochureBusiness Tri-Fold Brochure

Este diseño puede servir para una gran variedad de proyectos. ¿Quisieras seguir con este esquema de colores, o mezclarlo de una manera diferente? Podrás personalizar estos diseños tanto o tan poco como quieras.

4. LUMINA - Folleto tríptico

LUMINA Trifold BrochureLUMINA Trifold BrochureLUMINA Trifold Brochure

Este es un diseño tan estilizado y elegante. Es ideal si quieres presentar hermosas fotografías, fotos de productos y conceptos. Haz clic para consultar más vistas previas.

5. Folleto tríptico para estudios

Brochure – Studio Tri-FoldBrochure – Studio Tri-FoldBrochure – Studio Tri-Fold

Si estás buscando un diseño versátil que pueda servir para muchos propósitos, échale un vistazo a esta plantilla de diseño. Prueba diferentes imágenes, diferentes fuentes y diferentes colores.

Échale un vistazo a más ejemplos de folletos digitales

¿Estás buscando más inspiración para tu diseño? Échale un vistazo a estas colecciones de plantillas de folletos digitales de Envato Tuts+. Hay muchas más para ver.

Aprende más sobre el diseño de folletos y Adobe InDesign hoy mismo

Hay mucho más que aprender sobre Adobe InDesign, y puedes seguir aprendiendo en Envato Tuts+. De hecho, tenemos toda una colección de tutoriales sobre folletos. Aprende a crear diferentes tamaños, estilos y mucho más. Aprende más sobre Adobe InDesign hoy mismo.

One subscription.
Unlimited Downloads.
Get unlimited downloads