Всем привет! Сегодня мы рассмотрим, как создать орнамент или узор с онлайн сервисами, используя некоторые принципы фрактальной геометрии и повторения.
Есть такой предмет, как фрактальная геометрия. Должен сказать, довольно интересная тема, и не столь нудная как Евклидова геометрия. Простыми словами, всё в природе, сколь бы хаотичным оно не казалось (дерево, трава, растения) на самом деле формирует свой внешний вид по заданным алгоритмам. Алгоритмы работают таким образом, что самая малая часть, всегда в точности отображает структуру предмета в целом. Самым простым примером повторения является дерево: сначала мы рисуем одну большую ветку, которая будет стволом, далее следуют ветки всё меньшего и меньшего размера. Конечно, я довольно сумбурно рассказал про фракталы, проще почитать книгу "Фрактальная геометрия природы", автор Мандельброт Бенуа.
Я решил добавить вступительный абзац о фракталах не просто так. Дело в том, что рассматриваемые сервисы для рисования узоров и создания орнаментов работают по принципу повторения. Вы просто рисуете линию или фигуру, а программный алгоритм дублирует автоматически рисунок в нескольких местах холста.
Если вы слышали про круги на полях, то представьте, что сервисы позволяют сделать практически такие же рисунки.
Первым в нашем списке является онлайн сервис WebChemy (webchemy.org), который покажет, как создать орнамент с минимум усилий. Практически всё окно браузера является рабочим холстом, вверху находится небольшая панель, которая позволяет выбрать нужный цвет, задать тип орнамента и способ создания, тут же есть ещё несколько простых инструментов. Сохранить созданный орнамент можно в формате png или svg. Фактически, сервис позволяет рисовать узоры онлайн за счет зеркального отражения, сами линии или фигуры частично перекрываются.
Создание орнамента с онлайн сервисом Myoats
Итак, в первую очередь стоит зарегистрироваться, что бы была возможность сохранять результат создания орнамента. Что бы перейти непосредственно к созданию орнамента онлайн, нажмите на пункт Create в верхнем меню.
Верхнее меню сервиса Myoats (myoats.com) отвечает за сохранение работы, повтор и отмену действий, а также переход в полно-экранный режим. Пункт Shape color – позволяет выбрать цвет орнамента. Важно отметить, что выбранный цвет автоматически применяется ко всему рисунку. Тут невозможно создание одного орнамента красным цветом, а другого синим, всё в одном цвете. Sides – с помощью ползунка, мы можем задать значение от 1 до 16, чем больше значение, тем чаще будет повторяться ваш рисунок или узор. По сути, только с помощью данного элемента уже можно легко создавать несколько вариантов орнамента. Tools – коллекция инструментов для создания орнаментов: линия, карандаш, шестиугольник, круг и так далее. После использования некоторых фигур, можно с помощью управляющих точек регулировать узор.
Важно отметить тот факт, что, как создать орнамент, так и редактировать его очень легко, достаточно сохранить работу в самом сервисе Myoats.
Как создать орнамент огнём – пример от Silk
Нет, заголовок не обманывает, сервис Silk очень простой, и создание орнамента происходит не сплошными линиями, а так, словно их рисуют языки огня. Рабочий холст заполнен чёрным цветом, что добавляем больше мистицизма. Слева находится панель управления для выбора цвета и настройки количества точек. Должен сказать, что тут нет градиентной шкалы, поэтому доступно только 7 цветов. Используя ползунок, можно указать количество точек повторения, максимум 6. Сервис Silk (weavesilk.com) также предлагает приложение для мобильных устройств, сохранение созданного орнамента или узора происходит при нажатии на иконку фотоаппарата, будет показан небольшой просмотр и просто нажимаем правую кнопку мыши и выбираем Сохранить изображение.
В заключение того, как создать орнамент, хотелось бы посвятить пару слов компьютерной графике, связанной с фрактальными принципами. Как упоминалось выше, фрактальные рисунки очень удобно создавать с помощью специальных программ, я на эту тему отдельную статью напишу. Так вот, компьютерные текстуры порой проще не создавать с нуля, а написать готовый алгоритм, например, для горной местности, программный код будет автоматически создавать большое разнообразие ландшафта, меняя лишь некоторые переменные в уравнении. Такой подход приводит к быстрому созданию орнамента, в нашем случае, ландшафта. Ненужно хранить в оперативной памяти большой объем информации и ждать загрузки текстур.
Как рисовать узоры онлайн с сервисом Bomomo
Сегодня ко мне на полочку попал довольно необычный графический редактор. Его нельзя сравнить ни с аналогами Paint или Photoshop. Он больше подходит под описание тех онлайн сервисов, которые специализируются на том, как рисовать различные узоры онлайн. Bomomo (bomomo.com), если сказать в двух словах – сервис сделанный, что бы рисовать онлайн узоры, причём, так, что, просто, нужно выбрать инструмент и водить мышкой по рабочей области, результат работы появляется автоматически.
Практически все пространство окна занимает рабочая область с движущимися шариками, и коллекцией кнопок внизу.
Давайте для начала разберёмся, что собой представляют движущиеся шарики. В зависимости от выбранного внизу инструмента, траектория движения шариков может быть различна, но, они всегда реагируют на курсор мыши, при нажатой левой кнопке. По сути, вы нажимаете левую кнопку мыши, и начинаете водить по рабочей области, шарики автоматически последуют за вами, рисуя за собой разноцветные онлайн узоры и линии.
Важно отметить, что результат рисования онлайн линий и узоров во многом зависит не только от направления движения мыши, но и скорости.
Внизу сервиса Bomomo находится коллекция из двадцати кнопок, на поверхности которых изображены условные изображения, по которым можно определить назначение выбранного инструмента. В одних случаях имеется лишь заданный набор кругов, которые рисуют замысловатые и разноцветные узоры. Также есть элементы для рисования замысловатых многоугольников, прямых линий и так далее. В некоторых случаях движение происходит от центра в разные направления, в некоторых примерах происходит поступательное движение. Внизу будут находиться кнопки для сохранения созданного шедевра.
Как рисовать замысловатые узоры онлайн с сервисом DeviantArt Muro
Сервис DeviantArt Muro (sta.sh/muro/) является бесплатным онлайн инструментом, что бы рисовать узоры и редактировать картинки. В первую очередь хочется обратить внимание на внешнее оформление ресурса. Рабочая область с рисунком занимает практически всё свободное пространство, справа находится панель с областью просмотра, слоями и тремя вкладками. Draw – содержит коллекцию различных кистей, что бы рисовать узоры в онлайн редакторе, Adjust отвечает за регулировку цветового баланса (настройка кривой, а также оттенок и контраст), Presets – показывает несколько примеров для добавления цветовых фильтров.
Что бы рисовать онлайн узоры, нужно перейти на вкладку Draw, в итоге, внизу под рабочей областью появится горизонтальная панель с различными кистями, тут же, используя ползунки, можно настроить толщину узоров, расстояние и уровень прозрачности. Важно отметить, что можно сразу указать цвета для сплошных узоров, и задать параметры градиента для более сложных примеров. Как и в редакторе Paint, имеются инструменты для базового редактирования – пипетка, заливка, выделение и так далее. Рисовать онлайн узоры можно и с помощью текста.
Спасибо за внимание. Автор блога Владимир Баталий