Как Создать Весенний Текстовый Эффект из Нарциссов в Adobe Illustrator.
() translation by (you can also view the original English article)



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



2. Создайте Первый Лепесток
Шаг 1
Возьмите инструмент Эллипс (L) (Ellipse Tool) и начните работать с панелью Инструментов. Удалите цвет для обводки и затем выберите заливку и задайте для нее цвет R=39 G=170 B=225. Перейдите к монтажной области и создайте фигуру размером 20 х 30 рх. Переключитесь на инструмент Опорная Точка (Shift-C) (Anchor Point Tool), и продолжите работу с верней частью вашего объекта и просто щелкните по опорной точке. В результате ваша голубая фигура, должна выглядеть, как на второй картинке.



Шаг 2
Используя инструмент Прямое Выделение (А) (Direct Selection Tool), выберите верхнюю опорную точку и потяните ее на 5 рх вверх. Переключитесь на инструмент Опорная Точка (Shift-C) (Anchor Point Tool), щелкните по той же опорной точке и сместите направляющую для этой точки на 5 рх вправо. В результате этого ваша голубая фигура, должна выглядеть, как на третьей картинке.



Шаг 3
Отключите Привязку к Сетке (Control-').
Убедитесь, что ваша голубая фигура выделена и зайдите в Объект > Контур > Создать Параллельный Контур (Object > Path > Offset Path). Введите -1 рх Смещения (Offset) и нажмите ОК. Убедитесь что получившаяся фигура выделена и поместите ее копию вперед (Control-C > Control-F). Выберите копию и сместите ее на 1 рх вниз, используя стрелку на клавиатуре. Выберите заново оба объекта, получены на этом шаге, и нажмите кнопку Минус Верхний (Minus Front) на панели Обработка Контуров (Pahtfinder) (Окно > Обработка Контуров).
Убедитесь, что получившаяся фигура выделена, и замените заливку на белый цвет (R=255 G=255 B=255), а затем сдвиньте объект на 1 рх вверх, используя клавишу со стрелкой на клавиатуре.



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



Шаг 5
Включите Привязку к Сетке (Control-').
Используя Эллипс (L), создайте фигуру 1 х 3 рх и сделайте ее черной (R=0 G=0 B=0). Убедитесь, что эта маленькая фигура выделена и зайдите в панель Кисти (Окно > Кисти) и щелкните по кнопке Новая Кисть (New Brush). Выберите Объектная кисть (Art Brush) и нажмите ОК. Задайте имя для вашей кисти, и введите все параметры как на рисунке ниже, убедитесь, что у вас выбран вариант Полутона (Tint) в окне Методы (Method) и нажмите ОК. Теперь вы должны видеть вашу новую объектную кисть в панели Кисти.



Шаг 6
Отключите Привязку к Сетке (Control-').
Возьмите инструмент Кисть (В) (Brush Tool), выберите вашу объектную кисть из панели Кисти, и начните работать с голубой фигурой. Нарисуйте несколько искривленных черных линий, как показано на следующей картинке. Убедитесь, что все эти контуры выделены и просто Сгруппируйте их, используя сочетание клавиш Control-G.



Шаг 7
Убедитесь, что ваша группа черных элементов выделена, и продолжите работу в панели Оформление и измените Режим Наложения на Расс. Свет.



Шаг 8
Выберите инструмент Кисть (В), снова выберите вашу объектную кисть из панели Кисти, и начните работать с голубой фигурой. Нарисуйте несколько искривленных белых линий, как показано на следующей картинке. Убедитесь, что все эти контуры выделены и просто Сгруппируйте их, используя сочетание клавиш Control-G.



Шаг 9
Убедитесь, что ваша группа белых элементов выделена, и продолжите работу в панели Оформление и измените Режим Наложения на Расс. Свет.



Шаг 10
Выберите ваш голубой объект, и продолжите работу в панели Оформление, и замените существующую заливку на линейный градиент, как показано на следующей картинке.



Шаг 11
Убедитесь, что ваш главный элемент по прежнему выделен, и продолжите работу в панели Оформление, и добавьте вторую заливку нажав на кнопку Добавить Новую Заливку (Add New Fill). Выберите новую заливку и задайте для нее радиальный градиент, как на следующей картинке. Имейте в виду, что желтый ноль на картинке для Градиента, обозначает Непрозрачность в процентах, а голубые цифры обозначают Положение узлов градиента в процентах.



Шаг 12
Убедитесь, что ваш главный элемент по прежнему выделен, и продолжите работу в панели Оформление, и выберите обводку. Сперва, добавьте градиент от черного к белому, как на следующей картинке. Далее, понизьте Непрозрачность до 50% и измените Режим Наложения на Расс.Свет. И наконец, щелкните по надписи "Обводка" ("Stroke"), чтобы открыть панель Обводки. Убедитесь, что Толщина установлена на значение 1 рх, и нажмите кнопку Обводка Внутри Линии (Align Stroke to Inside).



3. Размножьте Ваш Лепесток
Шаг 1
Включите Привязку к Сетке (Control-').
Выберите все объекты, которые формируют ваш первый лепесток, и Сгруппируйте их (Control-G). Дублируйте эту новую группу (Control-C > Control-F), выберите копию и перенесите ее на 35 рх вниз, как показано на первом рисунке. Убедитесь, что ваша копия группы выделена и зайдите в Объект > Трансформировать > Зеркальное Отражение (Object > Transform > Reflect). Выберите Ось Горизонтальная и нажмите ОК.



Шаг 2
Убедитесь, что обе группы ваших лепестков выделены и зайдите в Объект > Трансформировать > Поворот (Object > Transform > Rotate). Введите -55 градусов для Угла и нажмите кнопку Копировать. В результате у вас должно получится что-то подобное второму рисунку.



Шаг 3
Убедитесь, что две группы ваших лепестков выделены и зайдите в Объект > Трансформировать > Поворот. На этот раз задайте 55 градусов для Угла и нажмите кнопку Копировать. В результате у вас должно получится, как на второй картинке.



4. Создайте Среднюю Часть для Нарциса
Шаг 1
Используя Эллипс (L), создайте окружность размером 20 рх, задайте для заливки цвет R=231 G=96 B=38, и разместите ее примерно, как на втором рисунке.



Шаг 2
Убедитесь, что ваша окружность по прежнему выделена, и продолжите работу в панели Оформление, выберите заливку и зайдите в Эффект > Исказить и Трансформировать > Огрубление (Effect > Distort & Transform > Roughen). Введите параметры, как показано на рисунке ниже, и нажмите ОК, а затем зайдите в Эффекты > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Задайте 1 рх Смещения, нажмите ОК и зайдите в Эффект > Стилизация > Внутреннее Свечение (Effect > Stylize > Inner Glow). Введите свойства показанные на следующей картинке и нажмите кнопку ОК.



Шаг 3
Убедитесь, что ваша окружность по прежнему выбрана, и продолжите работу с панелью Оформление и добавьте вторую заливку с помощью кнопки Добавить Новую Заливку.
Выберите новую заливку, задайте для нее цвет R=255 G=149 B=67, а затем зайдите в Эффект > Исказить и Трансформировать > Огрубление (Effect > Distort & Transform > Roughen) Введите параметры, как показано ниже, нажмите ОК и затем зайдите в Эффект > Стилизация > Внутреннее Свечение (Effect > Stylize > Inner Glow). Введите свойства показанные на следующей картинке и нажмите кнопку ОК.



Шаг 4
Убедитесь, что ваша окружность по прежнему выбрана, и продолжите работу с панелью Оформление и добавьте третью заливку с помощью кнопки Добавить Новую Заливку.
Выберите новую заливку, используйте радиальный градиент, как показано на следующей картинке, и затем затем зайдите в Эффекты > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Задайте -2 рх Смещения, нажмите ОК и зайдите в Эффект > Исказить и Трансформировать > Огрубление (Effect > Distort & Transform > Roughen). Введите параметры как на картинке ниже, нажмите ОК и зайдите в зайдите в Эффект > Стилизация > Внутреннее Свечение (Effect > Stylize > Inner Glow). Введите свойства показанные на следующей картинке и нажмите кнопку ОК.



Шаг 5
Убедитесь, что ваша окружность по прежнему выбрана, и продолжите работу с панелью Оформление и добавьте четвертую заливку с помощью кнопки Добавить Новую Заливку.
Выберите эту новую заливку, установите цвет на R=114 G=73 B=9, а затем зайдите в Эффекты > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Задайте -5 рх Смещения, нажмите ОК и зайдите в Эффект > Исказить и Трансформировать > Огрубление (Effect > Distort & Transform > Roughen). Введите параметры как на картинке ниже, нажмите ОК.



Шаг 6
Убедитесь, что ваша окружность по прежнему выбрана, и продолжите работу с панелью Оформление и добавьте пятую заливку с помощью кнопки Добавить Новую Заливку.
Выберите эту новую заливку, установите цвет на R=194 G=134 B=71, а затем зайдите в Эффекты > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Задайте -6 рх Смещения, нажмите ОК и зайдите в Эффект > Исказить и Трансформировать > Огрубление (Effect > Distort & Transform > Roughen). Введите параметры как показано ниже, нажмите ОК и зайдите в Эффект > Стилизация > Внутреннее Свечение (Effect > Stylize > Inner Glow). Введите параметры, как на рисунке ниже и нажмите ОК.



Шаг 7
Убедитесь, что ваша окружность по прежнему выбрана, и продолжите работу с панелью Оформление и добавьте шестую заливку с помощью кнопки Добавить Новую Заливку.
Выберите эту новую заливку, установите цвет на R=251 G=224 B=68, а затем зайдите в Эффекты > Контур > Создать Параллельный Контур (Effect > Path > Offset Path). Задайте -7 рх Смещения, нажмите ОК и зайдите в Эффект > Исказить и Трансформировать > Огрубление (Effect > Distort & Transform > Roughen). Введите параметры показанные ниже, нажмите ОК и зайдите в Эффект > Исказить и Трансформировать > Втягивание и Раздувание (Effect > Distort & Transform > Pucker & Bloat). Потяните слайдер до значения 50% и затем нажмите кнопку ОК.



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



Шаг 9
Используя Эллипс (L), создайте фигуру 22 х 33 рх, сделайте ее черной и разместите ее как показано на первой картинке. Убедитесь, что эта новая фигура выделена, отправьте ее за окружность используя горячие клавиши Control-[, измените Режим Наложения на Расс.Свет и затем зайдите в Эффект > Стилизация > Растушёвка (Filter > Stylize > Feather). Введите 6 рх для Радиуса и нажмите ОК.



Шаг 10
Используя Эллипс (L), создайте фигуру 22 х 28 рх, сделайте ее черной и разместите ее как показано на первой картинке.Убедитесь, что эта новая фигура выделена, отправьте ее за окружность используя горячие клавиши Control-[, измените Режим Наложения на Расс.Свет и затем зайдите в Эффект > Стилизация > Растушёвка (Filter > Stylize > Feather). Введите7 рх для Радиуса и нажмите ОК.



5. Создайте Фон и Размножьте Ваши Нарцисы
Шаг 1
Выберите все объекты, которые составляют ваш цветок (за исключением двух объектов с Растушёвкой, которые вы сделали на последних двух шагах) и зайдите в Объект > Разобрать Оформление (Object > Expand Appearance).
Теперь выделите объекты, которые формируют ваш нарцисс и Сгруппируйте их, используя сочетание клавиш Control-G. Загрузите Приложение к уроку, забросьте изображение Grass Background в ваш документ, убедитесь, что оно закрывает весь ваш артборд и отправьте его на задний план, используя горячие клавиши Shift-Control-[. Перейдите в панель Слои, откройте слой, и заблокируйте эту картинку, что бы вы ее случайно не выбрали и не передвинули.
Посмотрите этот короткий урок Дианы Тома, если вы хотите узнать, как создать такой замечательный фон или как создать эффект травы в Иллюстраторе: Короткий Урок: Как Создать Векторный Текстовый Эффект с Травой.



Шаг 2
Сделайте копии ваших нарциссов (Control-C > Control-F) и распределите их примерно как на картинке.
Выберите первую группу и зайдите в Эффект > Деформация > Раздувание (Effect > Warp > Inflate). Введите параметры как на картинке и нажмите ОК.



Шаг 3
Выберите вторую группу копий и зайдите в Эффект > Деформация > Флаг (Effect > Warp > Flag). Введите атрибуты, показанные на следующей картинке и нажмите кнопку ОК.



Шаг 4
Выберите третью группу и зайдите в Эффект > Деформация > Панцирь Вниз (Effect > Warp > Shell Lower). Введите параметры, показанные на следующем рисунке и нажмите ОК.



Шаг 5
Выберите четвертую группу копий и зайдите в Эффект > Деформация > Рыбий Глаз (Effect > Warp > Fishеуе). Введите параметры, как на следующей картинке и нажмите ОК.



Шаг 5
Дублируйте все ваши пять нарцисса и переместите копии ниже. Теперь вам нужно изменить размер копий. Выберите один цветок и продолжите работу в панели Трансформирования (Окно > Трансформирование). Отметьте параметр Масштабировать Обводки и Эффекты (Constrain Width and Height Proportions) и введите 50 рх в окне для Высоты. Выберите другие четыре копии и измените их размеры таким же образом.
Сделайте третий набор копий и поместите их ниже, как на втором рисунке. Опять, вам нужно изменить и размеры, только в этот раз в панели Трансформирование, поставьте значение 40 рх для Высоты.



6. Создайте Тестовый Эффект
Шаг 1
Возьмите инструмент Текст (Т) (Type Tool), щелкните по артборду и напечатайте текст. Используйте шрифт Cooper Black, установите для него размер 170 рt, трекинг - 50 и задайте цвет R=0 G=113 B=53. Поместите текст под группой с нарциссами и заблокируйте его.



Шаг 2
Размножайте, случайным образом поворачивайте и распределяйте ваши нарциссы по тексту. Так же разместите несколько цветков вокруг текста. После того, как вы это сделаете, перейдите в панель Слои и удалите текст.



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



Шаг 4
Следующие эффекты могут оказаться "непростыми" для вашего компьютера, так что хорошей идеей будет - сохранить файл. Выберите все ваши нарциссы и добавьте пять вариантов Теней (Эффект > Стилизация > Тень), как на рисунке ниже.



Шаг 5
Используйте инструмент Прямоугольник (М), чтобы создать фигуру размером 1000 х 600 рх и убедитесь, что она закрывает весь артборд. Залейте новый прямоугольник радиальным градиентом, как на на картинке ниже и измените Режим Наложения на Перекрытие. Имейте в виду, что желтый ноль на картинке для Градиента, обозначает Непрозрачность в процентах.



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



