В этом уроке мы создадим уютную зимний лесной пейзаж в модномплоском стиле. Мы будем использовать различные базовые формы и операции Обработки контуров в Адобе Иллюстратор, создавая прекрасный пейзаж, который может использоваться как баннер для вашего блога или веб-сайта, в качестве поздравительнойоткрытки или иллюстрации для печати. Процесс очень прост и всеобъемлющ.
Плоские векторные пейзажи стали очень популярным элементом дизайна, который широко распространен в рекламных баннерах, макетах веб-сайтов и шаблонахброшюр. Вы можете найти многие из них на Envato Market и объединить несколько различных концепций в серию. В этом уроке мы сделаем одну из частей такого набора пейзажей: зимний лес в флет стиле. Давайте начнем!
1. Создадим елку в флет-стиле
Шаг 1
Давайте начнем с создания ствола для нашего первого дерева. Возьмите инструмент Прямоугольник (M) и сделайтетонкую полоску размером 7 x 90 px.
Залейте ее коричневым цветом. Используйте функцию Динамических углов, чтобы углы полоски были полностью скруглены, потянув маркеры круга к центру. Если вы используете более раннюю версию Адобе Иллюстратор, не стесняйтесь использовать Эффект > Стилизация > Скругленные углы.
Добавьте еще одну тонкую фигуру с закругленными углами 7 x 60 px для ветви ели и заполните ее светло-голубым цветом.
Шаг 2
Удерживая Alt-Shift перетащите созданные синие формы вправо, чтобы скопировать их. Нажмите Ctrl-D несколько раз, чтобы сделать больше копий. И, давайте, добавим немного разнообразия ветвям. Скопируйте первую и Вставьтеее на передний план (Ctrl-C > Ctrl-F). Сожмите, трансформируйте форму, сделав ее короче, но сохраните первоначальную ширину в 7 px.
Шаг 3
Сделайте каждую полосу немного длиннее, чем другая, выбирая их нижние опорные точки с помощью инструмента Прямое выделение (A) и перетягивая их вниз. Оставьте ширинуодинаковой для всех форм. Добавьте короткие копии на верхней части каждойполосы. Перекрасьте полоски, постепенно затемняя нижние формы, как показано нарисунке ниже.
Шаг 4
Примените команду Сгруппировать (Ctrl-G), чтобысгруппировать кусочки каждой полосы, для формирования ветвей, и разместите наши полосы по вертикали. А теперь давайте выберем верхнюю ветвь, и, дважды щелкнув, инструмент Поворот (Р), откройте меню Опций. Установите значение Угла на 30 градусов и повторите те же действия для каждой полоски, поворачивая их под темже углом.
Шаг 5
Разместите повернутые ветви на левой стороне дерева, примените Сгруппировать (Ctrl-G) и дважды щелкните Зеркальное отражение (O), чтобы открыть меню Опций. Выберите Вертикальную ось и нажмите кнопку Копировать, чтобы развернуть отзеркаленную группу на другую сторону ствола.
Шаг 6
Наконец, давайте сделаем ствол более детальным. Скопируйте форму ствола и Вставьте на передний план (Ctrl-C > Ctrl-F). Сделайте копию немногосветлее. Возьмите Ножницы (C) и нажмите на верхнюю и нижнюю опорные точки, чтобы разделить фигуру напополам. Удалите левую половину копии.
Прекрасно! Наше первое Зимнее дерево - елка готово! Давайте перейдем к следующему!
2. Визуализируем второе дерево
Шаг 1
Давайте сделаем второе дерево выше. Начните с формирования двухцветногоствола. Вы можете создать новую форму, меняя ее длину и ширину на свой вкус,или просто скопировать ствол с нашего первого дерева и сделать его более высоким.
Возьмите Прямоугольник со скругленными углами и сделайте две маленькие светло-голубые формы на верхней части ствола, образуя стилизованную кронудерева.
Выделите синие формы вместе со стволом, а также используйте панель Выравнивание для выравниванияформы, выбрав Выравнивание по ключевому объекту и нажмите кнопку Горизонтальноевыравнивание по центру.
Шаг 2
Дублируйте обе синие фигуры (Ctrl-C> Ctrl-F) и сделайте их цвет немного темнее. Затем с помощью Ножниц (C), разделите верхние копии, нажав на опорныеточки и удалив ненужные половинки.
Воткак должно выглядеть второе дерево по сравнению с нашим первым деревом. Мы сделаемего более высоким, чтобы композиция была разнообразной.
Шаг 3
И, давайте, также добавим пару веток к этому дереву. Прежде всего, дублируйтеодну из круглых частей кроны и поместите ее с правой стороны ствола. Затем возьмите Перо (P) или Отрезок линии (\) и создайте прямоугольную форму.
Смените цвет Обводки на коричневый в палитре Цвета, инаверху выберите панель Обводки. Здесь, на контрольной панели, установите Концы на Скругленные концы и Углы на Скругленные стыки (средняя позиция), в результате чего угол и концы линии немного скруглятся. И измените Ширину обводки на 3 pt.
Вы можете сделать угол еще более округлым с помощью функции Динамических углов.
Шаг 4
Давайте добавим здесь еще несколько ветвей. Дублируйте ту,которую мы сделали, и измените размеры и расположение копий. Нам, возможно,потребуется сделать дерево еще выше, чтобы получить больше пространства длядополнительных веток.
Шаг 5
Давайте добавим небольшой, округлый куст, состоящий из двух кругов, сделанных с помощью инструмента Эллипс (L). Добавьте темно-коричневый ствол. Этот маленький парень поможет заполнить нам некоторые пробелы в нашей иллюстрации.
3. Создадим лохматый дуб
Шаг 1
Мы начнем с того, что сделаем крону нашего дуба. Сформируйте прямоугольник светло-голубого цвета размером 90 х 45 px, и сделайте его углы полностью округлыми. Сделайте два более скругленных прямоугольника меньшего размера исоздайте пирамиду, поместив их один поверх другого.
Шаг 2
Примените команду Сгруппировать (Ctrl-G) к формам идублируйте их (Ctrl-C > Ctrl-F), чтобы сделать верхнюю копию немного темнее. Держа верхнюю группу фигур выделенной, возьмите инструмент Ластик (Shift-E), удерживая клавишу Alt, растяните выделение на правую половину кроны дерева,чтобы удалить ее.
Шаг 3
Добавьте темно-коричневый ствол дерева на переднем плане. Возьмите инструмент Многоугольник и установите значение Сторон на 3, чтобы сделать крошечный треугольник. Скопируйте созданный треугольник и распространите копии по левойстороне кроны и над стволом, чтобы сделать дерево текстурированным.
4. Создадим причудливую сосну
Шаг 1
Давайте используем самое первое дерево, которое мы сделали в этом уроке - елку,чтобы сформировать высокую, детализированную сосну. Прежде всего, сделайте еествол намного выше, перетаскивая его нижние опорные точки вниз с помощью инструмента Прямое выделение (A).
Выберите все ветви, кроме верхних и нажмите Enter, чтобы открыть окно Перемещение. Установите значение По горизонтали на 0 px и По вертикали на 10 px для того,чтобы переместить выбранную группу ветвей на 10 px вниз.
Снимите выделение с верхних ветвей группы, которую мы только что переместили и повторите те же действия, переместив другие ветви на 10 px вниз.
Шаг 2
Теперьперекрасьте ветви, применяя коричневый оттенок, чтобы сделать их подобными стволу. И давайте начнем формировать хвою. Используйте Прямоугольник со скругленными углами, чтобы разместить маленькую вертикальную форму в левой части верхней ветви.
Шаг 3
Переместите созданную иглу под ветви (Shift-Ctrl- [). Удерживая Alt-Shift, перетащите ее вправо и немного вверх, сделав копию. Нажмите Ctrl-D еще несколько раз, заполнив верхнюю ветвь стилизованными иглами. Меняйте оттенкисинего, что сделает ветку более разнообразной.
Шаг 4
Сгруппируйте (Ctrl-G) иглы, которые мы сделали для верхней ветви, скопируйте группу и вставьте ее несколько раз, чтобы заполнить все пустые ветви. Сделайте нижниеиглы немного длиннее, выбирая их нижние опорные точки с помощью инструмента Лассо (Q), и переместите их вниз с помощью клавиши Стрелка вниз.
Вы можете сделать левую сторону сосны немного темнее, чтобы сделать его болеедетализированной. И давайте приступим к нашему последнему дереву!
5. Создадим стилизованную елку
Шаг 1
Наконец,давайте сделаем еще одно игольчатое дерево, но на этот раз очень простое истилизованное. Начнем с того, что создадим три треугольника, используя инструмент Многоугольник. Меняйте цвет и размер треугольников, в результатечего получим один верхний - маленький и светло-голубой, и один нижний - большойи темно-синий.
Объедините треугольники, размещая их друг под другом,образовав пирамиду.
Шаг 2
Добавьте ствол и Отправьте его На задний план (Shift-Ctrl- [). И, наконец,сделайте набор крошечных темно-синих треугольников и сплетите их над синей формойна елке, добавив текстурированный штрих.
6. Создадим пейзаж зимнего леса
Шаг 1
Разместим наши деревья рядом, дублируя некоторые из них и варьируя размеры,чтобы сформировать хорошо сбалансированную композицию. Добавьте длиннуюгоризонтальную полосу с помощью инструмента Прямоугольник со скругленными углами в нижней части леса, образовав почву.
Вы можете изменять дерева, размещая один объект над другим, используя комбинации клавиш Ctrl-[ и Ctrl-].
Выделите все деревья и перейдите в панель Выравнивание. Тут, выберите Выравнивание по ключевому объекту и нажмите Вертикальное выравнивание вниз.
Теперь все деревья равномерно выровнены по земле.
Шаг 2
Давайте добавим светло-бежевый прямоугольник для фона под деревьями, и создадимкакие-то белые, снежные детали. Перекрасьте горизонтальную поверхность земли вбелый, и добавьте небольшой белый круг по левой стороне формы земли. Нажмите Alt-Shift и перетащите белый круг вправо, сделав копию. Нажмите Ctrl-D несколько раз, чтобы создать больше копий, которые охватят кругами всю форму земли.
Шаг 3
Держа круги выделенными, Объедините их в панели Обработка контуров. Возьмите инструмент Ластик (Shift-E), удерживая Alt и перетащите выделенный прямоугольник на нижнюю часть обведенной формы для того, чтобы удалить его.
Если вы объедините круги с полоской земли, она должнавыглядеть следующим образом.
Шаг 4
А теперь, давайте добавим несколько окончательных деталей к небу, чтобызаполнить пустое пространство нашей композиции. Используйте Прямоугольник соскругленными углами, чтобы сформировать форму 50 х 15 px. Разместите меньшуюформу сверху, переместив ее влево и, таким образом, создав стилизованноеоблако.
Сделайте больше облаков и распространите их по верхней частинашей иллюстрации. Теперь она выглядит завершенной!
Поздравляю! Наш Флэт Иллюстрация Зимнего леса Завершена!
Отличная работа! Наша пейзаж зимнего леса в плоском стиле готов! Ядобавила еще один крошечный штрих: падающие снежинки из облаков, чтобы сделать вид иллюстрации более проработанным. Я надеюсь, что вы обнаружилинекоторые новые советы и приемы, которые сможете использовать в своих будущихработах.
Выможете получить основной файл этой векторной иллюстрации зимнего леса в плоском стиле, чтобы проверить, как это было сделано. А также, посмотреть, какие другие схемы цветов вы можете применить к ней для того, чтобы сделать изображение более разнообразным и расширить сферу его применения. Следуя этому примеру, выможете попробовать перекрасить изображение, чтобы изобразить различные сезоныгода или разное освещение, или показать дневные и ночные пейзажи.
Развлекайтесь!
