1. Design & Illustration
  2. Text Effects

Создайте Текстовый Эффект в Виде Рождественской Вязанки в Adobe Illustrator

by
Read Time:11 minsLanguages:
This post is part of a series called Learn Adobe Illustrator.
How to Create Flat Profession Avatars in Adobe Illustrator
Create a Hill Scene Using Gradients in Adobe Illustrator
This post is part of a series called Christmas Illustration Content.
How to Create a Holiday Themed Typography Piece in Adobe Illustrator
How to Create a Paper Quill Holiday Greeting in Adobe Illustrator

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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


1. Создайте Новый Документ и Настройте Сетку

Нажмите Contorl+N, чтобы создать новый документ.  Выберите Пиксели в качестве Единиц Измерения в выпадающем меню, введите 600 для ширины и 673  высоты документа и щелкните по кнопке Дополнительно (Advanced).  Выберите RGB, установите для Растровых Эффектов Экранное разрешение (72 ppi), и убедитесь, что у вас убрана галочка для Выравнивать Новые Объекты по Сетке (Align New Objects to Pixel Grid), прежде чем нажать ОК.

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

Knitted Text EffectKnitted Text EffectKnitted Text Effect

2. Создайте Четыре Объектные Кисти

Шаг 1

Выберите инструмент инструмент Эллипс (L) (Ellipse Tool) и продолжите работу в панели Инструментов. Уберите цвет для обводки и выберите заливку и задайте для нее цвет R=141 G=198 B=63. Перейдите к вашей монтажной области и создайте эллипс 2 х 9 рх, а Выравнивание по Сетке, должно облегчить вам эту задачу.

Убедитесь, что ваш зеленый объект по прежнему выделен, зайдите в панель Кисти (Brushes) (Окно > Кисти) и просто нажмите на кнопку Новая Кисть (кнопка обозначена голубой стрелочкой на рисунке ниже). Выберите вариант Объектная кисть (Art Brush) и нажмите ОК, что бы открыть окно Параметров Объектной Кисти. Задайте свойства показанные на следующей картинке, назовите кисть "green" (зеленая) и нажмите ОК. В результате, ваша зеленая кисть должна показаться в панели Кисти.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 2

Убедитесь, что ваша сплющенная окружность выбрана и замените ее заливку на другой цвет R=255 G=222 B=23. Используя эту желтую фигуру, создайте вторую объектную кисть и назовите ее "yellow".

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 3

Убедитесь, что ваша сплющенная окружность выбрана и замените ее заливку на другой цвет R=246 G=72 B=48. Откройте панель Оформление (Appearance ) (Окно > Оформление) и добавьте вторую заливку для этой оранжевой фигуру, используя кнопку Добавить Новую Заливку (Add New Fill) (она показана маленькой голубой стрелкой на следующей картинке). Выберите эту новую заливку, задайте для нее белый цвет (R=255 G=255 B=255) и зайдите в Эффекты > Контур > Создать Параллельный Контур (Effect > Path > Offset Path).  Задайте -0.5 рх Смещение (Offset), нажмите ОК, и вернитесь в панель Оформление.

Убедитесь, что выбрана белая заливка, откройте панель Прозрачность (Transparency) (Окно > Прозрачность), понизьте Непрозрачность (Opacity) до 50% и измените Режим Наложения (Blending Mode) на Расс.Свет (Soft Light). Используя эту оранжевую фигуру, создайте новую объектную кисть и назовите ее "orange".

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 4

Убедитесь, что ваша сплющенная окружность выбрана и продолжайте работу в панели Оформление, выберите там нижнюю заливку и замените цвет на R=246 G=192 B=168.

Продолжая работать в панели Оформление, выберите белую заливку, зайдите в панель Прозрачность и измените Непрозрачность на 100%. Используя эту новую фигуру, создайте новую объектную кисть и назовите ее "beige". Теперь когда у вас в панели Кистей, находятся четыре ваших кисти, вы можете удалить сплющенную окружность из монтажной области.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

3. Сделайте Основные Стежки

Шаг 1

Выберите инструмент Перо (Р) (Pen Tool), создайте вертикальную линию, длиной 8 рх и продолжите работу в панели Оформление. Убедитесь, что для заливки цвет не задан, затем выберите обводку  и добавьте для нее вашу объектную кисть "orange" из панели Кистей. Продолжайте работу с этим маленьким элементом, и переключитесь на инструмент инструмент Прямое Выделение (А) (Direct Selection Tool), выберите нижнюю опорную точку, и потяните ее на 3 рх вправо. Результат должен быть похож на вторую картинку.

Заново выберите контур, созданный на этом шаге и зайдите в Объект > Трансформировать > Зеркальное Отражение (Object > Transform > Reflect). Выберите Ось Горизонтальная и нажмите кнопку Копировать, чтобы создать горизонтальное отражение. Выберите этот новый конур и просто потяните его на 2 рх вверх и на 4 рх вправо. В результате, у вас должно быть похоже, на четвертую картинку ниже. Выберите обе фигуры и Сгруппируйте их (Control-G). Перейдите в панель Слои, дважды щелкните по этой новой группе мышкой и назовите группу "Orange".

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 2

Заново выберите вашу групп "Orange" и вставьте вперед ее копию (Control-C > Control-F). Перейдите в панель Слоидважды щелкните по этой новой группе мышкой и назовите группу "Beige". Выберите два контура внутри группы и замените для них объектную кисть "orange", для обводки, на кисть "beige". Убедитесь, что ваша групп "Beige" выделена и сместите ее на несколько пикселей вправо, как на следующей картинке.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 3

Заново выберите вашу групп "Orange" и вставьте вперед ее копию (Control-C > Control-F).  Перейдите в панель Слоидважды щелкните по этой новой группе мышкой и назовите группу "Yellow".  Выберите два контура внутри группы и замените для них объектную кисть "orange", для обводки, на кисть "yellow".

Заново выберите вашу групп "Beige" и вставьте вперед ее копию (Control-C > Control-F).  Перейдите в панель Слоидважды щелкните по этой новой группе мышкой и назовите группу "Green".  Выберите два контура внутри этой четвертой группы и замените для них объектную кисть "biege", для обводки, на кисть "green".  Убедитесь, что группы "Yellow" and "Green" выделены и сместите их на несколько пикселей вниз, как на следующей картинке.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 4

Заново выберите группу "Green" и зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Введите 1 в окне для копий, потяните слайдер Смещение по Горизонтали на 8 рх, нажмите ОК и затем снова зайдите Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Введите 1 в окне для копий, потяните слайдер Смещение по Вертикали на 7 рх, нажмите ОК. Результат должен получиться как на картинке ниже.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

4. Создайте Стежки Фона

Шаг 1

Задайте цвет для заливки R=206 G=32 B=8, и возьмите инструмент Прямоугольник (М) и щелкните по артборду, чтобы открыть окно инструмента Прямоугольник. Введите 602 в окне для Ширины и 675 для Высоты и нажмите ОК.

Далее, вы необходимо выровнять по центру красный прямоугольник, для этого откройте панели Выравнивание (Align) (Окно > Выравнивание). Выберите выравнивание по Монтажной Области (откройте для этого выпадающее меню Показать Параметры, если вы не можете видеть опцию Выравнивать По) и щелкните по кнопкам Горизонтальное Выравнивание по Центру и Вертикальное Выравнивание по Центру. В результате, ваш прямоугольник должен полностью закрывать монтажную область, как на следующей картинке. Перейдите в панель Слои, дважды щелкните по  красному прямоугольнику и назовите его "bg".

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 2

Выберите группу  "Orange" и разместите ее, как показано на первой картинке. Убедитесь, что эта групп все еще выделена и зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Введите 74 в окне копии, и потяните слайдер Перемещение по Горизонтали до величины 8 рх, нажмите ОК и снова зайдите в Эффект > Исказить и Трансформировать > Трансформировать. На этот раз ведите 97 в окне копии, и потяните слайдер Перемещение по Вертикали до величины 7 рх, нажмите ОК. Результат должен быть как на второй картинке.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 3

Выберите группу  "Beige"  и поместите копию вперед (Control-C > Control-F). Разместите копию группы, как показано на первой картинке и зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Введите 74 в окне копии, и потяните слайдер Перемещение по Горизонтали до величины 8 рх, нажмите ОК и снова зайдите в Эффект > Исказить и Трансформировать > Трансформировать.  На этот раз ведите 1 в окне копии, и потяните слайдер Перемещение по Вертикали до величины 7 рх, нажмите ОК. Результат должен быть как на второй картинке. Результат должен выглядеть как на второй картинке.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 4

Выберите группу "Beige" с двумя эффектами Трансформации и дублируйте ее (Control-C > Control-F). Выберите копию и потяните ее вниз на 35 рх, как показано не следующей картинке.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 5

Выберите оригинальную группу "Beige", разместите ее как на первой картинке и зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Введите 36 в окне копии, и потяните слайдер Перемещение по Горизонтали до величины 16 рх и нажмите ОК. Результат должен выглядеть как на второй картинке.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 6

Выберите все три группы "Beige" и дублируйте их (Control-C > Control-F). Потяните эти копии вниз и разместите как на следующей картинке.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

5. Создайте Вязанный Текст

Шаг 1

Размножьте группы "Green" и "Yellow", и потом используйте эти копии, чтобы создать буквы. Для создания буков вы должны использовать 10 стежков по вертикали и шесть стежков по горизонтали. Только для нескольких букв (например M N W), вам понадобится семь стежков.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 2

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

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 3

Выберите все контуры, внутри ваших групп "Green" и "Yellow". Перейдите в панель Оформление и измените кисти используемые для обводки на объектную кисть "beige". Результат должен выглядеть как на следующей картинке.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

6. Добавьте Тканевую Текстуру

Шаг 1

Выберите ваш прямоугольник "bg", вставьте вперед его копию (Control-C > Control-F) и переместите ее на передний план (Shift-Control-] ). Перейдите в панель Слои, дважды щелкните по этому новому объекту и дайте ему название "texture".

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 2

Убедитесь, что ваш объект "texture" все еще выделен и перейдите в панель Оформление. Выберите заливку, замените цвет на черный, понизьте Непрозрачность до 8%, измените Режим Наложения (Blending Mode) на Умножение (Multiply) и зайдите в Эффект > Имитация > Зернистость фотопленки (Effect > Artistic > Film Grain). Введите параметры, как на следующей картинке и нажмет ОК.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 3

Убедитесь что ваш объект "texture" все еще выделен, и продолжайте работу в панели Оформление и добавьте вторую заливку используя кнопку Добавить Новую Заливку. Выберите эту новую заливку, убедитесь, что она черного цвета, измените Режим Наложения на Умножение и зайдите в Эффект > Искажение > Рассеянное Свечение (Effect > Distort > Diffuse Glow). Введите параметры, приведенные ниже, и нажмите ОК.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 4

Убедитесь что ваш объект "texture" все еще выделен, и продолжайте работу в панели Оформление и добавьте вторую заливку используя кнопку Добавить Новую Заливку. Выберите эту новую заливку, откройте панель Градиент (Gradient) (Окно > Градиент) и щелкните по заначку градиента, чтобы добавить стандартный градиент от черного к белому. Продолжайте работать в панели Градиентов, выберите Угол - 90 градусов и затем перейдите к шкале градиентов. Выберите левый узел и задайте для него черный цвет (R=0 G=0 B=0),а затем, выберите правый узел и задайте для него  R=206 G=32 B=8. Убедитесь, что правый слайдер выделен, зайдите в окно Непрозрачности (в панели Градиент) и установите значение 0%. Вернитесь в панель Оформление, убедитесь, третья заливка выбрана и перейдите в панель Прозрачность. Уменьшите Непрозрачность до 15% и измените Режим Наложения на Затемнение Основы (Color Burn).

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 5

Убедитесь что ваш объект "texture" все еще выделен, и продолжайте работу в панели Оформление, выберите верхнюю заливку и дублируйте ее, используя кнопку Дублировать Выделенный Объект (показана маленькой синей стрелкой на следующем рисунке). Выберите эту новую заливку, и перейдите в панель Градиент, выберите вариант градиента - Радиальный, и щелкните по кнопке Обратный Градиент. Перейдите в монтажную область, возьмите инструмент Градиент (G) и растяните радиальный градиент, как на следующей картинке. Посмотрите это короткое видео, если вы мало знакомы с инструментом Градиент (G) (Gradient Tool).

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Шаг 6

Перейдите в панель Слои, выберите группу "Orange" и зайдите в Эффект > Стилизация > Тень (Effect > Stylize > Drop Shadow). Введите параметры, как в левом окне (на картинке ниже), нажмите ОК и снова зайдите в Эффект > Стилизация > Тень. Введите параметры, как в правом окне (на картинке ниже), нажмите ОК.

Knitted Text EffectKnitted Text EffectKnitted Text Effect

Поздравляю! Вы все Сделали!

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

Knitted Text EffectKnitted Text EffectKnitted Text Effect
One subscription.
Unlimited Downloads.
Get unlimited downloads