в

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

Final product image

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

1. Настройки документа

Я предполагаю, что у вас уже есть Illustrator и вы уже успели его открыть, так что переходите туда и создайте для нашего проекта новый документ (File > New or Ctrl+N) со следующими настройками:

  • Количество монтажных областей (Number of Artboards): 1
  • Ширина (Width): 1200 px
  • Высота (Height): 600 px
  • Единицы измерения (Units): Пиксели (Pixels)

И в разделе Дополнительно:

  • Цветовой режим (Color Mode): RGB
  • Растровые эффекты (Raster Effects): Экранное (Screen) (72 ppi)
  • Режим предварительного просмотра (Preview Mode): По умолчанию (Default)
setting up a new document

2. Настройка сетки

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

Шаг 1

Перейдите Edit > Preferences > Guides & Grid и в появившемся окне задайте следующие настройки:

  • Линия через каждые (Gridline every): 1 px
  • Внутреннее деление на (Subdivisions): 1
setting up a custom grid

Совет: узнать больше о сетках можно прочитав материал для углублённого изучения how Illustrator’s Grid System works.

Шаг 2

После того как сетка настроена, нам нужно убедиться, что все фигуры будут выглядеть чёткими, так что нужно включить опцию Snap to Grid, которая находится в меню View. Она будет преобразовываться в Snap to Pixel каждый раз когда вы будете переключаться в режим Pixel Preview.

Если вы не знаете, что такое “Рабочий процесс Pixel-Perfect”, я настоятельно рекомендую изучить моё руководство how to create pixel-perfect artwork, которое поможет в кратчайшие сроки освоить массу новых навыков.

3. Настройка слоёв

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

Так что откройте панель Layers и создайте три новых слоя, которые назовите следующим образом:

  • Слой 1: фон (background)
  • Слой 2: инструменты для резьбы (carving tools)
  • Слой 3: измерительные инструменты (measuring tools)
  • Слой 4: инструменты регулировки (adjustment tools)
setting up the layers

Совет: Я задаю одинаковый зелёный цвет всем слоям, так как он наиболее удобен и заметен, когда нужно посмотреть, какая из фигур выделена (независимо от того, открыты или закрыты пути).

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

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

Шаг 1

Создайте из прямоугольника размером 368 x 148 пикселей секцию заливки фона, закрасьте её цветом #EBEFF7 и выровняйте по центру относительно монтажной области.

creating and positioning the main shape for the backgrounds fill section

Шаг 2

Создайте больший прямоугольник размером 380 х 160 пикселей, цвет — #2D2020. Его тоже нужно выровнять по центру монтажной области, как и предыдущий прямоугольник. Затем поменяйте местами цвет заливки и цвет обводки (Shift+X) и установите толщину обводки 4 пикселя.

Когда всё будет готово, выделите оба прямоугольника и сгруппируйте, нажав Ctrl+G, после чего можете переходить к следующей части урока.

creating and positioning the main shape for the backgrounds outline section

5. Создание узкого долота

Фон готов, теперь мы можем приступить к рисованию первого инструмента. Убедитесь, что вы собираетесь работать на нужном слое (это будет второй), увеличьте масштаб и приступаем.

Шаг 1

Сначала нарисуем ручку. Создайте прямоугольник размеров 12 х 30 пикселей, установите цвет его заливки #E8B15B и разместите его в верхнем левом углу фона на расстоянии 20 пикселей от верхнего края и 32 пикселя от левого края.

creating and positioning the main shape for the narrower chisels handle

Шаг 2

Скопируйте только что созданный прямоугольник (Ctrl+C) и вставьте копию на передний план (Ctrl+F). Измените цвет на #2D2020 и поменяйте местами цвет заливки и цвет обводки (Shift+X), толщину обводки установите 4 пикселя.

adding the outline to the narrower chisels handle

Шаг 3

Теперь нужно добавить ручке древесную текстуру, для этого создайте несколько тонких линий толщиной 2 пикселя (цвет #2D2020) с круглыми концами. Когда они будут готовы, сгруппируйте их (Ctrl+G).

adding the wooden textures to the narrower chisels handle

Шаг 4

Теперь создайте копию (Ctrl+C) оранжевого прямоугольника и вставьте её на передний план (Ctrl+F), затем создайте обтравочную маску (Clipping Mask) — щелчок правой кнопкой мыши > Make Clipping Mask. Как только всё будет готово, сгруппируйте всё нарисованное, нажав Ctrl+G.

masking the narrower chisels handle texture

Шаг 5

Теперь поработаем над верхней стороной металлической части. Создайте прямоугольник 12 х 26 пикселей (цвет #9DA3B2), который нужно разместить под ручкой, выровняв по её центру.

creating and positioning the upper section for the narrower chisels metal body

Шаг 6

Отредактируйте получившийся прямоугольник — добавьте при помощи инструмента Add Anchor Point Tool (+) на обеих боковых сторонах точки на расстоянии 4 пикселя от верха.

На этом шаге я советую переключиться в режим Pixel Preview (Alt+Ctrl+Y), чтобы было удобнее рисовать.

adding the side anchor points to the upper section of the narrower chisels handle

Шаг 7

Продолжим работу над прямоугольником. Нижние его точки нужно сдвинуть к центру на 3 пикселя, это можно сделать при помощи инструмента Move (щелчок правой кнопкой мыши > Transform > Move > Horizontal > + / – 3 px в зависимости от стороны, на которой вы работаете).

adjusting the shape of the upper section of the narrower chisels metal body

Шаг 8

Добавьте получившейся форме обводку толщиной 4 пикселя, цвет — #2D2020.

adding the outline to the upper section of the narrower chisels metal body

Шаг 9

При помощи инструмента Pen Tool (P) нарисуйте линию длиной 12 пикселей и толщиной 2 пикселя (цвет #2D2020). Эта линия должна соединить те две точки, которые мы добавляли ранее.

adding the horizontal detail line to the upper section of the narrower chisels metal body

Шаг 10

Создайте прямоугольник размером 4 х 6 пикселей (цвет #2D2020), разместите его по центру линии, нарисованной в предыдущем шаге. Как только всё будет готово, выделите все детали и сгруппируйте их (Ctrl+G).

adding the detail rectangle to the upper section of the narrower chisels metal body

Шаг 11

Теперь создадим центральную часть металлической части долота. Нарисуйте прямоугольник размером 6 х 52 пикселя (цвет #C0C6D8), и ещё один такой же — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Их сгруппируйте (Ctrl+G) и разместите под частью, над которой мы работали в предыдущем шаге.

creating and positioning the center section for the narrower chisels metal body

Шаг 12

Добавим режущий край долота. Нарисуйте прямоугольник размером 6 х 8 пикселей (цвет #9DA3B2), ещё один такой же — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020), их сгруппируйте (Ctrl+G) и разместите под только что созданной частью. Как только весь объект готов, выделите все его части и сгруппируйте (Ctrl+G) их.

finishing off the narrower chisel

6. Создание широкого долота

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

Шаг 1

Создайте ручку инструмента при помощи такого же прямоугольника размером 12 х 30 пикселей (цвет #E8B15B) с обводкой толщиной 4 пикселя (цвет #2D2020) и тонкими линиями толщиной 2 пикселя, имитирующими текстуру дерева. Всё это сгруппируйте (Ctrl+G) и разместите справа от предыдущего долота на расстоянии 16 пикселей от него.

creating and positioning the main shapes for the wider chisels handle

Шаг 2

Создайте верхнюю часть металлической части по аналогии с узким долотом, только на этот раз переместите нижние точки на 2 пикселя. Как только всё будет готово, сгруппируйте (Ctrl+G) всё и поместите под ручкой.

creating and positioning the upper section for the wider chisels metal body

Шаг 3

Теперь поработаем  над центральной частью металлической части долота. Создайте прямоугольник размером 8 х 16 пикселей, закрасьте его цветом #C0C6D8 и разместите по центру предыдущей части, так, чтобы получилось наложение на 4 пикселя в высоту.

creating and positioning the main shape for the center section of the wider chisels metal body

Шаг 4

Создайте большой прямоугольник размером 20 х 48 пикселей (цвет #C0C6D8), который разместите под меньшим, выровняв по центру.

creating and positioning the larger rectangle for the center section of the wider chisels metal body

Шаг 5

Выделите и объедините два прямоугольника в одну форму при помощи инструмента Unite Shape Mode (панель Pathfinder).

uniting the two rectangles of the wider chisels metal body into a single larger shape

Шаг 6

Отредактируйте получившуюся форму, установив радиус верхних углов в 4 пикселя, используя инструмент Live Corners.

adjusting the top two corners of the wider chisels metal body

Шаг 7

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

adjusting the center corners to the wider chisels metal body

Шаг 8

Добавьте получившейся фигуре обводку толщиной 4 пикселя, цвет обводки установите #2D2020.

adding the outline to the wider chisels metal body

Шаг 9

Соедините нижнюю металлическую часть долота с верхней при помощи круга диаметром 2 пикселя (цвет #2D2020), разместите его в закруглённой части. Как только всё будет готово, выделите и сгруппируйте все три формы при помощи сочетания клавиш Ctrl+G.

connecting the wider chisels metal sections

Шаг 10

Добавим лезвие. Создайте прямоугольник 20 x 10 пикселей, его цвет задайте #9DA3B2 и разместите по нижнему краю металлической части долота.

creating and positioning the main shape for the bottom section of the wider chisels metal body

Шаг 11

Отредактируйте только что созданный прямоугольник — добавьте две точки на расстоянии 2 пикселя от нижнего края. Затем переместите обе верхние точки прямоугольника на 6 пикселей к центру при помощи инструмента Move (щелчок правой кнопкой > Transform > Move > Horizontal > + / – 6 px в зависимости от того, какая точка выбрана)

adjusting the bottom section of the wider chisels metal body

Шаг 12

Получившейся форме добавьте обводку толщиной 4 пикселя, её цвет задайте #2D2020.

adding the outline to the bottom section of the wider chisels metal body

Шаг 13

В заключение нарисуйте линию длиной 20 пикселей и толщиной 2 пикселя (цвет #2D2020), которую разместите по центру лезвия долота. Выделите и сгруппируйте (Ctrl+G) все три формы.Затем выделите и сгруппируйте (Ctrl+G) все части долота.

finishing off the wider chisel

7. Создание молотка

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

Шаг 1

Создадим верхнюю часть, которая обычно торчит из “головы” молотка. Нарисуйте прямоугольник размером 8 х 6 пикселей (цвет #CC8550), ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и разместите справа от широкого долота, на расстоянии 30 пикселей от него.

creating and positioning the main shapes for the upper section of the hammers head

Шаг 2

Теперь нарисуем “голову” молотка. Начертите прямоугольник со скругленными углами размером 36 х 28 пикселей (радиус углов 4 пикселя, цвет #E59A5C), ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). На верхушке её добавьте текстуру дерева при помощи линий толщиной 2 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) все части вместе и разместите под прямоугольником, который мы рисовали в предыдущем шаге.

creating and positioning the main shapes for the hammers head

Шаг 3

Теперь нарисуем ручку молотка. Начертите прямоугольник размером 8 x 48 пикселей (цвет #CC8550), ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Поверх всего создайте текстуру дерева, сгруппируйте (Ctrl+G) всё и разместите под “головой” молотка.

creating and positioning the main shapes for the hammers handle

Шаг 4

Теперь добавим ручке нижнюю, более широкую, часть. Нарисуйте прямоугольник со скругленными углами размером 16 х 34 пикселя (радиус углов 4 пикселя, цвет #E59A5C), ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и разместите по центру нижней части ручки.

creating and positioning the main shapes for the hammers grip

Шаг 5

Добавим немного деталей. Нарисуйте шесть линий длиной 16 пикселей и толщиной 2 пикселя (цвет #2D2020), разместите их на расстоянии 4 пикселя друг от друга (это удобно сделать при помощи панели Align, опция Vertical Distribute Space). Сгруппируйте (Ctrl+G) линии и разместите их по центру широкой части рукоятки на расстоянии 2 пикселя от её верхнего края.

adding the horizontal detail lines to the hammers grip

Шаг 6

Остался финальный штрих. Добавьте круг диаметром 4 пикселя (цвет #2D2020) внизу широкой части рукоятки, прямо под горизонтальными линиями. Как только всё будет готово, сгруппируйте (Ctrl+G) все составляющие рукоятки, а потом и все части молотка.

finishing off the hammer

8. Создание лезвий

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

Шаг 1

Создадим “тело” лезвия. Нарисуйте прямоугольник размером 6 x 22 пикселя (цвет #C0C6D8), ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) прямоугольники и поместите их слева от ручки молотка на расстоянии 12 пикселей от неё.

creating and positioning the main shapes for the left blades body

Шаг 2

Создайте ещё один прямоугольник размером 3 х 10 пикселей (цвет #2D2020) и поместите его по центру левого края “тела” лезвия. Затем выделите и сгруппируйте (Ctrl+G) эти две части лезвия.

adding the detail rectangle to the left blades body

Шаг 3

Создайте копированием (Ctrl+C > Ctrl+F) второе лезвие, его разместите на противоположной стороне ручки молотка, также на расстоянии 12 пикселей от неё.

creating and positioning the main shapes for the right blade

9. Создание уровня

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

Шаг 1

Создадим основу инструмента. Нарисуйте прямоугольник размером 20 х 104 пикселя (цвет #E8B15B), выровняйте его по центру молотка и поместите на расстоянии 16 пикселей справа от него.

creating and positioning the main shape for the levels body

Шаг 2

Добавьте ещё один прямоугольник размером 8 х 24 пикселя (раскрашенный красным), его разместите по центру правого края. Затем отрежьте от основы уровня этот прямоугольник, при помощи функции Minus Front Shape Mode панели Pathfinder.

cutting out the smaller rectangle from the levels body

Шаг 3

Нарисуйте два круга красного цвета диаметром 10 пикселей. Они должны быть на расстоянии 52 пикселя друг от друга. Сгруппируйте (Ctrl+G) круги, выровняйте по центру основы уровня и отрежьте их при помощи функции Minus Front Shape Mode.

cutting out the smaller circles from the levels main body

Шаг 4

Скопируйте получившуюся форму и сделайте её прозрачной, добавьте обводку толщиной 4 пикселя (цвет #2D2020). Выделите и сгруппируйте две формы вместе при помощи сочетания клавиш Ctrl+G.

adding the outline to the levels main body

Шаг 5

Создадим верхнюю часть уровня. Нарисуйте прямоугольник размером 20 х 6 пикселей (цвет #C0C6D8), ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и поместите над основной частью уровня.

creating and positioning the main shapes for the levels upper section

Шаг 6

Добавим деталей. Нарисуйте две линии длиной 6 пикселей и толщиной 4 пикселя (цвет #2D2020) и поместите их на расстоянии 10 пикселей друг от друга. Сгруппируйте (Ctrl+G) линии и поместите их по центру верхней части уровня. Как только всё будет готово, выделите их и прямоугольники и сгруппируйте (Ctrl+G).

adding the vertical detail lines to the levels upper section

Шаг 7

Скопируйте верхнюю часть уровня (Ctrl+C > Ctrl+F), разместите копию на противоположной стороне основы.

creating and positioning the main shapes for the levels bottom section

Шаг 8

Теперь поработаем над частью, показывающей баланс. Нарисуйте два прямоугольника размером 6 х 7 пикселей (цвет #C0C6D8) и две их прозрачные копии с обводкой толщиной 4 пикселя (цвет #2D2020). Всё это разместите внутри прямоугольной выемки, которую мы сделали несколько шагов назад.

creating and positioning the main shapes for the levels center balance tube

Шаг 9

Соедините два прямоугольника при помощи линии длиной 10 пикселей и толщиной 4 пикселя (цвет #2D2020). Выделите всё и сгруппируйте (Ctrl+G).

adding the vertical detail line to the levels center balance tube

Шаг 10

Финальный штрих: нарисуйте линии длиной 10 пикселей и толщиной 4 пикселя (цвет #2D2020) по центру обоих круглых вырезов в основной части уровня. Затем выделите всё и сгруппируйте (Ctrl+G).

finishing off the level

10. Создание рулетки

Второй измерительный инструмент — рулетка, которую без тени сомнения можно назвать самым часто используемым инструментом.

Шаг 1

Сначала нарисуем основную часть рулетки. Начертите прямоугольник со скругленными углами размером 20 х 20 пикселей (радиус углов 4 пикселя, цвет #DB6A42). Этот прямоугольник поместите справа от уровня на расстоянии 12 пикселей от его правого края и 12 пикселей от его низа.

creating and positioning the main shape for the rulers body

Шаг 2

Немного отредактируем получившийся квадрат. Задайте радиус его правого верхнего угла 8 пикселей на панели Transform (раздел Rectangle Properties).

adjusting the shape of the rulers main body

Шаг 3

Создайте копию получившейся формы и задайте ей обводку 4 пикселя (цвет #2D2020). Сгруппируйте их (Ctrl+G).

adding the outline to the rulers main body

Шаг 4

Теперь добавим рулетке центр. Нарисуйте круг диаметром 8 пикселей (цвет #E8B15B) и ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и разместите по центру основы рулетки.

creating and positioning the main shapes for the rulers center section

Шаг 5

Добавим маленькие винты. Нарисуйте два круга диаметром 2 пикселя (цвет #2D202), поместите их в верхний левый и нижний правый углы основы рулетки. Когда всё будет готово, выделите все формы и сгруппируйте (Ctrl+G).

adding the two screws to the rulers main body

Шаг 6

Теперь пора нарисовать “язычок” рулетки. Начертите прямоугольник размером 6 х 87 пикселей с обводкой толщиной 2 пикселя (цвет #2D2020) и поместите его сверху основной части на расстоянии 6 пикселей от её левого края.

creating and positioning the main shapes for the rulers tongue

Шаг 7

Отредактируем только что созданный прямоугольник. Выделите его нижнюю правую точку при помощи инструмента Direct Selection Tool (A) и удалите её, нажав клавижу Delete. Так мы создадим открытый путь.

adjusting the shape of the rulers tongue

Шаг 8

Финальный штрих — добавим держатель. Нарисуйте прямоугольник со скругленными краями размером 8 х 12 пикселей (радиус углов 2 пикселя) с обводкой толщиной 2 пикселя (цвет #2D2020). И поместите его в правом нижнем углу основной части рулетки.

Когда всё будет готово, выделите все части рулетки и сгруппируйте (Ctrl+G).

finishing off the ruler

11. Создание карвенормера

Следующий инструмент в нашем списке — карвенормер. Думаю, самое время налить ещё чашечку кофе и углубиться в его рисование.

Шаг 1

Начнём с верхней части карвенормера. Нарисуйте прямоугольник размером 36 х 12 пикселей (цвет #C0C6D8), поместите его справа от рулетки на расстоянии 6 пикселей от её “язычка” и 20 пикселей от верхнего края фона.

creating and positioning the main shape for the calipers head

Шаг 2

Нарисуйте второй прямоугольник размером 26 х 6 пикселей (цвет #C0C6D8) и разместите его прямо по низу большого прямоугольника, так, чтобы его верхушка “наезжала” на 2 пикселя. Расстояние от правого края должно получиться 8 пикселей.

creating and positioning the main shape for the calipers top inner jaw

Шаг 3

Нарисуем основную часть инструмента. Начертите прямоугольник размером 12 х 90 пикселей (цвет #C0C6D8) и поместите его под маленьким прямоугольником, выровняв по его левому краю.

creating and positioning the main shape for the calipers body

Шаг 4

Выберите все три прямоугольника и объедините их в одну фигуру при помощи Unite Shape Mode панели Pathfinder. Затем удалите лишние точки, появившиеся при этом (они выделены на картинке), при помощи инструмента Delete Anchor Point Tool (-).

uniting the calipers three rectangles into a single larger shape

Шаг 5

Продолжим редактировать получившуюся фигуру. Выделите точку вверху справа при помощи инструмента Direct Selection Tool (A) и передвиньте её вниз на 6 пикселей при помощи инструмента Move (щелчок правой кнопкой мыши > Transform > Move > Vertical > 6 пикселей).

adjusting the shape of the calipers outer jaw

Шаг 6

Создайте прозрачную копию получившейся формы и добавьте ей обводку толщиной 4 пикселя (цвет #2D2020).

adding the outline to the calipers main body

Шаг 7

Теперь нужно добавить разметку. Нарисуйте пару линий длиной 6 пикселей и 4 пикселя, толщиной 4 пикселя (цвет #2D2020). Разместите их вертикально друг под другом на расстоянии 4 пикселя. Затем сгруппируйте (Ctrl+G) и поместите на левой стороне инструмента.

adding the measuring scale to the calipers main body

Шаг 8

Добавьте линию длиной 8 пикселей и толщиной 2 пикселя (цвет #2D2020) там, где у инструмента “носик”. Отступ между линией и обводкой инструмента должен получиться 2 пикселя.

adding the vertical detail line onto the calipers top outer jaw

Шаг 9

Нарисуйте круг диаметром 4 пикселя (цвет #2D2020) и поместите его в нижней части инструмента. Выделите (Ctrl+G) и сгруппируйте все его части.

adding the little circle to the bottom of the calipers body

Шаг 10

Теперь поработаем над нижним частью “челюсти” инструмента. Нарисуйте прямоугольник размером 22 х 12 пикселей (цвет #9DA3B2) и поместите его на расстоянии 14 пикселей от верхней части “челюсти”.

creating and positioning the main shape for the upper section of the calipers bottom outer jaw

Шаг 11

Теперь нарисуйте прямоугольник размером 10 х 14 пикселей (цвет #9DA3B2) и поместите его под только что нарисованным прямоугольником. Затем выделите их и объедините в одну форму при помощи Unite Shape Mode панели Pathfinder.

creating and positioning the bottom section of the calipers bottom outer jaw

Шаг 12

Отредактируем получившуюся фигуру. Выделите её нижнюю правую точку и поднимите вверх на 6 пикселей при помощи инструмента Move (щелчок правой кнопкой мыши > Transform > Move > Vertical > -6 px).

adjusting the shape of the calipers bottom outer jaw

Шаг 13

Создайте прозрачную копию получившейся фигуры с обводкой толщиной 4 пикселя (цвет #2D2020).

adding the outline to the calipers bottom outer jaw

Шаг 14

Теперь нужно добавить разметку на нижнюю часть “челюсти”. Нарисуйте несколько линий толщиной 2 пикселя (цвет #2D2020). Когда всё будет готово, выделите и сгруппируйте (Ctrl+G) все части “челюсти” инструмента.

adding details to the calipers bottom outer jaw

Шаг 15

Теперь поработаем над противоположной стороной инструмента. Нарисуйте прямоугольник размером 14 х 6 пикселей (цвет #9DA3B2) и ещё один поменьше — 6 х 26 пикселей (цвет #9DA3B2) — под ним. Объедините их в одну форму, создайте её копию с обводкой толщиной 4 пикселя (цвет #2D2020). Когда всё будет готово, поместите эти формы с правой стороны инструмента на расстоянии 2 пикселей от верхнего “носика”.

creating and positioning the main shapes for the calipers bottom inner jaw

Шаг 16

Создадим вторую шкалу. Нарисуйте четыре линии длиной 3 пикселя и толщиной 2 пикселя (цвет #2D2020). Поместите их вертикально друг под другом на расстоянии 4 пикселя. Выделите все линии, сгруппируйте (Ctrl+G) и разместите с правой стороны инструмента.

adding the secondary measurement scale to the calipers bottom inner jaw

Шаг 17

Теперь нужно добавить зажимной блок. Нарисуйте линию длиной 6 пикселей и толщиной 2 пикселя (цвет #2D2020). Затем нарисуйте на её кончике прямоугольник 4 х 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) обе формы и поместите в нижней части “челюсти”. Как только всё будет готово, выделите все составляющие этой части инструмента и сгруппируйте (Ctrl+G) их.

adding the clamping block to the calipers bottom inner jaw

Шаг 18

Финальный штрих — нарисуем инструменту ножку. Начертите прямоугольник размером 6 х 10 пикселей (цвет #9DA3B2), ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и поместите под основной частью инструмента. Наконец, можно выделить все части инструмента и сгруппировать (Ctrl+G) их.

finishing off the caliper

12. Создание карандаша

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

Шаг 1

Сначала основная часть карандаша. Нарисуйте прямоугольник размером 6 х 34 пикселя (цвет #E8B15B), ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и разместите справа от каверномера.

creating and positioning the main shapes for the pencils body

Шаг 2

Нарисуйте две линии длиной 6 пикселей и толщиной 2 пикселя (цвет #2D2020) и поместите их на расстоянии 2 пикселей от обоих краёв карандаша. Не забудьте выделить и сгруппировать (Ctrl+G) их.

adding the little detail lines to the pencils body

Шаг 3

Нарисуйте прямоугольник размером 6 х 10 пикселей (цвет #C0C6D). При помощи инструмента Add Anchor Point Tool (+) добавьте ему пару дополнительных точек на расстоянии 4 пикселя от верхнего края и одну — по его центру. Удалите верхние точки при помощи Delete Anchor Point Tool (-),а получившуся фигуру поместите поверх основной части карандаша.

creating and positioning the main shape for the pencils tip

Шаг 4

Создайте копию получившейся фигуры с обводкой толщиной 4 пикселя (цвет #2D2020), у неё должны быть загруглённые углы (Round Join). Выделите и сгруппируйте (Ctrl+G) получившиеся фигуры.

finishing off the pencil

13. Создание ручной дрели

Наконец, мы приступаем к последней группе инструментов. Можете заблокировать слой, на котором мы сейчас работали и перейти к следующему (он четвёртый по счёту). Что ж, давайте приступим к работе над дрелью.

Шаг 1

Сначала нарисуем ручку дрели. Начертите прямоугольник размером 12 х 26 пикселей (цвет #E8B15B) и ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и поместите справа от карандаша на расстоянии 16 пикселей.

creating and positioning the main shapes for the drills handle

Шаг 2

Добавим ручке деталей. Нарисуйте пять линий длиной 12 пикселей и толщиной 4 пикселя (цвет #2D2020). Поместите их одну под другой на расстоянии 4 пикселей, затем сгруппируйте (Ctrl+G) и поместите по центру прямоугольников. Как только будет готово, выделите всё и сгруппируйте (Ctrl+G).

adding the horizontal detail lines to the drills handle

Шаг 3

Нарисуйте прямоугольник размером 6 х 8 пикселей (цвет #9DA3B2) и ещё один — прозрачный с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и поместите над ручкой, выровняйте по центру.

creating and positioning the main shapes for the section above the drills handle

Шаг 5

Добавим ведущее колесо. Нарисуйте круг диаметром 20 пикселей (цвет #C0C6D8) и ещё один — с обводкой толщиной 4 пикселя (цвет #2D2020). Поверх них добавьте круг поменьше диаметром 8 пикселей (цвет #2D2020). Сгруппируйте (Ctrl+G) всё и поместите по центру предыдущих частей так чтобы их обводки пересекались.

creating and positioning the main shapes for the drills circular section

Шаг 5

Теперь нарисуем ручку. Начертите прямоугольник размером 22 х 8 пикселей с обводкой толщиной 4 пикселя (цвет #2D2020). Выделите и удалите его нижнюю левую точку и поместите получившуюся форму с правой стороны ведущего колеса.

adding the turning handle to the drills drive wheel

Шаг 6

Добавим ручке ручку 🙂 Нарисуйте прямоугольник размером 8 х 14 пикселей (цвет #E8B15B) и ещё один — с обводкой толщиной 4 пикселя (цвет #2D2020). Поверх них нарисуйте пару линий длиной 8 пикселей и толщиной 2 пикселя (цвет #2D2020). Поместите линии друг под другом на расстоянии 4 пикселя. Сгруппируйте (Ctrl+G) всё и поместите ручку под нижним правым краем ручки.

adding the handle to the drills turning arm

Шаг 7

Теперь “шея” дрели. Нарисуйте прямоугольник размером 6 х 28 пикселей (цвет #9DA3B2) и ещё один — с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и поместите над ведущим колесом.

creating and positioning the main shapes for the drills neck

Шаг 8

Теперь поработаем над кончиком дрели. Нарисуйте прямоугольник размером 10 х 12 пикселей (цвет #C0C6D8). Добавьте пару точек на расстоянии 4 пикселей от верхнего края. Верхние точки выделите по очереди и сдвиньте внутрь на 2 пикселя при помощи инструмента Move (щелчок правой кнопкой мыши > Transform > Move > Vertical > + / – 4 px в зависимости от того, с какой точкой работаете). Получившуюся форму скопируйте и копии настройте обводку толщиной 4 пикселя (цвет #2D2020). По центру формы добавьте линию длиной 10 пикселей и толщиной 2 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) всё и поместите над верхней стороной “шейки”.

creating and positioning the main shapes for the drills jaw

Шаг 9

Финальный штрих. Нарисуйте линию 26 пикселей в длину и 4 пикселя толщиной (цвет #2D2020) на верхушке кончика дрели. Как только всё будет готово, выделите и сгруппируйте (Ctrl+G) все элементы.

finishing off the drill

14. Создание электрической пилы

Итак, сейчас мы будем рисовать последний инструмент. Отступите несколько пикселей вправо и давайте покончим с этим!

Шаг 1

Начнём с основной части пилы. Нарисуйте прямоугольник размером 28 х 44 пикселя (цвет #DB6A42). Поместите его справа от дрели на расстоянии 24 пикселей от её кончика и 28 пикселей от верхнего края фона.

creating and positioning the main shape for the upper section of the electric saws body

Шаг 2

Нарисуйте прямоугольник поменьше — 18 х 28 пикселей (цвет #DB6A42). Поместите его под большим прямоугольником и выровняйте по его правой стороне. Как только всё будет готово, объедините прямоугольники в одну форму при помощи Unite Shape Mode панели Pathfinder.

creating and positioning the smaller rectangle for the electric saws main body

Шаг 3

Отредактируем получившуюся форму. Установите радиус её верхних углов и того угла, который получился при объединении прямоугольников, 4 пикселя при помощи инструмента Live Corners. Получившуюся форму скопируйте и настройте копии обводку толщиной 4 пикселя (цвет #2D2020). Затем сгруппируйте (Ctrl+G) две формы.

adding the outline to the electric saws main body

Шаг 4

Нарисуйте линию длиной 28 пикселей и толщиной 4 пикселя (цвет #2D2020). Поместите её на расстоянии 2 пикселей в верху основной части пилы.

adding the horizontal detail line to the upper section of the electric saws main body

Шаг 5

Добавим винтики. Нарисуйте два круга диаметром 2 пикселя (цвет #2D2020), сгруппируйте (Ctrl+G) их ипоместите под линией, которую мы нарисовали в предыдущем шаге, отступив от неё 2 пикселя вниз.

adding the screws to the upper section of the electric saws main body

Шаг 6

Теперь поработаем над боковой частью инструмента. Нарисуйте прямоугольник размером 18 х 22 пикселя с обводкой толщиной 4 пикселя (цвет #2D2020). Поместите его с левого края основной части пилы на расстоянии 18 пикселей от линии, которую мы рисовали недавно.

creating and positioning the main shape for the electric saws side section

Шаг 7

Установите радиус правых углов прямоугольника 4 пикселя, затем добавьте новую точку на его нижний край (там, где линии пересекаются) и удалите нижнюю левую точку.

adjusting the shape of the electric saws side section

Шаг 8

Добавим ещё болтиков. Нарисуйте два круга диаметром 2 пикселя (цвет #2D2020), сгруппируйте (Ctrl+G) их и расположите в верхней части секции, которую мы только что нарисовали. Не забудьте добавить отступ в 2 пикселя от верхнего края.

adding the screws to the electric saws side section

Шаг 9

Нарисуйте круг побольше — 4 пикселя (цвет #2D2020) и расположите его в нижнем левом углу нарисованной нами секции.

adding the larger circle to the electric saws side section

Шаг 10

Добавим отверстия для вентиляции. Нарисуйте три линии длиной 8 пикселей и толщиной 2 пикселя (цвет #2D2020) Расположите их друг под другом на расстоянии 4 пикселя. Сгруппируйте (Ctrl+G) и поместите над верхней стороной секции, которую мы нарисовали. Как только всё будет готово, выделите все части этой секции и сгруппируйте (Ctrl+G) их.

adding the ventilation insertions to the electric saws side section

Шаг 11

Нарисуйте линию длиной 6 пикселей и толщиной 4 пикселя (цвет #2D2020) и поместите её  слева под нижней стороной нарисованной нами секции. Затем нарисуйте ещё одну линию длиной 6 пикселей и толщиной 4 пикселя (цвет #2D2020) и поместите её в правой стороне основной части пилы.

adding the little detail lines to the electric saws outline

Шаг 12

Пора добавить кнопку включения. Нарисуйте круг диаметром 8 пикселей (цвет #9DA3B2) и ещё один — с обводкой толщиной 2 пикселя (цвет #2D2020). Поверх них нарисуйте ещё один круг диаметром 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) все три круга и поместите их внизу основной части пилы.

adding the circular button to the electric saws main body

Шаг 13

Нарисуем ещё один винтик. Начертите круг диаметром 2 пикселя (цвет #2D2020) и поместите его под кнопкой включения на расстоянии 2 пикселей от нижнего правого угла основной части пилы.

adding the little screw to the electric saws circular button

Шаг 14

Добавим ещё пару кнопок сбоку. Нарисуйте прямоугольник размером 4 х 8 пикселей (цвет #2D2020) и квадрат 4 х 4 пикселя (цвет #2D2020). Поместите их друг под другом на расстоянии 2 пикселя, сгруппируйте (Ctrl+G) и прикрепите к правой стороне основной части пилы.

adding the side buttons to the electric saws main body

Шаг 15

Пора рисовать передний предохранитель. Начертите прямоугольник размером 10 х 5 пикселей с обводкой толщиной 2 пикселя (цвет #2D2020). Поверх него нарисуйте прямоугольник размером 4 х 3 пикселя (цвет #2D2020), сгруппируйте (Ctrl+G) их и поместите на верхней стороне основной части пилы. Как только будет готово, сгруппируйте (Ctrl+G) всё.

creating and positioning the main shapes for the electric saws front guard

Шаг 16

Теперь поработаем над ручкой. Нарисуйте прямоугольник размером 22 х 10 пикселей (цвет #CC5C3A) и поместите его с правой стороны основной части пилы на расстоянии 14 пикселей от её верхнего края.

creating and positioning the main shape for the horizontal section of the electric saws handle

Шаг 17

Нарисуйте прямоугольник размером 10 х 20 пикселей (цвет #CC5C3A) и разместите его под предыдущим прямоугольником, выровняв по правому краю. Объедините их при помощи инструмента Unite Shape Mode панели Pathfinder. Отредактируйте получившуюся форму, задав радиус её внешнего угла 14 пикселей,а внутреннего — 4 пикселя.

adjusting the shape of the electric saws handle

Шаг 18

Скопируйте получившуюся форму и копии задайте толщину обводки 4 пикселя (цвет #2D2020). Затем нарисуйте пару кругов диаметром 2 пикселя (цвет #2D2020) на обоих её концах и линию длиной 10 пикселей и толщиной 2 пикселя (цвет #2D2020) в нижней части формы. Когда будет готово, сгруппируйте (Ctrl+G) всё.

adding details to the upper section of the electric saws handle

Шаг 19

Нарисуем нижнюю часть ручки. Начертите прямоугольник размером 6 х 26 пикселей с обводкой толщиной 4 пикселя (цвет #2D2020). Поверх него нарисуйте пять линий длиной 6 пикселей и толщиной 2 пикселя (цвет #2D2020), линии должны быть на расстоянии 4 пикселя друг от друга. Когда будет готово, выделите всё и сгруппируйте (Ctrl+G), расположите под предыдущим элементом.

creating and positioning the main shapes for the bottom section of the electric saws handle

Шаг 20

Теперь нарисуем прямоугольную кнопку. Начертите прямоугольник размером 6 х 12 пикселей (цвет #E8B15B), ещё один – с обводкой толщиной 4 пикселя (цвет #2D2020). Сверху добавьте ещё один маленький прямоугольник размером 3 х 4 пикселя (цвет #E8B15B). Сгруппируйте (Ctrl+G) всё и поместите с левой стороны части, которую мы рисовали в предыдущем шаге. Когда будет готово, выделите и сгруппируйте (Ctrl+G) все части ручки.

adding the rectangular button to the electric saws handle

Шаг 21

Теперь нужно создать деталь, соединяющую верхнюю и нижнюю часть пилы. Нарисуйте прямоугольник размером 10 х 12 пикселей (цвет #9DA3B2) и ещё один — с обводкой толщиной 4 пикселя (цвет #2D2020). Поместите его в самом низу.

adding the little section connecting the electric saws upper body to its rear end

Шаг 22

Нарисуйте два круга диаметром 4 пикселя (цвет #2D2020) на боковых сторонах только что созданного прямоугольника и прямоугольник размером 2 х 4 пикселя (цвет #2D2020) на верхней его стороне. Когда будет готово, выделите все детали этой части и сгруппируйте (Ctrl+G) их.

adding details to the electric saws connecting section

Шаг 23

Теперь поработаем над нижней частью инструмента. Нарисуйте прямоугольник размером 18 х 20 пикселей (цвет #DB6A42). Радиус нижних углов прямоугольника задайте 9 пикселей. Скопируйте получившуюся фигуру и копии добавьте обводку толщиной 4 пикселя (цвет #2D2020). Под верхней стороной добавьте два круга диаметром 2 пикселя (цвет #2D2020). Когда будет готово, выделите все элементы и сгруппируйте (Ctrl+G). Получившуюся деталь разместите под частью пилы, которую мы нарисовали перед этим.

adding details to the bottom section of the electric saws body

Шаг 24

Теперь нарисуем защитный кожух для кабеля. Начертите прямоугольник со скругленными углами размером 22 х 14 пикселей с обводкой толщиной 2 пикселя (цвет #2D2020) и радиусом углов 4 пикселя. Нижнему левому углу нужно задать радиус угла 10 пикселей. Получившуюся фигуру поместите под предыдущей частью пилы и отправьте на задний план (щелчок правой кнопкой мыши > Arrange > Send to Back).

adding the cable guard to the bottom section of the electric saws body

Шаг 25

Теперь нарисуем ещё одну деталь. Начертите прямоугольник 8 х 20 пикселей (цвет #9DA3B2), ещё один — с обводкой толщиной 4 пикселя (цвет #2D2020). Сгруппируйте (Ctrl+G) их и поместите на расстоянии 16 пикселей от верхней стороны основной части пилы.

creating and positioning the main shapes for the little section connecting the electric saws body to its shoe

Шаг 26

Добавьте два квадрата размером 4 х 4 пикселя (цвет #2D2020) на правую сторону прямоугольника и круг диаметром 4 пикселя (цвет #2D2020) на его левую сторону. Выделите и сгруппируйте (Ctrl+G) все части этой детали.

adding details to the little section connecting the electric saws body to its shoe

Шаг 27

Нарисуем лезвие. Начертите прямоугольник размером 22 х 4 пикселя (цвет #2D2020). Выделите его нижнюю левую точку и передвиньте на 4 пикселя вправо (щелчок правой кнопкой мыши > Transform > Move > Horizontal > 4 px). Получившуюся фигуру разместите над только что нарисованной деталью пилы на расстоянии 4 пикселей от неё. Добавьте зубцы — нарисуйте два квадрата размером 4 х 4 пикселя (цвет #2D2020). Когда всё будет готово, не забудьте выделить и сгруппировать (Ctrl+G) нарисованные фигуры.

creating and positioning the main shapes for the electric saws blade

Шаг 28

Мы почти закончили. Нарисуйте прямоугольник размером 6 х 60 пикселей (цвет #C0C6D8) и ещё один — с обводкой толщиной 4 пикселя (цвет #2D2020). Поместите их над лезвием, выровняв по верхнему краю дрели. Как только всё будет готово, выделите все части пилы и сгруппируйте (Ctrl+G).

finishing off the electric saw

Уфффф, всё!

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

finished project preview

Автор: Andrei Stefan

risuem molot v adobe photoshop

Рисуем молот в Adobe Photoshop

kak sozdat interer s polkami vo flet stile

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