Правила хороших кривых

Kate Bakirova
Дизайн-кабак
3 min readApr 8, 2015

--

Давно хотела рассказать о тонкостях работы с кривыми Безье.

В статье я напишу о работе с ними в контексте создания леттеринг-логотипа. Логотипы — это классно и весело, особенно если делать всю техническую работу на автомате, освободив голову.

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

Процесс создания логотипа

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

Чем больше времени уделить варианту “от руки”, тем легче будет работать с вектором.

Потом хорошо бы отвлечься и вернуться к отложенному через полчаса — и провести выборку еще раз. Из отсеянных на первом этапе 10–20 вариантов у меня остается не больше трех. Иногда процесс приходится повторять несколько раз.

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

Оцифровка

Когда на бумаге/кальке вы видите именно то, что хотите, можно приступать к оцифровке. Есть два способа — сфотографировать или отсканировать. Сканировать на 600 dpi не нужно, хватит 300 dpi. Фотографировать лучше всего, положив лист на пол и стоя над ним — так легче контролировать, не заваливается ли картинка в перспективу.

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

Это не лучшая работа с кривыми, но для наглядности подходит

Во-первых, нужно стараться все направляющие точек размещать под определенным углом — 45 или 90 градусов. Тяните направлялки с зажатым шифтом, и все будет как надо.
Иногда не обойтись без “свободного” угла, но таких случаев у меня было очень мало. Да и то их можно было избежать, повозившись еще немного.

Направляющие протянуты с зажатой клавишей shift.

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

В-третьих, в буквах обязательно есть повторяющиеся элементы. Они должны быть если не одинаковыми, то хотя бы из одной оперы.

Вот так плохо:

А вот так лучше, потому что появилась какая-то системность:

Еще нужно соблюдать одинаковость толщин. Сразу на одной картинке покажу:

Помните, что в процессе оцифровки ваша задача — найти ошибку и исправить ее, не сделав при этом новую.

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

Удачи!

--

--

Kate Bakirova
Дизайн-кабак

Не, ну все пишут в блоги, и я пишу