Как Нарисовать Весенний Луг в Adobe Illustrator
Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)



В этом уроке, вы научитесь использовать Сетчатый Градиент и инструмент Градиент в Adobe Illustrator, чтобы создать весенний пейзаж с ярким белым забором!
Если вы хотите пропустить это урок, и желаете использовать этот пейзаж в своей работе, вы можете купить Nature Meadow Landscape with a Bicycle на GraphicRiver и получить велосипед в придачу!



1. Как Нарисовать Фон
Шаг 1
Давайте начнем с того, что раскрасим фон, с помощью инструмента Сетчатый Градиент (U) (Mesh Tool).
Для этого нарисуйте прямоугольник, Залейте его серым #F5F3EA
и используйте Сетчатый Градиент, чтобы задать сетку на прямоугольнике.
Продолжайте работу и начните раскрашивать узлы сетки, как на картинке ниже.
Вот цветовые коды, которые вам нужно использовать на каждом шаге:
#F5F3EA
#399F92
#AAD2C9
#52531A
#D7D483
#CCD8C1
#E0E6C8
-
#BFD9C7



Шаг 2
Теперь перейдем к рисованию холмов, покрытых травой! Процесс очень похож на Шаг 1, но в конце вам нужно будет изогнуть холмы с помощью Сетки.
Просто создайте еще пару дополнительных узлов и сделайте форму волнистой, потянув их!
Вот цвета, которые вам понадобятся:
#E7E3AB
#C5CD60
#95A542
-
#5B6D1C



Шаг 3
Снова используя Сетчатый Градиент, создайте подобный холм со следующими цветами:
#DFDFA8
#BAC569
-
#6C8427



Шаг 4
Поместите оба холма поверх созданного нами фона. Меньший холм, должен частично скрываться за большим.



Шаг 5
Теперь создайте прямоугольник Без Заливки поверх фона, который обрамляет картинку. Убедитесь, что все ваши элементы, которые вы хотите видеть на финальной картинке, находятся внутри этого прямоугольника.
Затем выберите все элементы и после щелчка правой кнопкой мыши, выберите пункт Создать Обтравочную Маску (Make Clipping Mask).
Мы будем использовать этот инструмент еще несколько раз в этом уроке, так что не забывайте про него!



Шаг 6
После того, как мы применили Обтравочную Маску, первую часть нашей работы, можно считать законченной!



2. Как Создать Забор
Шаг 1
Начнем рисовать штакетник для нашего забора.
Возьмите инструмент Перо (Р) (Pen Tool) и нарисуйте половинку доски. После того, как нарисуете, щелкните правой кнопкой по нему и выберите Трансформировать > Зеркальное Отражение (Transform > Reflect). Выберите Вертикальную Ось и нажмите Копировать, чтобы создать вторую половину фигуры.



Шаг 2
Теперь подвиньте вторую половинку, чтобы она была идеальным отражение первой (цвета для удобства объяснения).
После того, как вы выставите их , выберите оба объекта и нажмите кнопку Соединение (Unite) на панели Обработка Контуров (Pahtfinder). У вас получится симметричный контур!



Шаг 3
Залейте фигуру серым цветом (сейчас не важно каким).
Возьмите инструмент Лассо (L) (Lasso Tool) и выберите два средних узла в нижней части фигуры. Нажмите Delete, чтобы от них избавиться.
Это действие важно для дальнейшей работы, поэтому не пропустите его!



Шаг 4
Так как теперь у нас появился промежуток внизу, используйте Объект > Контур > Соединить (Object > Path > Join), чтобы замкнуть контур.
Создайте Копию контура, и отставьте его в сторону! Он понадобится нам позже.



Шаг 5
Давайте добавим глубины для нашей доски от забора! Зайдите в Эффекты > Объемное Изображение > Вытягивание и Скос (Effect > 3D > Extrude & Bevel) и задайте следующее значение Поворота:
- -7 °
- 19°
- -2 °
Для Длины Экструзии (Extrude Depth) введите 5 рх.



Шаг 6
После того, как вы примените эффект к фигуре, преобразуйте его в контуры, использовав Объект > Разобрать Оформление (Object > Expand Appearance)
Примените команду Разгруппировать пару раз, пока у вас не получится три отдельных контура.



Шаг 7
Выберите элементы, которые формируют боковую часть столбика забора и нажмите кнопку Соединение на панели Обработка Контуров.



Шаг 8
Залейте переднюю часть столбика цветом #F1EBE1
, а боковую - #D8CFC2
.



Шаг 9
Для этого шага, вам понадобится фотография деревянной доски с текстурой.
Я рекомендую вам использовать мою фотографию, которую вы можете загрузить в приложении к уроку (texture.jpg)
Поместите фотографию в файл с вашим весенним фоном и откройте панель Трассировка Изображения (Окно > Трассировка Изображения).
После того как вы выберите объект с текстурой, введите параметры, которые я выбрал в панели (вам возможно придется нажать на вкладку Дополнительно (Advanced), чтобы были доступны все установки) и нажмите Трассировать (Trace).
Параметры Трассировки Изображения:
- Стиль (Mode): Черно-белый
- Изогелия (Threshold): 164
- Контуры (Paths): 50%
- Углы (Corners): 75%
- Шум (Noises): 25px
- Создать (Create): Заливка (Fills)
-
Игнорировать белый цвет (Ignore White): Выбрано



Шаг 10
Выберите результат трейса и зайдите в Объект > Разобрать (Object > Expand).



Шаг 11
В панели Прозрачность (Transparency), задайте Непрозрачность (Opacity) - 30% и Режим Прозрачности (Transparency Mode) - Перекрытие (Overlay).



Шаг 12
Используйте контур, который мы создали на 4 Шаге этого раздела и поместите его поверх текстуры. Создайте Обтравочную Маску, используя эти два объекта.
Поместите результат поверх доски забора.



Шаг 13
Переместите наш столбик немного вправо, при этом удерживая нажатыми Shift и Alt, и таким образом создав Копию на нужном расстоянии.
Продолжите нажимая Control-D и тем самым повторяя последнее действие, и создайте столько столбиков сколько хотите. Остановитесь, когда у вас получится забор нужной длины.



Шаг 14
Теперь давайте создадим заднюю перекладину для нашего забора!
Сперва нарисуйте прямоугольник, который будет чуть длиннее вашего забора. Закрасьте его #EEE7DE
. Добавьте другой, более узкий прямоугольник на верх и закрасьте его #E2DCD2
.



Шаг 15
В этом шаге мы будем делать тени, которые падают от наших столбиков.
Нарисуйте два вертикальных прямоугольника сторона к стороне и закрасьте их #7B6F5B
(это левый) и #DEDBD2
(а это правый). Правый прямоугольник должен быть чуть шире.
Далее, установите для правого прямоугольника Непрозрачность на 0% и зайдите в Объект > Переход > Параметры Перехода (Object > Blend > Blend Options). Выберите для Интервалов (Spacing) - Заданное Число Шагов (Specified Steps) и задайте количество - 30.
И наконец, выберите оба прямоугольника и зайдите в Объект > Переход > Создать (Object > Blend > Make).



Шаг 16
Поместите бленд (переход) на заднюю доску, которую мы создали. Как раньше, используйте Control-D, чтобы Продублировать тень на всю перекладину.



Шаг 17
Поместите доску с тенями, позади штакетника. Постарайтесь точно выравнять тени! Постарайтесь точно выравнять тени!



Шаг 18
И наконец, мы создадим крепеж, который держит наш забор.
Используя Сетчатый Градиент (U) создайте подобие крепежа, по следующим шагам.
Вот цвета, которые вам понадобятся:
#D1D0C7
#535044
#AAA99F
#B0AFA5
-
#000000



Шаг 19
Используйте две окружности, чтобы создать тень. Создайте меньшую внутри большей но со смещенным центром. Закрасьте большую цветом - #D8D4C9
и меньшую - #6C6557
.
Установите Непрозрачность светлого круга на 0%, а затем используйте Объект > Переход > Создать (Object > Blend > Make).



Шаг 20
Поместите Меш (Сетчатый Градиент) поверх тени и немного поверните его. Наш крепеж готов!



Шаг 21
Поместите крепеж поверх забора в центре пересечения (перекладины и столбика штакетника).
Используйте Control-D, чтобы Дублировать крепеж, после того как передвинете один (удерживая нажатыми Alt и Shift).



3. Как Создать Облака и Траву
Шаг 1
Теперь, когда наш забор сделан, осталось добавить пару штрихов, чтобы завершить нашу картинку!
Если вы хотите добавить облака в небе на нашем весеннем пейзаже, то вы можете посмотреть как это сделать в следующем уроке: Как Создать Ночное Небо с Облаками Используя Adobe Illustrator и Photoshop.
После того, как вы сделаете облака, возвращайтесь назад к нашему пейзажу и поместите их на небе.
Я предлагаю создать нескольких копий первого и комбинировать их вместе, чтобы создать интересные формы!



Шаг 2
Чтобы наше небо было еще прекраснее, давайте добавим солнце!
Нарисуйте окружность и используйте Радиальный Градиент от белого к #95896A
и к черному. Измените Режим Наложения на Осветление (Screen).



Шаг 3
Поместите наше светило где-то на небе. Теперь у нас есть солнце!



Шаг 4
И наконец, нам нужно добавить немного травы. Вы можете узнать как нарисовать траву из этого урока: Как Нарисовать Баннер с Травой в Adobe Illustrator.
После того, как вы закончите рисовать траву, вернемся к нашему забору, созданному в предыдущем разделе. Поместите его поверх вашего баннера с травой, так чтобы нижняя часть забора была едва заходила за край.
Далее, создайте Копию травы и поместите ее поверх забора. Поместите ее ниже, чтобы забор был виден.



Шаг 5
Все что осталось, это поместить забор и траву на наш пейзаж! Не забудьте использовать Обтравочную Маску, чтобы обрезать вашу картинку!



Великолепная Работа, Теперь Вы Все Сделали!
Что теперь? Вы можете пройти другие мои уроки, которые вы найдете в моем профиле, или посмотрите мое портфолио на GraphicRiver, где есть так же это оригинальное изображение, которое мы рисовали в этом уроке.
Я надеюсь вам понравился урок, и я буду очень счастлив увидеть ваши результаты в комментариях ниже!



Unlimited Downloads.
