1. Design & Illustration
  2. Gradients

Cómo crear 5 efectos de degradado impresionantes en Adobe InDesign

by
Read Time:10 minsLanguages:

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

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

Los efectos de degradado son muy fáciles de lograr en InDesign y son una forma instantánea de actualizar tus diseños.

Sigue leyendo para descubrir cinco efectos de degradado de alto impacto, desde duotono hasta pastel-neón, que quedarían fantásticos en carteles, volantes, material de oficina o diseños de revistas.

Si deseas que tus efectos de degradado sean realmente únicos, puedes agregar fácilmente una tipografía genial en la parte superior de tu diseño. Dirígete a GraphicRiver o Envato Elements para obtener excelentes fuentes para tu próximo proyecto.

Qué necesitarás para crear tus efectos de degradado

Todo lo que necesitas es acceso a Adobe InDesign para crear la mayoría de estos efectos.

Para crear el efecto de texto "Retro", deberás descargar Charlevoix Pro ExtraBold.

1. Efecto degradado de duotono simple

Este es el efecto de degradado más simple de lograr, y se ve increíble como fondo o como color de relleno para formas o texto.

final duotone effectfinal duotone effectfinal duotone effect

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento. Puedes configurar la página en el tamaño que prefieras.

Si estás creando tus efectos de degradado para imprimir (como yo estoy aquí), asegúrese de que Calidad esté configurado en Imprimir. Para imágenes compatibles con Internet, configura Calidad en Web.

Con tu documento creado, expande el panel Muestras (Ventana > Color > Muestras).

Elige Nueva muestra de color en el menú desplegable del panel (en la parte superior derecha). Configura el Modo de color en CMYK para impresión o RGB para web, y configura los niveles en C=0, M=82, Y=24, K=0 o R=234, G=76, B=125.

Haz clic en Añadir y OK.

Crea una segunda muestra nueva, C=0, M=17, Y=85, K=0 o R=255, G=211, B=50.

yellow swatchyellow swatchyellow swatch

Paso 2

Elige Nueva muestra de degradado en el menú del panel Muestras.

new gradient swatchnew gradient swatchnew gradient swatch

Nombra la muestra Degradado duotono, establece el Tipo en Lineal y elige Muestras en el menú Color de etapa.

Haz clic en el tope de la izquierda en la Gradación de degradado y establece esto en tu primera muestra rosa, C=0, M=82, Y=24, K=0. Establece el tope de la derecha en la muestra amarilla, C=0, M=17, Y=85, K=0.

Haz clic en Añadir y OK.

new gradient swatchnew gradient swatchnew gradient swatch

Paso 3

Crea una forma en la página a la que te gustaría aplicar el degradado. Usa la Herramienta Rectángulo (M) para crear una forma de fondo. Aquí he usado la Herramienta Elipse (L) para crear un círculo (manteniendo presionada la tecla Mayús para mantener las proporciones).

ellipse toolellipse toolellipse tool

Aplica la muestra Degradado duotono al Color de relleno de la forma desde el panel Muestras.

duotone swatchduotone swatchduotone swatch

Puedes utilizar el panel Degradado (Ventana > Color > Degradado) para ajustar el Ángulo del degradado.

angle of gradientangle of gradientangle of gradient
duotone effectduotone effectduotone effect

2. Efecto degradado de apagón

Este es un efecto degradado de alto impacto que da un efecto de eclipse. Esto funciona mejor como un efecto independiente usando un diseño de círculo. ¿Por qué no intentar colocar texto o una imagen dentro del círculo interior para lograr un impacto adicional?

Paso 1

En el panel Muestras (Ventana > Color > Muestras), elige Crear nueva muestra. Crea una muestra rosa fuerte, C=0, M=87, Y=2, K=0 o R=232, G=59, B=140.

Crea dos muestras nuevas más:

  • C=1, M=14, Y=63, K=0 o R=254, G=219, B=117
  • C=0, M=92, Y=99, K=0 o R=229, G=45, B=2
swatch optionsswatch optionsswatch options

Paso 2

Elige Nueva muestra de degradado en el menú del panel Muestras.

Nombra la muestra como Degradado de apagón, establece el Tipo como Lineal y elige Muestras en el menú Color de etapa.

Haz clic en el tope izquierdo de la Gradación de degradado y ajústalo a tu muestra rosa fuerte, C=0, M=87, Y=2, K=0. Ajusta el tope derecho a la muestra amarillo pálido, C=0 M=92 Y=99 K=0.

Haz clic en la gradación a un tercio de la izquierda para añadir un tercer tope, fijándolo en tu muestra roja, C=0 M=92 Y=99 K=0.

blackout gradientblackout gradientblackout gradient

Paso 3

Toma la Herramienta Elipse (L) y arrástrala a la página para crear un pequeño círculo. Ajusta el Color de Relleno a [Negro].

small circlesmall circlesmall circle

A continuación, crea un segundo círculo más grande sobre la parte superior, estableciendo el Relleno en Degradado de Apagón.

large circlelarge circlelarge circle

Haz Clic-derecho con el botón del ratón en este círculo más grande y elige Organizar > Enviar atrás.

send to backsend to backsend to back
circle behindcircle behindcircle behind

Paso 4

Con el círculo Degradado de Apagón seleccionado, ve a Objeto en el menú principal superior y elige Efectos > Desvanecimiento Degradado.

Establece el Tipo en Radial y mueve el tope oscuro en la gradación aproximadamente dos tercios a lo largo del camino.

gradient feathergradient feathergradient feather

Haz clic en OK para salir de la ventana.

gradient appliedgradient appliedgradient applied

Paso 5

Ejecuta lo siguiente; Editar > Copiar y Editar > Pegar el círculo de degradado, enviándolo al fondo como antes. Ajústalo a un tamaño un poco más grande y colócalo hacia la parte superior izquierda del diseño.

pasted circlepasted circlepasted circle

Ejecuta nuevamente Editar > Pegar, moviendo este círculo a la parte inferior derecha del diseño.

circle pastedcircle pastedcircle pasted
blackout effectblackout effectblackout effect

3. Efecto degradado de orgullo

Muestra tu apoyo al Orgullo este verano (el Mes del Orgullo LGBT tiene lugar en junio) con este degradado en los colores de la bandera del Orgullo.

final pride effectfinal pride effectfinal pride effect

Paso 1

En el panel Muestras (Ventana> Color> Muestras), elige Crear nueva muestra. Crea una muestra roja, C=0, M=93, Y=86, K=0 o R=230, G=42, B=40.

Crea cinco muestras nuevas más:

  • C=0, M=60, Y=83, K=0 o R=240, G=127, B=54
  • C=8, M=6, Y=93, K=0 o R=245, G=222, B=0
  • C=80, M=3, Y=86, K=0 o R=12, G=164, B=81
  • C=82, M=63, Y=0, K=0 o R=66, G=96, B=169
  • C=38, M=93, Y=0, K=0 o R=171, G=45, B=136
swatch optionsswatch optionsswatch options

Paso 2

Elige Nueva muestra de degradado en el menú del panel Muestras.

Asigna un nombre a la muestra Degradado de orgullo, establezca el Tipo en Lineal y elige Muestras en el menú Color de etapa.

Haz clic en el tope de la izquierda en la Gradación de degradado y establece esto en tu nueva muestra roja, C=0, M=93, Y=86, K=0. Establece el tope de la derecha en la muestra violeta, C=38, M=93, Y=0, K=0.

Haz clic en la gradación para agregar cuatro topes más, configurándolas (de izquierda a derecha) en naranja, amarillo, verde y azul de tu paleta de nuevas muestras.

Luego haz clic en Añadir y OK.

pride gradientpride gradientpride gradient

Paso 3

Crea una forma en la página a la que te gustaría aplicar el degradado. Aquí he usado la Herramienta Elipse (L) para crear un círculo (manteniendo presionada la tecla Mayús para mantener las proporciones).

ellipse toolellipse toolellipse tool

Aplica la muestra de Degradado de orgullo al Color de relleno de la forma desde el panel Muestras.

fill colorfill colorfill color

Puedes utilizar el panel Degradado (Ventana > Color > Degradado) para ajustar el Ángulo del degradado.

angle of gradientangle of gradientangle of gradient

Paso 4

Puedes establecer la forma sobre un fondo oscuro para generar impacto.

Utilice la Herramienta Rectángulo (M) para crear un marco en toda la página y establece el Color de relleno en [Negro]. Haz clic-derecho con el botón del ratón en la forma y elige Organizar > Enviar al fondo.

black backgroundblack backgroundblack background
rainbow pride effectrainbow pride effectrainbow pride effect

4. Efecto de degradado doble pastel y neón

Esta es una versión popular de la tendencia del degradado que se ve increíble en carteles y portadas de revistas. Es fácil de crear y puedes cambiar los colores para crear una gama casi infinita de resultados.

final pastel effectfinal pastel effectfinal pastel effect

Paso 1

En el panel Muestras (Ventana > Color > Muestras), elige Crear nueva muestra. Crea una muestra de lavanda, C=14, M=65, Y=0, K=0 o R=215, G=119, B=174.

Cree tres muestras nuevas adicionales:

  • C=59, M=0, Y=6, K=0 o R=98, G=198, B=233
  • C=0, M=33, Y=22, K=0 o R=248, G=192, B=186
  • C=0, M=86, Y=7, K=0 o R=233, G=62, B=136
swatch optionsswatch optionsswatch options

Paso 2

Elige Nueva muestra de degradado en el menú del panel Muestras.

Nombra la muestra Fondo Degradado, establece el Tipo en Lineal y elige Muestras en el menú Color de etapa.

Haz clic en el tope de la izquierda en la Gradación de degradado y establece esto en tu nueva muestra de lavanda, C=14, M=65, Y=0, K=0. Establece el tope de la derecha en la muestra azul, C=59, M=0, Y=6, K=0.

Luego haz clic en Añadir y OK.

background gradientbackground gradientbackground gradient

Paso 3

Crea una segunda Nueva muestra de degradado. Nombra esta muestra Degradado de primer plano, establece el Tipo en Lineal y elige Muestras en el menú Color de etapa.

Haz clic en el tope de la izquierda en la Gradación de degradado y establece esto en tu muestra de color rosa pálido, C=0, M=33, Y=22, K=0. Establece el tope de la derecha en la muestra de color rosa brillante, C=0, M=86, Y=7, K=0. Haz clic en Añadir y OK.

new gradient swatchnew gradient swatchnew gradient swatch

Paso 4

Crea una forma en la página a la que te gustaría aplicar el degradado. Aquí he usado la Herramienta Elipse (L) para crear un círculo.

Aplica la muestra Degradado de primer plano al Color de relleno de la forma desde el panel Muestras.

circle gradientcircle gradientcircle gradient

Paso 5

Crea una forma en toda la página usando la Herramienta Rectángulo (M) y haz clic-derecho > Organizar > Enviar al fondo.

Aplica la muestra Fondo Degradado al Color de relleno de la forma.

background gradientbackground gradientbackground gradient

Puedes ajustar el Ángulo del degradado y la fuerza de cada uno de los colores desde el panel Degradado (Ventana > Color > Degradado).

gradient anglegradient anglegradient angle
final double gradientfinal double gradientfinal double gradient

5. Efecto degradado retro

Este efecto funky se inspira en el diseño gráfico de los años 60 y 70. Es una versión más gruesa y diseccionada de la tendencia del degradado, y es excelente para darle a la tipografía un sabor retro.

Para lograr este efecto, deberás descargar Charlevoix Pro ExtraBold.

final retro effectfinal retro effectfinal retro effect

Paso 1

En el panel Muestras (Ventana > Color > Muestras), elige Crear nueva muestra en el menú principal del panel.

Crea una muestra amarilla, C=3, M=6, Y=91, K=0 o R=255, G=226, B=9.

Crea diez muestras nuevas más, para crear una paleta de arcoíris completa más una muestra pálida y una muestra oscura:

  • C=0, M=44, Y=93, K=0 o R=246, G=159, B=25
  • C=0, M=59, Y=94, K=0 o R=240, G=128, B=26
  • C=0, M=92, Y=92, K=0 o R=230, G=45, B=32
  • C=0, M=93, Y=0, K=0 o R=231, G=36, B=134
  • C=77, M=100, Y=0, K=0 o R=98, G=36, B=131
  • C=100, M=90, Y=22, K=5 o R=39, G=52, B=117
  • C=73, M=9, Y=4, K=0 o R=6, G=173, B=224
  • C=77, M=4, Y=47, K=0 o R=0, G=170, B=155
  • C=7, M=3, Y=17, K=0 o R=242, G=241, B=222
  • C=72, M=67, Y=59, K=79 o R=35, G=31, B=32
swatch optionsswatch optionsswatch options

Paso 2

Utilice la Herramienta Texto (T) para crear un marco de texto grande en la parte inferior de la página.

Escribe una sola palabra, como "Hey", y desde el panel de Controles superior o el panel Carácter (Ventana > Texto y tablas > Carácter), configura la Fuente en Charlevoix Pro ExtraBold. Amplíe el tamaño de fuente para que el texto se extienda por toda la página, cruzando el borde de recorte en ambos lados.

Coloca el cursor de la Herramienta Texto entre cada una de las letras y reduce el kerning (espaciado entre letras) del panel Carácter, de modo que las letras se acerquen.

Establece el Color de fuente, desde el panel Muestras, a tu nueva muestra amarilla, C=3, M=6, Y=91, K=0.

yellow swatchyellow swatchyellow swatch

Paso 3

Selecciona el marco de texto y ejecuta Editar > Copiar, Editar > Pegar en sitio, usando las teclas de flecha para mover este segundo marco ligeramente hacia arriba.

Ajusta el Color de la fuente a tu muestra naranja, C=0, M=44, Y=93, K=0.

orange swatchorange swatchorange swatch

Paso 4

Continúa con Editar > Pegar en lugar más marcos de texto, moviéndolos hacia arriba y ajustando el Color de fuente hasta que hayas creado un efecto de arco iris gradual, como se muestra a continuación.

colored framescolored framescolored frames

Para tu marco de texto final, establece el Color de la fuente en tu muestra de negro, C=72, M=67, Y=59, K=79.

pasted framespasted framespasted frames

Paso 5

Para agregar una vibra retro final a tu efecto, crea una forma en toda la página usando la Herramienta Rectángulo (M) y haz clic-derecho sobre ella y Organizar > Enviar atrás.

Establece el Color de relleno en la muestra beige, C=7, M=3, Y=17, K=0.

black textblack textblack text
final effectfinal effectfinal effect

¡Oye! ¡Impresionante trabajo!

¡Y ahí lo tenemos! Cinco efectos de degradado rápidos y efectivos que pueden transformar cualquier diseño mediocre.

¿Por qué no agregar una tipografía genial a tus diseños de degradado para transformarlos en carteles o volantes? Dirígete a GraphicRiver o Envato Elements para obtener excelentes fuentes para tu próximo proyecto.

¿Buscas más tutoriales de efectos de texto de InDesign? No te pierdas estos:

One subscription.
Unlimited Downloads.
Get unlimited downloads