Документация Рисование и покраска

Градиенты

Заливка или обводка может не лежать плоско, а переходить между цветами, в четырёх видах, со средней точкой на каждом промежутке и с выбором того, что творится за концами.

Поставьте тип заливки или тип обводки слоя фигуры, в панели «Свойства» или на холсте инструментом «Градиент», в любой из четырёх видов градиента, и она станет градиентом. Совсем новый градиент начинается с двух точек: прежний сплошной цвет фигуры переходит в текущий цвет заливки панели «Цвет».

Четыре вида

ВидКак идёт лентаГеометрия
ЛинейныйВдоль прямойНачальная и конечная точки
ЭллиптическийНаружу из центра, сплющенно по одной осиЦентр, два радиуса и поворот
РадиальныйНаружу из центра, полным кругомЦентр и один радиус
КоническийРазвёрткой вокруг центраЦентр, радиус и угол, с которого развёртка начинается

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

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

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

Правка точек на холсте

При активном инструменте «Градиент» на фигуре, у которой градиент уже есть, тяните конечные квадраты, чтобы двигать начало или конец линейного градиента, либо центральный квадрат и квадрат на конце оси, чтобы двигать и менять в размере тот, что идёт из центра. Конец оси несёт радиус и угол разом. Эллиптический градиент добавляет под прямым углом второй луч для другого своего радиуса.

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

Правка точек в панелях

Выбор точки, на холсте или в любой из полос градиента, показывает её позицию полем от 0 до 1 и открывает её цвет. У градиента всегда остаётся хотя бы две точки, и кнопка удаления отключается, как только их остаётся ровно две.

Полоса в панели «Свойства» и полоска на панели параметров инструмента «Градиент» — это один и тот же элемент, правящий одни и те же точки, поэтому изменение в одной сразу видно в другой, а выбранная точка общая у них и у холста.

Средняя точка

Каждая точка несёт свою среднюю точку: то место, где смесь пятьдесят на пятьдесят со СЛЕДУЮЩЕЙ точкой падает, в процентах от промежутка до неё. На 50% два цвета встречаются посередине и промежуток идёт обычной лентой; сдвиньте её, и смесь склонится в одну сторону, а это способ получить долгий мягкий спад в короткий жёсткий край, не добавляя точки.

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

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

Растяжение

Растяжение решает, что лента делает за своими двумя концами: «Растянуть» держит конечные цвета, «Отразить» зеркалит ленту туда-обратно, а «Повторить» начинает её заново. Оно принадлежит заливке, поэтому сохраняется вместе с документом.

На градиенте из центра именно «Отразить» рисует кольца, марширующие наружу за радиус. Если радиальный градиент повторяется там, где вы ждали одного плавного спада, проверьте растяжение раньше всего прочего.

Цветовой шум

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

Готовые рампы

Панель «Образцы» приносит 48 градиентов в двух категориях. Gradients держит общие: от Black to White через металлические развёртки до цветового круга. Sky Gradients держит 22 небесных и погодных, от Dawn до Night, а между ними Blue Hour, Overcast, Sea Fog, Alpenglow, Monsoon и Starry Night, так что фоновое небо становится одним щелчком вместо списка стопов. Щелчок кладёт всю рампу в заливку или обводку, а уже расставленные рычаги переживают замену одной рампы на другую того же вида.

Градиент в ключевых кадрах

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

Ключ из сплошного цвета в градиент анимируется плавно: Celas Studio считает сплошной цвет градиентом, у которого каждая точка того же цвета, поэтому он расцветает в настоящий градиент, а не выскакивает рывком. Ключ между двумя видами, чья геометрия описана слишком по-разному, так же смешаться не может, поэтому вместо этого один переходит поверх другого перекрёстным затуханием на всём переходе, а не щёлкает где-то посередине. Это покрывает каждую пару, поэтому ключ в эллиптический или конический затухает в настоящий вид, а не в круг, стоящий вместо него. У растяжения промежуточных значений нет, поэтому оно переключается на полпути.

Линейный градиент в заливке фигуры: рычаги начала и конца, три точки цвета и засечка средней точки между двумя из них, а рядом соответствующий список точек в панели «Свойства».