Spanish (Español) translation by Leareny Guerrero (you can also view the original English article)
En el tutorial de hoy, ¡crearemos nuestro propio mockup de folleto tríptico! Crearemos una plantilla de folleto tríptico en Photoshop perfecta para una agencia creativa o una pequeña empresa. ¡Sin embargo, también puedes seguir los mismos pasos para crear otros tamaños y estilos! Simplemente cambia los colores y las imágenes, y ya estará listo.
Qué aprenderás en este tutorial de folleto tríptico
- Cómo configurar un documento del tamaño de un folleto tríptico
- Cómo hacer una plantilla de folleto tríptico en Photoshop
- Cómo crear un diseño de folleto tríptico empresarial
- Cómo copiar y pegar estilos de capa en Adobe Photoshop
- Dónde encontrar plantillas de folleto tríptico de descargas de Photoshop
Que necesitarás
Para completar este proyecto, estamos utilizando los siguientes recursos:
- Patrones de motivos sin fisuras de formas geométricas
- Equipo de trabajo
- Mujer de negocios con el teléfono en la mano
- Dominós de madera
- Logotipo de una gota de agua
- Logotipo de aventura
- Logotipo de inmobiliaria
- Logotipo de planeta
- 15 Iconos de espacio y astronautas
- Pizarra o pizarrón
- Conjunto de iconos de interfaz de usuario
¡Encuentra más recursos en Envato Elements!
1. Cómo configurar un documento del tamaño de un folleto tríptico
En primer lugar, tenemos que configurar nuestro documento y asegurarte de que está listo para la impresión. Veamos los detalles.
Paso 1
Uno de los tamaños del folleto tríptico más comunes en las plantillas de Photoshop es el de 8,5 x 11 pulgadas. ¡Aunque los tamaños varían, hoy utilizaremos el de 8,5 x 11 pulgadas!
También querrás establecer la Resolución a 300 para asegurar una experiencia de impresión nítida y clara.
Paso 2
Ahora, configuremos nuestras guías, que nos ayudarán a saber dónde colocar qué.
Nuestro primer conjunto de guías será nuestra guía de "sangrado", así como nuestras guías de "plegado". Estas nos mostrarán dónde se doblará el folleto tríptico una vez impreso.
Activa la regla presionando Control-R, y luego haz clic derecho > Milímetros.
Haz clic en la regla y arrástrala para crear una guía. Utiliza la regla de "altura" izquierda para una guía vertical y la regla de "longitud" superior para una guía horizontal.
Coloca cuatro guías verticales en las marcas de 3, 102, 201 y 300 milímetros. Estamos creando tres columnas de 99 milímetros.
Paso 3
Coloca dos guías horizontales a 33 y 213 milímetros.
Paso 4
Ahora creamos nuestras áreas de contenido. Queremos que cualquier contenido y texto importante se mantenga dentro de estas líneas, a menos que queramos que el contenido llegue a un panel diferente.
Primero, coloca líneas verticales en 11, 94, 110, 193, 209 y 292 milímetros.
Paso 5
Termina las guías colocando dos guías horizontales a 11 y 20 milímetros.
¡Esto nos dejará con tres paneles de 83 x 194 milímetros! Ten en cuenta que existen diferentes tamaños de folletos de trípticos en las plantillas de Photoshop. Por lo tanto, este número variará de una plantilla a otra.
Si estás haciendo un folleto tríptico con un anverso y un reverso como yo, continúa y guarda dos versiones de este documento para ahorrar algo de tiempo.
¡También puedes guardar esto como una plantilla de folleto de tríptico en blanco para Photoshop y usarla una y otra vez!
2. Cómo diseñar un fondo para un folleto tríptico
Con nuestro documento preparado, establezcamos nuestros antecedentes. Como mencioné anteriormente, tendré dos documentos en total: uno para el anverso y otro para el reverso.
Paso 1
En el documento de la parte frontal, crea un rectángulo blanco del mismo tamaño que el lienzo, utilizando la herramienta Forma.
Agrega un efecto de capa de superposición de motivo a la forma, utilizando el patrón negro y gris de este paquete de motivos.
Reduce la Opacidad de la Superposición de motivo al 10%, estableciendo el tamaño en 25%.
Paso 2
Mientras todavía estás en el documento de la parte frontal, crea un rectángulo de 303 x 153 milímetros hacia la parte superior del lienzo.
Ajústalo a cualquier color.
Paso 3
Recorta una foto de una pizarra o pizarrón en forma de rectángulo. Agranda la imagen para que solo se vea la textura de la pizarra si es necesario.
Paso 4
Cambia al documento del reverso y coloca la misma textura de pizarra, llenando todo el lienzo.
Paso 5
Coloca un rectángulo gris claro # e6e7e8 de 102 x 216 milímetros en el lado derecho del documento "Atrás". Este rectángulo debe alinearse con la guía de "plegado" que se encuentra más a la derecha.
Paso 6
Cambiando al documento de la parte frontal, coloca y recorta una imagen de tu equipo sobre la textura de la pizarra. Establece el Modo de capa en Superposición. Agrega un filtro razonablemente duro Filtro > Desenfocar > Desenfoque gaussiano.
Agrupa estas capas en un grupo llamado "Fondo". Haz lo mismo con las capas de fondo del documento del reverso/posterior.
3. Cómo crear la parte frontal de un diseño de folleto tríptico empresarial
Centrémonos en cada lado del folleto por separado para no tener que seguir cambiando de un lado a otro. Empezaremos por el frente.
Paso 1
Comenzando con el panel más a la derecha, extrae y coloca un tema de tu elección usando tu método preferido.
Usaré esta imagen de archivo de una mujer de negocios sosteniendo un teléfono, y la extraje usando la herramienta Seleccionar sector, que funcionó muy bien aquí, ¡ya que buscamos un estilo más gráfico!
A continuación, haz que tu sujeto sea en escala de grises con Imagen > Ajustes > Tono / Saturación.
Paso 2
Crea una capa de relleno degradado de rosa (# ef5591) a naranja (# f26f64). Ajústala a Estilo: Lineal y Ángulo: 90 y añádela al sujeto.
Paso 3
Utiliza un pincel negro suave para enmascarar el degradado que cubre la cara y la parte superior del cuerpo del sujeto.
Paso 4
Termina colocando una versión en blanco de tu logotipo sobre el tema. Usé este logotipo del planeta y lo volví blanco con un efecto de capa de superposición de color.
Agrupa el tema, el degradado y el logotipo, nombrando al grupo "Panel derecho".
Paso 5
Ahora, pasemos al panel del medio. ¡Comencemos creando una fila de clientes destacados, patrocinadores o cualquier otro logotipo que desees presentar, según tus necesidades!
Usé el mismo efecto de capa de superposición de color en todos los logotipos que en el logotipo de "Diseño del Planeta", volviéndolos todos blancos.
Agrupa todos los logotipos para mantener las cosas agradables y organizadas.
Paso 6
Crea un rectángulo de 83,1 x 22,1 milímetros con la herramienta Forma, de cualquier color. Colócalo de manera similar a lo que verás a continuación.
Paso 7
Agrega un efecto de capa de degradado al rectángulo del mismo color rosa (# ef5591) a naranja (# f26f64) Degradado lineal con un ángulo: -105.
Paso 8
Agrega el ícono "10" del paquete de 15 iconos espaciales y astronautas.
Cambia el icono a color blanco copiando el estilo de capa de Superposición de color de uno de los logotipos anteriores en el icono.
Puedes copiar un estilo de capa manteniendo presionada la tecla Alt y luego haciendo clic y arrastrando el estilo de una capa a otra.
Paso 9
Agrega tu número de teléfono y un llamado a la acción o una frase. ¡Para el diseño de hoy, usaré la fuente Neue Haas Unica!
Utiliza el grosor Light de la fuente en alrededor de 10 puntos para la llamada a la acción y el grosor de la fuente en Negrita en aproximadamente 26 puntos para el número de teléfono. ¡Cambia el tamaño del texto para adaptarlo a tus necesidades!
Asegúrate de que el texto esté configurado en Centrar Texto y sea blanco.
Paso 10
Termina el panel del medio agregando más información de contacto como tu dirección, cualquier otro número de teléfono o la URL de un sitio web.
Usé Neue Haas Unica en Negrita a 11 pt en un color gris suave # 58595b.
Agrupa tus capas y llámalo "panel del medio".
Paso 11
¡Terminemos diseñando el panel izquierdo!
Escribe la primera mitad de tu lema usando Neue Haas Unica en Negro a 32 pt en cualquier color.
Copia, arrastra y suelta el mismo estilo de capa de degradado de naranja a rosa desde el rectángulo del número de teléfono en la primera mitad de tu lema.
Paso 12
Escribe la segunda parte de tu lema usando Neue Haas Unica en Regular a 30 pt en blanco. Colócalo directamente debajo de la primera mitad del eslogan.
Ambas líneas de texto deben presionarse contra la guía de contenido más a la izquierda.
Agrupa las dos líneas de texto, nombrando al grupo "eslogan".
Paso 13
Coloca cualquier texto de interés adicional debajo del grupo de " eslogan " utilizando Neue Haas Unica en Regular a 11 pt en color blanco.
Recuerda, mantén todo el texto entre las dos líneas de contenido del panel izquierdo, para que no acaben en el pliegue del folleto.
Paso 14
Crea un segundo rectángulo degradado de naranja a rosa hacia la parte inferior del panel izquierdo. ¡Para ahorrar tiempo, siempre puedes copiar el primer rectángulo más pequeño de antes y luego cambiar su tamaño! Mi rectángulo mide 83 x 53 milímetros.
Paso 15
Agrega el ícono "1" del paquete de 15 íconos espaciales y astronautas, colocándolo en la parte superior central del rectángulo.
Ponla en color blanco como todos los demás logotipos e íconos.
Paso 16
Por último, coloca un texto centrado entre comillas dentro del rectángulo. A continuación, utilicé Neue Haas Unica en cursiva a 11 pt en color blanco.
Agrupa todas las capas del panel izquierdo, ¡y habrás terminado con la parte frontal!
4. Cómo crear la parte posterior de un diseño de folleto tríptico empresarial
¡Pasemos a la parte posterior del folleto! Usaremos las mismas fuentes, estilos de capa e íconos para el reverso de nuestro diseño como lo hicimos para el frente.
¡Intenta copiarlos y pegarlos de uno a otro para ahorrar algo de tiempo!
Paso 1
Primero, agreguemos algo de información al panel del lado derecho.
Crea un título con la etiqueta "Servicios" hacia la parte superior del rectángulo gris utilizando Neue Haas Unica en negrita a 32 pt.
El color no importa, ya que vamos a agregar un efecto de capa de degradado al texto del mismo color rosa (# ef5591) a naranja (# f26f64) degradado lineal con un ángulo de -105.
Paso 2
Crea un rectángulo degradado naranja y rosa procedente del lado del cuadrado gris. Mi tamaño exacto es 94 x 31 milímetros.
Paso 3
Agrega una breve descripción de tus servicios usando Neue Haas Unica en Regular a 11 pt en color blanco.
Alinea a la izquierda el texto.
Paso 4
¡Ahora, enumeremos nuestros servicios!
Empieza por crear un cuadro de texto de 56 milímetros de ancho. Usando Neue Haas Unica en Medium a 17 pt configurado en rosa fuerte (# EF5591), escribe el nombre de tu servicio.
Paso 5
En el mismo cuadro de texto, escribe una breve descripción del servicio.
A continuación, utilicé Neue Haas Unica en Regular a 10.5 pt establecido en un gris medio (# 414142).
Paso 6
Agrega íconos relacionados con el servicio a la izquierda del texto. Nuevamente, estoy usando el paquete de 15 iconos espaciales y astronautas.
Copia y pega el mismo degradado de rosa a naranja del rectángulo en el icono.
Paso 7
¡Repite este paso para todos tus servicios!
Agrupa cada servicio en un grupo, manteniendo el texto y el ícono juntos.
Una vez hecho esto, agrupa los diferentes grupos de servicios en un grupo final llamado "Servicios ofrecidos".
Paso 8
Termina el panel "Servicios" agregando algunas líneas de 1 px gris medio (# 414142) entre los diferentes servicios usando la Herramienta de Línea.
Agrupa todas las capas que acabas de crear en un grupo llamado "Servicios".
Paso 9
¡Para el resto de la parte posterior del folleto, vamos a combinar el panel central y el izquierdo para crear un panel grande!
Comienza agregando un rectángulo degradado rosa y naranja de 201 x 52 milímetros hacia la parte inferior central del lienzo izquierdo.
Paso 10
Toma una copia del sujeto extraído previamente y colócala en el lado izquierdo del lienzo, alineando el borde inferior de la imagen con el borde inferior del rectángulo degradado.
Crea una capa de relleno degradado de rosa (# ef5591) a naranja (# f26f64). Ajústalo a Estilo: Lineal y Ángulo: 90 y aplícalo al sujeto.
Utiliza un pincel negro suave para enmascarar el degradado que cubre la cara y la parte superior del cuerpo del sujeto.
Agrupa estas dos capas, nombrando al grupo "Modelo".
Paso 11
Crea un segundo rectángulo debajo del grupo Modelo y encima del rectángulo degradado.
Paso 12
¡El color de la forma no importa, ya que vamos a recortar una imagen de fondo en ella!
Usaré esta imagen de Dominós de madera.
Paso 13
Ajusta la Imagen> Ajustes > Tono / Saturación para que la imagen sea en escala de grises. Dale un ligero tinte azul con Imagen > Ajustes > Equilibrio de color establecido en +15 azul, -15 rojo.
Por último, sube el Contraste a +56 usando Imagen > Ajustes > Brillo / Contraste.
Paso 14
Agrega todos los datos de tu empresa en el rectángulo de degradado con Neue Haas Unica.
A continuación, utilicé Heavy para el título "Nuestra empresa" y Medium para las estadísticas.
¡Agrega cualquier ícono extra divertido o marca, establecido en color blanco, para llenar cualquier espacio si lo tienes!
Paso 15
Agrega un título en la parte superior del folleto utilizando Neue Haas Unica en negrita cursiva.
Coloca el mismo degradado de rosa a naranja en el texto, desde los rectángulos.
Paso 16
¡Por último, completa la mitad inferior del folleto con una breve sección "sobre nosotros" y una lista de resultados!
Para el subtítulo, utilicé Neue Haas Unica en negrita a 11 puntos en rosa fuerte (# EF5591), cambiando la fuente a color blanco para el texto adicional a continuación.
Para la lista del lado derecho, utilicé el mismo Neue Haas Unica en negrita a 11 puntos en color blanco.
Paso 17
Para terminar, agregué algunas marcas de verificación de degradado de color rosa a naranja al costado de cada elemento de la lista usando este conjunto de iconos de interfaz de usuario.
Agrupa todas tus marcas de verificación en tu propio grupo y luego agrupa el grupo de "marcas de verificación" con el texto de la lista, ¡y listo!
¡Eso es todo!
¡Eso es todo lo que hay que hacer para crear un mockup de folleto tríptico! Si bien puede parecer mucho, en realidad, ¡solo usa los mismos temas de diseño una y otra vez para mantener las cosas legibles, mínimas y coherentes! Apegarse a una fuente y solo una mano llena de colores no solo asegurará un diseño atractivo, sino que también te ahorrará tiempo.
Recuerda, siempre puedes copiar y pegar tus estilos de capa de una capa a otra; ¡No es necesario aplicar la misma configuración una y otra vez!
¿Apurado?
¿Tienes prisa y necesitas una plantilla de folleto tríptico en blanco para Photoshop ahora mismo? ¡Entonces estás de suerte! Envato Elements tiene docenas de diseños para elegir; solo tienes que descargarlo, colocarlo en tu información y listo.
Estos son algunos de mis diseños de folletos trípticos favoritos, ¡todos de Envato Elements!
Folleto de tríptico para fitness
El folleto tríptico de fitness tiene como objetivo que tú o tus clientes se animen a ir al gimnasio. Presenta un diseño minimalista, pero con mucha energía gracias al uso del rojo como color de acento y a las formas modernas y nítidas.
Folleto tríptico de estadísticas
¡Esta plantilla de folleto tríptico para descargar en Photoshop es ideal para estudios de mercado, estadísticas y servicios financieros! Ofrece mucho espacio para la información, así como gráficos que son fáciles de cambiar por los tuyos. Pruébalo hoy mismo.
Folleto de tríptico geométrico
Súbete a la tendencia de las formas geométricas con la plantilla Folleto de tríptico geométrico. Minimalista, pero colorido al mismo tiempo, este folleto tiene mucho espacio para texto largo e imágenes. Gracias a su diseño versátil, puede utilizarse en cualquier campo e industria.
Folleto tríptico simple
La plantilla de folleto tríptico Simple descargada en Photoshop te ofrece la cantidad justa de espacio, de modo que no tienes que preocuparte por rellenar párrafos con información de relleno o preguntarte qué imágenes colocar en cada lugar. Añade solo lo que necesites, ¡y hazlo rápido!
Folleto - Tríptico de Creative Startup Studio
Pon en marcha tu estudio creativo con el diseño perfecto de un folleto tríptico. No dejes que el nombre te engañe, sin embargo, puedes utilizar esta plantilla para grandes corporaciones, pequeñas empresas, agencias de startup, o cualquier otro servicio profesional.
Ahora ya sabes cómo hacer un folleto tríptico. Pero no te detengas ahora; por qué no echas un vistazo a más tutoriales a continuación:
VolantesLas 23 mejores plantillas gratuitas de volantes en PSD (diseños de Photoshop para descargar)
Diseño de impresiónCómo crear un volante promocional en Photoshop
Portada del libroCómo diseñar la cubierta de un libro de época
Plantillas de InDesignCómo crear una plantilla de cubierta de libro en InDesign
Plantillas para revistasCómo crear una plantilla de portada de revista en InDesign
Diseño de revistas10 consejos para diseñar revistas de gran impacto
