Делаем векторный логотип с использованием Midjourney / Хабр

В этой заметке хочу рассказать как можно использовать Midjourney и парочку дополнительных приложений для создания векторных логотипов.

Пример логотипа созданного с использованием Midjourney

Миджорни этой нейросеть, которая работает в Дискорде и генерирует изображения по текстовому описанию. Если вы ранее не работали с этой нейросетью — можете изучать принцип её работы в моём гайде по этой ссылке, а также посмотрев этот ролик.

Если вы уже знаете что такое Дискорд, как в нем зарегаться, что такое «/imagine prompt» — идем дальше.

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

Итак, для того чтобы сгенерировать логотип в Midjourney необходимо вызвать команду «/imagine prompt» и далее написать что вы ходите получить, в формате: «cute yellow star logo, vector, flat 2d, company logo, sing style». Перед первой запятой описывается что должен изображать логотип, а далее его стилистику. Примеры стилей можно изучить в этом гайде.

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

Далее привожу примеры запросов и результаты.

letter “M” logo design, vintage, sans serif, victorian style, vintage, white background

simple logo design of cute husky dog, vector, flat 2d, company logo, sing style

vector cherry logo

logo design viking face, vector, flat 2d, white background, vintage

simple hat logo, white background, vector style

black logo design space rocket, vector, flat 2d, white background

Логотипы готовы и что желать с этим добром?

Для использования в интернете такие лого вполне сгодятся. Можно удались фон, добавить текст и будет всё замечательно. Но в ситуациях, когда нужен вектор — этих картинок недостаточно.

Давайте сделаем картинки векторными, на примере одного логотипа.

Сначала нужно увеличить качество креатива непосредственно в нейросети. Для этого нужно нажать кнопочку «U» прямо под картинкой. Номер кнопки соответствует номеру картинки. «U1» и «U2» — первый ряд картинок, «U3» и «U4» — второй.

Картинка улучшена.

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

Но если у вас есть желание получить ещё более качественное изображение — можете использовать одну из нейронок улучшалок:

https://waifu2x.udp.jp/index.ru.html

https://imglarger.com/

https://icons8.com/upscaler

https://t.me/DeepPaintBot

С помощью сервиса https://imglarger.com/ мне удалось увеличить разрешение изображения в два раза с 1024х1024px до 2048х2048px.

Исходное изображение и улучшенное доступны по этой ссылке можете сравнить.

Картинка улучшена, теперь её необходимо векторизовать.

Есть несколько путей векторизации изображения:

1 «Сложный» — перерисовать картинку вручную

Для этого закидываем изображение в Figma или Illustrator, и с помощью пера обводим его. Если вы уверенный пользователь этих приложений — проблем не возникнет, по сути вы используете уникальную концепцию, которую осталось просто перерисовать.

2 «Спорный» — использование плагинов для Figma

Используя плагин Vectorize и Image tracer можно трассировать (векторизовать) простые черно-белые логотипы, но со звездочкой ни первый ни второй не справились.

Зато удалось векторизовать шляпу.

3 «Надежный» — трассировка в Иллюстраторе

Нужно закинуть картинку в Иллюстратор нажать на правой панели кнопку «Image Trace».

Выбрать количество цветов.

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

4 «Самый простой способ» — конвертировать с помощью конвертора.

Для эксперимента я использовал бесплатный конвертер Vectorizer. AI.

Просто закидываешь картинку в сервис и он все делает сам. Результат получился довольно качественным. Картинка конвертируется в SVG. Посмотреть результат можно по этой ссылке.

Важно отметить, что после трассировки или конвертации логотипов в вектор их стоит доработать, убрать артефакты, удалить лишние объекты. Лучше всего для такой работы подходит Иллюстратор.

На скрине обозначены артефакты, которые в последствии были устранены.

Изучить исходный файл и отредактированный можно по этой ссылке.

Далее с векторным логотипом можно работать в в любом векторном редакторе графики, там можно добавить заголовок, подкрутить цвет. Для проработки цветов и типографики я использую Figma или llustrator.

На этом у меня все, спасибо за внимание, желаю творческих успехов.

Не отображаются картинки на сайте | REG.RU

  • 1.

    Проверьте права на каталог с картинками. В большинстве случаев необходимыми правами являются «755», получить точную информацию можно у разработчиков вашего сайта.

    Узнать, какие права установлены на папку с картинками и изменить их вы можете по инструкции: Как изменить права на файлы и папки

    Если у вас VPS или выделенный сервер

    Вам также необходимо проверить другие атрибуты каталога, такие как «владелец» и «группа». Для этого откройте панель управления и перейдите в менеджере файлов к каталогу с изображениями. Обратите внимание на столбцы Владелец и Группа напротив каталога:

    • Для ISPmanager 4

    • Для ISPmanager 5

    • Для ISPmanager 6

    На скриншоте видно, что каталог images принадлежит владельцу «root» и группе «root». Для смены владельца и группы нажмите Атрибуты. Обратите внимание, что все действия необходимо производить под пользователем «root», иначе система не даст сменить права.

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

    • Для ISPmanager 4:

    • Для ISPmanager 5:

    • Для ISPmanager 6:

    нажмите OK.

  • 2.

    Обратите внимание на названия изображений. Операционная система Linux учитывает регистр в названиях файлов. Возможно вы запрашиваете доступ к изображению shop.png, в то время как файл имеет название Shop.png. Это необходимо проверить. Если названия файлов в кириллице, их необходимо заменить на латиницу;

  • org/HowToStep»> 3.

    Если изображения пропали после переноса сайта, проверьте, корректно ли указан путь до каталога с изображениями в скриптах сайта. Если путь задаётся абсолютно (/var/www/… ), проверьте, корректно ли он указан. Путь до каталога сайта можно узнать при помощи справки;

  • 4.

    Если изображения пропали после установки SSL-сертификата, проверьте URL картинок в скриптах сайта и в базе данных. Возможно в URL прописан явно запрос изображений по http://. В таком случае необходимо настроить показ изображение по 

    https://, обычно настройки происходят в админ-панели вашего сайта (CMS). Иногда URL может быть прописан явно в файлах сайта, в таком случае вам необходимо вручную изменить в URL http:// на https://.

  • логотипов веб-сайтов — 291+ лучших идей логотипов веб-сайтов. Бесплатный конструктор логотипов для веб-сайтов.

    230

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    83

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    1

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    300

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    86

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    69

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    24

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    80

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    6

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    82

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    63

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    38

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    55

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    40

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    35

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    117

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    22

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    9

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    56

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    77

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    30

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    13

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    44

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    41

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    9

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    27

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    26

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    53

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    2

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    35

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    4

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    11

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    9

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    33

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    3

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    7

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    36

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    8

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    41

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    7

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    2

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    34

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    3

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    25

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    5

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    18

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    6

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    25

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    3

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    5

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    14

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    27

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    10

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    20

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    39

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    74

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    44

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    86

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    39

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    18

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    3

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    6

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    67

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    39

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    31

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    0

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    35

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    1

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    46

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    1

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    2

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    26

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    26

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    1

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    60

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    83

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    53

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    1

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    3

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    20

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    32

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    2

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    4

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    22

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    81

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    1

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    11

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    45

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    56

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    48

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    0

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    11

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    0

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    5

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    83

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    1

    Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

    Вы посмотрели 99 дизайнов и хотите еще один кусочек?

    по ET

    Поиск идей логотипа

    Логотипы веб-сайтов не подходят? Попробуйте что-нибудь еще:

    Логотипы Facebook

    логотипы инстаграм

    Ссылка на логотипы

    Логотипы MoneyGram

    Логотипы Амазон

    Логотипы приложений

    Логотипы программного обеспечения

    Логотипы Тикток

    логотипы твиттера

    Логотипы электронной почты

    Логотипы R-игр

    Логотипы электроники

    Игровые логотипы

    Логотипы автомобилей

    Логотипы Супермена

    Спортивные логотипы

    Логотипы фотографии

    Красочные логотипы

    Логотипы компании

    Все начинается с логотипа сайта

    Независимо от того, являетесь ли вы новичком или пользуетесь вторым (или третьим!) брендом, у нас есть решение, которое подойдет вашему бизнесу и поднимет ваш бренд.

    Бесплатный Logomaker

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

    Создайте логотип, это бесплатно

    Проведите конкурс логотипов

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

    Логотипы от 29 долларов США9

    Из чего состоит хороший логотип веб-сайта?

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

    Типы логотипов

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

    Цвета логотипа

    Выбор правильных цветов логотипа может подчеркнуть сильные стороны вашего бизнеса и помочь вам привлечь нужных клиентов… Продолжайте читать

    Формы логотипа

    Форма вашего логотипа может сказать клиентам, является ли ваша компания дружелюбной или серьезной, научной или художественной, традиционной или передовой… Продолжайте читать

    Дополнительные советы по дизайну логотипа

    10 лучших сайтов для поиска бесплатных стоковых фотографий | от Online Logo Maker

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

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

    Каждый из них имеет лицензию Creative Commons, которая позволяет использовать изображения в личных или коммерческих целях. Все изображения доступны для скачивания в высоком разрешении.

    1) Pexels

    Pexels позиционирует себя как лучший бесплатный поиск стоковых фотографий. У них есть отличная функциональность, где вы можете искать и просматривать популярные фотографии, популярные поиски и цвет. Функция поиска по цвету особенно полезна, если вы используете определенную цветовую палитру.

    2) PixaBay

    В PixaBay есть изображения и видео, которые можно использовать в любых творческих материалах. Их контент находится под лицензией Creative Commons. Это означает, что вы можете загружать, изменять и использовать их по своему усмотрению. Поиск позволяет получить доступ к более чем 800 000 бесплатных стоковых фотографий.

    3) Adobe Stock

    Adobe Stock обычно является платной услугой, но при регистрации они предлагают 10 бесплатных стоковых фотографий. Это означает, что вы можете зарегистрироваться, а затем удалить свою учетную запись. Adobe Stock получил отличные отзывы, несмотря на то, что он появился на рынке относительно недавно. Они предлагают миллионы высококачественных изображений для скачивания.

    4) LibreShot

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

    5) Magdeleine

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

    6) FancyCrave

    Fancy crave предоставляет фотографии высокого разрешения от профессиональных фотографов. Они загружают новые фотографии каждый день. Их коллекция специально посвящена архитектуре, еде, природе и людям. Существует также возможность представить свои собственные изображения, если вы профессиональный фотограф.

    7) FoodieFeed

    Foodie Feed предлагает отличные стоковые фотографии, посвященные еде. Если у вас есть ресторан или другой ресторанный бизнес, это отличное место для бесплатных стоковых фотографий. Просто убедитесь, что вы поели, прежде чем просматривать, иначе вы обязательно проголодаетесь!

    8) Kaboompics

    Компания Kaboompics была основана Каролиной, фотографом и веб-дизайнером из Польши. Все фотографии высокого качества были сделаны этим фотографом и предлагаются бесплатно в полном высоком разрешении.

    Автор записи

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *