Техническая поддержка 8 800 555 6342
Положение об оказании услуг технической поддержки
CMS.S3

Как создать логотип #2670

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

Рассмотрим, как им пользоваться.

Шаг 1

Раскройте меню "Настройки" и выберите пункт "Конструктор логотипов".

phpkqdstE

Шаг 2

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

php2KP5mR

Обратите внимание!

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

Шаг 3

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

php9uUElt

Шаг 4

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

phpVqlfl4

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

php9ulviI

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

Обратите внимание!

  • Максимальное количество слоев для одного логотипа - 15.
  • Еще один способ удалить фигуру - удалить слой из списка слоев, нажав на соответствующую кнопку.

phpdQvBl4

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

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

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

phpryS928

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

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

Обратите внимание!

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

phpnmHTf4

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

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

phpYguUQJ

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

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

phpnNQO4G

Обратите внимание!

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

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

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

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

phprdAhKX

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

php3uDrO4 phpFkwxmv

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

Шаг 5.4. Рамка

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

phpEuCHbt

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

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

phpfUSJ3C

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

phpMVJlZP

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

phpWcBr6Y

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

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

phpLDmkOn

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

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

phpUZbE8X

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

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

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

phpEiMYb4

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

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

phphOLUv6

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

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

phpcvALWB

Обратите внимание!

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

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

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

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

phpRgb2XF

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

phppes4FG phpbVBKrv

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

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

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

php6cXlNt

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

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

php809Xat

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

phpQ4zV3E

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

phpGPtUHj

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

phpDZbtBT

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

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

phpNo8LCy

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

phpxwzfhT

Обратите внимание!

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

phpACuGqN

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

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

phpQSqQ3W

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

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

phpVhSMfa

Обратите внимание!

  • Вы также можете просто выделить нужный слой прямо в области редактирования и нажать CTRL+C - CTRL+V. Копия слоя будет добавлена прямо поверх оригинала - при необходимости перетащите ее в области редактирования на нужное место.

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

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

phpDFvvF8

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

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

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

phpACuGqN

Шаг 12

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

phpqHUmLp

Шаг 13

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

phpFtpia3

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

phpHJoU3z

Обратите внимание!

Чтобы разместить на сайте свой собственный логотип, необходимо в меню выбрать "Настройки", далее "Настройки сайта", затем нажмите на иконку логотипа или на +.

 

После этого действия нажмите на кнопку "Добавить картинку". У Вас появится диалоговое окно "Иллюстрации/Добавить", где Вам нужно выбрать из двух предложенных вариантов: добавить логотип с диска или использовать ссылку (URL).

После загрузки изображения, кликните мышкой на загруженную иллюстрацию, таким образом она окажется на месте логотипа.