Adobe Illustrator CS3: обводки текстовых объектов

Залогом красивого дизайна являются грамотно выполненные обводки. Я расскажу как правильно ее сделать для текстового объекта в Illustrator.

Итак, нам нужна жирная, красивая обводка текста. Создаем текстовый объект, для примера, отдавая дань своим немецким корням, я выбрал написание немецкого слова Morgenröte (утренняя заря) :)

Adobe Illustrator CS3 text outlines

Моя задача - сделать для этого текстового объекта красивую и аккуратную обводку черного цвета. Казалось бы, нет ничего проще, просто задаем stroke - 2pt, черный цвет и делу конец.

Adobe Illustrator CS3 text outlines

Да, получилось не так уж плохо, хотя часть букв была “съедена” обводкой, так как по умолчанию она откладывается в обе стороны от контура объекта. Пока обводка тонкая (относительно объекта) это не страшно, но мне нужна жирная, выразительная обводка. При увеличении толщины происходит следующее

Adobe Illustrator CS3 text outlines

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

Adobe Illustrator CS3 text outlines

Сверху с 60% прозрачностью положен сам объект, который перекрашен в белый цвет. Видно, что обводка откладывается симметрично как во внутрь так и во внешнюю сторону объекта.

Этим свойством давно умеет управлять Corel Draw, в Illustrator управление видом обводки появилось относительно недавно. Если мы обратимся ко кладке stroke, то там мы увидим переключатель режимов.

Первый означает режим по умолчанию, соответствующий симметричному положению обводки, второй соответствует обводке откладывающейся внутрь объекта, третий - во внешнюю сторону, то, что в Corel называется Outline Behind Fill.

Adobe Illustrator CS3 text outlines

Последний нам, как раз, нужнее всего, потому что если мы сделаем обводку пожирнее то у нас начнет страдать сам текст.

Adobe Illustrator CS3 text outlines
Странно, объект выделен, а эти переключатели нам не доступны? (смотри внимательнее предыдущую иллюстрацию) Может, это какая то ошибка?

Отнюдь. Adobe Illustrator не умеет менять со стандартного типы обводки для текстовых объектов. Для графики - пожалуйста. В этом не сложно убедиться переведя текст в кривые (Cntrl(Command)+Shift+O). Предполагаю, что это связано со спецификациями PostScript. Corel это не очень волнует, а для Illustrator PostScript - закон :razz:

Adobe Illustrator CS3 text outlines

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

Что же делать? Давайте создадим определенный “бутерброд” и 2-х одинаковых текстовых объектов, отличающихся только обводкой. Внизу у нас будет лежать текст с обводкой, а на нем текст вообще без обводки. Это позволит нам реализовать подложенную обводку (behind fill).

Adobe Illustrator CS3 text outlines

Итак, делаем копию нашего объекта на его же месте в том же слое Ctrl(Command)+C потом Ctrl(Command)+F. Затем отменяем верхнему объекту обводку. Результат смотрите ниже.

Adobe Illustrator CS3 text outlines

Adobe Illustrator CS3 text outlines

Это старый прием, известный мне еще со времен 8-й версии Illustrator. Как не странно, он не потерял актуальности и в 13(!)-й версии. Хм, может, ребятам из Adobe пора что то менять?

:?:

Схожие заметки:   Не найдено

Comments RSS|      Trackback URI






Comments

Nikita

Боже, как всё сложно! И меня ещё упрекают в любви к Corel’у.
Хотя, если так подумать, лубой бы догадался так сделать, так что смысла в уроке нет. Только если для совсем начинающих полиграфистов.

arry

Ну это вы явно не в настроении :)

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

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

Кстати, я Вас не упрекаю в ваших пристрастиях :razz: Надеюсь, что никто не будет кидать в Вас камнями за ваши пристрастия в отношении редакторов векторной графики :razz:

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

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

IMHO

dobrych

Хорошая заметка, жду продолжения простых советов для выполнения сложных задач ;-)

Mr.SergE

effect>path>offset path

I think it’s more effective and easier to use.

arry

2Mr.SergE: не могу не отметить безусловное удобство этой функции, к тому же нет необходимости возиться с 2-мя объектами, есть только одно “но”.

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

:razz:

uggallery

Обводками можно манипулировать во вкладке Appearance. У графич. объектов, в этой вкладке можно обводку перетащить под заливку. К тому же там можно к объекту применить несколько обводок сразу: с разным положением относительно контура, разной толщиной, цветом и т.д. Но с текстом это опять-таки не работает.

uggallery

Насчето того что должен профессионал… Знать все одинаково хорошо — невозможно. Это гнилой путь. К счастью, прошли те времена, когда профи должен был знать три векторные программы, две верстальные только потому, что заказчик выбирает типографию по цене, а не по качеству. А дизайнер знай подстраивайся. Специализация - вот путь профессионала. Из векторных программ должен был остаться только один. Остался Илл. Ну и чудненько. Это я говорю как человек, который работал во всех этих программах очень много, и больше всего в Кореле.

arry

2uggallery:
есть операции, которые гораздо удобнее делать в Corel Draw, например обрабатывать сложный векторный контур, полученный трассировкой, который необходимо привести в порядок, сгладить почистить и упростить.

Собирать все равно придется в Illustrator, но в нем, традиционно, работа с кривыми (Безье) реализована достаточно неудачно (не удобно, враждебно к пользователю).

Хм, а что вы будете делать с объектами с несколькими обводками? PostScript 2 поддерживает такие объекты? Как вывод осуществляться будет? Вы задумывались?

:!:

uggallery

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

Про постскрипт вывод… Семь бед - один ответ: меню Object > Expand Appearance. И всего делов. Вывести можно все, было бы чего выводить.

arry

Ok :)
Для холивор я сделаю отдельную тему.
Согласен с постановкой вопроса, каждый должен делать свое дело.

:razz:

Dar

нет нет, все гораздо проще ))
http://dar.stors.ru/tmp/ai.gif

и текст остается редактируемым

arry

вполне возможно :)
а можно по подробнее? какова последовательность действий? как это выводиться?

(точнее это уже я сам проверю, просто одной картинки мне не достаточно)

Dar

в панели appearance по треугольнику — add new fill/stroke (не помню почему, но сам текст в этом случае я предпочитаю оставлять без заливки/обводки), и этими новыми stroke и fill можно манипулировать как угодно, назначать им отдельно прозрачности, режимы наложения, дублировать, и т.д.

karma

Согласен с Dar, я тоже давно так поступаю.
А что касается вышеприведенного примера… Так, через зад в любой программе неудобно работать :)

Andrey Zhinzher

ну то, что ВЫ так поступаете, еще не свидетельствует о его удобстве и правильности :)

работу свою необходимо делать так, чтобы ее можно было правильно реализовать. теперь осталось только определить кто из нас делает обводки “через зад”.

мой способ абсолютно безопасен при выводе так как для его реализации достаточно PostScript Level 1, можем считать его 100% безотказным, а ваш способ можно описать PostScript Level 2 ? вы сможете сдать в работу свою верстку с такими объектами?

(это я намекаю на тех людей которым нужна такая ваша работа)

ответив на этот вопрос, вы узнаете кто из нас идет через зад, а если еще напряжетесь, то, может, и поймете еще и через чей.

:)






Leave a comment

(required)

(required)

XHTML:Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>