Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Winter
Design

Как Создать Зимний, Снежный Пейзаж в Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

Final product image
What You'll Be Creating

В этом уроке вы узнаете, как использовать Сеточный Градиент и инструмент Распыления Символов, а так же как улучшить вид вашей иллюстрации, применив несколько хитростей с Прозрачностью. И кроме того вы создадите праздничный зимний пейзаж!

Если вы хотите пропустить этот урок и желаете приобрести конечный результат в форме баннеров с различными макетами, с Рождественскими заголовками, зайдите на GraphicRiver и приобретите Three Christmas Landscape Banners.

Three Christmas Landscape Banners
Three Christmas Landscape Banners

Прежде чем начать, вам нужно загрузить дополнительные материалы нажав на кнопку справа (Download Attachment). Они содержат файлы которые пригодятся в работе. Оба файла созданы мной.

1. Как Создать Фон

Шаг 1

Мы начнем с создания фона с голубым небом.

Первое, что нужно сделать - это создать новый документ Control-N. Вам следует установить размер монтажной области 740 рх шириной, и 300 рх высотой. Теперь создайте прямоугольник, взяв инструмент Прямоугольник (М) (Rectangle Tool) и кликнув по рабочей области, и, потом, введите размер (740 х 300 рх).

Create a 730x300 rectangle

Шаг 2

Теперь просто залейте прямоугольник светло-синеватым цветом (я использовал #DEE3DD).

Color the rectangle with DEE3DD

Шаг 3

Теперь возьмите инструмент Сетчатый Градиент (U) (Mesh Tool). Мы будем использовать его несколько раз в этом уроке.

Создайте пару Точек Меша  (узлов), кликнув инструментом Сетчатый Градиент, что бы создать сетку, как на скриншоте.

Create three mesh points in the top 14 of the rectangle in the top 13 and in the middle

Шаг 4

Выберите все верхнюю строку узлов и самый левый узел во второй строке с помощью инструмента Прямое Выделение (А) (Direct Selection Tool), при этом удерживая клавишу Shift. Закрасьте эти узлы в более темный цвет, например #A3B4B7.

Color the nodes with A3B4B7

Шаг 5

Выберите второй и третий узел с лева во второй строке. Сделайте их цвет более светлым, например #ECF0E7.

Color the second and the third node from the left in the second row with ECF0E7

2. Как Создать Векторные Холмы

Шаг 1

Создайте прямоугольник. Он должен иметь ту же ширину, что и фон и примерно половину высоты. Сделайте его цвет слегка желтовато-белым — я предлагаю использовать #FDFDF2.

Теперь мы научимся создавать фигуру с помощью Сетчатого Градиента (U).

Просто создайте узел где-то на 1/5 от ширины прямоугольника слева и перетащите его вниз с помощью Сетчатого Градиента.

Create a node in the left 15 of the rectangle and pull it down a little bit

Шаг 2

Создайте еще два узла, и используя инструмент Сетчатый Градиент (U), сделайте форму как на рисунке ниже.

Shape the rectangle to create a wavy object

Шаг 3

Закрасьте три самых правых узла в средней строке и четыре самых правых узла в нижней строке таким цветом - #E2EAE4.

Color the mentioned nodes with E2EAE4

Шаг 4

Аналогичным образом создайте и раскрасьте второй холм, как показано на рисунке ниже.

Create another wavy hill similar to the previous one

Отправьте его назад, чтобы он находился за первым холмом (Control-[).

Шаг 5

Создайте еще три холма, как показано на рисунке.

Create three more hills to finish the background

Шаг 6

Наконец, расставьте холмы по рисунку. Результат должен выглядеть таким образом:

The result

3. Как Добавить к Пейзажу Деревья

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

Откройте файл с изображением в Иллюстраторе и перетащите вектор в ваш зимний пейзаж.

Шаг 1

Сделайте несколько копий дерева (Control-CControl-V), масштабируйте и перемещайте их, чтобы создать небольшой лес на холмах, вот так:

Placement of the trees - a couple trees on the left a little more on the right

Шаг 2

Отрегулируйте непрозрачность некоторых деревьев, так чтобы изображение не выглядело плоским. Вы можете найти панель Прозрачность (Transparency)  в Окно >  Прозрачность (Window > Transparency).

Adjust the Trasparency

Настраивайте параметры до тех пор, пока вы не будете довольны результатом. Деревья, стоящие в дали, должны быть светлее, так как они осветляются снегом.

The result

4. Как Создать Векторный Снег

Шаг 1

Во-первых создайте три различных круга, используя инструмент Эллипс (L). Размеры их будут 2 px, 3 px и 3.5 px и цвет #FDFDF2.

Three circles - 2px 3px 35px

Шаг 2

Создайте символ из каждого круга, перетаскивая их один за другим в панель Символы (Symbols) (Окно > Символы). Выберите тип символов Графика (Graphic).

Creating the symbol

Шаг 3

Выберите инструмент Распыления Символов (Shift-S) (Symbol Sprayer Tool). Дважды нажмите на него, чтобы задать параметры; они должны быть таким же, как и скриншоте.

Settings Diameter 200px Intensity 8 Symbol Set Intensity 8 other setting all Average

Шаг 4

Выберите первый символ снежинки из панели Символов. Проведите  инструментом Распыления Символов по всему изображению, создавая столько снежинок, сколько вы хотите.

Use the Symbol Sprayer Tool

Шаг 5

Повторите шаг 4 с другими двумя символами, чтобы создать много различных снежинок. Как только вы закончите, выберите каждую фигуру с символами и зайдите в Объект > Разобрать (Object > Expand). Сделайте это дважды для каждого объекта (множества снежинок).

Expand the snowflakes

Шаг 6

Повторяйте предыдущие два шага, до тех пор пока вам не понравятся результаты.

The result

5. Как Добавить Последние Штрихи

Мы почти закончили! Все, что нам осталось, это еще немного приукрасить изображение . Для, этого мы используем пару осветлений.

Шаг 1

Создайте два круга, и примените к обоим радиальный градиент. Первый, меньший круг должен иметь градиент от  желтого к черному, а второй должен иметь градиент от белого к черному.

Adjust the gradient

Шаг 2

Измените параметры Прозрачности (Transparency) обоих кругов на Осветление (Screen) и 40%-ю Непрозрачность.

Adjust the Transparency

Шаг 3

Расставьте осветления, как показано на рисунке. Вы можете добавить больше, если хотите. Не беспокойтесь, если части каких-то кругов вылазят за пределы рабочей зоны — мы позаботимся об этом позже.

Move the circles - the smaller one on the left the bigger one on the right

Шаг 4

На следующем шаге мы используем Обтравочную Маску (Clipping Mask), которая позволит нам эффективно "обрезать" картинку.

Так что теперь, создайте прямоугольник и поместите его поверх картинки. В него должно попадать все, что вы хотите включить в окончательное изображение.

Create a rectangle covering the part of the picture you want to leave

Шаг 5

Выберите все (Control-A) и затем нажмите правую кнопку мыши и выберите Создать Обтравочную Маску.

Make Clipping Mask

Отличная работа, Вы Все Сделали!

Что теперь? Вы можете добавить текстуру (подходящие варианты вы найдете в архиве, который вы загрузили) и попробовать разные варианты, пока вы полностью не будете удовлетворены вашим зимним пейзажем!

Final result with added textures

В этом уроке, вы научились создавать зимний пейзаж, используя в основном Сеточный Градиент и Инструмент Распыления Символов.

Я надеюсь вам понравился этот урок и вы узнали что-то новое, что сможете применить в будущем!

Этот зимний пейзаж является частью моей работы Three Christmas Landscape Banners, которую, в числе многочисленных прочих, вы можете найти в моем портфолио!

Three Christmas Landscape Banners
Three Christmas Landscape Banners
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.