Статьи

Совет SVG: создайте жирную векторную полутоновую графику менее чем за 2 минуты

Дюрер

Дюрер (Удивительно, но не
парень из Nickleback.)

Это раздел из 500-летней гравюры на дереве, возможно, от «Энди Уорхола из художников по гравюре» — Альбрехта Дюрера . Гравюра на дереве — это старая техника печати, при которой специалисты-резчики по дереву вручную гравируют изображение на деревянном блоке. Отпечатки тогда взяты из блока.

Ксилография всегда смелая и резкая, потому что — в отличие от большинства техник рисования — нет полутоновых цветов или смесей. Бумага либо чисто белая, либо залитая черными чернилами — серых участков нет.

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

Хотя это очень старая техника, мы все еще видим ее сегодня везде — от татуировок до пивных этикеток и банкнот. Большинство из нас восхищаются красивой волнистой линией, используемой на бумажных деньгах, которую иногда называют гильошированным.

Примеры полутонов

Он также хорошо подходит для математической точности SVG — хотя отрисовка тысяч точных линий может оказаться непрактичной для многих из нас. Есть профессиональные варианты, если вы супер-серьезны — Excentro это круто.

Но если это излишне, давайте посмотрим на более простое и доступное решение.

Как мне сделать полутоновую векторную графику?

HalftonePro — это онлайн-сервис, который преобразует фотографии в « полутона » — то, что печатная индустрия называет этой одноцветной графикой.

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

  1. ИЗОБРАЖЕНИЕ : загрузите свою фотографию. Если это ваш первый раз, перейдите в меню «Preset» внизу, так как вы быстрее почувствуете приложение.

  2. ФОРМА : Меню «Форма» позволяет изменить форму, которая составляет изображение — круги, квадраты, линии и т. Д.

  3. УЗОР : меню «Шаблон» — это то, где все становится сложным. Вы можете выбрать сетку, которой придерживается ваша форма. Хотя я не буду утомлять вас объяснением здесь всех ползунков, ползунок « Вертикальные элементы », вероятно, является наиболее важным. Это устанавливает уровень детализации вашего преобразования. Значение 25 короткое — значение 150 детально детализировано. СОВЕТ : Не устанавливайте вертикальные элементы выше, чем около 150, так как вы создадите ОГРОМНЫЙ файл SVG и даже можете вызвать сбой браузера.

  4. ЦВЕТА : Выберите свою палитру.

  5. РАЗМЕР : Вы можете догадаться.

  6. PRESETS : дюжина или около того предустановленных настроек дают вам хорошее представление о том, что может сделать это приложение. Вы также можете сохранить свои собственные предустановки здесь.

Советы по созданию хороших полутонов

Боуи - До перемен

Высококонтрастные изображения, вероятно, будут работать лучше всего. Я загрузил этот классический черно-белый снимок Боуи в качестве теста и использовал стандартную предустановку «Волна» с настройкой «Вертикальные элементы» 150.

Это означает, что новое изображение имеет много линий — конвертированный файл был 5 МБ SVG, но до 3 МБ, когда я запускал его через SVGOMG Джейка Арчибальда .

Некоторое разумное использование функции «Упрощение» в Adobe Illustrator, вероятно, уменьшит ее до мегабайта без особой потери точности.

Очевидно, что выбор более грубой сетки (т. Е. Более низкого значения параметра «Вертикальные элементы») при преобразовании приведет к сокращению размера файла (и детализации).

Каким бы ни был конечный результат, это довольно интересная графика.

Боуи ленты

Боуи — Герои

Случаи использования

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

  • дизайн футболки
  • принты из ткани
  • репродукции
  • этикетки и упаковка
  • Торты с ЧПУ
  • татуировки

Сколько это стоит?

  • С другой стороны, базовая услуга Halftone Pro бесплатна.
  • С другой стороны, если вы хотите загрузить SVG (что мы делаем), а не PNG, вам придется заплатить.
  • С другой стороны, HalftonePro — это единовременный платеж в размере 15 долларов, а не более типичная периодическая ежемесячная подписка.

Все в порядке, это не плохая сделка, IHMO.

Предостережение

Один маленький глюк. Я заплатил за «профессиональную» версию, но иногда мне требуется 3-4 клика на «Download> SVG», чтобы начать загрузку. Не уверен, что это что-то из-за моей установки, но имейте это в виду.

Суть?

Мне это нравится. Возможно, вам придется немного поиграть, чтобы почувствовать это. Скорее всего, будет разумно вручную оптимизировать SVG, если вы планируете использовать его в Интернете — есть много повторяющихся свойств. Найти и заменить это твой друг.

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

Тем не менее, это хорошая отправная точка для разработки универсального, четкого и масштабируемого элемента дизайна за пару минут — и по разумной цене.