Урок 16 - Как выбрать алгоритм раскладки страз в генераторе
Разбираем алгоритмы раскладки страз в генераторе и выбираем подходящий вариант для разных типов изображений. В уроке показаны квадратная, жадная, шестиугольная, концентрическая и мягкая сетки, квадратная сетка с линейным растяжением, линии, полигоны-контур и заливка. На примерах букв, векторного рисунка и фотографии показано, как алгоритмы работают с тонкими линиями, границами, плотной укладкой, каллиграфией и фотореализмом.
Таймкоды
Текст видео · показать · скрыть
Всем привет!
Сегодня урок, который я давно хотел записать.
И будем мы с вами разбираться с теми алгоритмами, которые
есть в генераторе.
Потому что их уже набралось определенное количество.
Вот их несколько штук.
И далеко не всегда очевидно, какой использовать.
Я попробую объяснить логику выбора и логику работы
алгоритмов.
Просто, чтобы вам было легко разобраться и использовать
в своей работе.
Я давно хотел записать этот урок, но алгоритмы как-то
так добавлялись по вашим запросам.
И вот сейчас вроде бы устаканились и поэтому пора записывать.
Давайте я подготовил несколько примерчиков.
Вот у нас 5 изображений есть.
И соответственно пойдем по очереди.
Первый пример.
Абсолютно прямоугольная буква ЙО.
Начнем с квадратной сетки.
Квадратная сетка у нас, смотрите, идет ровная.
Между всеми стразами по ширине и по высоте идет
равномерная одинаковая сетка.
Какие тут могут быть нюансы?
Смотрите.
Здесь может то попасть страза, тут какие-то изменения
идут, то не попасть страза.
И соответственно для того, чтобы убрать эти неточности,
мы совершенно спокойно можем порог поставить побольше.
Все.
У нас стало ровненько, четко.
Квадратная сетка для вот такого шрифта это просто
самый идеальный вариант.
Что у нас будет еще работать вот с этим исходным изображением?
Квадратная сетка с линейным растяжением.
Я ее чуть позже на другой букве покажу, наверное.
Хотя нет, давайте тут.
Квадратная сетка с линейным растяжением.
Логика ее работы следующая.
У нас идет сканирование, то есть алгоритм смотрит,
где начинается светлый участок и где заканчивается
светлый участок.
Вот так проходит и дальше смотрит отсюда до сюда,
от левой границы до правой границы.
У нас помещается вместе с зазорами, допустим, пять
страз.
Вот их раз, два, три, четыре, пять.
А вот отсюда до сюда у нас помещается, не буду считать
вручную, короче больше страз.
И что он делает?
Вертикальное расстояние у нас стабильное, оно определяется
диаметром страза и зазором.
А вот горизонтальное расстояние у нас делается таким, чтобы
границы шли ровными.
То есть вот сколько от одной границы до другой помещается
страз, столько и ставит.
Не плотнее чем.
Поэтому вот тут у нас более разреженные идут, здесь
поплотнее.
Жадную чуть позже расскажу.
Концентрическую можем использовать.
На данном конкретном примере она работает неинтересно,
за исключением.
Если мы...
Хотим выбрать центр, вот сейчас центр окружности
в центре изображений, а если мы переместим в сторону,
то на данном изображении все равно это выглядит откровенно
плохо.
Поэтому не рассматриваем, на чем-нибудь другом покажу.
Шестиугольная сетка.
Здесь будет выглядеть не очень интересно.
В чем ее плюс?
Это чисто математически самое плотное расположение
страза.
То есть, ну, страз в данном случае окружности.
То есть если вы хотите получить вот прямо максимально-максимально
плотно, то есть на единицу площади положить как можно
больше страз.
Например, вам яркий цвет нужно, в смысле такой насыщенный
сделать, то мы делаем маленький зазор.
И вот плотнее этой укладки сделать нельзя.
Вот шестиугольная сетка тут прямо идеально.
Если вы хотите какие-то, например, цветные, делать
трафареты прямо что-то там.
Прямо плотненько было все.
То шестиугольная.
Мягкая сетка используется только для фотореализма.
Со всем остальным в экспериментальном режиме.
Линии здесь не особо применимы.
Что делает алгоритм линий?
Давайте мы включим, пусть он генерируется пока.
Алгоритм линий находит, ищет линии, из которых
состоит.
Вот тут получается толстая-толстая-толстая такая линия.
И вдоль этих линий.
Он прорисовывает стразы.
Для данного изображения это не подходящий вариант.
А вот полигоны-контур.
Это как раз очень хороший вариант.
Он находит такой вот ярко-контрастный полигон.
Очерчивает его.
И по этому очерчиванию проставляет стразы.
Для подобного изображения прямо отличный вариант.
Это полигоны-контур.
А есть полигоны-контуры-заливка.
Когда алгоритм делает контур.
И старается сделать как можно более равномерную
заливку внутри этого полигона.
Я знаю, что на некоторых изображениях люди получают
прямо вообще прикольные штуки.
Там, где не очевидные полигоны.
И даже на каком-то фотореализме тоже иногда это неплохо
работает.
Разобрались вот с таким стилем изображения.
Дальше давайте пойдем вот на такую букву ЙО.
Вот полигоны-контуры-заливка на удивление здесь работают
неплохо.
Хотя по логике так быть не должно.
Квадратная сетка.
Отвратительно?
Сейчас поясню почему отвратительно.
Потому что квадратная сетка смотрит вот идет по сетке.
Он строит сетку по всему изображению вот так вот.
И смотрит вот в этой точке.
Под стразой белый или черный.
Белый, черный по порогу.
Если выше порога белый, то ставит.
Если ниже, то не ставит.
Соответственно на тонкой линии квадратная сетка
выглядит максимально убого.
Квадратная сетка с линейным растяжением выглядит тоже
отвратительно.
Потому что она не видит эту границу, не видит эту
границу.
Видит, что сюда нельзя поставить стразу.
Потому что ширина белого участка очень узкая.
И стразу туда не ставит.
Получается, что на горизонтали что-то еще есть, а на вертикали
нет.
И чтобы хорошо работать с таким изображением, я
добавил жадную сетку.
Он теперь даже если есть переход границы черная
белая черная и если даже туда не влазит страза, но
эта граница есть, то он все равно ее ставит.
Итого.
Вот его жадная.
Видите, он поставил везде.
Не очень эффективно на данном изображении.
Но в целом уже гораздо более приятно, чем нежадный алгоритм.
Концентрическая плохо здесь работает.
Она нежадная.
Шестиугольная плохо здесь будет выглядеть.
Мягкая будет так-сяк.
Потому что это вообще не жадная.
И вот эта шестиугольная.
Это вообще не ее вотчина.
Ее вотчина это все-таки фотореализм.
То есть когда мы хотим фотографии делать, вот это мягкая сетка.
Но идеальный алгоритм это линии и на удивление полигоны.
Линии просто вот алгоритм линии ищет линии, прочерчивает
их и на них расставляет стразы.
Причем учитывает еще и углы.
Старается делать все, что может.
Вот.
И все это равномерно.
Дальше.
Линии так полигоны.
Это так.
Поехали.
Следующий.
Возьмем эту же букву ЙО.
Тоже оставим алгоритм линии.
Но смотрите.
У нас есть утолщения.
Такие очень ярко выраженные.
Чтобы эти утолщения у нас были в стразах, мы берем
и добавляем размеры.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
И у нас толстые места начинают прорабатываться толстыми
стразами.
И мы получаем вот эту каллиграфию за счет размера страз.
Здесь нужно будет открыть в редакторе и немножко
подправить это место.
Но вот для всяких кружек, для всяких надписей, имен
прямо очень круто, очень удобно.
Используйте.
Пороги здесь не используются.
Они не используются в этом алгоритме.
Вот такую вот букву ЙО.
Когда у нее есть разные толщины, добавляете разные
размеры и будет крутотень.
О чем хочу предупредить.
Если мы берем очень большой размер, то это еще смотрится
более менее неплохо, но уже скучно.
Если мы, например, возьмем маленький размер, то становится
очень просто.
Используются не все стразы.
Что у нас тут?
Тройки, четверки, пятерки.
У нас еще есть шестерки, восьмерки, десятки.
Они не ставятся.
Получается, ну, такое.
Поэтому смотрите сами.
Дальше пойдем к вот такому визуально, ну, как бы векторное
изображение, где есть полигоны.
Странным образом вот здесь вот линии сработали так,
что это даже как-то выглядит.
Вот.
Вот.
Вот.
Вот.
По-своему любопытно.
Но при дальнейшем увеличении у нас...
А, я не показал картинку.
Картинка у нас вот такая.
То есть вот такой робот.
Линии он будет определять относительно черных границ.
То есть у нас как бы будет строить линию вот из вот
этой вот штуки.
Пытаться.
Посмотрим.
Вот она, вот такая линия и получилась.
Вот это вот прямоугольник.
Тоже будет работать как линия.
Вот она, линия.
Линия здесь не то.
Что здесь будет хорошо?
Здесь будет безусловно хороша квадратная сетка.
Только давайте, наверное, оставим нам один размер
страз.
Этого будет достаточно.
Квадратная сетка работает хорошо.
Цвет не будем накладывать.
Он там легко накладывается.
Он накладывается этим же изображением и там прекрасно
себя чувствует.
Квадратная сетка с линейным растяжением.
Так как она у нас определяет границу начала и границу
конца и растягивает там стразы, то обратите внимание
вот на вот этот вот краешек, который сейчас такой ребристый
идет.
А если мы включаем линейное растяжение, то края эти
становятся ровные.
Но это происходит за счет того, что у нас разное расстояние
между стразами на разных линиях.
Если вы делаете какой-то логотип или что-то такое,
где у нас есть круглые или вот смотрите, как хорошо
отработал вот этот элемент, то квадратная сетка с линейным
растяжением работает хорошо.
Ну жадная будет делать все то же самое, только работать
на тонких участках, которых здесь, собственно, нет.
Видим, вот тут проблемку не зацепило у нас.
Вот.
У нас здесь есть стразы.
Скорее всего мы просто можем понизить порог и все равно
ничего не поменялось.
Увеличьте на миллиметр.
Простите.
Увеличьте на миллиметр размер.
Ставим сюда мышками на клавиатуре, ой, стрелочками
на клавиатуре делаем больше.
Раз, два, все.
На два миллиметра увеличили.
И здесь стало.
Стало ровненько.
Какие еще алгоритмы здесь будут хорошо?
Жадная, понятно.
Концентрическая будет по-своему, кстати, интересно.
Концентрическая.
Если мы сбросим центр, он станет вот тут.
Ну, с этим можно экспериментировать и пробовать.
Шестиугольная сетка.
Максимально плотное размещение.
На этом рисунке, смотрите, оно хорошо.
Она такая техногенная.
Она прикольная.
И.
Если мы накинем цвет, не будем сейчас делать этого,
если накинем цвет, то прямо такой вот будет очень плотный,
очень яркий рисунок.
Мягкая сетка.
Не особо подходит линии, не подходит полигон и контур.
Полигон и контур просто идеальны для данного изображения.
Если чуть побольше сделать, тут вот разойдутся вот эти
места.
Еще лучше.
Полигон и контур с заливкой.
Полигончик и заливка.
Ну, вот мы на первой букве ее смотрели.
Вот на этой вот.
Было все хорошо.
Заливка достаточная, ресурсоемкая операция, поэтому она выполняется
относительно долго.
Все.
Мы прошлись по этому изображению.
Дальше фотореализм.
Фотореализм у нас один единственный вариант.
Мягкая сетка.
На всех остальных это будет...
На квадратной сетке и шестиугольной можно при разных размерах
получить.
Кстати.
Если мы...
А давайте все используем.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
И на достаточно большом размере можно получить вот
такое изображение.
Иногда это очень применимо.
Шестиугольная сетка абсолютно идентична.
Вот только плотнее стразов стали.
Если у нас еще больше размер какой-нибудь.
Давайте полметра на полметра, то это выглядит тоже хорошо.
Шестиугольная.
И мы, возражения, смотрим на это.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
Вот.
возвращаемся к квадратные сетки с линейным растяжением и жадные сетки
смысла не имеет концентрическая сетка на фотореализме тоже вполне себе рабочие и
вот смотрите у нас центр сейчас если сместить то станет гораздо приятнее вот
тоже очень интересный вариант особенно для какой-то живой природы может хорошо
работать но самый наш козырный метод это конечно мягкая сетка мягкая сетка расставляет
стразы в зависимости от плотность расстановки страз идет в зависимости от яркости участка
изображения тут имеет смысл уменьшать количество используемых размеров
и
вот
씨 е мая
у нас мягкая сетка мягкой сетки не забываем что можно регулировать
растяжение от этого будет зависеть как будет воспроизводиться полутона темные
светлые чем больше растяжения тем на темных участках будет сильнее будут сильнее раздвигаться стразы и изображение по сторонам
сути будет выглядеть более бледным.
Обратим внимание где-то, наверное, на волосы, на
листья.
Сейчас, после окончания пересчета, тут стали стразы
вставать гораздо реже.
Вот такие вот алгоритмы на сегодняшний день доступны
в генераторе и люстре.
Пользуйтесь на здоровье, экспериментируйте.
Я надеюсь, теперь стало немножко понятней, где,
когда лучше применять какой алгоритм.
Я не помню, я показал девушку?
Да, по-моему, я показал.
Вот такая у нас фотография изначально.
Вот такой мы получили результат в стразах.
Все.
Спасибо большое за внимание.
Экспериментируйте, пробуйте.
У вас все обязательно получится.
Ну и, конечно, рекомендуйте нас коллегам.