Gradiente de 4 colores / esquinas con Illustrator o Photoshop


13

Debería crear un rectángulo vectorial con un degradado de 4 colores, uno para cada esquina. Podría encontrar información muy genérica sobre el uso de mezclas en vivo , pero no estoy seguro de que sea la mejor herramienta y aún así no pude hacerlo. ¿Cómo conseguirías eso exactamente en Illustrator? (¿Y secundario en Photoshop?)

Gradiente de 4 colores (esta imagen proviene del selector de color de Photoshop)


Podrías dibujar cuadrados y usar un desenfoque gaussiano, ¿no?
jeremy

Respuestas:


12

Gradient Mesh en Illustrator

  • dibujar un rectángulo
  • seleccione la herramienta de malla
  • haga clic en una esquina del rectángulo
  • aplicar color de esquina
  • Seleccione la herramienta de selección directa
  • Haga clic en otro anclaje de esquina y aplique color
  • repita para las esquinas restantes

malla

No existe una solución simple con un solo clic para un gradiente de esa naturaleza.

Capas de forma en Photoshop

Para Photoshop, los procesos son mucho más engorrosos e involucrados y ni de lejos tan precisos.

Un método podría ser usar una capa de forma / vector separada para cada esquina, luego una forma llena sólida como base.

final

Básicamente establece un gradiente para cada forma:

degradado

Luego, una vez que tenga las 4 formas con degradados, cambie sus modos de fusión a Oscurecer . No necesitas absolutamente el rectángulo blanco inferior que utilicé. Pero las cosas no se verán del todo bien sin un fondo de color sólido (preferiblemente blanco) detrás de las capas de forma de degradado.

Otro método para Photoshop podría ser simplemente tomar la herramienta de degradado , establecer un color en degradado transparente y luego arrastrarlo desde una esquina . Repita para cada uno de los 4 colores. El problema con este método es que cada vez que arrastre, la longitud del gradiente será diferente. Por lo tanto, no terminará con 4 gradientes de esquina iguales. El método de capa vectorial / capa de forma garantiza que los gradientes tengan la misma longitud.

Al final, simplemente generaría esto en Illustrator y luego copiaría / pegaría en Photoshop como un objeto inteligente.


1
Un objeto inteligente en Photoshop (de Illustrator) parece la mejor y más simple solución en realidad. ¡También te permite modificar el gradiente! Gracias por tu respuesta muy detallada.
taseenb

3

Para obtener el efecto que estás buscando en Photoshop, te sugiero el complemento Sblended. Divulgación completa: lo escribí.

Aquí hay una captura de pantalla de la interfaz utilizada para crear el gradiente.

gradiente de cuatro esquinas con Sblended

  • agregue dos líneas tocando en cualquier lugar del área principal
  • agregue dos paradas de color a cada línea tocando en cualquier lugar de la línea
  • coloque el color se detiene en las esquinas arrastrando
  • elija los colores que desee tocando dos veces una parada de color

Una vez que haya creado el efecto, puede aplicarlo de la misma manera que la Herramienta de degradado incorporada, arrastrándolo por el área que desee.

Puede obtener la versión demo gratuita para probarla aquí: https://creative.adobe.com/addons/products/17501


Hola Brian, bienvenido a GDSE. Su complemento realmente hace lo que el OP le pidió. Gracias por la divulgación completa. ¡Siéntase libre de pasar el rato y seguir contribuyendo, su tiempo y esfuerzo ayudan a que este sitio sea excelente!
PieBie
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.