Как добавить ДВОЙНОЙ контур к тексту или фигуре в Adobe Illustrator?

10

Я создаю логотип, и я хотел бы нанести на него двойной контур, знаете ли вы какой-нибудь умный способ сделать это?

Флавий Франц
источник

Ответы:

16

Изменить: был лучший способ сделать Quick & Dirty # 1. Я пересмотрел ответ с улучшением. Теперь это мой предпочтительный метод.

Как и многие вещи в Illustrator, есть несколько способов сделать это.

Быстрые и Грязные Пути

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

Quick & Dirty # 1 (рекомендуется)

  1. Выберите ваш объект и на Appearanceпалитре выберите меню иAdd new stroke
  2. Выберите новый штрих на Appearanceпалитре и перейдите в меню EffectPathOffset Pathи сместите его на точку или 2.
  3. (Необязательно) Если вы хотите повторно использовать этот стиль, откройте Graphic Stylesпалитру, выберите меню и выберитеNew Graphic Style...

Quick & Dirty # 2

  1. Скопируйте и вставьте дубликаты вашего объекта друг над другом, пока у вас не будет 3 одинаковых объектов.
  2. Сделайте так, чтобы у низкослойного объекта был толстый ход.
  3. Сделайте объект среднего слоя менее густым мазком другого цвета.
  4. Сделайте так, чтобы у верхнего слоя объекта был самый тонкий штрих.

Если вам действительно нужна прозрачность, вы можете выбрать свои объекты и Outline Strokeсформировать заполненные фигуры. Затем вычтите и объедините ваши фигуры, чтобы быстро создать контурный объект с сплошной заливкой.

Путь "Кисть"

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

  1. Сделать Art Brush
    1. Создайте несколько параллельных линий (проще всего начать с горизонтальных линий)
    2. Выберите свои линии
    3. Откройте палитру кистей (F5).
    4. Нажмите меню и выберите New Brush...
    5. Выберите New Art Brush
    6. Убедитесь, что стрелка указателя направления движется в правильном направлении для ваших линий.
  2. Примените свое новое Brushк объекту, который вы хотите изложить
    1. Выберите свой объект.
    2. Нажмите на свою недавно созданную кисть на Brushesпалитре.

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

Изменить: запоздалая мысль. Если вы создаете сложную фигуру, которая требует контуров, вам нужно будет создать Pattern Brushуглы для размещения углов, вы не сможете сделать это с помощью Art Brush. Чтобы создать Pattern Brush, вам нужно создать каждую из ваших угловых и боковых ситуаций, а затем создать образцы образцов. Затем вы используете образцы шаблонов, чтобы создать свой Pattern Brush.


Вот самый простой способ, которым я знаю, чтобы сделать ваш шаблон кистью:

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

    Пример плитки для выкройки кисти

  2. Перетащите каждую из ваших плиток до Swatchesпалитры, чтобы сделать образцы узоров.

    Образцы образцов в моей палитре

  3. Создайте новую кисть и присвойте образцы каждой из соответствующих плиток.
    Возможно, вам придется скорректировать масштабирование, если вы сделали свой рисунок гораздо большего размера, чем его предполагаемый вариант использования.
    (Обратите также внимание, что индикатор конечного тайла вводит в заблуждение. Конечный тайл должен быть направлен в том же направлении, что и начальный тайл, как если бы это был один и тот же объект. Диалоговое окно, кажется, указывает, что оно должно быть направлено в противоположное направление, но это неправильно.)

    Варианты кисти

  4. Примените свой шаблон к фигурам, чтобы проверить это.

    Выкройка кисти, применяемая к фигурам

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

    • Вот B от шрифта до контура без очистки (используя мой пример мазка кистью):

    B со слишком большим количеством очков

    • Вот тот же самый B с удаленной посторонней точкой:

    B с дополнительной точки очищены

Farray
источник
Я попробовал «Правильный путь», но это своего рода глючит, потому что я не могу найти правильные углы. Сначала я попробовал с Art Brush, и она не работает на всех углах, затем я попробовал с Pattern Brush и снова, это определенно не работает на всех углах, посмотрите на мой результат: flavius.clickgarden.net/multipleStrokes. jpg Как бы вы сделали шаблонную кисть, чтобы углы подходили для этой сложной формы?
Флавиус Франц
@Flavius ​​- Pattern Brush - это правильно, но сложно сделать это правильно. Самый простой способ - создать сетку из квадратов и использовать ее для разделения углов. Я опубликую изображения, когда у меня будет шанс.
Фаррей
Хорошо, я подожду вашего ответа, потому что я вообще не знаю, как использовать шаблонную кисть ... никогда не использовал ее раньше. THX
Флавиус Франц
Farray Simlpy породы
Джек,
У @Jack Farray слишком много свободного времени. ;)
Фаррей
5

Как я это делаю:

Создайте свой текст. Клонируйте это три раза. Теперь у вас есть текст с 3 слоями.

Нижний слой получает границу, скажем, 10pt черного цвета. Следующий получает 8pt белый. Следующий получает 6pt черный. Верхний слой вообще не имеет границ.

Но я старомоден. Решение Фаррея, вероятно, тоже хорошо. Только будьте уверены, что вы не искажаете буквенные формы штрихом, который идет внутри глифа.

DA01
источник
4

Просто примените дополнительные штрихи к тексту через панель «Внешний вид» и используйте Effect > Path > Offset Pathдля перемещения штрихов от символов.

введите описание изображения здесь

Если вы хотите, чтобы штрихи были независимыми объектами, выберите Object > Expand Appearanceиз меню.

Скотт
источник
1

Думаю, есть гораздо более простой способ сделать это. На панели «Внешний вид» после выбора пути просто нажмите «fx» и добавьте еще один штрих или два, если хотите. Вам нужно будет поиграть с настройками, чтобы он находился рядом с вашим предыдущим ходом, а не с ним или внутри него.

PapaHotelPapa
источник
1

Я нашел способ добавить несколько концентрических штрихов вокруг объекта в Illustrator:

  1. Примените обводку на панели «Внешний вид» и убедитесь, что обводка выбрана (обводка, а не весь объект).
  2. Перейдите в Effect> Path> Offset Path ... Это применит эффект к обводке. Когда вы добавляете эффект, вы можете установить смещение в диалоговом окне.
  3. Добавьте еще один штрих на панели «Оформление», затем снова примените эффект. На этот раз установите смещение равным желаемому приращению в интервале между концентрическими штрихами. Вы можете быстро применить эффект к каждому удару с помощью сочетания клавиш Shift + Cmd + E (на Mac).
  4. Повторите для каждого концентрического удара, сколько хотите. Каждый раз устанавливайте смещение равным другому кратному приращению, которое вы хотите получить как интервал между штрихами (например, 10, 20, 30, 40). Вы также можете иметь неравномерный интервал между штрихами, если хотите.
  5. Каждый из штрихов можно редактировать отдельно, равно как и интервал между ними, и они будут следовать контурам базовой формы, оставляя его редактируемым. Вы также можете сохранить этот внешний вид как графический стиль и легко применить его к другим фигурам.
Майкл Даросс
источник