Spanish (Español) translation by Mayra Reynoso (you can also view the original English article)
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.
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:
- Foto de Nubes densas de arriba
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
¡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.
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.
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.
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.
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.
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.
¿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 textoCómo crear un rápido efecto de texto pastel suave en Adobe Photoshop -
Adobe PhotoshopCómo crear una muestra de color pastel en Photoshop -
DegradadosCómo hacer un efecto pastel en Photoshop (Acción de edición estética) -
RecursosTrend Watch: Diseño ice cream & pastel -
Acciones de PhotoshopCómo crear una acción de efecto fotográfico pastel en Adobe Photoshop -
VolantesCómo crear un folleto de club pastel neón en Adobe InDesign -
VeranoCómo crear un póster de Ice-Cream Script en Adobe InDesign -
Efectos de textoCómo crear un efecto de texto abstracto pastel en 3D en Adobe Photoshop -
Adobe PhotoshopCómo hacer degradados en Photoshop (¡Y más!) -
DegradadosCómo crear, guardar y cargar degradados en Adobe Illustrator
By
