[ Каскадный ] · Стандартный · Линейный+ Lator - утилита для предварительного клина и тайпа

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

Ссылка: http://lator.nizarium.com/ (работает прямо в браузере)

Как пользоваться:
1. Открываете нужную картинку.
2. Тыкаете мышкой внутри облачков, в пустое место. Если окантовка облачка не замкнута, то перед этим лучше выделить облачко вручную - тогда чистить будет только внутри выделения.
3. В очищенной области будет показываться перекрестье. Нужно тыкнуть мышкой так, чтобы линии этого перекрестья находились внутри одного облачка (если несколько соединенных вместе) и на максимально возможной ширине-высоте. На этом месте будет образован текстовый блок.
4. Можно нажать кнопку "Объединить слои с клином" (иконка с кубиками), чтобы объединить все слои с облачками в один.
5. Кнопка "Сохранить в PSD" выдаст готовый документ, с которым можно продолжить работу в фотошопе.

Фичи:
- Автоматическое распознавание и перевод текста сервисами Google (правда, пока работает кривовато).

Минусы:
- Работает не особо быстро, а если кликнуть не туда - можно нечаянно подвесить браузер.
- Не всегда корректно клинит. Если буква без окантовки касается края - ее тоже посчитает за край. Если фон облачка градиентный - или все зальется однотонным цветом, или будет все печально (хотя это можно регулировать параметром точности в настройках - но больше 100 ставить нежелательно). Если текст на полупрозрачном фоне - все будет еще печальнее.
- Для загрузки списка шрифтов нужен Flash. Но даже если его нет, можно написать название шрифта вручную.
- Возможно, некоторые шрифты экспортируются неправильно. Фотошоп предложит заменить его на шрифт по умолчанию, потом можно выбрать нужный шрифт заново.
- Фотошоп при открытии PSD-файла будет предлагать обновить текстовые слои. Желательно это сделать, потому что в фотошопе свой движок для рендеринга текста, который выдает более качественную картинку.
- Некорректно работает на мобильных устройствах.
- Да и вообще может что-то отвалиться

Что пока не сделано, но будет:
- Автоматическая подстройка текста под облачко: переносы, размеры шрифтов и т. п.
- Расширенная работа со слоями.

Пожалуйста, потестируйте и выскажитесь
Спасибо

Сообщение отредактировал ertaquo - 05.04.2017, 14:04

Единственная проблема была в краше приложения при открытии 20 и более страниц. И что б не рисковать по 5-10 открываю. Но я грешу на открытые 50 вкладок в первом окне, а работаю во 2.
Ещё мне не понятно фун-ция автосохраниния. Если она включена, тогда финальной сохран. будет быстрее? А если выключ., то фин. сохран. будет долгим. Верно? И немного напрягает, при автосохранении. Ты чистишь, что-то клацаешь, потом пошло сохранение, в итоге вылазит пару пустых слоев или ещё чего лишнего и приходиться тратить время на чистку, секунды, но.... Может поставить таймер автосохранения, через сколько сохран. и добавить (с функцией выкл, а то мало ли) его на видном месте. Где ты можешь наблюдать, через сколько будет сохранять.
Бывают случаи при моей "слепоте", когда облака, которые находятся впритык к краю и при авточистки, без выделения области, приложение работает очень долго или подвисает, хз просто закрываю его в таких случ. Т.е. облако оказывается с дыркой, либо я не заметил, либо так близко к краю, что без лупы не разберёшся, и как рез-тат оно всю страницу пытается почистить. Поэтому не хватает какого-нибудь стопера или отмены операции. Прошло 5 сек, вылазит окошко а не отменить операцию, мож ты чего не углядел. Я не пишу про цветные страницы. Но вот такую защиту от дурака поставить =).
Или как вариант писал ранее. С помощью кисти добавлять маску(для ч/б -чёрную, как чёрн обл. или белую и цветную - хз какой алгоритм подбора цвета и т.д.), которая будет определяться, как край. Взял кругляш там 10 пикселей, пораскрасил/понатыкивал не более 3-5 проблемных мест. Что б не грузить приложение. Почему кругляшь? Бывают облачка градиентные и с скринтонами и при выделении квадрата/прямоугольника отрезаются эти текстуры или текст вставлен в место, где овал был был удобен.

Единственная проблема была в краше приложения при открытии 20 и более страниц. И что б не рисковать по 5-10 открываю. Но я грешу на открытые 50 вкладок в первом окне, а работаю во 2.

Да, при большом количестве страниц память довольно сильно жрется. Но можно нехило оптимизировать еще, чем потом займусь (ибо преждевременная оптимизация - корень всех бед).

Ещё мне не понятно фун-ция автосохраниния. Если она включена, тогда финальной сохран. будет быстрее? А если выключ., то фин. сохран. будет долгим. Верно? И немного напрягает, при автосохранении. Ты чистишь, что-то клацаешь, потом пошло сохранение, в итоге вылазит пару пустых слоев или ещё чего лишнего и приходиться тратить время на чистку, секунды, но.... Может поставить таймер автосохранения, через сколько сохран. и добавить (с функцией выкл, а то мало ли) его на видном месте. Где ты можешь наблюдать, через сколько будет сохранять.

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

Бывают случаи при моей "слепоте", когда облака, которые находятся впритык к краю и при авточистки, без выделения области, приложение работает очень долго или подвисает, хз просто закрываю его в таких случ. Т.е. облако оказывается с дыркой, либо я не заметил, либо так близко к краю, что без лупы не разберёшся, и как рез-тат оно всю страницу пытается почистить. Поэтому не хватает какого-нибудь стопера или отмены операции. Прошло 5 сек, вылазит окошко а не отменить операцию, мож ты чего не углядел. Я не пишу про цветные страницы. Но вот такую защиту от дурака поставить =).

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

Или как вариант писал ранее. С помощью кисти добавлять маску(для ч/б -чёрную, как чёрн обл. или белую и цветную - хз какой алгоритм подбора цвета и т.д.), которая будет определяться, как край. Взял кругляш там 10 пикселей, пораскрасил/понатыкивал не более 3-5 проблемных мест. Что б не грузить приложение. Почему кругляшь? Бывают облачка градиентные и с скринтонами и при выделении квадрата/прямоугольника отрезаются эти текстуры или текст вставлен в место, где овал был был удобен.

Понял! Надо сделать возможность произвольного выделения =) Согласен полностью!

А формирование psd происходит на локальном компьютере, или на сервере? Просто это сообщение вероятнее всего связано с недокаченным файлом.

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

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

Честно говоря, не совсем понял. Связанные слои, группы слоев?

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

Сделать-то можно, но будет очень сложно различить дырки в контуре и дырки между буквами. А контуры тоже бывают непростые.
Я хочу потом попробовать немного иначе сделать: вернуть функцию распознавания текста, и использовать ее для полностью автоматического клина.

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

И вполне дельных мыслей Спасибо