Как нарисовать горный пейзаж в стиле флэт в Adobe Illustrator | ZZ Guru

Как нарисовать горный пейзаж в стиле флэт в Adobe Illustrator

Всем привет! Сегодня мы научимся рисовать красивый горный пейзаж в стиле флэт, используя при этом основные фигуры и инструменты в Adobe Illustrator.

Создаем новый документ

Для начала нам надо создать Новый Документ (Файл > Новый или Control-N) со следующими установками:

  • Число Монтажных областей: 1
  • Ширина: 1200
  • Высота: 1200
  • Единицы Измерения: Пиксели

Во вкладке Дополнительно:

  • Цветовой Режим: RGB
  • Растровые Эффекты: Экранное
  • Режим Предварительно Просмотра: По умолчанию
  • Отключить Выравнивать Новые Объекты по Сетке
1 134 2

2. Как настроить слои

Хорошей идеей будет организовать наш проект используя слои, так нам проще будет работать над каждой отдельной частью нашего пейзажа.

Зайдите в панель Слои, и создайте пять слоев, назвав их следующим образом.

  • Слой 1: lake
  • Слой 2: main
  • Слой 3: hills
  • Слой 4: mountains
  • Слой 5: sky

Заблокируйте все слои кроме первого “lake”. Для того, чтобы Заблокировать слои, нажмите на кнопку Переключение Блокировки (справа от иконки с глазом) в панели Слои для каждого слоя, который вы хотите заблокировать.

Я предпочитаю использовать для этого более быстрый способ: Alt+щелчок мышкой в колонке Переключения Блокировки в панели Слои по тому слою, который я хочу оставить незаблокированным.

2 6 3

3. Как нарисовать горное озеро

Шаг 1

Начнем рисовать наше горное озеро, создав прямоугольник размером 900 х 58 рх светло синего цвета 
 в нижней части монтажной области, при помощи инструмента Прямоугольник (М) (Rectangle Tool).

Создайте еще одну фигуру 580 х 40 рх того же цвета, разместив ее под нижней частью первой ближе к левой стороне.

3 70 4

Шаг 2

Используя инструмент Прямое Выделение (А) (Direct Selection Tool), выберите углы большего прямоугольника или просто щелкните внутри фигуры, удерживая нажатым Shift. Вы можете увидеть виджет Динамических Углов, который появится внутри углов фигуры. Сделайте фигуру полностью скругленной потянув значок-кружок в центр. Вы так же можете использовать для этого Эффект > Стилизация > Скругленные углы (Filter > Stylize > Round Corner).

Таким же образом скруглите углы у меньшего прямоугольника.

Выберите обе фигуры и объедините их в один объект, использовав кнопку Соединение (Unite) на панели Обработка Контуров (Pahtfinder)

4 6 5

Шаг 3

Выберите голубую форму и Копируйте ее, используя Control-C. Нажмите Control-B чтобы создать Дубликат позади оригинала. Сдвиньте эту копию на несколько пикселей ниже и измените цвет 
.

5 61 6

Шаг 4

Выберите верхний край светло голубого контура с помощью Прямого Выделения (А) и Копируйте его нажав Control-C. Потом нажмите Control-F, чтобы получить Дубликат в верхней части перед оригиналом. Отключите Заливку у линии и сделайте Обводку черного цвета. Задайте толщину Обводки 3-4рх, поместив полосу в стороне от оригинала.

Выберите линию и используйте Эффект > Исказить и Трансформировать > Зигзаг (Effect > Distort & Transform > Zig Zag). Задайте Размер – 3 рхАбсолютный. А так же установите число Складок равным 27. Выберите Гладкие опорные точки и нажмите ОК, и у вас получится волнистая линия. А потом используйте Объект > Разобрать Оформление (Object > Expand Appearance).

6 5 7

Шаг 5

Выберите обе левую и правую крайние точки волнистой линии с помощью инструмента Прямого Выделения (А), и используйте  Control-J, чтобы соединить точки, и в результате у вас получится замкнутый контур.

Поместите получившуюся волнистую фигуру поверх верхней границы основной голубой формы и измените Заливку на цвет 
 и отключите Обводку. Выберите волнистую фигуру вместе с большой голубой формой и объедините их в один объект, используя кнопку Соединение на панели Обработка Контуров.

7 2 8

Шаг 6

Выберите основную голубую фигуру и нажмите Enter, чтобы открыть окно Перемещение (Move). Задайте для Горизонтального направления величину 0 рх и для Вертикального смещения величину -10 рх, и нажмите кнопку Копировать. Для нового объекта задайте цвет Заливки 
 и поместите его назад, нажав Shift-Control-[.

Повторите те же действия для вновь созданного объекта, чтобы получить новый Дубликат за ним. Измените цвет Заливки для этой копии на 
.

Сгруппируйте все фигуры вместе нажав Control-G, выравняйте все по центру монтажной области.

8 49 9

Шаг 7

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

Возьмите инструмент Эллипс (L) и создайте фигуру размером 22 х 10 рх, залив ее цветом
. Преобразуйте левую и правую опорную точки из гладких в остроугольные щелкнув по ним инструментом Опорная Точка (Shift-C) (Anchor Point Tool), и у вас получится фигура в виде листочка (1).

Нарисуйте горизонтальную линию, проходящую по центру фигуры и пересекающую обе “острые” точки. Разделите обе части воспользовавшись панелью Обработка Контуров (2), Разгруппируйте (Control-Shift-G), и Удалите верхнюю половину (3).

Используйте окно Перемещение, чтобы создать несколько копий на одинаковом расстоянии (4). Сгруппируйте  (Control-G) все объекты. 

Распределите копии нашей группы по всему озеру, создавая тем самым отблески света от воды (5), что-то подобное, что мы видим на поверхности воды в солнечный день.

9 47 10

Шаг 8

Нарисуйте 8.5 х 21 рх эллипс с помощью инструмента Эллипс (L), и закрасьте его цветом 
. Щелкните по верхней опорной точке, использовав инструмент Опорная Точка (Shift-C), преобразовав ее в острый угол.

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

Выберите желтую фигуру, возьмите инструмент Поворот (R) (Rotate), и затем удерживая Alt щелкните по нижней опорной точке нашей фигуры. В панели Поворота задайте Угол 20 градусов и нажмите кнопку Копировать. Нажмите Control-D несколько раз, чтобы повторить последнее действие, создав тем самым несколько копий. Выберите все копии и сдвиньте их немного вниз.

10 44 11

Шаг 9

Пока копии выделены, выберите инструмент Зеркальное Отражение (О) (Reflect Tool). Удерживая нажатым Alt, щелкните по верхней опорной точке вертикальной желтой фигуры. В панели Зеркальное Отражение, выберите Вертикальную Ось и нажмите кнопку Копировать, отразив тем самым обе формы на правую часть от вертикальной формы. Сгруппируйте (Control-G) желтые фигуры. Это будет цветок водяной лилии.

Нарисуйте прямоугольник 62 х 6.5 рхЗалейте его 
 и сделайте скругленными углы, с помощью функции Динамических Углов.

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

Создайте окружность размером 13 х 13 рх и Залейте ее цветом 
, а затем отправьте назад Объект > Монтаж > Переложить Назад (Object > Arrange > Send Backward). Затем, разместите окружность ближе к правой стороне зеленого прямоугольника, скрыв ее нижнюю часть за ним. Сгруппируйте (Control-G) все элементы вместе.

landsc lily two 12

Шаг 10

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

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

12 35 13

4. Как нарисовать луг и лес

Заблокируйте все слои, кроме слоя  “main”.

Шаг 1

Давайте начнем рисовать камыш, использовав вертикальный прямоугольник размером 1.7 x 55 px, и задав цвет
 для стебля камыша.

Создайте еще один прямоугольник размером 4.25 x 17 px, который закрасьте в такой
 цвет. Используйте Динамические Углы чтобы полностью скруглить углы у фигуры.

Поместите коричневую фигуру поверх зеленого стебля, чтобы ее верхняя часть перекрывала верх стебля и выравняйте фигуру по центру со стеблем.

Используя инструмент Перо (Р), нарисуйте треугольную форму цвета 
 для листьев в нижней части стебля. Сгруппируйте (Control-G) вместе все элементы камыша.

13 35 14

Шаг 2

Нарисуйте прямоугольник 82 х 78 рх цвета 
, сделайте его верхнюю часть полностью скругленной. используя функцию Динамических Углов. Нарисуйте вертикальную линию, которая проходит через верхнюю опорную точку фигуры и посередине. 

Разделите обе часть использовав функцию панели Обработка Контуров и Разгруппируйте (Control-Shift-G) их. Окрасьте левую половину в цвет 
. Сделайте маленький кружок такого 
 цвета с правой стороны большой фигуры. Копируйте кружок и распределите копии по правой части, создавай текстуру. Сгруппируйте (Control-G) все части вместе. Это будет куст.

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

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

14 32 15

Шаг 3

Давайте начнем создавать берег, нарисовав прямоугольник размером 1075 х 57 рх с Заливкой 
. Сделайте углы полностью скругленными и выравняйте его по центру с озером. Отправьте его на задний план Объект > Монтаж > На Задний План (Object > Arrange > Send to Back).

Выберите зеленый прямоугольник и Копируйте его Control-C. Нажмите Control-B чтобы создать Дубликат позади оригинала. Сместите его вниз на несколько пикселей и измените цвет на
Сгруппируйте (Control-G) прямоугольники и поместите их позади озера.

15 30 16

Шаг 4

Давайте продолжать добавлять детали к берегу, создав 14х14 px прямоугольник с 
 цветом Заливки. Выберите инструмент Добавить Опорную Точку инструмент (+) (Add Anchor Point Tool) и нажмите по середине верхнего края прямоугольника, добавив еще одну опорную точку. Удалите левую и правую верхние опорные точки с помощью инструмента Удалить Опорную Точку (-) (Delete Anchor Point Tool), получив таким образом треугольную форму (1).

Выберите треугольник с помощью инструмента Выделение (V) и нажмите Enter, чтобы открыть панель Перемещение. Задайте для Перемещения по Горизонтали 0 рх, а для перемещения по Вертикали 14 рх, и нажмите кнопку Копировать. Нажмите Control-D чтобы повторить действие, и продолжайте нажимать Control-D чтобы добавить 17 копий (2).Сгруппируйте (Control-G) их вместе. Это будет трава.

Создайте окружность размером 110 х 100 рх с Заливкой цветом 
. Нарисуйте горизонтальную линию, которая проходит по центру и идет через опорные точки по сторонам. Выберите оба объекта и нажмите кнопку Разделение (Divide) на панели Обработка Контуров (Pathfinder) (3). Разгруппируйте (Control-Shift-G) фигуры и Удалите нижнюю часть. Эта фигура будет у нас камнем. Создайте еще маленький камень такого 
 цвета (4).

Комбинируйте и создавайте копии камней и травы, распределите их позади прямоугольника земли. Не забудьте использовать Объект > Монтаж > На Задний План (Object > Arrange > Send to Back) для объектов, чтобы они были позади прямоугольника – земли. Добавьте одну или несколько копий куста, который мы создали ранее. Вы можете использовать рисунок ниже в качестве образца (5), но лучше постарайтесь придумать свои комбинации травы, кустов и камней.

16 24 17

Шаг 5

Теперь мы поработаем с задним фоном для нашего леса. Нарисуйте прямоугольник размером 1030 х 40 рх и закрасьте его цветом
, а также выравняйте по центру монтажной области. Скруглите углы, отправьте его на задний план Объект > Монтаж > На Задний План (Object > Arrange > Send to Back), и поместите его позади большого зеленого прямоугольника, сделав так, чтобы нижняя часть закрывалась верхней частью большей фигуры.

17 21 18

Шаг 6

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

Нарисуйте прямоугольник размером 140 х 235 рх, и сделайте ему Заливку – 
. Щелкните по середине верхней грани инструментом Добавить Опорную Точку (+) (Add Anchor Point Tool), чтобы добавить еще одну. Удалите левую и правую опорные точки с помощью инструмент Удалить Опорную Точку (-) (Delete Anchor Point Tool), чтобы у вас получилась форма треугольника.

Нарисуйте вертикальную линию, которая проходи по середине и через верхнюю точку фигуры. Разделите фигуру используя панель Обработка контуров, и Разгруппируйте (Control-Shift-G) их, и окрасьте левую половину в цвет 
. Создайте маленький треугольник цвета 
Копируйте его, и распределите копию по правой части дерева, создавая текстуру. Сгруппируйте все части и отправьте дерево на задний план Объект > Монтаж > На Задний План (Object > Arrange > Send to Back)

18 21 19

Шаг 7

Давайте сформируем крону второго дерева нарисовав окружность размером 165 х 165 рх и Залив ее цветом 
.

Нарисуйте вертикальную линию, которая проходит по середине через опорные точки фигуры.

Разделите фигуру используя панель Обработка контуров, и Разгруппируйте (Control-Shift-G) их, и окрасьте левую половину в цвет
. Добавьте несколько небольших прямоугольников со скругленными углами 
 цвета на правой половине, чтобы создать текстуру. Добавьте ствол такого 
 цвета Заливки под кроной.

Сгруппируйте (Control-G) все части и отправьте их на задний план Объект > Монтаж > На Задний План.

19 20 20

Шаг 8

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

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

20 20 21

5. Как нарисовать холмы

Заблокируйте все слои, кроме слоя “hills”.

Шаг 1

С помощью инструмента Перо (Р), создайте волнистую форму с Заливкой –
.

Выберите фигуру, и затем воспользуйтесь инструментом Зеркальное Отражение (О), и удерживайте нажатой клавишу Alt, щелкните по нижней правой опорной точке. В опциях Зеркального Отражения, выберите Вертикальную Ось и нажмите Копировать, тем самым отразив фигуру на право.

Объедините обе части в одну, с помощью кнопки Соединение (Unite) на панели Обработка Контуров (Pahtfinder), и получите холм.

21 18 22

Шаг 2

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

22 16 23

Шаг 3

Сначала, выберите левый холм, созданный нами на предыдущих шагах.

Щелкните правой кнопкой мыши и выберите Изолировать Выделенную Группу в выпадающем меню. Изолированный холм будет цветным, а остальная часть работы станет блеклой.

Возьмите инструмент Перо (Р) и нарисуйте зигзагообразную линию пересекающую фигуру холма. Отключите Заливку, задайте Толщину Обводки – 9 рх, и Цвет Обводки – 
. Сделайте углы линии скругленными, выбрав их с помощью Прямого Выделения (А) и потянув за маркеры Динамических Углов.

Выберите линию и зайдите в Объект > Разобрать (Object > Expand). Отметьте опцию Обводка, и снимите галочку для опции Заливка, и нажмите ОК. Наша обводка трансформируется в залитый цветом контур.

Давайте обрежем части контура, которые выступают за границы холма. Выберите вместе контур и холм, и используйте инструмент Создание Фигур (Shift-M) (Shape Builder Tool), при этом удерживая нажатой кнопку Alt и щелкая по ненужным частям, чтобы Удалить их.

Нажмите ОК и Выход из изолированного режима, или используйте инструмент Выделение (V)дважды щелкнув за пределами изолированной группы.

23 16 24

Шаг 4

Разблокируйте слой “main”. Выберите одно лиственное и одной хвойное деревья и Копируйте их. Заблокируйте слой “main” снова и вернитесь назад в слой “hills”. Нажмите Control-V или Редактировать > Вставить, чтобы вставить копии наших деревьев в слой “hills”.

Распределите деревья по поверхности холмов, Дублируя их и изменяя размер, чтобы заполнить пустое пространство.

24 16 25

Шаг 5

Создайте силуэты дальних холмов, Дублируя оригинальные объекты созданные ранее, изменив их Заливку на
 и сделав их выше или короче, с помощью инструмента Выделение (V).

У вас должно получиться что-то вроде этого:

25 16 26

6. Как нарисовать горы

Заблокируйте все слои кроме слоя  “mountains”.

Шаг 1

Давайте начнем создавать основной контур гор с того, что нарисуем прямоугольник размером 582 х 540 рх, и Зальем его цветом
.

Щелкните по середине верхней грани инструментом Добавить Опорную Точку (+) (Add Anchor Point Tool), чтобы добавить еще одну. Удалите левую и правую опорные точки с помощью инструмент Удалить Опорную Точку (-) (Delete Anchor Point Tool), чтобы у вас получилась форма треугольника.

26 14 27

Шаг 2

С помощью инструмента Отрезок Линии (/), нарисуйте линию Шириной 400 рх с черной Обводкой и без Заливки, расположите ее под верхней точкой треугольника, оставив расстояние до нее примерно 200 рх, и выравняйте ее по центру треугольника.

Выберите линию и используйте Эффект > Исказить и Трансформировать > Зигзаг (Effect > Distort & Transform > Zig Zag). Задайте Размер  – 10 рх, Абсолютный. А так же установите число Складок равным 9. Выберите Гладкие опорные точки и нажмите ОК, и у вас получится волнистая линия. А потом используйте Объект > Разобрать Оформление (Object > Expand Appearance).

Выберите треугольник и Копируйте его, использовав Control-C. Нажмите Control-F, чтобы создать поверх Дубликат. Выберите дубликат вместе с линией и нажмите кнопку Разделение (Divide) на панели Обработка Контуров (Pathfinder), чтобы разделить треугольник на две части. Разгруппируйте  их и удалите нижнюю часть. Закрасьте оставшийся верх в цвет 
, создав, таким образом, снежную вершину.

27 14 28

Шаг 3

Сделайте более узкую Копию треугольника впереди первого и измените цвет на 
, формируя легкую тень на горе. Создайте более узкий Дубликат тени впереди, и закрасьте ее в цвет 
.

Теперь наши горы более детально проработаны и выглядят интересно.

28 12 29

Шаг 4

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

Выберите расположенную сзади треугольную фигуру, Копируйте ее и Вставьте Вперед (Control-C > Control-F). При выделенной копии, зайдите в Объект > Монтаж > На передний (План Object > Arrange > Bring to Front), поместив тем самым копии перед горой. Выберите нижнюю правую опорную точку треугольника с помощью Прямого Выделения (А) и потяните ее в центр, выравняв со средней опорной точкой.

Измените Режим Наложения для получившегося треугольника на Умножение, при этом уменьшите Непрозрачность до 40% в панели Прозрачность, получив, таким образом, тень. Сгруппируйте (Control-G) все элементы горы вместе.

29 10 30

Шаг 5

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

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

30 9 31

7. Как создать фон

Мы почти закончили с нашим горным пейзажем. Нам осталось обозначить небо, солнце и облака.

Давайте начнем, Заблокировав все слои, за исключением слоя “sky”.

Шаг 1

Нарисуйте квадрат размером 1200 x 1200 px цветом 
, и выравняйте его по монтажной области.

31 9 32

Шаг 2

Чтобы заполнить пустое пространство и добавить глубины нашему пейзажу, создайте фигуры в виде облаков и такого 
 цвета позади гор, с помощью инструмента Перо (Р), или с помощью Прямоугольника (М), сделав его углы скругленными.

32 6 33

Шаг 3

Чтобы нарисовать облако, нарисуйте две пересекающиеся окружности с помощью инструмента Эллипс (L), установив для Заливки и Обводки по умолчанию черный и белый цвета. Переключитесь на инструмент Прямоугольник (М) и поместите узкую полосу в нижней части облака, чуть ниже нижнего края большего круга.

Соедините эти контуры использовав панель Обработка Контуров, сделав из них один объект. Измените Заливку на цвет –
, и Отключите обводку. Сделайте несколько облаков разных размеров и распределите их по небу, оставив пространство для солнца.

33 6 34

Шаг 4

Нарисуйте окружность размером 105 х 105 рх и закрасьте цветом 
. Нарисуйте вертикальную линию посередине круга, использовав инструмент Отрезок Линии (\). Выделите вместе линию и окружность, и Разделите их с помощи функции панели Обработка КонтуровРазгруппируйте (Control-Shift-G) фигуры и закрасьте левую половину в цвет – 
.

Нарисуйте еще один круг размером 144 х 144 рх 
цвета, поместите его позади первого, выравняйте по центру. Выберите большой круг и используйте Эффект > Исказить и Трансформировать > Зигзаг (Effect > Distort & Transform > Zig Zag). Задайте Размер  – 5 рх, Абсолютный. А так же установите число Складок равным 10. Выберите Гладкие опорные точки и нажмите ОК. А потом используйте Объект > Разобрать Оформление (Object > Expand Appearance).

Сгруппируйте вместе все элементы солнца и поместите их на главной сцене.

Разблокируйте все слои.

34 6 35
35 5 36
36 6 37
0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии