() translation by (you can also view the original English article)
В течение следующих нескольких шагов вы узнаете, как создать текстовый эффект с личинками в Adobe Illustrator.
Для начала, вы узнаете, как настроить простую сетку и как создать основные элементы, используя базовые инструменты и эффекты, в том числе и функцию Динамических Углов. Используя возможности панели Оформление и используя простую каллиграфическую кисть, вы узнаете как раскрасить личинку. Далее, вы узнаете как сохранять и использовать объектные кисти, и как добавить тени от ваших личинок. И наконец, вы узнаете как добавить приятный фон с легкой текстурой и текстовый элемент.
Вы можете найти множество примеров для вдохновения на Envato Market, которые помогут вам настроить и улучшить окончательный дизайн вашего текстового эффекта.
1. Создайте Новый Документ и Настройте Сетку
Нажмите Contorl+N, чтобы создать новый документ. Выберите Пиксели в качестве Единиц Измерения в выпадающем меню, введите 850 для ширины и 600 высоты документа и щелкните по кнопке Дополнительно (Advanced). Выберите RGB, установите для Растровых Эффектов Экранное разрешение (72 ppi), и убедитесь, что у вас убрана галочка для Выравнивать Новые Объекты по Сетке (Align New Objects to Pixel Grid), прежде чем нажать ОК.
Включите Сетку (Grid) (Просмотр > Показать Сетку) и Выравнивать по Сетке (Просмотр > Выравнивать по Сетке). Вам понадобится сетка с шагом 0.5 рх, для этого зайдите в Редактирование > Установки > Направляющие и Сетка и введите 0.5 для Линия через Каждые и 1 для Внутренне деление на. Не бойтесь, если сетка вас смущает - она облегчит вашу работу, и помните, что вы всегда можете включать и выключать ее используя горячие клавиши - Control-".
Вы можете узнать больше о системе сетки в Illustrator из этого короткого урока Andrei Stefan: Разбираемся с сеткой в Adobe Illustrator.
Вам так же следует открыть панель Информации (Info) (Окно > Информация), что бы иметь возможность видеть размер и положение ваших объектов в режиме просмотра. Не забудьте установить единицы измерения на пиксели в окне Редактирование > Установки > Единицы Измерения > Основные. Все проделанные нами установки значительно ускорят процесс вашей работы.
2. Создайте Основные Элементы
Шаг 1
Выберите инструмент Эллипс (L) (Ellipse Tool) и начните работать с панелью инструментов. Удалите цвет для обводки и затем назначьте цвет для заливки R=236 G=28 B=36. Теперь переместитесь на монтажную область и просто создайте фигуру размером 7 х 6 рх, а сетка и Выравнивание по Сетке, упростит вам задачу.
Продолжите работать с красной окружностью и переключитесь на инструмент Опорная Точка (Shift-C) (Anchor Point Tool). Щелкните по верхней и нижней опорной точкам. В итоге ваша фигура должна выглядеть как на втором рисунке.
Шаг 2
Замените заливку на любой оттенок желтого и выберите инструмент Прямоугольник (М) (Rectangle Tool). Создайте объект 2.5 х 7 рх и разместите его как показано на первой картинке.
Используя тот же инструмент, добавьте еще шесть прямоугольников, как показано на второй картинке. Приблизьте сетку и убедитесь, что вы разместили прямоугольники в точности как на рисунке.
Шаг 3
Продолжайте работать с прямоугольниками, и возьмите инструмент Прямое Выделение (А) (Direct Selection Tool), выберите точки слева вверху (выделена на первом рисунке). Перейдите в контрольную панель и введите 0.5 рх и окне Углы.
Динамические Углы - это функция, которая появилась только в версиях CC. Лучшим решением, каким можно заменить эту функцию будет скрипт Скруглить Любой Угол, информацию о котором можно найти в статье: 20 Бесплатных и Полезных Скриптов для Adobe Illustrator. Сохраните его на жестком диске, вернитесь в Illustrator и возьмите инструмент Прямое Выделение (А) (Direct Selection Tool). Выберите те же опорные точки и зайдите в Файл > Сценарии > Другой Сценарий (File > Scripts > Other Script). Откройте скрипт Round Any Corner, и введите радиус 0.5 рх, а потом нажмите ОК.
Шаг 4
Используя Прямое Выделение (А), выберите опорную точку сверху справа (подсвечена на первой картинке). Перейдите в контрольную панель и на этот раз введите значение 1 рх в окне Углы.
Шаг 5
Выберите семь ваших скругленных прямоугольников и зайдите в Эффект > Деформация > Выпуклость (Effect > Warp > Bulge). Отметьте вариант Горизонтальный, потяните слайдер для Изгиба до 50% и затем нажмите кнопку ОК.
Шаг 6
Выберите три скругленных прямоугольника выделенных на следующей картинке и зайдите в Эффект > Деформация > Дуга Вниз (Effect > Warp > Arc Lower). Выберите вариант По Вертикали, и потяните слайдер для Изгиба до 10% и затем нажмите кнопку ОК.
Шаг 7
Выберите три скругленных прямоугольника выделенных на следующей картинке и зайдите в Эффект > Деформация > Дуга Вниз (Effect > Warp > Arc Lower). Выберите вариант По Вертикали, и потяните слайдер для Изгиба до 15% и затем нажмите кнопку ОК.
Шаг 8
Выберите семь скругленных прямоугольников и зайдите в Объект > Разобрать Оформление (Object > Expand Appearance).
Шаг 9
Выберите все полученные объекты и зайдите в Объект > Трансформировать > Зеркальное Отражение (Object > Transform > Reflect). Выберите Ось Вертикальная и щелкните по кнопке Копировать. Перетащите получившиеся объекты влево, как показано на третьей картинке. Опять же, Сетка и Выравнивание по Сетке вам в этом помогут.
3. Добавьте Цвет и Осветления
Шаг 1
Выберите все объекты и замените заливку на цвет R=230 G=130 B=88.
Шаг 2
Убедитесь, что все объекты по прежнему выделены, и продолжите работу в панели Оформление (Appearance) (Окно > Оформление), и добавьте вторую заливку используя кнопку Добавить Новую Заливку (Add New Fill).
Выберите новую заливку, установите для нее белый цвет (R=255 G=255 B=255), понизьте Непрозрачность (Opacity) до 20%, измените Режим Наложения (Blending Mode) на Перекрытие (Overlay), и затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Потяните слайдер Масштабирование по Вертикали до значения 80% и затем нажмите ОК.
Шаг 3
Убедитесь, что все объекты по прежнему выделены, и продолжите работу в панели Оформление и добавьте третью заливку используя кнопку Добавить Новую Заливку.
Выберите новую заливку, установите для нее белый цвет, понизьте Непрозрачность до 40%, измените Режим Наложения на Перекрытие, и затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Потяните слайдер Масштабирование по Вертикали до значения 60% и затем нажмите ОК.
Шаг 4
Убедитесь, что все объекты по прежнему выделены, и продолжите работу в панели Оформление и добавьте четвертую заливку используя кнопку Добавить Новую Заливку.
Выберите новую заливку, установите для нее белый цвет, понизьте Непрозрачность до 60%, измените Режим Наложения на Перекрытие, и затем зайдите в Эффект > Исказить и Трансформировать > Трансформировать. Потяните слайдер Масштабирование по Вертикали до значения 30% и затем нажмите ОК.
Шаг 5
Откройте панель Кисти (Brushes) (Окно > Кисти) и щелкните по кнопке Новая Кисть. Выберите Каллиграфическая кисть (Calligraphic Brush) и нажмите ОК. Установите параметры, как на следующей картинке и нажмите ОК.
Выберите все объекты, используйте вашу новую каллиграфическую кисть, и не забудьте установить цвет R=150 G=75 B=41.
Шаг 6
Выберите самую правую фигуру и продолжите работу в панели Оформление. Сначала, выделите нижнюю заливку и замените цвет на R=230 G=86 B=84, а затем выберите обводку и замените цвет на R=150 G=42 B=38.
4. Сохраните Объектные Кисти
Шаг 1
Выберите все ваши объекты и вернитесь в панель Кисти. Щелкните по кнопке Новая Кисть, выберите вариант Объектная кисть (Art Brush), и нажмите ОК. Введите параметры как показано на рисунке ниже и нажмите ОК. Это будет наша первая личиночная кисть (Назовите ее "Art Brush 100%" ).
Шаг 2
Продолжайте работу в панели Кисти. Выберите вашу личиночную кисть и потяните ее на кнопку Новая Кисть, чтобы создать дубликат. Дважды щелкните по вашей новой добавленной кисти, чтобы открыть окно Параметры Объектной Кисти. Потяните слайдер Ширины до 50%, назовите ее "Art Brush 50%" и нажмите ОК.
Используя ту же технику, создайте вторую копию объектной кисти. Поменяйте ее название на "Art Brush 25%" и убедитесь, что вы установили слайдер Ширины на 25%.
5. Добавьте Фон и Текст
Шаг 1
Используя инструмент Прямоугольник (М) (Rectangle Tool), создайте фигуру размером 860 х 610 рх, залейте ее цветом R=247 G=205 B=159, и убедитесь, что она полностью закрывает ваш артборд.
Добавьте вторую заливку для этого объекта и задайте для нее черный цвет (R=0 G=0 B=0). Понизьте Непрозрачность до 3%, измените Режим Наложения на Умножение, и затем зайдите в Эффект > Имитация > Зернистость фотопленки (Effect > Artistic > Film Grain). Введите параметры, как на рисунке ниже и нажмите ОК.
Шаг 2
Возьмите инструмент Текст (Т) (Type Tool) и откройте панель Символы (Character) (Окно > Текст > Символ). Выберите шрифт Pacifico и установите для него размер 180 рt, и затем щелкните по монтажной области. Напишите текст "Maggot" (личинка) и задайте цвет R=150 G=75 B=41.
Шаг 3
Убедитесь, что ваш текст выделен, уменьшите Непрозрачность до 25 %, зайдите в Эффект > Обработка Контуров > Добавить (Effect > Pathfinder > Add) и затем зайдите в Эффект > Исказить и Трансформировать > Помарки (Effect > Distort & Transform > Tweak). Введите параметры как на рисунке ниже и нажмите ОК.
6. Добавьте Личинки
Шаг 1
Теперь отключите сетку (Control-") и выравнивание по сетке (Shift-Control-").
Возьмите инструмент Кисть (В) (Brush Tool) и выберите вашу Art Brush 100% из панели Кисти. Начните работать с текстом, распределив личинки примерно как показано на рисунке.
Шаг 2
Теперь вам нужно выбрать все личинки созданные на предыдущем шаге. Вы можете это сделать вручную или вы можете выбрать их зайдя в Выделение > По Общему Признаку > Оформление (Select > Same > Appearance).
После того, как вы выбрали все личинки, зайдите в Эффект > Стилизация > Тень (Effect > Stylize > Drop Shadow). Введите параметры показанные в левом окне (на следующей картинке), щелкните по кнопке ОК, и затем добавьте еще два других эффекта Тени, как показано ниже.
Шаг 3
Используйте инструмент Кисть (В) и Art Brush 50%, распределите новые личинки вокруг тех что уже есть, примерно как на рисунке.
Шаг 4
Выберите личинки добавленные на предыдущем шаге и добавьте два эффекта Тень, как на рисунке ниже.
Шаг 5
Используйте инструмент Кисть (В) и Art Brush 25%, распределите новые личинки вокруг тех что уже есть, примерно как на рисунке.
Шаг 6
Выберите личинки добавленные на предыдущем шаге и добавьте два эффекта Тень, как на рисунке ниже.
7. Добавьте Тени
Шаг 1
Выберите прямоугольник для фона, и поместите вперед его копию (Control-C > Control-F), и поместите ее на передний план (Shift-Control-]). Убедитесь, что прямоугольник выделен, и продолжите работу в панели Оформление.
Удалите черную заливку и выберите оставшуюся заливку. Измените Режим Наложения на Расс.Свет и затем замените заливку на радиальный градиент, как показано ниже. Используйте инструмент Градиент (G), чтобы растянуть ваш градиент, как на рисунке ниже, при этом имейте в виду, что желтый ноль на рисунке для Градиента обозначает Непрозрачность в процентах.
Шаг 2
Убедитесь, что прямоугольник добавленный на предыдущем шаге выделена, и поместите вперед его копию (Control-C > Control-F). Выберите копию и продолжите работу в панели Оформление. Понизьте Непрозрачность до 15%, измените Режим Наложения на Перекрытие, и замените радиальный градиент на другой как на рисунке.
Поздравляю! Вы Все Сделали!
Вот как это должно выглядеть. Я надеюсь вам понравился этот урок и вы сможете использовать эти техники в своих будущих проектах.
Изменяйте по вашему усмотрению окончательный вариант и сделайте свой. Вы можете найти много замечательных примеров для вдохновения на Envato Market с интересными решениями, которые помогут улучшить ваш дизайн.
