7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Illustration

Нарисуйте сияющие векторные карманные часы - лицевую и заднюю стороны

Scroll to top
Read Time: 14 mins

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

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

Часть 1 - Рисуем переднюю сторону карманных часов

Шаг 1 

Откройте новый веб-документ. Возьмите Инструмент "Эллипс" и нарисуйте овальную фигуру, затем перейдите в Объект > Контур > Параллельный контур. Создайте ещё три овала, как показано ниже, все с Обводкой 0.5.

Нарисуйте ещё два овала, выделите их и затем перейдите на панель Обработки контуров и нажмите "Вычесть из области фигуры", чтобы создать пустую область на крышке, где будет стекло. Теперь возьмите Инструмент "Перо" и нарисуйте фигуру, представленную ниже, для низа часов или нарисуйте большой круг и просто удалите верхнюю точку, а затем отправьте эту фигуру на задний план.

Шаг 2

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

Теперь перейдите в Объект > Разобрать и разберите Обводку 0.5 (указанную выше) для каждого овала. Затем также заполните их золотистым градиентом.  Фигура нарисована, т.к. на табло много радиального градиента этого цвета R=248, G=247, и B=244 до R=240, G=228, и B=203.

Шаг 3

Выделите большой овал для крышки, затем перейдите в Объект > Контур > Параллельный контур и создайте овал, который вы видите в середине. Если у вас нет копий оригинальных овалов, использованных выше, выделите крышку, Скопируйте и Вставьте её на передний план, перейдите в Объект > Составной контур > Отменить и просто удалите заливку для получения контуров. Помните, что нам понадобятся эти овалы позже.

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

Шаг 4

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

Шаг 5

Нарисуйте ещё один овал, затем используйте Параллельный контур, чтобы создать остальные, использовав такие параметры как: -1 пиксель и -2 пикселя. Повторите те же шаги, всегда выделяя последнюю фигуру для создания следующей. Для каждой фигуры перетащите (инструментом "Прямое выделение") верхнюю и нижнюю точки, чтобы вписаться в первый овал, как показано. Также измените угол градиента, т.к. вы собираетесь получить другие отражения. Когда закончите и не сможете больше создавать фигуры, сгруппируйте их и поместите за кольцо. 

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

Шаг 6

Я создала несколько персонализированных букв для обозначения часов. Выберите понравившийся вам шрифт и используйте Инструмент "Текст", чтобы напечатать букву I и Разобрать её.

Теперь нарисуйте маленький квадрат, перейдите в Эффект > Стилизация > Скруглённые углы, затем выделите обе фигуры и нажмите на Горизонтальное выравнивание по центру и Вертикальное выравнивание по центру на панели Выравнивания. Теперь кликните "Добавить к области фигуры" и "Разобрать" на панели Обработки контуров.

Теперь создадим ещё один белый квадрат и применим Скруглённые углы. Выделите фигуры, снова выровняйте их и кликните на Вычитании из области фигуры и на "Разобрать" для создания пустой области в середине. Теперь соберите остальные цифры, как показано.

Шаг 7

Выделите овал табло, созданный в начале, скопируйте и вставьте его, удалите заливку и создайте Обводку 0.5. Затем перейдите в Объект > Контур > Параллельный контур и установите значение Параллельности на -1 или -2 пикселя в зависимости от размера вашего овала, чтобы получился первый овал побольше, показанный ниже. Чтобы создать маленький овал внутри, установите значение параллельности на -3 пикселя.

Далее возьмите Инструмент "Отрезок линии", выберите обводку 0.5 и нарисуйте линию в направлении 12 часов. Моя показана красным на картинке. Выделите линию, перейдите в Объект > Трансформировать > Трансформировать каждый и Поворот 6 градусов, затем нажимайте Command + D, пока не покроете весь овал.

Теперь выделите большой овал и все линии (убедитесь, что овал расположен поверх линий; если нет, перейдите в Объект > Монтаж > На передний план), затем перейдите в Объект > Обтравочная маска > Создать, затем Объект > Разобрать. Теперь кликните "Разделить" на панели Обработки контуров и Разгруппируйте, чтобы получилась третья фигура на картинке ниже. Но у нас останется несколько дополнительных пустых фигур (красная выделенная фигура), которые нужно удалить. Далее убедитесь, что маленький овал, созданный ранее, находится поверх линий, выделите обе фигуры и кликните "Исключить перекрытие областей фигуры" и "Разобрать" на панели Обработки контуров, затем "Разделить" и "Разгруппировать" снова.

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

Шаг 8

Чтобы нарисовать стрелки, возьмите Инструмент "Прямоугольник" и нарисуйте длинный прямоугольник. Далее Инструментом "Многоугольник" нарисуйте треугольник, отразите его по вертикали и используйте Инструмент "Прямое выделение", чтобы перетащить нижнюю точку вниз. Затем нарисуйте кончики стрелок и разместите их, как показано ниже. Я их также персонализировала, чтобы они были больше похожи на цифры, поэтому следуйте Шагу 6 и сделайте то же самое. 

Шаг 9

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

Шаг 10

Снова возьмите большой овал крышки и создайте три овала при помощи функции "Параллельный контур", затем проделайте то же самое с маленьким овалом. Сохраните несколько копий этих овалов, т.к. они понадобятся нам позже.

Разберите их и заполните золотистым градиентом, затем установите Режим наложения на Направленный цвет только для трёх маленьких овалов. Цвета, использованные для градиента: (R = 195, G = 146 и B = 46), (R = 255, G = 251 и B = 204), (R = 193, G = 144 и B = 46), (R = 236, G = 212 и B = 134) и (R = 255, G = 249 и B = 202). Скопируйте фигуру крышки и Вставьте на передний план, выделите вставленную крышку и созданные овалы и перейдите в Объект > Обтравочная маска > Создать.

Шаг 11

Теперь выделите маленький овал с крышки и маленький овал из тех, которые нужно было сохранить выше (см.картинку), затем Скопируйте и Вставьте оба на передний план. Теперь кликните "Исключить перекрывающиеся области фигур" и "Разобрать" на панели Обработки контуров. Перейдите в Библиотека образцов > Узоры > Декоративный > Декоратив_геометрия 1 и выберите Цвет "Алмазные спирали" для заполнения фигуры. Установите режим на Рассеянный свет и снизьте Непрозрачность до 60%.

Шаг 12

Возьмите Инструмент "Спираль" и нарисуйте спираль, затем обведите её кистью, указанной на картинке ниже (можно найти в Библиотеке кистей). Скопируйте и вставьте ещё раз, отразите по вертикали и разместите, как показано. Теперь нарисуйте другие фигуры с помощью инструмента «Перо». Сгруппируйте их и перетащите на панель Кистей и выберите Новую дискретную кисть. Нарисуйте маленький чёрный круг и перетащите его на панель Кистей, т.к. он понадобится нам позже.

Шаг 13

Нарисуйте овал и разместите его, как показано ниже, затем обведите его Дискретной кистью, которую мы только что создали, затем установите параметры как на картинке. Затем перейдите в Объект > Разобрать, заполните группу фигур с золотистым градиентом, установите режим на Умножение и снизьте Непрозрачность до 30%.

Проделайте то же самое, но с маленьким чёрным кругом Дискретной кисти из Шага 12. Часы сейчас выглядят так:

Шаг 14

Чтобы создать стекло на крышке, Скопируйте и Вставьте на передний план маленький овал, использованный для крышки в начале, заполните его линейным градиентом от серого до белого и снизьте Непрозрачность до 40%.

Шаг 15

Чтобы добавить больше сияния, используйте Инструмент "Перо", чтобы нарисовать фигуру со следующей картинки, заполните её линейным градиентом от светло-жёлтого до белого, добавьте Размытие по Гауссу 1.4 пикселей, установите режим на Осветление и снизьте Непрозрачность до 60%.

Шаг 16

Скопируйте и Вставьте на передний план овал, созданный в начале руководства, заполните его таким же узором, использованным ранее (Цвет "Алмазные спирали") и установите Режим наложения на Рассеянный свет.

Шаг 17

Теперь Скопируйте и Вставьте на передний план фигуру табло и деления, затем используйте Инструмент "Масштаб", чтобы уменьшить их, как показано ниже. Также Скопируйте и Вставьте одну из часовых стрелок, уменьшите её и затем разместите их на 60, 15, 30 и 45 как секундные вместо часовых. Также Скопируйте и Вставьте на задний план первые две стрелки, сдвиньте их немного вниз, примените Размытие по Гауссу 1 пиксель и снизьте Непрозрачность до 20%.

Мы закончили с первой частью руководства. Вот как передняя сторона часов выглядит на данном этапе:

Часть 2 - Рисуем заднюю сторону карманных часов

Шаг 18

Чтобы сделать заднюю сторону часов, нарисуйте овалы, как для передней части, и заполните их таким же золотистым градиентом, также проделайте это с Обводкой 0.5 как в начале.  Скопируйте и Вставьте группу кольца и поместите её позади овалов, как указано. Вот контурный рисунок того, что вы будете рисовать до конца.

Шаг 19

Возьмите Инструмент "Перо" и нарисуйте красную фигуру, которую видите на картинке ниже. Не беспокойтесь о краях, т.к. позже вы создадите обтравочную маску из круга, чтобы рисовать внутри часов.

Далее нарисуйте зелёную фигуру, затем Скопируйте и Вставьте на передний план (позже нам снова понадобится первоначальная фигура). Выделите зелёную фигуру и круг, затем кликните "Вычесть из области фигуры" и "Разобрать", чтобы получилась вторая зелёная фигура, показанная ниже.

Нарисуйте черные круги, выделите их (убедитесь, что маленький круг находится поверх другого) и кликните "Вычесть из области фигуры" и "Разобрать", чтобы создать выделенную фигуру на картинке. Также всегда сохраняйте копии каждой фигуры и круга, т.к. они вам понадобятся позже в создании других фигур.

Теперь нарисуйте указанную фигуру и используйте такой же круг, как ранее, кликните "Вычесть из области фигуры" и "Разобрать", чтобы создать выделенную фигуру ниже.

Шаг 20

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

Шаг 21

Возьмите Инструмент "Эллипс" и нарисуйте круги, указанные ниже, затем примените Параллельный контур, чтобы создать маленькие круги внутри. Чтобы создать выбранную фигуру с картинки, вы делите обе фигуры, которые я разместила справа, чтобы лучше их рассмотреть, и кликните "Пересечь области фигуры" и "Разобрать" на панели Обработки контуров. Далее нарисуйте другие фигуры Инструментом "Эллипс" и "Скруглённый прямоугольник", выделите обе фигуры, затем кликните "Добавить к области фигуры" и "Разобрать".

Шаг 22

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

Шаг 23

Возьмите Инструмент "Эллипс" и нарисуйте круг, затем перейдите в Объект > Контур > Параллельный контур, чтобы создать маленький круг внутри (сохраните копию маленького круга, т.к. она понадобится позже). Выделите обе фигуры и кликните "Вычесть из области фигуры" и "Разобрать", чтобы получилась первая фигура, показанная ниже. Теперь используйте Инструмент "Скруглённый прямоугольник", чтобы нарисовать прямоугольник и разместить его, как показано (верхняя фигура в выделенной группе), затем Скопируйте и Вставьте на передний план ещё раз и сдвиньте его вниз.

Сгруппируйте два прямоугольника, перейдите в Объект > Трансформировать > Трансформировать каждый и выберите вращение -20 градусов, затем нажимайте Command + D, пока весь круг не будет заполнен. Разгруппируйте все прямоугольники, выделите их (без круга) и снова перейдите в Объект > Трансформировать > Трансформировать каждый и выберите вращение -20 градусов (см.третью фигуру ниже).

Теперь снова выделите все фигуры, включая круг, и кликните "Добавить к области фигуры" и "Разобрать". Далее, поместите меньший круг, который нужно было сохранить ранее (см.на картинке ниже - отмеченный красным), выделите обе фигуры и кликните "Вычесть из области фигуры" и "Разобрать". Это первый тип маленькой шестерёнки, которую мы используем для часов.

Шаг 24

Возьмите Инструмент "Перо" и нарисуйте фигуру, указанную ниже, или, чтобы сделать её симметричной, просто нарисовав её половину, отразите её и затем соедините точки. Теперь нарисуйте круг и затем проделайте то же самое, что и в Шаге 23, а затем поместите две фигуры, как показано ниже.

Сгруппируйте их и перейдите в Объект > Трансформировать > Трансформировать каждый и выберите вращение 6 градусов, затем нажимайте Command + D, пока круг не будет заполнен. После этого выделите все фигуры и круг, затем кликните "Добавить к области фигуры" и "Разобрать", затем заполните золотистым градиентом.

Шаг 25

Чтобы нарисовать следующий вид шестерёнки, используйте созданную ранее фигуру и нарисуйте маленький кружок внутри неё, затем выделите обе фигуры и кликните "Вычесть перекрывающие области фигуры" и "Разобрать".

Шаг 26

Скопируйте фигуру, созданную выше, и заполните её металлическим градиентом. Я использовала Нержавеющую сталь из Библиотеки образцов. Снова Скопируйте и Вставьте на передний план и измените угол градиента на 90 градусов, затем установите режим на Замену светлым. Сгруппируйте две фигуры.

Шаг 27

Измените масштаб всех маленьких шестерёнок по необходимости и разместите их, как показано.

Шаг 28

Помните два круга из Шага 19, которые вам должны были понадобиться снова? Выделите их и кликните "Вычесть из области фигуры" и "Разобрать" (убедитесь, что маленький круг находится наверху), чтобы получилась красная фигура, показанная ниже.

Теперь нарисуйте круг, установите его Обводку на 1.2 и Разберите его, затем выделите обе фигуры и кликните "Пересечь области фигур" и "Разобрать". Заполните фигуру золотистым градиентом и разместите её так, как на картинке во втором ряду. Для большого золотистого круга вокруг остальных фигур нарисуйте круг, установите его Обводку на 1.3, Разберите его и заполните таким же градиентом.

Далее возьмите Инструмент "Скруглённый прямоугольник", нарисуйте маленькие прямоугольники и разместите их, как показано ниже, за кругом. Я хотела добавить больше текстуры, поэтому возьмите Инструмент "Эллипс" и нарисуйте маленький круг, перейдите в Библиотека образцов > Узоры> Базовая графика > Базовая графика_текстуры, найдите USGS 8 Sewage Disposal и заполните круг.

Скопируйте и Вставьте на передний план круг и на панели Трансформирования выберите вращение 90 градусов, чтобы получился узор квадратиками. Сгруппируйте два круга и снизьте Непрозрачность группы до 20%.

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

Шаг 29

Чтобы нарисовать следующие четыре фигуры, просто следуйте картинке. Нарисуйте фигуры, которые видите, и кликните "Добавить к области фигуры" и "Разобрать". Чтобы сделать заливку, перейдите в Библиотека образцов > Градиенты > Металлы и найдите "Белое золото".

Шаг 30

Теперь поместите фигуры, показанные ниже, и создайте ещё одну обтравочную маску при помощи внутреннего круга часов, как вы делали ранее для того, чтобы спрятать выступающие края. Чтобы добавить немного теней, Скопируйте и Вставьте на задний план каждую фигуру, сдвиньте их немного влево, заполните чёрным, добавьте Размытие по Гауссу 1.2 пикселей и снизьте Непрозрачность до 35%.

Шаг 31

Чтобы нарисовать маленькие гайки, возьмите Инструмент "Эллипс" и нарисуйте несколько кругов, затем при помощи Параллельного контура поместите маленькие круги внутрь и Инструментом "Прямоугольник" нарисуйте прямоугольник наверху. Для последнего типа гаек используйте три круга, заполните второй круг радиальным градиентом в красных тонах, как показано, и заполните третий круг радиальным градиентом в белых и светло-серых тонах. Сгруппируйте все фигуры для каждой гайки и создайте больше копий разных размеров (см.изображения из Шага 33).

Шаг 32

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

Шаг 33

На этом этапе задняя сторона карманных часов выглядит так:

Шаг 34

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

Сделайте то же самое со всеми выделенными на картинке фигурами. Значения Размытия по Гауссу - между 1-1.8 пикселей, а Непрозрачности - между 25-45%, в зависимости от каждой фигуры. Таким же образом добавьте тени за каждой маленькой шестерёнкой для создания объёма.

Работа почти закончена. Обратная сторона часов готова и выглядит так:

Шаг 35

Чтобы добавить больше свечения, Скопируйте и Вставьте на задний план некоторые части часов. С передней стороны: крышку, кольцо, низ и большой круг часов (сгруппируйте их). На обратной стороне выделите кольцо и большой круг и сгруппируйте их. Затем переместите все выбранные фигуры на новый слой.

Скопируйте и Вставьте на задний план все эти фигуры, измените цвет заливки на чёрный, сдвиньте их слегка вниз, затем отразите крышку по вертикали и сделайте её плоской. Выделите весь слой, кликнув на кружке возле его названия и перейдите в Эффект > Размытие и примените Размытие по Гауссу 3 пикселя, затем снизьте Непрозрачность до 50% для целого слоя (см. слой "тени" на следующей картинке).

Финальное изображение

Работа сделана! Вот финальная картинка карманных часов. Надеюсь, это руководство было для вас полезным, и вы узнали новые техники.

Подпишитесь на Vectortuts + RSS Feed, чтобы оставаться в курсе последних векторных руководств и статей.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.