Помощь по созданию эффектов в графических редакторах!

[Black_AVP_Bim]

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

В стилях слоя задаём такой градиент. Это будет начальное состояние.

Включаем окно TimeLine, выбираем Create Frame Animation, создаётся первый кадр аниматора. Дублируем его.
Редактируем в стилях слоя градиент.

Это конечное состояние аниматора и последний кадр.

В TimeLine воспользуемся функцией Twin, чтобы вставить нужное число кадров с учётом, что 2 кадра (первый и последний) у нас уже есть.

Осталось превратить полученную анимацию в слои Flatte Frames Into Layers и применить к ним скрипт AIMPSE_CreateVerticalSequence (благодарности Tarik'y), включив все нужные слои.
Это лишь методика создания аниматоров, а Фотошоп позволяет анимировать не только стили слоя, но и размеры и координаты элементов, и всё одновременно, далее всё ограничивается лишь вашей фантазией.

[San4o]

проще тогда уже таким сервисом пользоваться

https://color.adobe.com/ru/create/color-wheel/?base=2&rule=Triad&selected=2&name=Моя%20тема%20Color&mode=rgb&rgbvalues=0.24777485499155746,0.2939305764508411,0.7,1,0.6805122923719709,0.5539640785593678,0.4539640785593678,0.5096944645738531,1,0.4732876103095621,0.8,0.2831712628474943,0.4362518483092308,0.7,0.2827748549915574&swatchOrder=0,1,2,3,4

[-thomas-]

Народ, подскажите как нарисовать анимацию "крутилки" для изменения громкости? Простенькую такую, круг с черточкой-указателем. Как я понял, для корректного отображения изменения громкости, понадобится сделать анимацию из 100 кадров + 1кадр с градиентом-маской.

Уже есть маленький опыт создания "крутилки" с 10-тью. положениями. По градиенту-маске вопросов нет, с этим удалось разобраться.  Но как наименее трудозатратно нарисовать 100 кадров анимации самой крутилки? Может есть, какой-нибудь подробный туториал от более опытных форумчан по этим крутилкам, подскажите. 

[Алексей Долматов]

Народ, подскажите как нарисовать анимацию "крутилки" для изменения громкости? Простенькую такую, круг с черточкой-указателем. Как я понял, для корректного отображения изменения громкости, понадобится сделать анимацию из 100 кадров + 1кадр с градиентом-маской.

Уже есть маленький опыт создания "крутилки" с 10-тью. положениями. По градиенту-маске вопросов нет, с этим удалось разобраться.  Но как наименее трудозатратно нарисовать 100 кадров анимации самой крутилки? Может есть, какой-нибудь подробный туториал от более опытных форумчан по этим крутилкам, подскажите. 

Попробуйте этот способ https://www.aimp.ru/forum/index.php?topic=30668.0

[Black_AVP_Bim]

Народ, подскажите как нарисовать анимацию "крутилки" для изменения громкости?

Если рисуете в ФШ и в векторе, то проще всего с помощью скриптов https://www.aimp.ru/forum/index.php?topic=30668.msg276908#msg276908

[-thomas-]

Black_AVP, Алексей Огромное спасибо, что откликнулись. Способ предложенный Black_AVP'ом подошел просто идеально. Крутилка готова и очень даже крутится. Но как я ни мучился, как ни старался, а вопросов по Градиенту-Маске избежать все ровно не получается.

Итак, нужно чтобы вся площадь крутилки была доступна для клика мышкой. Но при этом для прокрутки с помощью зажатой ЛКМ должна быть доступна только часть площади крутилки. А именно - область описывающая при движении мышкой радиус черточки-указателя. Ломаю голову уже кучу времени, как с этим можно совладать? 

На случай, если непонятно заплёл, пример работы такой крутилки можно посмотреть в этой обложке https://www.aimp.ru/forum/index.php?topic=46337.0 

[Black_AVP_Bim]

Итак, нужно чтобы вся площадь крутилки была доступна для клика мышкой. Но при этом для прокрутки с помощью зажатой ЛКМ должна быть доступна только часть площади крутилки. А именно - область описывающая при движении мышкой радиус черточки-указателя. Ломаю голову уже кучу времени, как с этим можно совладать? 

Обычно просто делаю центр хит-маски крутилки чёрным, чтоб при клике по нему громкость спадала в 0 (аналог Mute, но по ЛКМ), или прозрачным, дабы избежать резких скачков громкости при клике близко к центру. Колесом громкость в любом случае будет регулироваться по всей площади крутилки, даже там, где прозрачно - под ней главное окно.

На случай, если непонятно заплёл, пример работы такой крутилки можно посмотреть в этой обложке https://www.aimp.ru/forum/index.php?topic=46337.0 

У Zigar'a там сделано хитрее, через контекстное меню регулятора - это его надо пытать.

[-thomas-]

Обычно просто делаю центр хит-маски крутилки чёрным, чтоб при клике по нему громкость спадала в 0 (аналог Mute, но по ЛКМ), или прозрачным, дабы избежать резких скачков громкости при клике близко к центру. Колесом громкость в любом случае будет регулироваться по всей площади крутилки, даже там, где прозрачно - под ней главное окно.

Вот, это я как раз таки и пробовал, и даже больше того. Была у меня "гениальная идея", что возможно получится залить центр крутилки не черно-белым, а скажем синим цветом и таким способом добиться кликабельности, с отсутствием прокручивания. Но обложка восприняла синий цвет за оттенок серого и план пошёл прахом.

У Zigar'a там сделано хитрее, через контекстное меню регулятора - это его надо пытать.

Да, Zigar описывал данный способ в одном из сообщений. И это вполне удалось воспроизвести, но только на площади маск-карты крутилки. Проблема заключалась в том, что центр оставался "пустым" и не кликабельным или кликабельным, но при этом сложно было управлять крутилкой при помощи перетаскивания.

И кажется эта проблема решена. Весь фокус в том, что там по центру крутилки находится еще один элемент, со схожими функциями на клик ПКМ. У меня это прозрачная "кнопка" с маск-картой. То есть крутилка звука состоит из 2 частей: 1-Внешная, с градиентом-маской, для прокручивания зажатой мышкой, 2-внутренняя, кликабельная текстура обеспечивающая иллюзию целостности крутилки и  доступность для клика ПКМ. 

[Black_AVP_Bim]

И кажется эта проблема решена. Весь фокус в том, что там по центру крутилки находится еще один элемент, со схожими функциями на клик ПКМ. У меня это прозрачная "кнопка" с маск-картой. То есть крутилка звука состоит из 2 частей: 1-Внешная, с градиентом-маской, для прокручивания зажатой мышкой, 2-внутренняя, кликабельная текстура обеспечивающая иллюзию целостности крутилки и  доступность для клика ПКМ. 

Тут надо решить для себя - для чего нужна "кликабельность" в центре регулятора. Zigar использовал это для установки громкости в 100%.
Если нужно, чтоб просто курсор менял вид на cr_Hand и появлялась подсказка, то можно под крутилку положить элемент, практически любой, чтоб он не выступал за её габариты, связав его свойство ContexMenu с Action провайдера prvVolume.

[Zigar]

Что-то не пойму о чем речь ведёте. Даже залез посмотреть, что у меня там такого "хитрого". А ничего. Обычный слайдер, плюс связь для ПКМ со значением "100". Всё. Да, кадр-маска почти аналогичен вышеприведенному примеру (второй вариант). Как бы и всё.

[Black_AVP_Bim]

Что-то не пойму о чем речь ведёте. Даже залез посмотреть, что у меня там такого "хитрого". А ничего. Обычный слайдер, плюс связь для ПКМ со значением "100". Всё. Да, кадр-маска почти аналогичен вышеприведенному примеру (второй вариант). Как бы и всё.

Да, но в таком случае клик в центре, где маска прозрачна, восприниматься не будет.
Если только для хит-маски выставить Opaque? Но тогда она будет квадратная (по габаритам текстуры) и поймёт ли скин-движок в этом случае, что последний кадр - это хит-тест-маска? Надо пробовать...

[Zigar]

Да, но в таком случае клик в центре, где маска прозрачна, восприниматься не будет.

А он воспринимается. Это магия, не каждый так умеет)) Я вроде не так долго не заглядывал в редактор, чтобы уж вообще не разобраться с этим. Хотя... У тебя промежуточный проект не сохранился? Помнишь, когда проблема была с окнами я тебе давал проект чтобы ты посмотрел чё там?

[Black_AVP_Bim]

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

А точно, ведь! Я и забыл совсем про него.
Посмотрел - да, действительно, стоит Opaque, и ситуация, описанная мной выше - зона прямоугольная (что не совсем gut), но регулятор сам работает, хотя кадр маски прямо не указан. Может, магия, а, может, мистика...

[Zigar]

...зона прямоугольная (что не совсем gut)...

Действительно. Вылез косячок.

[Black_AVP_Bim]

Действительно. Вылез косячок.

Да, страшного то ничего нет, почти не заметно.
Попробовал сейчас на своём скине - подложил под крутилку обычную кнопку со связью, как у тебя (только с пустой, без 100%), предварительно удалил из неё текстуру и растянул так, чтоб центральную дырку в маске перекрыла. Вроде, всё Ок.