7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Illustrator

Cómo crear un fondo de degradado pastel

Scroll to top
Read Time: 9 mins

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

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

En los pasos siguientes, aprenderás a crear un fondo de degradado pastel en Adobe Illustrator y Adobe Photoshop. Fresco y cálido, esta tendencia atemporal dará un efecto calmante a cualquier diseño. Todo lo que tienes que hacer es buscar las mejores combinaciones de degradado.

¿Buscando descargar algunos fondos de degradado pastel? Dirígete a Envato Elements, donde puedes encontrar una gran selección de fondos premium, incluyendo este fondo de degradado pastel a la moda con archivos de IA y JPG.

blue gradient backgroundblue gradient backgroundblue gradient background

Lo que aprenderás en este tutorial de degradado pastel

  • Cómo crear un fondo de degradado pastel en Illustrator
  • Cómo crear un fondo de degradado pastel en Photoshop

Lo que necesitarás

Necesitarás la siguiente imagen para crear un fondo degradado azul pastel:

1. Cómo crear un fondo de degradado pastel en Illustrator

Paso 1

Pulsa Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, escribe 1920 en el cuadro de anchura y 1080 en el cuadro de altura y, a continuación, haz clic en el botón Más ajustes. Selecciona RGB para el Modo de color, establece Efectos ráster en Pantalla (72 ppi) y, a continuación, haz clic en Crear documento.

new document illustratornew document illustratornew document illustrator

Paso 2

Elige la Herramienta Rectángulo (M) y crea una forma del tamaño de tu mesa de trabajo (1920 x 1080 px). Puedes hacerlo manualmente o puedes hacer clic en la mesa de trabajo para abrir la ventana Rectángulo. Introduce los valores de tamaño y, a continuación, haz clic en Aceptar.

Comencemos con el método más básico que puedes usar para crear un fondo estético pastel. Asegúrate de que el rectángulo está seleccionado, abre el panel Degradado (Ventana > Degradado) y haz clic en la miniatura del degradado para aplicar el degradado lineal predeterminado de negro a blanco.

Haz doble clic en el color del degradado izquierdo y cámbialo a R=131 G=132 B=240 y luego, haz doble clic en el color del degradado derecho y cámbialo a R=251 G=231 B=185. Simplemente haz clic en la barra de degradado para agregar un tercer color de degradado, establece la Ubicación en 50%, y cambia el color a R=244 G=145 B=220.

Puedes establecer el ángulo de este degradado rosa pastel desde el panel Degradado, o puedes seleccionar la Herramienta Degradado (G) en la barra de herramientas y ajustar el ángulo del degradado directamente en la forma.

pastel gradient illustratorpastel gradient illustratorpastel gradient illustrator

Paso 3

El segundo tipo de degradado que se puede utilizar para crear un fondo de pantalla estético pastel es un degradado radial. Puedes aplicar uno fácilmente con el botón del panel Degradado.

Elige la Herramienta Degradado (G) para ajustar el tamaño de este degradado y usa ese mango de punto negro para apretar o estirar el degradado como desees.

pastel radial gradientpastel radial gradientpastel radial gradient

Paso 4

El tercer tipo de degradado que se puede utilizar para crear un fondo estético pastel es un degradado de forma libre. Puedes aplicar uno fácilmente con el botón del panel Degradado.

Illustrator añadirá cuatro paradas de color al rectángulo. Selecciona las paradas de color una por una y ajusta los colores como se muestra a continuación.

freeform gradientfreeform gradientfreeform gradient

Paso 5

Siempre puedes agregar una nueva parada de color con un simple clic, o puedes eliminar una parada de color seleccionada.

Usando el área circular alrededor de la parada de color, puedes aumentar o disminuir la propagación de ese color. Este valor también se puede ajustar desde el panel Degradado. Selecciona el tope de color inferior izquierdo y aumente Extender al 100%.

Simplemente haz clic y arrastra una parada de color para cambiar su ubicación.

freeform gradient color stopfreeform gradient color stopfreeform gradient color stop

Paso 6

Otra forma de crear un fondo de pantalla de degradado pastel es mediante el uso de una malla.

Crea un rectángulo que cubra toda la mesa de trabajo y asegúrate de que permanezca seleccionada. Elige la Herramienta Malla (U) de la barra de herramientas y haz clic en el centro de tu selección para convertir tu forma en una malla. Ahora puedes seleccionar fácilmente estos puntos de malla y cambiar sus colores como desees.

Cambia a la Herramienta Selección Directa (A) para seleccionar los puntos de malla más a la izquierda y cambia el color a R=107 G=245 B=202. Selecciona los puntos de malla más a la derecha y define el color en R=253 G=225 B=186. A continuación, selecciona los puntos de centrales de la malla y cambia el color a R=252 G=128 B=180.

mesh toolmesh toolmesh tool

Paso 7

Con tu malla y la Herramienta Malla (U) todavía seleccionada, agrega un nuevo punto como se muestra en la primera imagen.

Cambia a la Herramienta Selección Directa (A), selecciona los puntos de malla resaltados en la segunda imagen, y cambia el color a R=235 G=240 B=168.

color mesh pointcolor mesh pointcolor mesh point

Paso 8

Si deseas ajustar la posición de un punto de malla o un controlador de punto de malla, simplemente haz clic y arrástralo usando la Herramienta Selección Directa (A).

Selecciona la Herramienta Punto de Ancla (Shift-C) cuando desees arrastrar un controlador de punto de malla de forma independiente o cuando desees hacer clic en un punto de malla y arrastrar nuevos manejadores.

mesh point adjustmesh point adjustmesh point adjust

Paso 9

Vamos a añadir una textura sutil a esta malla. Selecciónalo y presiona Control-G para Agruparlo.

Asegúrate de que tu grupo permanezca seleccionado, abre el panel Apariencia (Ventana > Apariencia) y agrega un nuevo relleno usando el botón Agregar Nuevo Relleno.

Selecciónalo y establece el color en negro (R=0 G=0 B=0) y luego baja su Opacidad a 70% y cambia el Modo de Fusión a Superponer.

add new filladd new filladd new fill

Paso 10

Con ese relleno negro aún seleccionado, ve a Efecto > Bosquejo > Reticulación. Introduce la configuración que se muestra en la siguiente imagen y, a continuación, haz clic en Aceptar.

effect reticulationeffect reticulationeffect reticulation

2. Cómo crear un degradado pastel en Photoshop

Paso 1

Comencemos con el método más básico que puedes utilizar para crear un degradado pastel en Photoshop.

Crea un documento de 1920 x 1080 px y selecciona la Herramienta Degradado (G) en tu barra de herramientas, y luego haz clic en la miniatura del degradado desde el panel de control para abrir el Editor de Degradados.

Haz doble clic en el control deslizante de degradado izquierdo y cambia el color a R=131 G=132 B=240 y, a continuación, haz doble clic en el control deslizante de degradado derecho y cambia el color a R=251 G=231 B=185. Haz clic en algún lugar cercano al borde inferior de la barra de degradado para agregar un tercer control deslizante de degradado. Selecciona esta nueva parada de color, establece la Ubicación en 50%, y cambia el color a R=244 G=145 B=220.

Una vez que hayas terminado, puedes hacer clic en el botón Nuevo para guardar tu degradado pastel en el panel Ajustes preestablecidos, lo que hará que sea mucho más fácil usarlo más tarde.

Haz clic en Aceptar para cerrar el panel Editor de degradados. Concéntrate en tu lienzo y arrastra un trazado desde la esquina inferior izquierda hasta la esquina superior derecha para aplicar fácilmente tu degradado rosa pastel.

pastel gradient photoshoppastel gradient photoshoppastel gradient photoshop

Paso 2

Como alternativa, puedes aplicar un degradado pastel en una capa mediante el cuadro de diálogo Estilo de capa.

Ve al panel Capas (Ventana > Capas) y agrega una segunda capa con el botón Crear nueva capa.

Haz doble clic en esta nueva capa para abrir el cuadro de diálogo Estilo de capa y habilita Superposición de degradado. Haz clic en la miniatura del degradado y selecciona el degradado guardado de esa lista y, después, no dudes en ajustar el ángulo u otras propiedades que necesites.

layer style gradient editorlayer style gradient editorlayer style gradient editor

Paso 3

El segundo tipo de degradado que puedes utilizar para crear un fondo de degradado pastel es un degradado radial.

Puedes cambiar fácilmente a un degradado Radial mediante el menú desplegable Estilo. Ten en cuenta que puedes ajustar manualmente el punto central del degradado directamente en el lienzo. Simplemente haz clic y arrastra para cambiar esta ubicación.

layer style radial gradientlayer style radial gradientlayer style radial gradient

Paso 4

Además de los degradados lineales y radiales, en Photoshop también puedes aplicar degradados de Ángulo, degradados Reflejados o degradados de Diamante.

angle reflected diamond gradientangle reflected diamond gradientangle reflected diamond gradient

Paso 5

La técnica Superposición de degradado también se puede utilizar para aplicar un degradado pastel a una foto.

Descarga esta Foto de nubes densas de arriba y arrástrala dentro de tu documento. Haz doble clic en esta nueva capa en el panel Capas para abrir el cuadro de diálogo Estilo de capa y activar la Superposición de degradado.

Aplica el degradado guardado y cambia el Modo de Fusión a Luz Dura para hacer que el degradado se mezcle con la foto.

photo gradient overlayphoto gradient overlayphoto gradient overlay

Paso 6

Siempre puedes probar diferentes degradados o modos de fusión. Siéntete libre de usar este degradado de arcoíris pastel o busca las mejores combinaciones de degradado que se adapten a tus necesidades.

pastel rainbow gradientpastel rainbow gradientpastel rainbow gradient

¡Felicitaciones! ¡Has terminado!

Así es como debe verse tu increíble fondo degradado. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos. No dudes en compartir tu resultado final en la sección de comentarios.

Siéntete libre de ajustar ese gradiente final del arcoíris pastel como desees. Puedes encontrar algunas grandes fuentes de inspiración en GraphicRiver, con soluciones interesantes para mejorar tu fondo de pantalla de degradado pastel.

pastel gradient backgroundpastel gradient backgroundpastel gradient background

Populares fondos estéticos en tonos pastel de Envato Elements

Envato Elements es un excelente recurso para fondos de pantalla estéticos en tonos pastel. Aquí hay una breve lista de algunos de los estéticos fondos de pantalla en tonos pastel más populares que se pueden encontrar.

Fondos de degradado pastel (JPG, EPS)

Dale a tu diseño una sensación suave con este degradado rosa pastel. Obtendrás otros 24 fondos de degradado geniales en este paquete.

pastel pink gradientpastel pink gradientpastel pink gradient

Fondos pastel (JPG)

Estos fondos pastel son perfectos para presentaciones, plantillas, banners, folletos, diseño web o como superposiciones para fotos y obras de arte.

pastel backgrundspastel backgrundspastel backgrunds

Vectores de degradado pastel: los mejores colores degradados (AI, JPG)

Además de este fondo degradado azul pastel, encontrarás otros 24 increíbles fondos de degradado que se pueden cambiar fácilmente de tamaño a cualquier proporción.

blue gradient backgroundblue gradient backgroundblue gradient background

Degradados Pastel Pálidos (AI, PNG)

No pierdas el tiempo buscando el mejor color de degradado. Esta colección viene con las mejores combinaciones de degradados y se puede utilizar fácilmente para darle a tu presentación un toque de color.

best gradient combinationsbest gradient combinationsbest gradient combinations

50 fondos holográficos (JPG)

Esta enorme colección de estéticos fondos pastel brillantes y vibrantes se puede utilizar para fondos de presentación, primeros planos, sitios web, portadas de libros y más.

pastel aesthetic backgroundpastel aesthetic backgroundpastel aesthetic background

¿Quieres obtener más información?

Tenemos un montón de tutoriales en Envato Tuts+, desde principiantes hasta nivel intermedio. ¡Echa un vistazo!

  • Efectos de texto
    Cómo crear un rápido efecto de texto pastel suave en Adobe Photoshop
    Rose
  • Adobe Photoshop
    Cómo crear una muestra de color pastel en Photoshop
    Ivan Gromov
  • Degradados
    Cómo hacer un efecto pastel en Photoshop (Acción de edición estética)
    Ivan Gromov
  • Recursos
    Trend Watch: Diseño ice cream & pastel
    Melody Nieves
  • Acciones de Photoshop
    Cómo crear una acción de efecto fotográfico pastel en Adobe Photoshop
    Marko Kožokar
  • Volantes
    Cómo crear un folleto de club pastel neón en Adobe InDesign
    Grace Fussell
  • Verano
    Cómo crear un póster de Ice-Cream Script en Adobe InDesign
    Grace Fussell
  • Efectos de texto
    Cómo crear un efecto de texto abstracto pastel en 3D en Adobe Photoshop
    Rose
  • Adobe Photoshop
    Cómo hacer degradados en Photoshop (¡Y más!)
    Jonathan Lam
  • Degradados
    Cómo crear, guardar y cargar degradados en Adobe Illustrator
    Jonathan Lam
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.