Создаем зимний пейзаж в флэт стиле в Адобе Иллюстратор
Russian (Pусский) translation by Mavka (you can also view the original English article)



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



Поздравляю! Наш Флэт Иллюстрация Зимнего леса Завершена!
Отличная работа! Наша пейзаж зимнего леса в плоском стиле готов! Я добавила еще один крошечный штрих: падающие снежинки из облаков, чтобы сделать вид иллюстрации более проработанным. Я надеюсь, что вы обнаружили некоторые новые советы и приемы, которые сможете использовать в своих будущих работах.
Вы можете получить основной файл этой векторной иллюстрации зимнего леса в плоском стиле, чтобы проверить, как это было сделано. А также, посмотреть, какие другие схемы цветов вы можете применить к ней для того, чтобы сделать изображение более разнообразным и расширить сферу его применения. Следуя этому примеру, вы можете попробовать перекрасить изображение, чтобы изобразить различные сезоны года или разное освещение, или показать дневные и ночные пейзажи.
Развлекайтесь!



Unlimited Downloads.
