Чтобы создать фон с градиентом, можно воспользоваться следующими инструментами и подходами:

• Adobe Photoshop: 1

1. Откройте инструмент «Градиент». 1 Он находится на панели инструментов в левой части экрана. 1
2. Кликните в той части экрана, откуда будет начинаться заливка. 1
3. Проведите мышью по экрану. 1 Например, чтобы сделать переход цвета, щёлкните и проведите мышью сверху вниз. 1

• CSS: 3

1. Чтобы сделать градиент фоном HTML-документа, его нужно применить сразу ко всему телу. 3
2. В CSS градиент задаётся функцией linear-gradient(). 3 Ей нужно передать несколько цветов, из которых она и составит узор. 3

• Фигма: 4

1. Кликните на объект, тогда в боковом меню появится строка Fill. 4 Она содержит информацию о текущем цвете фона и его прозрачности. 4
2. Чтобы изменить фон, необходимо щёлкнуть на иконку цвета. 4
3. Можно выбрать любое нужное количество цветов для градиента. 4 Для добавления ещё одного цвета просто щёлкните на градиентной линии. 4 Чем больше точек, тем более плавным будет переход. 4