Уровень сложности: Средний
Срок выполнения: 45 минут
Этапов: 8
Вот, что у нас должно получиться:
Этап 01
Создайте документ размером 700х700 пикселей. Для начала, включите отображение сетки (View > Grid) и функцию выравнивания по сетке (View > Snap to Grid). Далее вам понадобится сетка с отступами в 5 пикселей. Перейдите в меню (Edit > Preferences > Guides & Grid), введите «5» в блоке «Gridline every :» и «1» в блоке «Subdivisions». Все эти опции значительно ускорят процесс разработки. Выберите инструмент создания окружностей (Ellipse Tool – L), кликните по Artboard и создайте фигуру размером 640х640 пикселей. Выделите эту фигуру и перейдите в меню Object > Path > Offset Path, введите -15px в поле отступа (offset) и нажмите клавишу Enter. Выделите полученную фигуру, опять перейдите в меню Object > Path > Offset Path, введите -40px в поле отступа (offset) и нажмите клавишу Enter. Выделите полученную фигуру, опять перейдите в меню Object > Path > Offset Path, введите -45px в поле отступа (offset) и нажмите клавишу Enter. И снова выделите полученную фигуру, опять перейдите в меню Object > Path > Offset Path, введите -5px в поле отступа (offset) и нажмите клавишу Enter. Теперь у вас должно получиться 5 окружностей.
Этап 02
Выберите инструмент создания текста (Type Tool), и добавьте буквы «V» и «W». Используйте обычный полужирный Arial размером в 320 пикселей. Выделите эти два символа и перейдите в меню Object > Expand. Оставьте примерно 15 пикселей между фигурами. Выделите обе фигуры, кликните по кнопке «Horizontal Align Center» (которая находится на панели выравнивания), а затем сгруппируйте их. Выделите эту группу вместе с самым маленьким кругом, возьмите инструмент создания выделения (Selection Tool – V), кликните по границу окружности (она должна быть акцентирована), а затем кликните по кнопкам «Horizontal Align Center» и «Vertical Align Center», которые находятся на панеле «Align».
Этап 03
Теперь, перейдём к буквам. Вам нужно будет немного поиграть с точками изгибов данных фигур. Возьмите инструмент прямого выделения (Direct Selection Tool – А), и переместите точки изгибов так, чтобы у вас получилось нечто похожее на то, что выделено желтым цветом на изображении ниже. Приблизьте сетку и постарайтесь понять, как нужно правильно разместить точки изгибов. В этом вам поможет равнение по сетке.
Этап 04
Выделите все 5 окружностей и кликните по кнопке «Divide», которая находится на панели «Pathfinder». Оставьте только 5 фигур, как отображено на изображении №2. Мы залили их различными цветами так, чтобы вам было легче отличить их. Дайте им названия от 1 до 5. Выберите фигуру №3 и фигуры букв, затем кликните по кнопке «Unite», которая находится на панели «Pathfinder». Перенесите полученную фигуру на передний план и назовите ее «VW».
Этап 05
Залейте «VW» радиальной градацией, как отображено на изображении №1, и добавьте туда привязанное к внутренней стороне обрамление толщиной 3px цвета R=246 G=246 B=247. Добавьте еще одну заливку этой фигуре (из всплывающего меню панели «Appearance»), и используйте линейную градацию, отображенную на изображении №2. Еще раз выделите эти фигуры и добавьте эффект тени (Effect > Stylize > Drop Shadow), как показано ниже на изображении №3.
Этап 06
Выберите фигуру №5 и залейте её градацией так, как отображено на изображении №1. Далее, добавьте новую заливку и используйте градацию, как отображено на изображении №2.
Этап 07
Залейте фигуры №4 и №2 радиальной градацией, как отображено ниже.
Этап 08
Переместите фигуру №1 на задний план. Залейте ее радиальной градацией, как отображено ниже на изображении №1 и добавьте привязанное к внешней стороне обрамление толщиной 2 пикселя и цветом R=133 G=137 B=141. Ещё раз выделите эту фигуру и добавьте эффект тени, как отображено ниже на изображении №2. Наконец, что касается фона, выберите инструмент создания многоугольника (Rectangle Tool – М), создайте квадрат размером 700х700 пикселей, переместите его на задний план и залейте радиальной градацией, как отображено на изображении №3.
Конец
Теперь наша работа закончена. Вот так должен выглядеть наш логотип.
