Привет, сообщество!

Тема этого опуса будет не интересна обитателям дизайн-Олимпа. Там всегда грамотные Заказчики с брендбуками и набором файлов во всех форматах. В наших пустошах такой идиллии не наблюдается. У нас Заказчик присылает растровые логотипы в MS Word а плакаты в MS PowerPoint и всё это упаковано в RAR-архив. И как же быть? Сегодня я не буду останавливаться на отличиях векторной и растровой графики — всё это есть в Больших интернетах. Сойдемся на том, что логотип должен быть в векторе. Хотя бы на этапе верстки чего угодно. От сайта до билборда.

И где же его взять?

Где же раздобыть вектор если заказчик на вопрос про брендбук делает круглые глаза? Пойдём по пунктам. Первым делом оценим сложность графики, наличие нужного шрифта и свои скиллы. Зачастую проще отрисовать непутёвый лого чем его найти. Сложновато? Тогда 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. Придётся отсмотреть кучу левого мусора, но шанс найти есть.

Итого

Вот такие будни перфекциониста сегодня получились. Не ленитесь! Пусть от вашего труда радуется глаз, а не подгорает седалище.

Спасибо за внимание!