Как сделать векторный логотип в фотошопе: инструменты и форматы

Леонид Родинский

Копирайтер
12 February в 14:41

Многие пользователи уже разобрались с одним из самых сложных графических редакторов и непререкаемым фаворитом в сфере дизайна – программой Adobe Photoshop. Она традиционно применяется любителями для обработки фотографий, обладая полным набором функций, позволяющих в ручном или автоматическом режиме быстро добиваться нужного результата. Но вот с векторными возможностями этого приложения знакомы далеко не все. Профессионалы по праву отдают предпочтение заточенному под эту работу Иллюстратору, либо столь же продвинутому CorelDraw. А дилетанты попросту не забивают голову сложными понятиями, зачастую даже не утруждаясь разобраться в различиях между растровой и векторной графикой, и применением последней для нужд разработки элементов фирменного стиля.

Две модели: пикселы и примитивы

Каждому знакомы появляющиеся при увеличении изображения артефакты, выражающиеся в виде точек, размытых цветовых переходов и неровных ступенчатых краёв объектов. Это результат действия пикселов, на основе которых строится графическая матрица, формирующая визуальную картинку. Векторный подход характеризуется иными свойствами – созданием полигонов заливки, очерченных точками, линиями, геометрическими фигурами и другими видами примитивных построений. При выводе на устройство (с помощью видеокарт) они преобразуются в растровый вид, но сохраняют своё главное достоинство – способность масштабироваться в любой размер, не теряя качества и не коверкая цвета.

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

Инструменты фотошопа

Очевидно, что стремление Adobe действовать на узком профессиональном поле сыграло нехорошую шутку с любителями всё делать собственными руками. Компания разработала отличные приложения для каждого вида работ и таким образом отодвинула Photoshop из ряда векторных инструментов – в сознании пользователей он закрепился лишь в качестве редактора фотографий. Между тем, возможности обработки полигональных фигур в нём присутствуют, хотя и в довольно скромном виде.

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

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

  • Во-вторых, семейство «Перо», вызываемое сокращением Р. Оно незаменимо в тех случаях, когда необходимо отрисовать уже готовую картинку или создать собственную. Линии редактируются в различных конфигурациях и поддерживают векторные качества.
  • Наконец, инструмент «Текст» (Т), без которого невозможно представить ни один логотип. Единственный нюанс – это дополнительная обработка букв, прежде чем сохранять готовый проект. Нужно кликнуть правой кнопкой по текстовому слою и выбрать строчку «Преобразовать в кривые». Правда после этой операции надпись уже невозможно отредактировать. Поэтому важно оставлять макет в рабочем формате программы Photoshop (.psd), где можно без проблем продолжить изменение любого из внедрённых элементов.

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

Форматы сохранения

Немаловажный аспект завершения работы – не каждый графический файл поддерживает векторные изображения. В арсенале фотошопа их всего три.

  • Для начала, вариант EPS, ранее служивший базовым расширением в Adobe Illustrator.
  • Вторая ступень – традиционный PDF. Он тоже поддерживает нужные функции и работает с полигональной графикой.

Заключительный способ сохранения – SVG. Для этого сценария придётся отправиться на вкладку «Экспорт» и выбрать нужную позицию.

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

Наши работы

  • Задача: 

    Разработать стильное и продающее оформление для сообществ в социальных сетях для финтес клуба Ultimate Fitness

    Что мы сделали: 

    Определлили целевую аудиторию под каждую социальную сеть

    Разработали единый стиль и адаптировали его под особенности каждой из социальных сетей

    Результат: 

    Стильный дизайн в сообществах соцсетей, привлекательный и мотивирующий, узнаваемый и продающий

  • Скриншот оформление сообществ адхотел
    Задача: 

    Разработать стильный, свежий, мотивирующий дизайн сообществ в социальных сетях для adhotel.ru

    Что мы сделали: 

    Определлили целевую аудиторию под каждую социальную сеть

    Разработали единый стиль и адаптировали его под особенности каждой из социальных сетей

    Результат: 

    Стильный дизайн в сообществах соцсетей, привлекательный и мотивирующий, узнаваемый и продающий

    Сайт: 

    adhotel.ru

  • Кейс Создание логотипа для ADHOTEL
    Задача: 

    Создать яркий логотип для ADHOTEL

    Что мы сделали: 

    Выбрали смысловые элементы для логотипа

    Выбрали оптимальное сочетание цветов

    Результат: 

    Стильный логотип, который удачно дополнил структуру корпоративного сайта adhotel.ru

  • Кейс Новый логотип компании ЗЕКСЛЕР
    Задача: 

    Создание нового логотипа в рамках редизайна фирменного стиля ЗЕКСЛЕР

    Что мы сделали: 

    Придумали графическую идею

    На основе идеи разработали новый логотип

    Результат: 

    Новый логотип с осмысленной идеей

    Изменился стиль сайта компании ЗЕКСЛЕР

  • Кейс Фирменный стиль сайта фирмы «Мосгорхостел»
    Задача: 

    Разработать фирменный стиль сайта

    Что мы сделали: 

    Разработали узнаваемые символы
    Осуществили обводку объектов, совмещение, упрощение контура, произвольный поворот

    Результат: 

    Создали элементы фирменного стиля.

    Разработали контрастный рубленный шрифт

    Сделали эмблему

    ​Создали фирменный декор

    Сайт: 

    http://mosgorhostel.ru/

Наша команда

  • Вадим Скопинцев
    Генеральный директор

    Сделаем лучшее решение для привлечения клиентов из интернета, сделаем продажи!

  • Дмитрий Карпинский
    Директор по пропаганде

    Экспонента, бизнес должен и будет расти по экспоненте! Продавать, будете продавать!

  • Евгений Белоусов
    Директор по продажам

    Предложу варианты решения ваших проблем- вам останется лишь выбрать!

  • Павел Шульга
    Старший специалист по контекстной рекламе

    Грамотно используем Ваш рекламный бюджет. Выйдем на максимум заявок!

  • Евгения Лю-Ти-Фу
    Руководитель PR направления

    Ваш имидж в наших руках. Если вас нет в Интернете, то вас нет в бизнесе!

  • Диана Зайцева
    UX/UI дизайнер. Руководитель разработки

    «Протачиваем» Ваш ресурс для получения им продающих свойств. Захватываем клиентов для Вас!

  • Леонид Белкин
    Менеджер проектов

    Сделаем Ваш сайт продающим. Конверсия будет расти!

  • Дмитрий Трацевский
    Руководитель разработки

    Разработанные нами сайты работают как часы!

  • Татьяна Николаева
    Менеджер проектов, переводчик

    Пишем только уникальные и интересные тексты на русском и английском. Вам понравится!

  • Кирилл Миченус
    Разработчик

    Разработаем классный, продающий сайт. Внедрим интересные идеи!!

  • Марина Петренко
    Контент-менеджер

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

  • Виктор Токмачев
    Менеджер по работе с иностранными клиентами

    Наши идеи подходят всем - иностранные клиенты охвачены!

  • Татьяна Ромакина
    Копирайтер

    Создадим уникальные продающие статьи. Лучший контент для Вашего сайта!

  • Леонид Родинский
    Копирайтер

    Написать уникальные тексты и заголовки – этого мало. Наполняем сайты неповторимым содержанием!

  • Анастасия Бондарева
    Копирайтер

    Правильно написанный рекламный текст способен творить чудеса! Удивительно, но слова могут продавать! И мы Вам это докажем!

  • Вячеслав Киосе
    Копирайтер

    Текст – это не просто слова. Посетители Вашего сайта получат информацию с внятным и понятным смыслом.

  • Стань одним Из нАс
    Трудоустройство

Клиенты

Наши услуги

САМОЕ ИНТЕРЕСНОЕ НА СТРАНИЦЕ
“ЗЕКСЛЕР” В Facebook и ВКОНТАКТЕ