Урок: создаем курсор.
В предыдущем уроке: меняем курсор мы заменяли указатель мыши системными средствами или находили готовые курсоры в сети. А сегодня попробуем нарисовать собственный курсор в программе RealWorld.
RealWorld Cursor Editor — это бесплатное приложение для создания и редактирования указателей мышки в Windows. В нем можно сделать статичные или анимированные курсоры.
Скачаем редактор с ресурса разработчиков: RealWorld Cursor Editor 2023.1:
И установим его. На рабочем столе появится ярлычок программы:
При запуске приложение открывается на вкладке "В сети" и вываливает список доступных языков. Выбираем родной язык:
Выбрали язык, нажимаем кнопку "Создать" и двойным щелчком по кнопке "Новый курсор" открываем интерфейс редактора. В рабочей области будет отображаться прозрачный холст размером 32 × 32 пикселя:
Нарисуем, к примеру, курсор для изменения вертикального размера окон.
Возьмем из тулбара инструмент "Линия" и проведем на холсте горизонтальную линию. В свойствах линии на панели справа назначим ей ширину в 1 пиксель. Чтобы точнее расположить ключевые точки линии, активируем режим "Составные координаты":
С помощью разделяющих точек из прямой линии будем формировать ломаную. Сдвинем среднюю зеленую точку вверх и влево. Отпустим кнопку мышки и увидим, что на новом отрезке появилась еще одна зеленая точка.
То есть, перемещая точки можно изменять форму линии. Голубыми точками двигаем пиксели, а зелеными делим отрезки ломаной пополам. Отмену действий производим классическим Ctrl+Z.
Изобразили половинку двунаправленной стрелки и в правой панели "Свойства инструмента" нажимаем кнопку "Замкнуть". Эта команда замкнет нашу ломаную новой линией:
Преобразуем добавленную прямую во вторую половину стрелки.
Итак, контур стрелки готов. Если изменений формы больше не предвидится, кликаем в любом месте рабочей области. Корректирующие точки исчезают и далее деформировать контур уже не получится.
В панели свойств инструмента задаем контуру цвет. Затем активируем кнопку "Заливка". В свойстах инструмента выбираем цвет заливки и щелкаем внутри контура. Программный курсор приобретает вид крестика с банкой краски. Этим крестиком закрашиваем бледные пиксели по краям фигуры, делая картинку более четкой:
Закрасили стрелку и теперь из холста перейдем в тестовую область. В ней отобразится наша стрелка. Подвигав ее увидим, что след исходит не из центра. И в окне просмотра видно неверное положение активной точки относительно фигуры:
Для коррекции включаем инструмент активной точки. Активная точка появится в левом верхнем углу холста. Перетаскиваем хотспот в центр фигуры или кликаем по ее центру. В окне просмотра видим, что хотспот переместился в центр стрелки:
Теперь поставим нашу стрелку вертикально. Развернем вкладку "Изображение" и выберем команду "Поворот вправо" - Ctrl+R:
Еще можно добавить стрелке эффектов из вкладки "Эффект". Например сделать тень - Ctrl+D.
Итак, курсор для изменения вертикального размера окон готов:
Можно сохранить его в файл статичного курсора с расширением *cur сочетанием: Ctrl+Shift+S. А можно сразу заменить им системный указатель через вкладку "Курсор" => Использовать текущий для => Вертикальные размеры:
Так мы сконструировали статичный курсор для определенного состояния.
Здесь же можно его анимировать, чтобы сделать более заметным.
Сейчас у нас на панели слоев всего один слой. Продублируем его и выделим, чтобы внести изменения в картинку. И продублируем кадр в панели анимации:
Просто зальем дубликат другим цветом. Затем настроим скорость анимации. Число в кадре показывает время трансляции кадра в секундах. Выделим кадр и введем значение 60. Это значит, что кадр будет воспроизводиться ровно одну секунду:
Анимировали курсор и заменяем им системный указатель: Курсор => Использовать текущий для => Вертикальные размеры:
RW Cursor Editor - очень удобный и легкий в освоении редактор. В нем можно создавать курсоры с нуля или из готовых картинок.
