Как сделать градиент в Adobe Illustrator

В вашем примере это трудно сказать, но кажущиеся плоскими значки часто приобретают дополнительный штрих с помощью тонких градиентов.

Чтобы сделать это правильно, вы должны работать с оттенками и/или оттенками цвета, чтобы построить свой градиент. Мне проще всего работать с моделью HSB и тщательно регулировать значения насыщенности и яркости, чтобы повышать или понижать шкалу градиента. Вы также можете подключить базовый цвет на 0to255.com , чтобы увидеть хороший выбор в шестнадцатеричном формате.

В приведенном ниже примере вы можете видеть, что между этими двумя гринами не так много места для шагов. Разницы как раз достаточно, чтобы придать маленькому кругу небольшой световой эффект. Разделение между цветами должно быть больше по мере увеличения расстояния вашего градиента.

Плоские иконки не имеют большого количества теней, фасок и градиентов. Изучите значок и посмотрите, что сделал пользователь.

Например, возьмите зеленую метку.

Он состоит из того, что выглядит как 4 цвета.

background: #8cb042
center area of tag: #a9c26f
light area of fold: #b5d864
shadow area of fold: #b5d864

Если есть градиент или тень, это очень незначительно для нормального глаза (плюс я не могу рассмотреть его на предмет мелких деталей при таком размере изображения). Не анализируйте то, что не сложно. Возможно, выполните еще несколько поисков и убедитесь в простоте дизайна плоских иконок.

Ознакомьтесь с этим руководством по работе с градиентами.

Он показывает вам, как манипулировать инструментом градиента, чтобы получить желаемый эффект.

Выдержка из ссылки:

Это вызовет еще один ползунок, который вы можете щелкнуть и перетащить в центральную точку и изменить начало градиента. Вы можете изменить размер, щелкнув одну из точек на краю и перетащив ее в любом направлении. Вы также можете изменить расстояние между цветами, щелкнув встроенный ползунок градиента.