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

Как создать летний отпускной фон в Адобе Иллюстратор

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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

Если вы хотите пропустить этот урок и приобрести конечный результат с большим количеством элементов, отправьтесь на GraphicRiver, чтобы купить Пляж с пальмой и Указатель направления.

Beach Scene
Пляж с пальмой и Указатель направления

1. Создаём Шляпу

Шаг 1

Давайте начнём с рисования шляпы! В этом уроке проведу вас через процесс использования Меша с самого начала.

Первым делом создадим круг и зальем его цветом #EFE9D4.

Теперь выберите инструмент Сетчатый градиент (U) и создайте сетку на эллипсе, клацнув по местам предполагаемых узлов. Используя цвет #D4C6AF, раскрасьте узлы как показано на скриншоте ниже.

Продолжайте добавлять узлы и раскрашивать их как на рисунке ниже. Нам нужны эти цвета:

  1. #EFE9D4
  2. #D4C6AF
  3. #BCA88F
  4. #D8CCB5
  5. #F4EFDA
the rim of the hat

Шаг 2

Поздравляю, мы создали нашу первую Сетку!

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

Вам понадобятся эти цвета:

  1. #D8CAB0
  2. #F0EAD8
  3. #ECE0BE
  4. #A28975
  5. #D0BFA6
  6. #EFE9D7
  7. #827666
the front part of the hat

Шаг 3

Точно также продолжайте с другой частью шляпы.

  1. #ECDEBB
  2. #F9F5E9
  3. #D1BA9E
  4. #FCFBE8
  5. #F0EAD8
the middle of the hat

Шаг 4

Создадим ленточку! Нарисуйте прямоугольник, заполнив его #6BOB1O цветом.

Далее, перейдите к меню Эффект > Деформация > Дуга. Примените -20% Изгиба для объекта а также Объект > Разобрать оформление.

see above

Шаг 5

Раскрасьте боковые стороны в  #49070B  и создайте немного бликов, используя цвет #920F16.

see above

Шаг 6

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

assemble hat

Шаг 7

Это конечный результат!

final result

2. Как нарисовать пляжный стул

Шаг 1

Начнём с создания и раскрашивания деревянных частей стульчика. Нам нужны эти цвета:

  1. #D9AA7C
  2. #E3C5A8
  3. #BB936C
  4. #B68257
  5. #C79869
  6. #E8C396
draw a wooden plank

Шаг 2

Добавьте последнюю часть деревянной планки. Раскрасьте в #AF8058.

end of a plank

Шаг 3

Создайте форму другой доски. Залейте ее #DCAD76.

wooden plank

Шаг 4

Раскрасьте доску. Для подэтапов 1 и 3 вам нужно будет использовать цвет по всей длине доски.

  1. #F9CDA2
  2. #8F6646
  3. #C89C6A
with a line where the edge is

Шаг 5

Добавьте конечную часть к объекту цветом #C79A6D.

plank end

Шаг 6

Нарисуйте третью планку стула, используя эти цвета:

  1. #D6AF7E
  2. -
  3. #B2875B
  4. #996C 46
  5. #E2C196
roundish wooden part

Шаг 7

Добавьте фигуру #DEC19C на конце доски.

plank end

Шаг 8

Соберите деревянную конструкцию стула из сделанных нами досок.

different parts
assemble the chair out of the parts we drew

Шаг 9

Нарисуйте основу для ткани нашего  стула. Заполните ее цветом #FEF1EF.

cloth that would fit on the chair

Шаг 10

Создайте полоску и залейте ее #7191BF.

draw a blue long narrow stripe

Шаг 11

Создайте копию полоски и разместите обе полосы по бокам основы ткани. Перейдите в меню Объект > Переход > Параметры перехода и установите Заданное число шагов, 4.

Выберите обе полосы и примените Объект > Переход > Создать. Используйте Объект > Разобрать оформление для результата.

see above

Шаг 12

Создайте другую форму #FEF1EF.

end part of the cloth looks like a tube

Шаг 13

Нарисуйте конец полоски (#7191BF).

end of a stripe so it fits on the shape we made in step 12

Шаг 14

Аналогично Шагу 11, примените Переход к полоскам и Разобрать оформление.

see above

Шаг 15

Объедините обе части вместе.

see above

Шаг 16

Прикрепите ткань к верхней части стула.

see above

Шаг 17

Скоро вы сможете проконсультироваться с моим предыдущим уроком (еще не выпущенным) о том, как создать винт!

the screw

Шаг 18

Добавьте винты в подвижные шарниры стула.

see above

Стул готов! Теперь шлепанцы.

3. Как нарисовать шлепанцы.

Шаг 1

Нарисуйте контур обуви и заполните его #EB9221.

shape of a flip flop sole

Шаг 2

Перейдите в меню Эффект > Объемное изображение > Вытягивание и скос для создания 3D версии нашей формы.

Используйте следующие параметры:

  • 16°
  • -1 °
see above

Шаг 3

Выберите результат и используйте Объект > Разобрать оформление, чтобы разделить обувь на две части.

Разгруппируйте обувь, чтобы выбрать только боковую часть, залив ее цветом #C15B25. Залейте переднюю #EB9221, если она изменила цвет. Вы можете сгруппировать обе части позже.

see above

Шаг 4

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

yellow flip flip strap

Шаг 5

Давайте нарисуем тень! Создайте прямоугольник из 6 колонок и 6 строк Сетки и используйте Эффект > Деформация > Дуга  с 16% Изгиба, чтобы исказить его.

see above

Шаг 6

Используйте для результата Разобрать оформление. Наконец, раскрасьте весь прямоугольник белым, изменив только одну среднюю колонку #7A5422 для имитации тени.

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

see above

Шаг 7

Установите для обоих объектов Непрозрачность на 50% и смените Режим наложения на Умножение.

see above

Шаг 8

Переместите сетку под желтые ремешки. Это создаст тень.

see above

Шаг 9

Сгруппируйте весь шлепанец, а затем создайте его копию. Отразите копию, щелкнув правой кнопкой мыши и выбрав Трансформировать > Зеркальное отражение.

see above

Шаг 10

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

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

see above

Шаг 11

Наконец нарисуйте тень, которую шлепанцы оставляют на песке.

Создайте эллипс, заполнив его Радиальным градиентом, от #C8C4AE до белого цвета. Измените Режим наложения на Умножение.

see above

Шаг 12

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

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

see above

Шаг 13

Выстройте тень от наших шлепанцев.

see above

4. Создадим фон.

Шаг 1

Нарисуйте простой белый прямоугольник, разместив узел Сетки чуть ниже середины и покрасьте его верхние три узла в цвет #A4DBED.

see above

Шаг 2

Если вы хотите добавить облака на небо, проверьте этот урок от меня, и научитесь создавать облака!

place clouds on top

Шаг 3

Нарисуем с помощью сетки песок. Вам понадобятся эти коды цветов:

  1. #EBD9BD
  2. #F7E8D0
  3. #E2CFB3
  4. #F4E7CF
shape it like a little island

Шаг 4

Все, что осталось - это нарисовать Сетку для моря.

Используйте эти цвета:

  1. #EBD9BD
  2. -
  3. #F0F5F8
top row is F0F5F8

Шаг 5

Измените Непрозрачность для моря до 70% и Режим наложения на Умножение.

see above

Шаг 6

Разместите море поверх песка, создав иллюзию острова под водой.

transparent part on top of sand

Шаг 7

Организуйте композицию из объектов, созданных нами ранее. Если вы хотите добавить чемодан, как на рисунке ниже, ознакомьтесь с этим уроком!

group of beach objects

Шаг 8

Теперь разместите ваши отпускные вещи на острове, и можете идти!

finished scene

Поздравляю, мы закончили!

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

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

Beach Scene
Пляж с пальмой и Указатель направления
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.