Уровень сложности: Средний
Срок выполнения: около 1 часа
Этапов: 14
Вот то, над чем мы сегодня будем работать:
Этап 01
Создайте документ размером 700х700 пикселей. Для начала, включите отображение сетки (View > Grid) и функцию выравнивания по сетке (View > Snap to Grid). Далее вам понадобится сетка с отступами в 10 пикселей. Перейдите в меню (Edit > Preferences > Guides & Grid), введите «10» в блоке «Gridline every :» и «1» в блоке «Subdivisions». Вы также можете открыть вкладку Info для просмотра в реальном времени. Все эти опции значительно ускорят процесс разработки.
Этап 02
Выберите инструмент создания окружностей «Ellipse Tool(L)», зажмите клавишу Shift, создайте фигуру размером 600х600 пикселей и назовите её «01». Оставьте её прозрачной и добавьте обрамление по центру толщиной в 30pt.
Этап 03
Выберите инструмент создания звезды (Star Tool), кликните и перетащите её на ваш холст и не отпускайте кнопку мышьи. Нажмите клавишу «Вниз» для того, чтобы вычесть стороны вашей звезды, а затем нажмите Ctrl для управления внутреннего радиуса (Inner Radius). Скорее всего, ваша форма будет отличаться от моей. Вам нужно будет выбрать каждую точку изгиба (посредством инструмента выделения - Direct Selection Tool), и передвигать их по отдельности. Это может занять некоторое время. Приблизьте сетку, чтобы четко видеть, до какого положения нужно двигать каждую точку. Функция выравнивания по сетке может значительно облегчить процесс.
Этап 04
Теперь давайте поработаем над окружностью. Создайте две копии фигуры «01». Выберите нижнюю копию и перейдите в меню Object > Expand Appearance, а затем выделите верхнюю копию и залейте её атрибутом «none» (залейте и создайте обрамление). Выберите обе копии и кликните по кнопке «Divide», которая находится на панели «Appearance». У вас получится группа из трёх новых фигур. Удалите внутреннюю окружность и разгруппируйте две другие фигуры. Залейте эти фигуры линейной градацией, как показано ниже.
Этап 05
Выделите исходную фигуру «01», и вынесите её на передний план (Shift + Ctrl + ]). Уменьшите толщину обрамления до 2pt, а затем перейдите в меню Object > Expand Appearance. Залейте полученную фигуру цветом R=241 G=241 B=243. Смените режим смешивания на «Color Dodge», понизьте уровень отображения до 60%, а затем добавьте эффект радиального размытия (Effect > Blur > Radial Blur). Создайте копию этой фигуры. Смените её режим смешивания обратно на нормальный (Normal), удалите эффект радиального размытия, и повысьте уровень отображения до 80%. Выберите все фигуры (кроме фигуры звезды), и сгруппируйте их. Назовите данную группу «ring», и вынесите её на передний план (Shift + Ctrl + ]).
Этап 06
Отключите выравнивание по сетке (Shift + Ctrl + “) и включите Smart Guides (Ctrl + U). Возьмите ручку (Pen Tool – P), и создайте три пути для того, чтобы у вас вышло нечто, как отображено на изображении №1. Каждый путь начинается и заканчивается на точке изгиба. С помощью Smart Guides, вам без труда удастся указать начальные и конечные точки. Выберите эти пути вместе с фигурой звезды и кликните по кнопке «Divide», которая находится на панели «Pathfinder». Это разделит звезду на 6 разных фигур. Залейте их цветом и градациями, как отображено на изображении ниже.
Этап 07
Не выключайте Smart Guides. Опять возьмите ручку, и создайте два пути, как отображено в первом изображении. Залейте их атрибутом none и добавьте привязанное к центру обрамление толщиной в 5pt. Выберите оба пути и перейдите в меню Object > Expand Appearance. Выберите полученные фигуры, и кликните по кнопке «Unite», которая находится на панели «Pathfinder». Выберите инструмент прямого выделения (Direct Selection Tool – А), выделите точки изгибов, выделенные зелёным цветом на изображении №4 и перейдите в меню Object > Path > Average. Выберите пункт «Both» и жмите кнопку ОК. Повторите ту же процедуру со всеми точками изгибов, выделенными синим и желтым.
Этап 08
Теперь фигура, созданная в предыдущем этапе, должна быть похожа на то, что мы видим на изображении №1. Опять выберите инструмент прямого выделения (Direct Selection Tool – А) и, выбрав точки изгибов, передвиньте их по направлению, указанному белыми стрелками. Залейте их цветом R=51 G=51 B=51, смените режим смешивания на Multiply, понизьте уровень отображения до 25%, и добавьте эффект размытия гаусса на 9px (Gaussian Blur effect – Effect > Blur > Gaussian Blur).
Этап 09
Снова возьмите ручку (Pen Tool – P). На этот раз давайте сосредоточимся на центре звезды. Создайте два пути, как отображено на первом изображении. Опять же, залейте их атрибутом none, и добавьте привязанное к центру обрамление толщиной в 2pt. Расширьте обрамления, и объедините их. Теперь, используйте опцию «Average» для точек изгиба, выделенными в изображении #4. Наконец, залейте полученную фигуру линейной градацией.
Этап 10
Продублируйте компоненты звезды. Выделите эти копии и кликните по кнопке «Unite», которая находится на панели «Pathfinder». Залейте полученную фигуру радиальной градацией, и измените её режим смешивания на Overlay, а затем понизьте уровень отображения до 30%. Поместите слой с фигурами над слоями со звездой (на панели слоев).
Этап 11
Продублируйте все фигуры. Выберите все копии и кликните по кнопке «Unite», которая находится на панели «Pathfinder». Выберите полученную фигуру, залейте ее атрибутом None и добавьте привязанное к внешней части обрамление толщиной в 1pt. Выберите это обрамление, и перейдите в меню Object > Expand Apperance. Залейте новую фигуру радиальной градацией.
Этап 12
Опять же, продублируйте все фигуры. Выберите все копии и кликните по кнопке «Unite», которая находится на панели «Apperance». Выберите полученную фигуру, отодвиньте её к задней части (Shift + Ctrl + [), залейте любым цветом (мы использовали белый), а затем добавьте дискретную тень (Effect > Stylize > Drop Shadow).
Этап 13
Что касается фона, то выбираем инструмент создания многоугольника (Rectangle Tool – M). Создаем новую фигуру размером 700х700 пикселей и заливаем радиальной градацией. Далее, выбираем инструмент освещения (Flare Tool), добавляем немного эффекта и изменяем режим смешивания на «Overlay».
Этап 14
Наконец, выбираем инструмент создания окружности (Ellipse Tool – L), и создаём фигуру, как показано на изображении #1. Заливаем её любым цветом, добавляем эффект Pucket&Bloat, а затем переходим в меню Object > Expand Appearance. Выбираем полученную фигуру, заливаем её белым цветом, добавляем эффект размытия гаусса силой в 4 пикселя, а затем дублируем её. Разместите две эти фигуры, как отображено на последнем изображении.
Конец
Теперь наша работа закончена. Вот, что должно у нас получиться.
