Дневник разработки Fluffmark: превращаем аннотирование изображений в удовольствие

Откуда пришла идея

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

Что делает приложение

Позвольте мне сразу перейти к характеристикам.

1. Во-первых, это приложение для аннотаций изображений, которое обрабатывает неподвижные изображения, GIF-файлы и живые фотографии. Он экспортирует тот же формат, который вы импортировали. Аннотации к GIF-файлам и живым фотографиям добавляются в виде наложения, сохраняя базовую анимацию.

2. Инструменты аннотации включают в себя:

   1. Добавление текста

   2. Рисование линий с настраиваемыми стрелками на обоих концах

   3. Рисунок от руки

   4. Размытие

   5. Пикселизация

   6. Прямоугольники

   7. Круги

   8. Вставка изображений

   9. Обрезка или расширение холста

   10. Закругленные углы

Я сосредоточусь на тех функциях, о которых я больше всего думал.

Добавление текста

Мои друзья Сяоюнь и Сяоюй часто публиковали фотографии со словами, написанными прямо на них, в WeChat Moments. Это заставило меня задуматься: насколько хорошо было бы просто писать слова, не меняя стиль и положение? Поэтому я создал автоматическую компоновку текста с несколькими полезными деталями:

1. Автоматически избегайте темы. Найдите место для текста, которое не мешает изображению.

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

   

Помимо обычных текстовых элементов управления, я добавил еще несколько необычных функций:

1. Обтекание объекта. Расположите слова по контуру основного объекта (обычно человека), чтобы создать эффект обтекания.

   

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

   

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

   

4. Облако чата WeChat. Это недавнее дополнение воссоздает знакомый и привлекательный вид беседы WeChat. Сначала выберите изображения аватаров для себя и другого человека, а затем используйте их в следующий раз.

   

Рисунок от руки

1. Каллиграфические мазки кистью. В этот проект я включил более раннюю демонстрацию каллиграфической кисти. Fluffmark может создавать очень реалистичные чернильные мазки; даже простой нарисованный от руки круг выглядит гораздо выразительнее, чем обычный след цифровой кисти.

   

2. Воспроизведение штрихов. При редактировании Live Photo включите воспроизведение штрихов. В экспортированном Live Photo ваш рисунок выглядит в движении, как если бы вы снова его писали.

   

Изображения

При вставке изображения вы также можете извлечь его тему. Это открывает всевозможные возможности для создания игривых коллажей.

Другие детали

Я потратил много времени на доработку этого приложения и использую его каждый день. Некоторые детали взаимодействия включают в себя:

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

2. Рисование и масштабирование изображения не мешают друг другу.

3. Панель инструментов претерпела множество изменений, чтобы обеспечить удобство использования небольшого пространства.

4. Приложение доступно на iOS, iPadOS и macOS. На Mac я внес улучшения для конкретной платформы, такие как перетаскивание изображений, использование диалоговых окон открытия и сохранения на основе Finder, а также поддержка сочетаний клавиш.

Цена

Это также то, что я называю своим первым полностью бесплатным продуктом с дополнительной финансовой поддержкой. Если вам это нравится, вы можете внести 18 юаней один раз или 18 юаней в год, чтобы помочь мне создавать более качественные и доступные продукты. Выбор не вносить вклад не влияет ни на какие функции. Я в шутку называю это началом моего интернет-попрошайничества.

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