Обновлённый интерфейс HiPaint

Новые возможности для творчества. Часть 1

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

Первое, на что обращаешь внимание - это внешний вид.

Старая версия

Новая версия

Самое-самое главное, что сразу бросается в глаза -это быстрый и (наконец-то!) удобный доступ к работе с толщиной и прозрачностью кисти/ластика (находится на экране слева). Например, в прошлой версии интерфейса для того, чтобы изменить толщину кисти, нужно было:

1. Зажать кнопку быстрого доступа к управлению толщиной (чёрная боковая верхняя "пилюля")
2. Дождаться появления линейки прокрутки
3. Не отрывая стилуса от экрана, выбрать на ней необходимый размер 🙃

С прозрачностью кисти та же история (чёрная боковая нижняя "пилюля").

Управление толщиной кисти в старой версии приложения

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

Разница подачи работы с толщиной и прозрачностью кисти/ластика

Теперь давайте обобщённо глянем на панель инструментов. Что-то выделили, что-то объединили.

Самое важное для рисования выведено в одну визуальную группу, остальное расположено в другой. А что еще нужно, правильно? Чтобы было понятно, где основной инструментарий для рисования (кисть, ластик, слои, палитра) и где всё остальное (вспомогательные инструменты, фильтры, выделение, трансформация, перемещение, пластика, заливка, настройки всего подряд и т.д.).

Было/Стало

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

В кнопку "Инструменты" входит:

1. Сохранить
2. Экспорт/Поделиться
3. Фильтры (работа с цветом, размытием, шумом и т.д.)
4. Агрегация (Импорт изображения, референса, направляющие, сетки, добавить фигуру, 3D, мозаика и т.д.)
5. Заливка
6. Пластика
7. Трансформация
8. Выбрать (лассо и пр. + работа с выделенным)
9. Палец
10. Размытие
11. Смешение (Кисть)

Подробнее все эти инструменты мы разберём в следующей статье, а сейчас...

Супер-Кнопка

Кроме нового группирования инструментов в приложении появилась Супер-Кнопка быстрого действия! Она расположена рядом с кнопками undo/redo внизу экрана

Кнопка быстрых действий

(Undo/Redo — это функции отмены и повтора действия. Undo (Отмена) используется для отмены последнего действия, а Redo (Повтор) — для повтора действия, которое было отменено. В большинстве программ эти команды выполняются с помощью сочетаний клавиш: Ctrl + Z для отмены и Ctrl + Y для повтора. )*

*ИИ обзор от Google

В чем ее особенность 🤔

Активная кнопка

Эта кнопка может включать в себя 3 группы быстрых действий по 8 штук в каждой (на выбор из 14 возможных), а также предлагает палитру цветов. Итого в одной кнопке 24 полезных действия + палитра.

Супер-кнопка во всей красе 🔥

В кружочке по середине цвет, которым вы рисуете. За этот кружок можно двигать Супер-кнопку. Следующий круг - группы быстрых действий. И следующий круг - сами быстрые действия. Чтобы его выбрать нужно зажать слово "Нажмите" и вам предложат на выбор быстрое действие. Вариантов хоть и немного, но они могут ускорить вашу работу в приложении. Как я поняла, это аналог кнопок на графическом планшете. В первую очередь здесь есть работа со слоями (создание нового слоя, блокировка пикселей) + работа с холстом (отражение по горизонтали/вертикали), добавление референса и вызов окна навигации. Поскольку приложение изначально создавалось в Китае и, вероятно, все кнопки были подписаны иероглифами, для русских слов было выделено очень мало места и подписи некоторых быстрых действий можно только угадать в мобильной версии приложения (плюс перевод не всегда в полной мере передаёт смысл написанного, например быстрые действия "Назад" и "Вернуть" на первый взгляд могут обозначать одно и то же).

Список быстрых действий

Давайте разберём, что означает каждое действие из списка 👇

1. "Нет" означает нет действия.
2. "Новый слой"
3. "Очистить слой"
4. "Копировать слой"
5. "Объединить слои" объединяет активный слой со слоем ниже.
6. "Удалить слой"
7. "Блокировать пиксели" блокирует пиксели на слое, чтобы можно было рисовать только в них
8. "Восстановление полотна"*
9. "Отразить по вертикали"
10. "Отразить по горизонтали"
11. "Вернуть" отменённое действие
12. "Назад" отменить действие
13. "Инструмент пластика" для искажения изображения
14. "Референс" чтобы быстро вставить картинку-референс
15. "Навигация" вызывает маленькое окошко для отображения всего холста

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

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

На этом, пожалуй, всё.

Во второй части подробнее пройдёмся по панели инструментов.

Спасибо тем, кто дочитал ☺