Как создать простой логотип с помощью InkScape

InkScape — одно из лучших бесплатных приложений для работы с векторной графикой (SVG). Это делает его идеальным для создания графики, которая сохраняет свой вид независимо от размера, и, прежде всего, логотипов. Хотя InkScape предлагает обширный набор инструментов, вы можете создать простой логотип, используя всего один или два из них.

Поскольку InkScape является одним из самых популярных приложений с открытым исходным кодом, многие дистрибутивы Linux поставляются с ним предустановленным. Если в вашем дистрибутиве его нет, найдите его в официальном магазине приложений вашего дистрибутива. Если вы не против использовать команды и находитесь на дистрибутиве на базе Debian, вы можете установить его с помощью:
sudo apt-get install inkscapeТакже читайте: 8 лучших бесплатных графических редакторов для создания векторных изображений
Ориентация страницы
Режим по умолчанию для новых документов в InkScape имеет портретную ориентацию. Большинство логотипов шире, чем выше, поэтому лучше установить настройку страницы в альбомный режим.

Для этого выберите “Файл -> Свойства документа” и измените ориентацию, прямо под списком Размер(ы) страницы, на альбомную.
Также читайте: Как создать логотип с помощью Google Drawings
Инструмент линии

Выберите двенадцатый инструмент на панели инструментов приложения, изображающий маленький карандаш с линией, которая выглядит как тень под ним. В качестве альтернативы нажмите Shift + F6. Этот инструмент позволяет вам рисовать прямые линии и кривые Безье.
Магнитные направляющие
InkScape — и большинство его инструментов — позволяют вам проектировать все, что угодно, где угодно, начиная с любого места на пустой странице. Иногда, как в случае проектирования логотипа, некоторые ограничения на всю эту свободу довольно полезны. И под “ограничениями” мы имеем в виду “направляющие”.
Использование направляющих может помочь контролировать геометрию рисунка. Действуя как магниты, клик рядом с ними изменяет, где будет размещена точка, “телепортируя” ее на них. Правильное размещение направляющих может превратить их в грубый “скелет”, на котором будет создан финальный дизайн.

Создание направляющих в InkScape (как и во многих других приложениях того же жанра) доступно через скрытую комбинацию клавиш: удерживайте левую кнопку мыши на одном из двух линейок, которые появляются по краям страницы, и перетащите ее к точке, где вы хотите создать направляющую. В зависимости от того, откуда вы потянули линейку — сверху или слева страницы, вы создадите либо горизонтальную, либо вертикальную направляющую.
Чтобы сделать проектирование вашего логотипа намного более удобным, мы предлагаем вам создать матрицу направляющих, не сильно отличающуюся от того, что вы можете увидеть на нашем скриншоте.
Линии, кривые и соединения
В нашем случае мы разработали альтернативный логотип “MTE” для Make Tech Easier — всего лишь эти три буквы. Скорее всего, вы захотите создать что-то другое, поэтому вместо того, чтобы давать строгие и конкретные инструкции о том, где и как кликать, мы опишем, что мы сделали и почему мы это сделали.
Мы начали с рисования буквы “m”. Как и с большинством букв, нам понадобятся как прямые линии, так и кривые. Нам проще — или, по крайней мере, мы так думаем — начать с простой прямой линии. Мы (умственно) выбрали вертикальную направляющую слева от страницы, на которой мы хотели бы разместить нашу первую вертикальную линию.
Мы кликнули на соединение с горизонтальной направляющей в нижнем левом углу. Затем мы кликнули на пересечение с горизонтальной направляющей в верхнем левом углу. Результатом стала вертикальная линия на вертикальной направляющей, начинающаяся и заканчивающаяся в ее соединениях с горизонтальными направляющими.

Хотя мы создали нашу первую линию, мы были далеки от завершения: выбранный инструмент оставался активным и в ожидании нашего следующего движения. Перемещаясь по различным частям экрана, мы могли видеть живой предварительный просмотр результатов нашего следующего клика. По крайней мере, если наш следующий клик приведет к другой прямой линии, а не к кривой.
Определение формы
Выбранный инструмент линий и кривых Безье создает последовательность линий и кривых. Каждый новый клик указывает конец предыдущей линии и начало следующей.
Чтобы создать кривую вместо линии, удерживайте левую кнопку мыши нажатой вместо того, чтобы кликать и отпускать ее. Затем, удерживая левую кнопку все еще нажатой, перетащите мышь. Вы увидите на экране, что линия превращается в кривую, с ее кривизной и углом, определяемыми положением курсора.
Процесс рисования формы завершается, когда вы возвращаетесь туда, откуда все началось, с последним кликом на той же, существующей точке, с которой вы начали.

Определяя линии и кривые через серию последовательных кликов, вы можете нарисовать почти все, что можете себе представить. Дело не в таланте, а в терпении, воле и решимости. Даже если, как в нашем случае, это была всего лишь буква “m”.
Добавление цвета
Повторяя предыдущие шаги, мы разработали еще две буквы, чтобы завершить наш логотип. Но они были белыми, или, точнее, пустыми, на белом фоне. Не самое лучшее для логотипа.
Чтобы придать любой форме цвет, выберите ее, а затем выберите цвет, который вы хотите, чтобы она имела. Это так же просто, как звучит, по крайней мере, когда вы знаете, какая кнопка что делает. Нажмите на первую из доступных инструментов, которая показывает стрелку, или нажмите F1 на клавиатуре. Это инструмент выделения. С ним активным вы можете кликнуть на любую форму, которую хотите выделить, или зажать левую кнопку мыши и перетащить прямоугольник вокруг нее.
Вы можете выбрать несколько форм одновременно, либо перетаскивая прямоугольник вокруг всех них, либо последовательно кликая на них, удерживая Shift.

Чтобы назначить цвет любым выбранным / активным формам, либо нажмите на желаемую форму на палитре цветов внизу экрана, либо нажмите и перетащите ее на объект, которому вы хотите ее назначить. Обратите внимание, что в этом конкретном случае второй метод назначит цвет только контуру букв, так как они в данный момент пустые.
Фактический логотип
Наш логотип был почти готов. Используя инструмент выделения, мы подбирали буквы одну за другой и приближали их друг к другу. Затем мы заменили забавную многоцветную экстравагантность, которую мы использовали на предыдущем шаге для примера, на более серьезный черный цвет. Наконец, мы скрыли направляющие, отключив их отображение в “Вид -> Направляющие”, чтобы иметь возможность четко видеть результат нашей работы без раздражающих линий по всей странице.

Не забудьте сохранить!
Последний шаг при проектировании чего-либо почти всегда — это последний визит в “Файл -> Сохранить”. InkScape не использует никаких странных форматов хранения и полностью совместим с широко используемым форматом векторной графики, более известным как “SVG”.

Файлы этого типа хранят графику в виде математических уравнений, поэтому они выглядят безупречно независимо от размера дисплея. Также стоит отметить, что все современные браузеры совместимы с ним и были такими на протяжении большей части последнего десятилетия, что означает, что вы можете использовать свой логотип напрямую в формате SVG на своем сайте. Он будет быстрее отображаться, “чище выглядеть” и более удобен для сжатия по сравнению с вашим средним файлом JPEG или PNG.