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

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

Ответы (5)

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

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

Быстрые и грязные способы

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

Быстрый и грязный # 1 (рекомендуется)

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

Быстро и грязно # 2

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

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

Путь «Кисть»

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

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

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

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


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

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

    Пример фрагментов для узорчатой ​​кисти

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

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

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

    Параметры узорчатой ​​кисти

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

    Узорчатая кисть применяется к фигурам

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

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

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

    • Вот тот же Б, но без лишней точки:

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

Я попробовал «Правильный способ», но он немного глючит, потому что я не могу правильно расставить углы. Сначала я попробовал с Художественной кистью, и она не работает на всех углах, затем я попробовал с Узорной кистью, и снова она определенно не работает на всех углах, посмотрите на мой результат: flavius.clickgarden.net/multipleStrokes . jpg Как бы вы сделали свою Узорную кисть, чтобы правильно оформить углы этой сложной формы?
@Flavius ​​- Узорная кисть - это правильно, но сложно сделать это правильно. Самый простой способ — создать сетку из квадратов и использовать ее для разделения углов. Я опубликую изображения, когда у меня будет возможность.
Хорошо, я подожду твоего ответа, потому что я вообще не знаю, как пользоваться Узорной кистью... никогда не пользовался ею раньше. СПАСИБО
фаррей симлпи рокс
У @Jack Farray слишком много свободного времени. ;)
хорошо, что ты получаешь все знания
@Farray Большое спасибо за урок, много работы с вашей стороны, чтобы попытаться объяснить это мне, я попытался и получил какой-то результат, а не двойной контур (плюс мне нужно было, чтобы каждый из контуров имел другой цвет, и это становится еще сложнее), но что-то более странное вокруг моего текста, это выглядит интересно, отлично подходит для других проектов, что касается логотипа, над которым я работал... я думаю, что это лучшее решение, когда оно приходит для текста (для меня) остается обводка на панели «Внешний вид», и если мне нужно использовать прозрачность, я просто расширяю обводку и все.

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

Создайте свой текст. Клонируйте его три раза. Теперь у вас есть текст, наложенный 3 раза.

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

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

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

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

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

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

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

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