Документация Инструменты

Инструмент «Градиент»

Четыре вида градиента, на фигуре или прямо по написанным пикселям, причём вся лента правится и с полосы параметров, и на холсте.

Инструмент «Градиент» (G) строит и правит градиент. На слое фигуры градиент живёт в заливке или обводке фигуры и остаётся правимым навсегда; на растровом или пиксельном слое держать его негде, заливки нет, поэтому готовая лента запекается в пиксели слоя.

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

Полоса параметров градиента: список типа, пастилка «Заливка / Обводка / Оба», полоска точек с их рычагами и засечками средних точек, пять значков операций над точками и пастилка растяжения.

Шесть типов

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

ТипЧто он пишет
НетНикакой заливки. Канал выключен, и инструмент не пишет ничего
СплошнойОдин плоский цвет. Это линейный градиент, у которого две точки заперты вместе, поэтому полоска — это способ выбрать тот самый цвет
ЛинейныйЛента вдоль прямой между двумя точками
ЭллиптическийЛента из центра с независимыми радиусами по X и Y и с поворотом
РадиальныйЛента из центра по полному кругу. Это частный случай эллиптического, где оба радиуса совпадают
КоническийРазвёртка вокруг центра, начинающаяся от собственного угла градиента

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

Четыре вида градиента делят и одну ленту. Возьмите «Сплошной», и инструмент возьмёт цвет начальной точки ленты, то есть той точки, что стоит на наименьшей позиции, а не первой в списке, и отставит ленту в сторону; уйдите со «Сплошного», и она вернётся нетронутой.

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

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

Заливка, обводка или оба

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

Список типа читает и пишет тот канал, который называет пастилка, поэтому выбор конического при выбранной обводке правит обводку и оставляет заливку в покое.

Полоска точек

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

  • Векторная фигура, уже несущая градиент: точки этой фигуры, завёрнутые в шаг отмены и поставленные в автоключ, как любая другая правка стиля
  • Битмапный слой: собственные точки инструмента. У запечённого градиента нет заливки, где их держать, поэтому на этом слое ЭТОТ список и есть градиент, а его правка — изменение документа со своим шагом отмены
  • Что-либо ещё: собственные точки инструмента как предпросмотр, из которого заодно и засевается новый градиент
Отменить можно любой путь. История называет правку точек «Градиент», а перевод выделения с одной точки на другую намеренно не чеканит собственного шага.
ЖестЧто делает
Щелчок по рычагуВыбирает эту точку
Протяжка рычагаДвигает точку вдоль ленты
Щелчок по рычагу без протяжкиОткрывает окно этой точки
Двойной щелчок по рычагуТоже открывает окно
Двойной щелчок по полоске мимо рычагаДобавляет там точку, взятую пробой с ленты, поэтому ничего не меняется, пока вы её не сдвинете или не перекрасите
Щелчок правой кнопкой по рычагуУдаляет эту точку; последние две сохраняются
Протяжка засечки средней точкиСмещает то место, где встречаются два соседних цвета

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

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

Окно точки

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

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

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

Операции над точками

КнопкаЧто делаетОтключена, когда
Добавить точкуВставляет точку на полпути к следующей, взятую пробой так, что лента не меняетсяТочек уже 64
ДублироватьКопирует выбранную точку сразу за нейТочек уже 64
Удалить точкуУбирает выбранную точкуОсталось всего две точки
ОбратитьПереворачивает позиции всех точек, и лента идёт в другую сторонуНикогда
Зафиксировать пропорцииДержит два радиуса пропорциональными, пока тянут любой из лучей. Переключатель: включённая кнопка подкрашиваетсяПоказана только на эллиптическом градиенте

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

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

Растяжение

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

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

На холсте

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

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

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

Градиенты на растровых и пиксельных слоях

Выберите растровый или пиксельный слой, и инструмент перейдёт к живому сеансу на нём. Правило то же, которому следует волшебная палочка: решает АКТИВНЫЙ слой, а не та фигура, что случайно оказалась под курсором.

  1. Выберите растровый или пиксельный слой.
  2. Протяните по холсту оттуда, где лента должна начинаться, туда, где она должна кончиться. Держите Shift, чтобы запереть направление на шагах в 15 градусов.
  3. Отпустите. Градиент запечётся в пиксели слоя для текущего кадра.

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

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

Ctrl+Z во время живого сеанса заканчивает градиент, а не отменяет его, потому что сеанс держит свой шаг отмены открытым, пока рычаги подняты. Нажмите второй раз, и готовый градиент снимется тем единственным шагом, которым он и является. Ctrl+Y и Ctrl+Shift+Z ведут себя так же.

Докуда достаёт запекание

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

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

Запечённый градиент — это пиксели. Перенацеливать потом нечего, поэтому единственный путь назад — отмена. На графике, которую вы собираетесь ещё править, рисуйте градиент на слое фигуры.

Что запоминается

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

У инструмента «Градиент» нет поведения по правой кнопке на векторной фигуре и нет клавиш-модификаторов, кроме Shift при протяжке по битмапу.
G Инструмент «Градиент»
Shiftпротяжка Запереть направление на шагах в 15 градусов, на битмапном слое
Ctrlпротяжка эллиптического луча Зафиксировать пропорции на эту одну протяжку