в

Как создать интерьер с полками во флет стиле

Final product image

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

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

1. Как Создать Настенную Полку

Шаг 1

Начнем с создания нового документа (Файл > Новый) с Шириной – 800 рх и Высотой – 600 рх. Первое, что мы создадим будет полка, на которую мы поместим все остальные объекты.

Для полки, создайте прямоугольник размером 280 х 16 рх, с помощью инструмента Прямоугольник (М) (Rectangle Tool) и выберите #8199A3 цвет в качестве заливки. Для крепления полок, создайте болт, использовав прямоугольник 14 х 30 рх и затем эллипс 4 х 4 рх (#8FAAB5) с помощью инструмента инструмент Эллипс (L) (Ellipse Tool)

Creating the table rectangles

Шаг 2

Добавьте тени для опор, используя прямоугольник 14 x 8 рх (#6B7F87), дублируйте болт ( Controll-C > Control-F) и изменить его цвет заливки на #6B7F87. После этого, отправьте его назад (щелкните правой кнопкой мыши > Монтаж > Отправить Назад) и переместите эллипс вниз, дважды нажав на стрелку вниз на клавиатуре.

Сгруппируйте элементы опоры (Control-G) и дублируйте их (Control-C > Control-F). Перенесите их на другую сторону полки, как показано на рисунке ниже.

Now adding the supports

Шаг 3

Сгруппируйте все элементы полки вместе (Control-G) и дублируйте их (Control-C > Control-F). Поместите вторую полку дважды кликнув по кнопке инструмента Выделение (V) (Selection Tool) и задав расстояние в диалоговом окне –  140 рх над первой полкой.

Add a distance of 140 px between the shelves

2. Как Создать Книги

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

Шаг 1

Для первой книги создайте прямоугольник 15 x 62 px (#A094D9). Затем добавьте два 15 x 4 px прямоугольника (#897FBA) и эллипс 7 x 7 px (#897FBA).

Затем добавьте прямоугольник 7 x 62 px (#A094D9) поверх книги и  установите Режим Наложения (Blending Mode) на Умножение (Multiply) с Непрозрачностью 20% , воспользовавшись панелью Оформление (Appearance). Сгруппируйте всё вместе (Control-G).

A new book with rectangles and ellipse

Шаг 2

Для второй книги, создайте прямоугольник 12 х 55 рх (#3498DB) и три прямоугольника 12 х 3 рх (#EDEEF0), и затем разнесите их на расстояние 3 рх.

После этого, добавьте прямоугольник 6 х 55 рх (#3498DB) и установите для него Режим Наложения – Умножение с Непрозрачностью – 20%, используя панель Оформление. Сгруппируйте все элементы книги (Control-G) и поместите ее следом за первой.

Second book with three lines

Шаг 3

Для третьей книги создайте прямоугольник 6 x 50 рх (#F6CD61) и добавьте 3 x 30 рх прямоугольник (#EDEEF0) в центре. После этого, создайте прямоугольник 3 х 50 рх (#F6CD61) и установите для него  Режим Наложения – Умножение с Непрозрачностью – 20%. Сгруппируйте все элементы вместе (Control-G).

Дважды щелкните по инструменту Вращение (R) ( Rotation Tool) и введите значение 350 градусов в диалоговом окне. Используя направляющие линии, поместите книгу следом за предыдущими.

06

Шаг 4

Теперь давайте создадим второй набор книг.

Сперва, создайте прямоугольника размером 58 x 15 px  (#67537A) и  затем выберите опорные точки с правой стороны и скруглите углы Динамическими Углами, используя инструмент Прямое Выделение (А) (Direct Selection Tool).

Дублируйте прямоугольник (Control-C > Control-F) и измените его заливку на цвет #EDEEF0. Зайдите в Объект > Контур > Создать Параллельный Контур (Object > Path > Offset Path) и задайте смещение  -3 рх. Затем, разберите оформление (Объект > Разобрать Оформление).

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

Now create a new book of the second group

Шаг 5

Скопируйте последний прямоугольник (Control-C). Затем выберите оба прямоугольника и примените функцию кнопку Минус Верхний (Minus Front) из панели Обработка Контуров (Pahtfinder).

Вставьте снова прямоугольник (Control-F), выберите узлы с левой стороны и передвиньте их на 2 рх вправо. Теперь создайте прямоугольник 60 х 2 рх (#C2C3C9) и добавьте тень на книгу, удалив остальное с помощью инструмента Создание Фигур (Shift-M) (Shape Builder Tool).

Moving the left-side nodes and add a shadow

Шаг 6

Добавьте закладку создав прямоугольник 6 х 8 рх (#39B4FF). Возьмите Перо (Р) и добавьте узел в середину и затем сдвиньте его немного вверх.

Теперь сгруппируйте все элементы (Control-G).

Adding a bookmark con Pen Tool

Шаг 7

Для второй книги, мы используем ту же процедуру шагов 4-6, так что создайте прямоугольник 49 х 12 рх (#1DABB8) и скруглите углы с левой стороны.

Дублируйте прямоугольник (#EDEEF0) (Control-C > Control-F) и задайте смещение -3рх. Выполните шаги 5-6, как описано выше.

The second book with a rectangle and round the right-side corners

Шаг 8

Пришло время создать третий набор книг. Начнем с создания прямоугольника 70 х 23 рх (#39B4FF), и затем добавьте еще два: 4 х 23 рх (#EDEEF0) и 8 х 12 рх (#EDEEF0).

После этого, создайте прямоугольник 70 х 12 рх (#39B4FF) и установите для него Режим Наложения Умножение и Непрозрачность на 20%, используя панель Оформление.

Creating the third set of books

Шаг 9

Теперь мы создадим вторую книгу, как мы сделали на шаге 7. Используйте прямоугольник 61 х 15 рх (#C2B6D6).

Creating the second book the same way in step 7

Шаг 10

Теперь создадим последний набор книг.

Для первой книги, начните с прямоугольника 70 х 10 рх (#67537A). Затем добавьте два прямоугольника 2 х 10 рх (#EDEEF0) и один прямоугольник 30 х 2 рх (#EDEEF0).

Закончите набор создав прямоугольник 70 х 5 рх (#67537A) и установите для него  Режим Наложения – Умножение с Непрозрачностью – 20%. Сгруппируйте все элементы вместе (Control-G).

Another book with rectangles

Шаг 11

Для второй и третьей книг в этом наборе, используйте прямоугольник 70 х 10 рх (#4CD4B0) и добавьте четыре прямоугольника 3 х 10 рх (#EDEEF0). После этого, создайте прямоугольник 70 х 5 рх (#4CD4B0) и установите для него  Режим Наложения – Умножение с Непрозрачностью – 20%. Сгруппируйте все элементы вместе (Control-G).

Дублируйте последнюю книгу (Control-C > Control-F) и дважды щелкнув по ней войдите в Изолированный Режим редактирования. Измените цвет заливки на #F6CD61 и заливку тени используя Пипетку (I), и нажав Shift  взяв цвет с другого прямоугольника. Нажмите Escape, что бы выйти из Изолированного режима редактирования.

Duplicating the book twice

3. Как Создать Картинки

Шаг 1

На этом шаге мы собираемся создать картинки, которые поставим на наши полки. Начните с создания прямоугольника 51 х 72 рх (#6F5E87) и еще прямоугольника 40 х 60 рх (#F7F7F8).

Затем дублируйте последний прямоугольник (#D8D9DD) дважды (Control-C > Control-F), и сдвиньте последнюю копию вниз нажав два раза на стрелку, и один раз нажав на стрелку вправо. Выберите этот объект вместе с последней копией и используйте кнопку Минус Верхний (Minus Front) на панели Обработка Контуров (Pahtfinder)

Creating a new portrait for our shelves

Шаг 2

Создайте новый прямоугольник 30 х 48 рх (#6F5E87), и затем добавьте два прямоугольника 40 х 40 рх (#BADEB2) и поверните их на угол 45 градусов, используя инструмент Поворот (R). Используйте инструмент Создание Фигур (Shift-M), чтобы удалить оставшиеся части.

Добавьте солнце, создав эллипс 14 х 14 рх (#F7E999). Сгруппируйте все элементы портрета (Control-G).

Now adding a mountains and a sun

Шаг 3

Для второго портрета, используйте прямоугольник 45 х 63 рх (#299EBF), и добавьте внутреннюю рамку в виде прямоугольника 33 х 50 рх (#8BCBDE). Затем дублируйте внутреннюю рамку (#7FBACB) дважды (Control-C > Control-F), передвиньте последнюю копию дважды вниз и один раз вправо (нажмите на стрелки на клавиатуре),  и затем используйте кнопку Минус Верхний на панели Обработка Контуров, убедитесь при этом, что у вас было выбрано две копии.

Установите Непрозрачность на 50% в панели Оформление.

New portrait using Rectangle Tool

Шаг 4

Добавьте два прямоугольника 70 х 70 рх, выбрав для них цвета заливки #D8E2EC и #87E8C6. Поверните их на 45 градусов, с помощью инструмента Поворот (R). Затем выберите инструмент Создание Фигур (Shift-M) и отнимите лишнее, оставив только внутренние формы.

Сгруппируйте портрет (Control – G).

Adding a mosaic with rectangles

Шаг 5

Для последней картинки, используйте прямоугольник  42 x 55 px (#67537A) и установите размер внутренней рамки 34 x 46 px (#FFFFFF). Выполните те же действия, как указано в шаге 2 применив внутреннюю тень. 

Добавьте прямоугольник 26 х 38 рх (#EDEEF0). Затем добавьте 14 х 14 рх эллипс (#F7A3A2) и треугольник с радиусами 8 рх (#82BBC2), использовав инструмент Многоугольник.

Another portrait with a ellipse and triangle

4. Как Создать Цветок

Шаг 1

Теперь нарисуем цветок, который живет на полках. Используйте 32 х 26 рх прямоугольник (#BCCBFA) для основы горшка, и затем передвиньте нижние опорные точки на 4 рх внутрь, используя Прямое Выделение (А).

Дублируйте горшок (Control-C > Control-F) дважды, и сдвиньте последнюю копию влево. Примените Минус Верхний на Обработке Контуров и измените цвет заливки на #A4BEE7.

Creating a pot for the first plant

Шаг 2

Добавьте новый прямоугольник 34 x 3 px (#6B7EB9). Дублируйте его (Ctrl-C > Control-F) и измените его ширину до 13 px, с помощью панели  Трансформирование, а затем измените  цвет заливки #556AA3.

Добавьте прямоугольник 4 x 24 px (#1ABC9C). Затем создайте прямоугольник 8 x 8 рх (#089E80) и скруглите нижний левый и верхний правый углы радиусом 8 рх  используя панель  Трансформирование.Сгруппируйте все (Control-G) и поместите, как показано на рисунке ниже.

Adding the plant in the pot

Шаг 3

Давайте нарисуем листья цветка. Используйте прямоугольник 15 х 24 рх (#BADEB2) и установите радиус для углов 15 рх в панели Трансформирование.  Дублируйте первый листочек (Control-C > Control-F) (#ACD4A3) и отразите его в вертикальной плоскости (Правый клик  > Трансформировать >  Зеркальное Отражение).

Добавьте два эллипса 30 х 30 рх (#A2CC99) и наложите их друг на друга, и примените Пересечение из панели Обработка Контуров. Поместите этот последний листок позади остальных (правый клик > Монтаж > Переложить назад). Сгруппируйте элементы цветка (Control-G). 

Drawing the plants leaves

Шаг 4

Наше второе растение, давайте начнем рисовать с той же процедуры, что и в шагах 1-2. Используйте прямоугольник 32 х 43 рх для горшка (#BCCBFA) и 36 х 2 рх (#6B7EB9) и 18 х 2 рх (#556AA3) для ободка в верху.

New pot for the second plant

Шаг 5

Теперь нарисуем листочки для нашего растения. Выберите инструмент Перо (Р) и нарисуйте лепесток как показано на рисунке ниже. Поверните лепестки, используя Поворот (R) и распределите между ними цвета:

  • #BADEB2
  • #ACD4A3
  • #A2CC99

Помните, что бы создавать копии лепестков используйте Control – С  и затем Control – F.

Drawing the plants with Pen Tool

5. Как Создать Радио

Шаг 1

Теперь давайте создадим радио с помощью прямоугольника 37 х 80 рх (#08AAC7), который будет корпусом, и добавим прямоугольник 76 х 32 рх (#BFE6EC).

Дублируйте (Control-C > Control-F) последний прямоугольник (#A3D1D9) дважды и сдвиньте последнюю копию вниз два раза и один раз вправо (нажать на стрелочки на клавиатуре). Затем используйте Минус Верхний на Обработке Контуров, при этом убедитесь, что у вас выделены последние две копии.

Добавьте два прямоугольника 6 х 3 рх (#007099) для ножек радио.

Creating the radio with rectangles

Шаг 2

Теперь добавим динамики используя эллипс 22 х 22 рх (#A3D1D9), дублируйте его (#08AAC7) (Control-C > Control-F) и сдвиньте его вверх на 1 рх.

Затем добавьте прямоугольники 14 х 14 рх (#EDEEF0) и 7 х 7 рх (#08AAC7). Сгруппируйте все элементы вместе, дублируйте группу (Control-C > Control-F), и разместите их обе как показано на рисунке ниже.

Добавьте другой эллипс 6 х 6 рх (#A3D1D9) и дублируйте его (#007099), сдвинув копию вверх на 1 рх. Повторите ту же процедуру, но измените цвет заливки последнего эллипса на #08AAC7. Сгруппируйте все элементы радио (Control-G).

Adding the speakers with ellipses

6. Как Создать Банку для Карандашей

Шаг 1

Продолжим нашу работу и создадим стакан для карандашей. Начнем с создания карандаша, используя прямоугольник 3 х 35 рх (#EBBD63) и затем добавьте четыре прямоугольника 3 х 2 рх, со следующими цветами заливки: #CB6120#D8D9DD,#AEADB3.

Создайте прямоугольник 1.5 х 35 рх (#EBBD63) и установите для него Режим Наложения – Умножение с Непрозрачностью – 20 %. Добавьте опорную точку, использовав Перо (Р), внизу карандаша и сдвиньте ее вниз. Сгруппируйте все вместе (Control-G).

Creating a pencil

Нарисуйте другой карандаш, используя такой же прямоугольник 3 х 35 рх (#87E8C6). Дублируйте его и измените Ширину на 1.5 рх, используя панель Трансформирование. Установите Режим Наложения – Умножение с Непрозрачностью – 20%, использовав панель Оформление. Сгруппируйте все элементы карандаша вместе (Control-G).

Another pencil with rectangles

Шаг 2

Теперь нарисуйте стекло создав прямоугольник 22 х 30 рх (#897FBA) и добавив прямоугольник 22 х 3 рх (#7D73B0). Создайте другой прямоугольник 25 х 3 рх (#A094D9) для верхней части стекла. Сгруппируйте элементы стекла (Control-G) и поместите карандаши за стекло, как показано на рисунке ниже.

Creating the glass for the pencils

7. Как Нарисовать Коробку

Шаг 1

Давайте создадим коробку используя  прямоугольник 63 х 31 рх (#A094D9). Добавьте прямоугольник 63 х 3 рх (#897FBA). Теперь создайте два прямоугольника для лейбла, один 28 х 10 рх (#EDEEF0) и другой 22 х 2 рх (#F6CD61).

Наконец, создайте крышку коробки, используя прямоугольник 69 x 13 px  (#6F5E87). Сгруппируйте все вместе (Control-G).

Creating a box

8. Разместите Все Элементы Вместе

Шаг 1

Расставьте все элементы вместе на полках.

Combining the items on the shelves

Шаг 2

Завершите работу добавив прямоугольник 800 х 600 рх (#EFF7E0) на задний план холста. И тем самым мы завершили нашу иллюстрацию.

A new background with a rectangle

Поздравляю! Вы Сделали Это!

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

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

Final result

Автор: Hector Heredia

kak narisovat instrumenty dlja derevoobrabotki

Как нарисовать инструменты для деревообработки

kak sozdat illjustraciju avtomasterskoi

Как создать иллюстрацию автомастерской