Содержание статьи
И где же его взять?
Где же раздобыть вектор если заказчик на вопрос про брендбук делает круглые глаза? Пойдём по пунктам. Первым делом оценим сложность графики, наличие нужного шрифта и свои скиллы. Зачастую проще отрисовать непутёвый лого чем его найти. Сложновато? Тогда go искать!
Проверяем базовый лагерь
Частенько на корпоративном сайте можно найти логотип в векторном SVG-формате. И иногда получается сразу утащить его драг-н-дропом. Например нам нужен логотип браузера Brave. Идём на официальный сайт (https://brave.com/) и пробуем перетащить логотип на десктоп. Шикарно!
Однако этот фокус не прокатит если SVG встроен в код страницы. Как например на сайте Figma (https://www.figma.com/). Но это не беда. Правый клик по лого и смотрим в веб-инспекторе. Выделяем строку начинающуюся с SVG и копируем весь элемент.
После этого можно пойти в Figma и вставить код из буфера обмена (Ctrl/Cmd+V
).
Внезапный бонус
Чтобы основательно покопаться в картинках можно сделать так. Запускаем веб-инспектор, идём в раздел Network, фильтруем по картинкам, нажимаем Ctrl/Cmd+R
чтобы перезагрузить страницу, сортируем по типу, и вуаля, вот они все SVG, PNG, JPG и прочие GIF.
Копаемся в хранилищах
Не получилось найти векторный лого на сайте компании, только PNG? Не беда. Нас ожидают сайты-хранилища векторов. Мой любимый Brands of the World (https://www.brandsoftheworld.com/). Здесь главное не утянуть какую нибудь неактуальную древность или кривую поделку. Найдя необходимое, сверяемся с сайтом компании или с другими доступными источниками. Кроме SVG, файл может оказаться в формате EPS, AI или даже CDR. Тогда либо конвертим, либо ищем в другом месте.
Испытаем судьбу
Переходим к поиску на удачу. Будем искать в Google по картинкам (https://www.google.ru/imghp). Набираем название конторы чей лого ищем и дописывем filetype:svg
. Не все найденные картинки будут честными SVG-шками и не все хороши и актуальны. Смотрим внимательно, сверяемся с первоисточником. Стараемся не ошибиться.
Погружение
Тоже нет? На очереди глубинный поиск. Будем искать PDF-файлы этой конторы, в надежде что там есть лого в векторе. Для начала поищем PDF-файлы на официальном сайте. Набираем в поиске site:адрес сайта компании (например xerox.com) filetype:pdf
. Чтобы оценить стоит ли свеч дальнейшая возня, приблизьтесь к логотипу (zoom). Если он не распадается на пиксели, перед нами вектор и нужно его выковыривать. Но опять будьте внимательны! Рекламные отделы компаний тоже не безгрешны. И там может попасться криворукий дизайнер и невнимательный менеджер.
Препарируем
Итак мы нашли нормальный PDF. Открываем его в Adobe Illustrator или в бесплатном Inkscape (https://inkscape.org/ru/). Упс… Пароль. Часто корпораты смешно пытаются защитить свои PDF. Но нас же не остановить! На помощь приходит сайт SmallPDF (https://smallpdf.com). Это вообще очень полезный инструмент. Конвертация PDF в кучу форматов, сжатие, снятие защиты и т.д. Правда с недавнего времени он стал платным. Но для разовых операций вполне хватит. У меня для снятия пароля с PDF есть утилитка на Маке. Да и других решений хвататет. Наберите в поиске unlock pdf
. Теперь, когда непробиваемая корпоративная защита рухнула, откроем в Adobe Illustrator или в Inkscape. Ну и копируем вектор из Adobe Illustrator или конвертим в SVG в Inkscape, вставляем в Figma.
Ищем на стороне
Если на сайте компании PDF-файлы отсутствуют или в них нет векторных лого, можно пошуровать более глобально. В поиске пишем название компании, можно добавить слово logo
и filetype:pdf
. Придётся отсмотреть кучу левого мусора, но шанс найти есть.