Создаем зимний пейзаж в флэт стиле в Адобе Иллюстратор

В этом уроке мы создадим уютную зимний лесной пейзаж в модном плоском стиле. Мы будем использовать различные базовые формы и операции Обработки контуров в Адобе Иллюстратор, создавая прекрасный пейзаж, который может использоваться как баннер для вашего блога или веб-сайта, в качестве поздравительной открытки или иллюстрации для печати. Процесс очень прост и всеобъемлющ.

Плоские векторные пейзажи стали очень популярным элементом дизайна, который широко распространен в рекламных баннерах, макетах веб-сайтов и шаблонах брошюр. Вы можете найти многие из них на 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. Разместите меньшую форму сверху, переместив ее влево и, таким образом, создав стилизованное облако.

Сделайте больше облаков и распространите их по верхней части нашей иллюстрации. Теперь она выглядит завершенной!

Поздравляю! Наш Флэт Иллюстрация Зимнего леса Завершена!

Отличная работа! Наша пейзаж зимнего леса в плоском стиле готов! Я добавила еще один крошечный штрих: падающие снежинки из облаков, чтобы сделать вид иллюстрации более проработанным. Я надеюсь, что вы обнаружили некоторые новые советы и приемы, которые сможете использовать в своих будущих работах.

Вы можете получить основной файл этой векторной иллюстрации зимнего леса в плоском стиле, чтобы проверить, как это было сделано. А также, посмотреть, какие другие схемы цветов вы можете применить к ней для того, чтобы сделать изображение более разнообразным и расширить сферу его применения. Следуя этому примеру, вы можете попробовать перекрасить изображение, чтобы изобразить различные сезоны года или разное освещение, или показать дневные и ночные пейзажи.

Развлекайтесь!