Мастер-класс: как нарисовать текстовый логотип в Illustrator

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

Итак, нам понадобятся:

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

Лирическое отступление: для создания логотипов лучше использовать векторный формат, который позволит масштабировать лого без потери качества; с вектором работают программы Corel Draw и Illustrator. Мы выбрали второй вариант.

 Доступ в Интернет

1. Перед началом оформления логотипа выберем симпатичный шрифт (можно использовать стандартные шрифты, но мы всё-таки советуем поискать оригинальный шрифт на просторах интернета). На сайтах вроде fontov.netили ifont.ru полно этого добра. Для нашего примера мы выбрали и загрузили FreeSetExtraCTT Italic.

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

1.1. Откройте меню пуск, наведите курсор на пункт «Панель управления». В открывшемся справа меню выберите пункт «Шрифты».

1.2. После нажатия откроется папка «Шрифты», куда нужно скопировать скачанный файл со шрифтом. После копирования выбранный шрифт будет доступен и для работы в Photoshop и Illustrator, и для работы в Word.

 

2. Когда шрифт скопирован, запустим Illustrator и приступим к работе.

2.1. Для создания нового документа в верхнем меню выберем пункт File, в появившемся меню – New. Появится окно создания нового документа. Выберите имя для документа (для ленивых: «untitled 1» – тоже неплохоJ).

В графе NewDocumentProfile для удобства выберите «Print». После нажатия ОК новый документ будет создан.

2.2. В панели инструментов выберите инструмент «Текст» (буква «Т» на панели). Кликаем на наше рабочее поле и пишем текст логотипа (для нашего магазина мы выбрали название «Тайное арбузное общество», подарки ручной работы с таким аппетитным и загадочным брендом могут выглядеть ещё желаннееJ). 2.3.После того, как текст готов, в панели инструментов выбираем ранее установленный нами шрифт в меню «Character».

2.3. После того, как текст готов, в панели инструментов выбираем ранее установленный нами шрифт в меню «Character».

2.4. Для того чтобы перейти в режим выделения (например, если нужно масштабировать/редактировать параметры текста, двигать холст и так далее) выберем в панели инструмент с обозначением курсора. Чтобы приблизить рабочее изображение, можно использовать горячую комбинацию клавиш «ALT+колесо мыши» (прокрутка колеса вверх/вниз = увеличение/уменьшение); для того, чтоб передвинуть рабочее поле (холст) используйте левую кнопку мыши с зажатым пробелом. Если нужно перейти в режим редактирования текста, сделайте двойной клик левой мышью по надписи.

2.5. Если вы хотите исправить расстояние между буквами, межстрочный интервал и так далее, используйте настройки меню «Character Panel».

Расстояние между буквами (разрядка или tracking) можно изменить с помощью значка «AV» со стрелкой внизу. На примере мы установили значение 100 вместо предустановленного 0.

Чтоб сделать часть текста индексным (поднять на нужное значение) выделите нужный фрагмент и измените в настройках значение меню с обозначением «Aa» и стрелкой вверх. На примере мы изменили значение на букве «о» от 0 до 5.

Искривление текста возможно с помощью опции «Warp».

Мы остановились на значении разрядки в 24 без изменения остальных параметров.

2.6. Для того чтобы добавить тексту обводку и варьировать её цвет и толщину воспользуемся меню «Stroke».

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

Чтобы выбрать другие параметры обводки выберите следующее меню «Stroke» (правее меню выбора цвета).

«Weight» - это толщина обводки, мы выбрали значение «2»;

«Corner» - это закругление обводки, мы выбрали округлые углы;

2.7. Как видно на рисунке, обводка частично «съела» текст. Нам это не понравилось, и для того, чтоб исправить ситуацию, мы скопируем текст без обводки и наложим его спереди на получившийся текст с обводкой. Для этого в меню «Edit» выберем пункт «Copy», а затем «Pasteinfront».

2.8. Получилось гораздо симпатичнее:

2.9. Закрепим текст, скопированный вперёд для того, чтобы можно было работать с обведённым текстом под ним (закрепление делает невозможным выделение и видоизменение объекта). Сделать это можно с помощью меню «Object», пункта «Lock»и подпункта «Selection» на выделенном объекте. Такие инструменты нужны будут вам, если вы хотите править ширину и цвет обводки в данном представлении.

2.10.  Для того чтоб редактировать каждое слово отдельно (передвигая и масштабируя их независимо друг от друга), скопируйте и вставьте  (Copy/Paste) отдельно слова в вашем логотипе. Это нужно будет сделать отдельно для обведённого текста и текста скопированного перед ним.

2.11.  После того, как вы разделите обе надписи, совместите соотствующие слова попарно. Illustratorпонимает, как центрирована каждая буква, так что при переносе одного слова на другое он совместит их ровно, так же, как вы изначально их совместили при копировании.

2.12.  Для того чтоб каждое слово опять стало одним целым, а не наложенными друг на друга копиями, сгруппируйте их. Для этого выделите слово (инструмент «Курсор» на панели задач + с зажатой левой мышью обведите слово) и воспользуйтесь командой «Group» меню «Object».

2.13.  Теперь вы можете перемещать, менять размер (ползунками на прямоугольнике выделения) слова независимо друг от друга. Нам понравился такой вариант группировки:

2.14.  Если вы уверены, что не будете больше править ни текст, ни обводку, можно перевести текст в кривые, то есть сделать его обычной картинкой. Под печать отдают лого именно в таком виде (чтоб печатникам не пришлось искать использованный вами шрифт и текст при печати не «поплыл»). Для этого на выделенном тексте кликните правой кнопкой мыши и выберите команду «Createoutlines».

2.15.  Последний и финальный шаг – сохранение. В меню «File» выберите пункт «Saveas».

Вы увидите окно с параметрами сохранения.

В пункте «Version» предлагается выбрать версию программы, с которой будет совместим файл. Если у Вас несколько рабочих компьютеров и на них разные версии программы (например, сейчас вы работаете в CS5, а дома стоит CS4), сохраните документ в более ранней версии (как в нашем примере – мы выбрали сохранение в 4 версии). Нажмите ОК.

Выберите имя и нажмите «сохранить». Логотип готов!

В следующем МК от mash.ua мы попробуем нарисовать графический логотип, то есть знак для Вашего хендмейд-проекта, до встречи на Mash!

Узнавайте самое интересное от uamasters.com.ua на Facebook, Вконтакте и Twitter!


Комментарии  

 
0 # иван 24.05.2016 17:55
спасибо почти получилось
Ответить
 

Комментировать


Защитный код
Обновить

UaМастера в twitter   UaМастера в Google+  RSS подписка

БЛИЖАЙШИЕ СОБЫТИЯ

Все события

ОБСУЖДАЮТ

  • Как продавать товары ручной работы за границей?
    • manicure
      Good post. I will be facing a few of these issues as well..
  • Что покупают у украинских мастеров на Etsy?
    • Elank_a
      Актуально. Пишите на почту, которую я дала чуть выше тут
       
    • марина M
      Здравствуйте, скажите,ваше предложение ещё актуально? К вам можно обратиться за советом?
       
    • Saleks
      Доброго всем дня! Открыла свой магазин, разместила товар. Поделитесь, пожалуйста, как продвигать ...
       
    • Vbnz
      Доброго дня! Если кто хочет открыть магазин на ЕТСИ и получить 40 бесплатных листингов (лотов) ...
       
    • Elanka
      Большая часть покупателей все равно предпочитают делать оплату через ПэйПэл. А для получения денег ...
       
    • Saleks
      Нацбанк спростив проведення закордонних операцій для фізосіб. Тепер вони зможуть розміщувати на ...