Как нарисовать логотип?

С помощью нашего конструктора Вы можете создавать логотипы для своего сайта или иные иллюстрации в формате SVG. Рассмотрим, как им пользоваться.

Шаг 1

Нажмите на кнопку “Создать логотип” на главной странице сайта.

Шаг 2. Лого на основе примера

Нажмите на кнопку «Выбрать логотип» для загрузки в констркутор готового примера.
В открывшемся окне Вы можете выбрать готовый пример и создать свой логотип на основе него.

Шаг 2.1 Выбор категории

Нажмите на подходящую категорию.

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

Шаг 2.2 Выбор примера логотипа

Наведите курсор на подходящий логотип, он подсветится иконкой со знаком «+». После этого нажмите на логотип для того чтобы перейти к созданию нового на его основе.

Обратите внимание!
При переходе к созданию нового логотипа - все несохраненные действия произведенные с текущим редактируемым логотипом будут утрачены.

Шаг 2.3. Список слоев

После выбора готового логотипа система выведет список его слоёв с их настройками и свойствами. Они доступны для изменения.

Шаг 2.4. Мои дизайны

Логотипы, сохраненные Вами ранее доступны в разделе “Мои дизайны”, так что если Вы захотите продолжить создание незаконченного Вами логотипа, выберите его в списке и продолжите редактирование.

Обратите внимание!
Все изменения, которые Вы будете вносить в логотип в процессе редактирования, будут отображаться на экране справа от настроек. Там же Вы сможете при необходимости вручную перетаскивать слои, наведя и зажав курсор на нужной фигуре (нужном тексте), а затем переместив его на нужное место на экране.

Шаг 3. Создание логотипа

Если вы не выбрали логотип на шаге 2, то по умолчанию логотип будет содержать два случайно сгенерированных слоя - слой с фигурой и текстовый слой.

Шаг 4. Редактирование слоев

Вы можете перейти к редактированию этих слоев, нажав на соответствующие строки в списке слоев или же на саму фигуру (сам текст) в области просмотра. При нажатии на фигуру/текст - настройки выбранной фигуры или выбранного текста отобразятся справа от области просмотра логотипа.

Также Вы можете удалить слои, нажав на иконку в настройках выбранного слоя, и создать логотип "с нуля".

Рассмотрим, как добавлять слои.

Шаг 5. Добавление слоя с фигурой

Для того чтобы добавить слой, содержащий картинку, Вам будет необходимо:

1. Нажать на кнопку "Фигура".
2. В отобразившемся списке фигур сперва выбрать категорию фигур (они разбиты по тематикам, при выборе той или иной категории - наборы фигур будут изменяться).
3. После выбора категории - нажать на нужную Вам иконку из набора.

Картинка будет добавлена. Чтобы перейти к ее редактированию, нажмите на строку слоя в списке слоев или же на саму фигуру в области просмотра.

Рассмотрим подробно, какие параметры доступны для редактирования у слоя с фигурой.

Обратите внимание!
В некоторых тематиках фигуры разбиты по строкам так, что первой в строке расположена фигура, которую можно использовать в качестве основной/фоновой для всех последующих (например, в строке с рыбками первая фигура - аквариум, Вы можете добавить сперва аквариум и уже на его фоне разместить фигуры рыб).

Шаг 5.1. Замена картинки

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

Шаг 5.2. Расположение фигуры

Отредактируйте положение фигуры с помощью кнопок-стрелок (кнопка с точкой - выравнивает текст по центру).

Обратите внимание!
Вы также можете вручную перетаскивать фигуры прямо на экране предпросмотра. Для этого просто наведите курсор на изображение, зажмите левую кнопку мыши и перетащите фигуру в нужное Вам место логотипа. Перетаскивать фигуры на один пиксель можно с помощью клавиш ←, →, ↑, ↓. Если зажать CTRL и использовать те же клавиши, фигура будет перемещаться на 5 пикселей.

Шаг 5.3. Цвет фигуры

Задайте для выбранной фигуры цвет, сперва выбрав режим ("1 цвет", "2 цвета" или "Без заливки") из соответствующего списка.

• Для пункта "1 цвет" - выберите цвет (или укажите код) в палитре.

  

• Для пункта "2 цвета" - выберите два оттенка, а также укажите угол перехода между ними и с помощью ползунков отрегулируйте отношение одного цвета к другому (отрегулируйте, какой цвет будет преобладать и в каких пропорциях).

  

  
• Для пункта "Без заливки" не потребуется никаких дополнительных настроек. Пункт без заливки может быть полезен для использования режима с рамкой, описанного в пункте 5.4.

Шаг 5.4. Рамка

При необходимости Вы можете включить для фигуры "Рамку" и выбрать цвет для нее.

Шаг 5.5. Поворот, размер и расположение фигуры

Чтобы повернуть фигуру вокруг своей оси под определенным углом - воспользуйтесь кнопками поворота вправо или влево.

Чтобы увеличить или уменьшить фигуру - воспользуйтесь кнопками "+" и "-".

Чтобы зеркально отразить фигуру по вертикали или по горизонтали, воспользуйтесь соответствующими кнопками поворота.

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

Чтобы сбросить все изменения (поворот, размер, расположение), нажмите на крестик.

Шаг 6. Добавление текстового слоя

Чтобы добавить слой с текстовым наполнением, нажмите на кнопку "Текст".

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

Шаг 6.1. Текст слоя

Сперва укажите в настройках текст логотипа.

Шаг 6.2. Формат текста

Вы можете изменить шрифт текста, а также выделить его полужирным или курсивом.

Шаг 6.3. Расположение текста

Отредактируйте положение текста с помощью кнопок-стрелок (кнопка с точкой - выравнивает текст по центру).

Шаг 6.4. Цвет текста

Теперь окрасьте введенный текст в необходимый цвет, сперва выбрав режим ("1 цвет", "2 цвета" или "Без заливки") из соответствующего списка.

• Для пункта "1 цвет" - выберите цвет (или укажите код) в палитре.

  

• Для пункта "2 цвета" - выберите два оттенка, а также укажите угол перехода между ними и с помощью ползунков отрегулируйте отношение одного цвета к другому (отрегулируйте, какой цвет будет преобладать и в каких пропорциях).

  

  

• Для пункта "Без заливки" не потребуется никаких дополнительных настроек.

Шаг 6.5. Рамка текста

При необходимости Вы можете заключить текст в рамку и указать цвет рамки.

Шаг 6.6. Поворот и размер текста

Чтобы повернуть текст вокруг своей оси под определенным углом - воспользуйтесь кнопками поворота вправо или влево.

Чтобы увеличить или уменьшить размер текста - воспользуйтесь кнопками "+" и "-".

Чтобы зеркально отразить текст по вертикали или по горизонтали, воспользуйтесь соответствующими кнопками поворота.

Чтобы сбросить все изменения (поворот, размер, расположение), нажмите на крестик.

Шаг 7. Удаление слоя

Если по какой-либо причине Вам нужно убрать слой из логотипа, Вы можете нажать на кнопку удаления напротив нужного слоя в списке слоев.

Или же нажать аналогичную кнопку в настройках слоя.

Шаг 8. Скрытие слоя

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

Шаг 9. Сортировка слоев

Вы можете перетаскивать слои вверх и вниз в списке. От положения слоя в списке будет зависеть его отображение в логотипе (на переднем плане или на фоне по отношению к другим слоям). Например, если Вам необходимо какой-либо слой вывести на передний план - перетащите его в списке на позицию над теми слоями, которые он должен перекрывать.

Шаг 10. Копирование слоя

Чтобы скопировать один из слоев, нажмите на кнопку копирования в строке с нужным слоем - копия добавится поверх оригинала.

Шаг 11. Перетаскивание слоев

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

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

Шаг 12. Сохранение логотипа

После внесения всех необходимых изменений - нажмите "Сохранить".

Откроется окно сохранения логотипа, где Вам будет необходимо нажать на кнопку "Перейти к оплате" (услуга размещения логотипа стоит всего 390 рублей), произведите оплату.

После успешной оплаты созданное Вами изображение можно будет скачать в форматах SVG, PNG, JPG, PDF, EPS.