Концептуальная иллюстрация "Время барбекю" | ZZ Guru

Концептуальная иллюстрация “Время барбекю”

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

Summer Activity Concept Backgrounds

1. Как создать новый документ

Давайте начнём наш проект, создав новый документ. Просто перейдите в Файл > Новый (или Control/Command-N) и настройте документ следующим образом:

  • Количество монтажных областей: 1
  • Ширина: 800
  • Высота: 600
  • Единицы: Пиксели

С Вкладки с расширенными настройками:

  • Цветовой режим: RGB
  • Растровые эффекты: Экран
  • Режим предпросмотра: по умолчанию
  • Выровнять новые объекты по пиксельной сетке: снять галочку
Creating a new document

2. Как сделать стол и стул для пикника

Шаг 1

Возьмите Инструмент “Прямоугольник” (М) и создайте прямоугольник 215 х 15 пикселей, который послужит столешницей. Заполните его цветом #BD3337.

Создайте ещё одну вертикальную фигуру 8 х 15 пикселей с цветом заливки #B8B79D. Поместите её ближе к левой стороне красного прямоугольника, выровняв по его нижнему краю.

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

Building the table

Шаг 2

Создайте два маленьких прямоугольника 10 х 12.5 пикселей цветом #47392C, поместив их прямо под нижним контуром вертикальных ножек и выровняв по их середине.

Сформируйте горизонтальную полоску 65 х 4.5 пикселей, которую мы окрасим в цвет #B8B79D. Выделите фигуру и дважды кликните на Инструмент “Поворот” (R), чтобы открыть меню Настроек. Установите значение Угла на 90 градусов, нажмите ОК и отправьте прямоугольник назад (Объект > Монтаж > Переложить назад).

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

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

Сгруппируйте (Control-G) все части стола вместе.

Finishing the table

Advertisement

Шаг 3

Начните создавать стул с прямоугольника 94 х 40 пикселей цветом #E04938.

Добавьте два тонких вертикальных прямоугольника 4 х 110 пикселей (#DEDDBD)  на каждой внутренней стороне красной фигуры, поместив их под нижний край большой фигуры. Они будут ножками стула.

Создайте маленькие прямоугольники 22 х 7 пикселей, окрасив их в цвет #E04938. Поместите каждый прямоугольник в середину ножки стула, расположив их на 20 пикселей ниже верхней фигуры.

Добавьте ещё один прямоугольник 118 х 9 пикселей и поместите его на ножки стула, снизив на 15 пикселей вниз от самых маленьких красных фигур и выровняв относительно середины верхнего большого прямоугольника. 

Making a chair

Шаг 4

При помощи Инструмента “Перо” (Р) нарисуйте скошенную линию шириной 4 пикселя, которая проходит от пересечения левой ножки стола и нижней красной фигуры диагонально к нижнему краю правой ножки стула и на 10 пикселей вправо (посмотрите на пример ниже).

Отразите линию по правой стороне стула при помощи Инструмента “Зеркальное отражение” (О).

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

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

Finishing the chair

3. Как создать кружку

Advertisement

Шаг 1

Начните создавать кружку с прямоугольника 52 х 53.5 пикселей, который мы заполним заливкой цветом #DEDDBD. Выделите две нижние опорные точки Инструментом “Прямое выделение” (А).

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

Forming a rectangle

Шаг 2

Создайте полосу 55 х 3.5 пикселей и окрасьте её цветом #977866.

Выделите полоску и большой прямоугольник, удерживая Shift.Снова кликните на большом объекте (вам не нужно в этот раз удерживать Shift!).

Вокруг большой формы появится синий контур, а на панели Управления и Выравнивания автоматически выберется “Выравнивание относительно ключевого объекта”.

На панели Выравнивания (Окно > Выровнять) или панели Управления кликните на кнопку “Горизонтальное выравнивание по центру” и затем на кнопку “Вертикальное выравнивание по верху”.

Creating a cup

Шаг 3

Нам всё ещё нужна ручка для кружки.

Создайте прямоугольник 16 х 20 пикселей без Заливки, установив толщину обводки на 3 пикселя и цвет обводки на #977866. При помощи функции “Динамические углы” сделайте верхний правый и нижний правый углы фигуры скруглёнными. Отправьте ручку на задний план и поместите её на правую сторону кружки, спрятав левую часть за кружкой. Сгруппируйте (Control-G) все части кружки вместе.

Finishing the cup by adding a handle

4. Как создать ложку и вилку

Шаг 1

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

Создайте прямоугольник 5 х 41 пикселей цветом #DEDDBD. Удерживая созданную фигуру выделенной, примените Эффект > Деформация > Выпуклость со значением Вертикального сгиба -3% и Вертикальным искажением 25%.

Перейдите в Объект > Разобрать оформление, чтобы превратить эффект в цельную фигуру. Сделайте нижнюю часть фигуры полностью скруглённой, перетащив виджеты Динамических углов.

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

Creating the bottom part for the fork and spoon

Шаг 2

При помощи Инструмента “Эллипс” (L) создайте эллипс 17 х 27.5 пикселей цветом #DEDDBD на верхушке ручки. Выберите его опорные точки Инструментом “Прямое выделение” (А) и перетащите их слегка вниз.

Выделите обе фигуры и объедините их в одну при помощи функции Объединения на панели Обработки контуров.

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

Building a spoon

Шаг 3

Возьмите Инструмент “Многоугольник” и кликните на монтажной области возле второй ручки, которую мы создали в Шаге 1. На панели настроек Многоугольника установите радиус 7.5 пикселей и стороны 8 пикселей, получив в результате восьмиугольник. Измените цвет Заливки фигуры на #DEDDBD и перетащите фигуру на верх второй ручки так, чтобы она перекрывала ручку и была выровнена по её середине (1).

Выберите Инструмент “Удалить опорную точку” (-) и кликните на двух верхних опорных точках восьмиугольника, удалив их (2). Выберите левую нижнюю опорную точку оставшейся фигуры и сдвиньте её вправо, удерживая Shift, выравнивая точку по левому контуру ручки. Тем же способом перетащите нижнюю правую опорную точку к правому контуру ручки (3).

Выделите обе фигуры и Объедините их на панели Обработки контуров. Сделайте углы между верхней частью и ручкой скруглёнными при помощи функции Динамических углов (4).

Building a fork

Шаг 4

Создайте вертикальный прямоугольник 2 х 15 пикселей такого же цвета #DEDDBD и поместите его на верхнюю сторону только что созданной фигуры, выровняв по её левой стороне. Затем добавьте опорную точку в середине верхнего края прямоугольника при помощи Инструмента “Добавить опорную точку” (+) (1).

Удалите левую и правую верхние опорные точки Инструментом “Удалить опорную точку” (-), получив форму иглы. Создайте такую же форму на правой стороне фигуры (2).

Выделите обе иглообразные формы Инструментом “Выделение” (V), удерживая Shift. Выберите Объект > Переход > Создать.

По умолчанию Illustrator создаёт плавный переход цвета. Мы собираемся это исправить, выбрав Объект > Переход > Параметры перехода или дважды кликнув на Инструменте “Переход”. Измените “Расстояние” на “Заданное число шагов“, установив значение 2 (3).

Удерживая объект выделенным, перейдите в Объект > Разобрать. Отметьте галочкой Объект и снимите галочку с Заливки и Обводки, нажав ОК.

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

Сделайте расстояние между иглами скруглённым, выделив наклонные опорные точки Инструментом “Прямое выделение” (А) и перетащив виджеты Динамических углов (4).

Вилка готова!

Finishing the fork

5. Как создать сковороду и гриль

Шаг 1

Давайте начнём создавать сковороду, взяв Инструмент “Эллипс” (L) и создав круг 95 х 95 пикселей цветом #635042. Добавьте два маленьких круга внутри: круг 77 х 77 пикселей цветом #977866 и круг 65 х 65 пикселей #B08F64).

Создайте прямоугольник 17 х 175 пикселей без Заливки с обводкой 5 пикселей (#46382B) возле группы кругов. Сделайте верхнюю часть фигуры полностью скруглённой. Затем слегка округлите нижние опорные точки, перетащив Динамические углы Инструментом “Прямое выделение” (А). Расположите получившуюся фигуру на кругах, выровняв её по середине кругов и сделав нижнюю часть прямоугольника слегка выпирающей с нижнего контура внешнего круга.

Отправьте фигуру прямоугольника на задний план, выделив её и перейдя в Объект > Монтаж> Переложить назад. Сгруппируйте (Control-G) все части вместе.

Working over the cooking pan

Шаг 2

Создайте круг 90 х 90 пикселей с толщиной обводки 3 пикселя и цветом #DEDDBD с любым цветом Заливки. Выделите круг и перейдите в Объект > Разобрать. Отметьте галочкой Обводку и снимите галочку с Заливки, нажав ОК. Обводка превратится в заполненную фигуру.

Создайте полосу 1.5 х 130 пикселей цветом #47392C возле левой стороны круглой фигуры, выровняв её центр между верхней и нижней опорными точками круга.

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

Отправьте обе вертикальные фигуры на задний план, перейдя в Объект > Монтаж > Переложить назад, спрятав их за круглой фигурой.

Creating a stroked circle and two vertical stripes

Шаг 3

Выделите обе вертикальные полосы и перейдите в Объект > Переход > Создать.

Выбрав Объект > Переход > Параметры перехода или дважды кликнув на Инструменте “Переход“, установите Расстояние на Заданное количество шагов и значение 10. Удерживая объект выделенным, используйте Объект > Разобрать. Отметьте галочкой Объект и снимите галочку с Заливки и Обводки. Нажмите ОК.

Выделите группу созданных линий и нажмите Control-C и Control-F, создав копию группы перед оригиналом. Удерживая объекты выделенными, сдвиньте указатель за пределы зоны выделения и поместите возле верхнего правого маркера зоны выделения, чтобы указатель изменился на наклонную стрелку. Затем перетащите вниз, удерживая Shift, повернув копию на 90 градусов.

Copying the vertical stripes and making the grill

Шаг 4

Давайте отрежем части полоски, которые выступаю за фигуру круга.

Выделите группу вертикальных полосок и круг. Затем используйте Инструмент“Создание фигур” (Shift-M). Удерживая Alt, кликните и удерживайте левую кнопку мыши на свободной области возле левой стороны группы, протяните вдоль выступающей части и отпустите кнопку, чтобы удалить её. Повторите действие для перекрывающихся частей.

Сгруппируйте (Control-G) все части вместе.

Cutting of the outstanding grill parts

Шаг 5

Создайте прямоугольник 7 х 167 пикселей без Заливки с обводкой 2 пикселя (#DEDDBD). Удалите нижний край, кликнув на нём Инструментом “Прямое выделение” (А) и нажав на кнопку “Удалить“. Сделайте верхнюю часть скруглённой.

Создайте красный прямоугольник 9.5 х 27 пикселей цветом #E04938, расположив его на верхней половине вертикальной фигуры, оставив пространство около 9 пикселей между верхом красной фигуры и верхним контуров вертикальной скруглённой фигуры.

Добавьте ещё один скруглённый прямоугольник 12 х 6.5 пикселей без Заливки с обводкой 2 пикселя (#47392C) на несколько пикселей ниже красной фигуры, выровняв по её середине. Сгруппируйте (Control-G) всю конструкцию и поместите его на недавно созданный круг, выровняв по его центру и сделав нижнюю часть выступающей вниз на несколько пикселей от нижнего контура круга.

Сгруппируйте (Control-G) объекты гриля.

Finishing the grill pan

6. Как создать гриль для барбекю

Шаг 1

Давайте начнём с создания эллипса 125 х 95 пикселей Инструментом “Эллипс” (L) с настройками цвета по умолчанию. Нарисуйте горизонтальную линию, которая идёт поперёк средней и боковой опорных точек фигуры. Выделите обе фигуры и Разделите их при помощи панели Обработки контуров. Разгруппируйте (Control-Shift-G) фигуры и установите цвет Заливки верхней половины на #E04938 и нижней части на #DEDDBD.

Building an ellipse and dividing it on two parts

Шаг 2

Создайте прямоугольник 135 х 9.5 пикселей цветом #BD3337 для кольца, расположенного в середине фигуры эллипса.

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

Добавьте маленький цветной круг #E1F4F7 в правой части красной формы, обозначающий плоски, стилизованный блик.

Создайте Т-образную фигуру, состоящую из двух прямоугольников, которые мы окрасив в цвет #47392C: горизонтальный 19.5 х 2.5 пикселей и вертикальный 2 х 5 пикселей. Объедините оба прямоугольника на панели Обработки контуров и поверните фигуру, поместив её на левой стороне большой нижней половины круглой формы, спрятав правый край за ней. Создайте зеркальную копию Т-образной фигуры на правой стороне при помощи Инструмента “Зеркальное отражение” (О).

Finishing the top part of the BBQ grill

Шаг 3

Создайте вертикальную полосу 4.5 х 95 пикселей для ножки барбекю, заполнив её цветом #B8B79D и сделав низ скруглённым.

Добавьте маленький прямоугольник 4.5 х 7 пикселей (#47392C) в средней части, имитируя резиновый соединитель. Создайте большой прямоугольник такого же цвета, перекрывающий нижнюю часть ножки. Отрежьте выходящие за пределы ножки части прямоугольника при помощи Инструмента “Создание фигур” (М) и Сгруппируйте (Control-G) все части ножки.

Выделите группу ножки и дважды кликните на Инструменте “Поворот” (R), открыв меню Настроек. Установите значение Угла на 20 градусов и нажмите ОК. Отправьте ножку на задний план (Объект > Монтаж > Переложить назад) и расположите её на правой стороне круглой секции барбекю, которую мы создали в предыдущем шаге.

Создайте симметричную копию ножки на левой стороне фигуры эллипса при помощи Инструмента “Зеркальное отражение” (О).

Creating the legs for the BBQ grill

Шаг 4

Добавьте мостик шириной 4.5 пикселей (#C4C4C4) между ножками барбекю, спрятав его стороны за верхними чёрными соединителями.

Создайте ещё один вертикальный прямоугольник 4.5 х 95 пикселей со скруглённым низом, заполнив его цветом #524C4E. Расположите его между ножками барбекю, выровняв по середине эллипсовидной части барбекю и низом резиновых ножек. Отправьте объект на задний план, спрятав его верх за частью круга.

Сгруппируйте (Control-G) все части вместе. Наш гриль для барбекю готов!

Finishing the BBQ grill

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

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

Шаг 1

Создайте прямоугольник фона и заполните его цветом #A2B51B. Создайте ещё один скруглённый прямоугольник, который мы окрасим в цвет #FDF9FF в нижней части композиции для уровня земли.

Добавьте большой прямоугольник цветом #DEDDBD, который полностью перекрывает нижнюю половину скруглённой светлой фигуры. Выделите обе фигуры и удалите выступающие части нижней фигуры при помощи Инструмента “Создание фигур” (Shift-M), получив плоскую тень в нижней части уровня земли.

Creating the ground level

Шаг 2

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

Rendering the fir and the forest background

Шаг 3

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

Creating the clouds

Шаг 4

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

Finishing the whole scene

Пришло время барбекю!

Готово! Отличная работа!

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

Summer Activity Concept Backgrounds

Надеюсь, вам понравилось создавать эту иллюстрацию барбекю и вы узнали что-то полезное.

Final illustration

Автор: Aliaksei Kruhlenia

Космическая ретушь
0 комментарий

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

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