Vectorboom
Уроки / Текстовые эффекты / Comments: 0

Работа с Open Type и альтернативные символы в Adobe Illustrator

Ярослав Лазунов
05.11.2012
Цель урока

В этом уроке  мы рассмотрим работу с шрифтами открытого типа (OpenType fonts) в Adobe Illustrator. Этот тип шрифтов дает нам больше возможностей при  работе с текстом, чем шрифты TrueType.  Используя панель Glyphs и альтернативные символы,  мы можем получить множество вариантов одного текста. У вас нет необходимости  создавать руками причудливые завитки и орнаменты. Для получения  художественного текстового эффекта вам просто нужно скомпоновать готовые символы или доверить этот процесс вашему компьютеру. 

История создания OpenType и TrueType шрифтов и их сравнение

TrueType — формат компьютерных шрифтов, разработанный фирмой Apple в конце  1980-х годов. Шрифты в данном формате используются во многих современных  операционных системах. Файлы с такими шрифтами имеют расширение .ttf.

OpenType — формат файла шрифтов, поддерживающий Unicode-кодировку, разработанный совместно Microsoft и Adobe для  применения в различных операционных системах. OpenType обладает большими по сравнению с TrueType  возможностями допечатной подготовки и поддерживает больший набор символов при  меньшем размере файла. Шрифты Open Type могут включать широкий набор глифов, включая лигатуры, дроби, исторические символы (числа старого стиля). Они допускают автоматическую замену определенных  символов. Шрифты OpenType могут содержать несколько вариантов оптических размеров шрифта внутри  одного семейства шрифтов, при этом шрифты разного размера основываются на  разных наборах векторных контуров, для улучшенного отображения на экране и  повышенной читабельности символов малого размера. Файлы шрифтов имеют  расширение  .ttf (шрифты, основанные на TrueType) или .otf (шрифты, основанные на PostScript)

История создания OpenType и TrueType шрифтов и их сравнение

Работа с  OpenType шрифтами

К сожалению, большинство бесплатных шрифтов имеют формат TrueType, то есть не имеют альтернативных символов. Однако я думаю, что в вашей операционной системе имеется достаточное количество Open Type шрифтов. При нажатии на кнопку Set the font family в панели Adobe Illustrator - Character (Window > Type > Character) вы увидите список всех шрифтов.

Работа с OpenType шрифтами

 

Перед шрифтами открытого типа находятся иконки с символом "O”

 

альтернативное написание букв в adobe illustrator cs6

Step 1

Для работы нам понадобиться еще несколько панелей, давайте откроем их. Панель Glyphs (Type > Glyphs); OpenType (Window > Type > OpenType); Paragraph (Window > Type > Paragraph)

альтернативное написание букв в adobe illustrator cs6

Берем Type Tool (T) и печатаем необходимую надпись (здесь я использовал PF Champion Script Pro и в качестве надписи использовал название моего веб сайта, которое написал в две строчки)

альтернативное написание букв в adobe illustrator cs6

Step 2

Приступим к работе над нашим текстом. Сначала давайте уменьшим расстояние между стоками в панели Character.

альтернативное написание букв в adobe illustrator cs6

Теперь два раза кликаем по верхней строке и  выделяем всю верхнюю строку текста, устанавливаем значение First – line left intend в панели Paragraph.

альтернативное написание букв в adobe illustrator cs6

Step 3

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

альтернативное написание букв в adobe illustrator cs6

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

альтернативное написание букв в adobe illustrator cs6

Для включения этого режима предназначена кнопка Contextual Alternates в панели OpenType.

Step 4

Если в вашем тексте присутствуют сочетания букв такие, как fi, ff, ij, st, ct, fs, то вы можете превратить их в один графический символ, который носит название лигатура, нажав на соответствующие кнопки в панели OpenType.

альтернативное написание букв в adobe illustrator cs6
альтернативное написание букв в adobe illustrator cs6

Хочу заметить, что не все шрифты открытого типа имеют лигатурные символы.

Step 5

У некоторых OpenType шрифтов есть возможность применять альтернативные символы к первым заглавным буквам текста. Такие символы носят название Swash. Их также можно применять к последним буквам строки.

альтернативное написание букв в adobe illustrator cs6

Для автоматической замены символов служит кнопка Swash в панели OpenType.

Step 6

У нас есть возможность самим подбирать нужный вид символа. Для этого выделите букву, которую вы хотите заменить, затем переходим во вкладку Alternates for Current Selection в панели Glyphs. Выберите подходящую альтернативу из сформированного списка. Так, например буква "r”, в случае использования шрифта PF Champion Script Pro, имеет 16(!) вариантов.

альтернативное написание букв в adobe illustrator cs6

Я также решил заменить буквы "m” and "b”

альтернативное написание букв в adobe illustrator cs6

Step 7

Расстояние между буквами "o” и "r” мне кажется слишком велико. Давайте уменьшим его. Выделяем две эти буквы, затем уменьшаем значение в панели Characters.

изменяем расстояние между буквами в тексте в adobe illustrator cs6

Step 8

Нам только осталось украсить нашу надпись орнаментом. Нет, нам не придется создавать его руками. Оказывается, огромное число орнаментов уже содержится в панели иллюстратора Glyphs. Берем Type Tool (T) и кликаем ниже нашего текста, теперь переходим во вкладку Ornaments в панели Glyphs.

выбор арнамента в adobe illustrator cs6

Выбираем подходящий орнамент и комбинируем его с текстом.

выбор арнамента в adobe illustrator cs6

А вот альтернативный вариант той же надписи.

урок позволит вам полюбить работу со шрифтами в Adobe Illustrator

Используя описанные выше техники, я создал еще одну надпись "Work hard stay humble” , в этот раз я использовал великолепный шрифт - Mon Amour Script Pro.

урок позволит вам полюбить работу со шрифтами в Adobe Illustrator

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

Будьте всегда в курсе свежих новостей о векторной графике, новых уроков   работы в Adobe Illustrator, статей и интервью посвященных графическому   дизайну. Команда RU.Vectorboom работает для Вас! До новых встреч!

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.