Название звучит, как «изобретаем велосипед», но тут я опишу единственно правильный способ отрисовывать такие «непонятные» логотипы.
Под катом все этапы в картинках.
В качестве бонуса: векторное хабралого и иконки!
Итак. Начнем с того, зачем это нужно, и в чем тут сложность.
Для чего нам рисовать то, что уже есть: например, вы захотели сделать футболку, наклейку или напечатать логотип, — маленький gif для этого, разумеется, не годится. Везде у вас попросят векторный файл.
Или вы захотели сделать иконку хорошего качества или обоину — надо большую картинку. С полезностью, вроде бы, разобрались.
Сложность отрисовки состоит в том, что неясно, с чего начинать рисовать. (Векторный редактор у вас уже есть и вы худо-бедно в нем умеете работать). А начинать нужно с рассмотрения и обдумывания исходной картинки: какие фигуры (линии, окружности, прямоугольники) откуда появились, и куда они идут. Даже в нашем примере это можно увидеть, несмотря на то, что он похож на сумбур.
Обрисовывать пиксели, не поняв, откуда они — пустая трата времени, потому что результат будет приемлемым только в том же размере, что и исходник.
Собственно, этапы.
Для начала разберемся с надписью: она проще. Тут очевидно, где какие линии.
Рисуем контуры:
Добавляем каждой линии толщину:
Теперь значок. Он сложнее — пытаемся разглядеть в нем «смысл»:
И тут добавляем толщину:
Закрашиваем ту часть которая явно будет залитой:
Преобразовываваем контуры в отдельные кривые и подгоняем толщину каждой части всех линий. Дорисовываем оставшееся, удаляем лишние узлы. В общем, вылизываем:
Смотрим на результат. Слева оригинал, справа — наше «творчество»:
Скачать в векторном формате EPS (все буквы в логотипе — отдельно)
Скачать иконку для Win и Mac:
PS: Топик был написан для sandbox, он заработал инвайт от НЛО, так и не побывав в песочнице, поэтому я решил добавить его в персональный блог.
Под катом все этапы в картинках.
В качестве бонуса: векторное хабралого и иконки!
Итак. Начнем с того, зачем это нужно, и в чем тут сложность.
Для чего нам рисовать то, что уже есть: например, вы захотели сделать футболку, наклейку или напечатать логотип, — маленький gif для этого, разумеется, не годится. Везде у вас попросят векторный файл.
Или вы захотели сделать иконку хорошего качества или обоину — надо большую картинку. С полезностью, вроде бы, разобрались.
Сложность отрисовки состоит в том, что неясно, с чего начинать рисовать. (Векторный редактор у вас уже есть и вы худо-бедно в нем умеете работать). А начинать нужно с рассмотрения и обдумывания исходной картинки: какие фигуры (линии, окружности, прямоугольники) откуда появились, и куда они идут. Даже в нашем примере это можно увидеть, несмотря на то, что он похож на сумбур.
Обрисовывать пиксели, не поняв, откуда они — пустая трата времени, потому что результат будет приемлемым только в том же размере, что и исходник.
Собственно, этапы.
Для начала разберемся с надписью: она проще. Тут очевидно, где какие линии.
Рисуем контуры:
Добавляем каждой линии толщину:
Теперь значок. Он сложнее — пытаемся разглядеть в нем «смысл»:
И тут добавляем толщину:
Все линии пока сделаны полупрозачными, чтобы было видно каждую отдельно на фоне других и на исходной картинке.
Закрашиваем ту часть которая явно будет залитой:
Преобразовываваем контуры в отдельные кривые и подгоняем толщину каждой части всех линий. Дорисовываем оставшееся, удаляем лишние узлы. В общем, вылизываем:
Смотрим на результат. Слева оригинал, справа — наше «творчество»:
Да, там есть неидеальные части, но задача была не нарисовать то же самое, а получить «правильное» большое изображение, что и получилось.
Скачать в векторном формате EPS (все буквы в логотипе — отдельно)
Разумеется, не для коммерческого использования.
Скачать иконку для Win и Mac:
