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

Малюємо сяючий векторний кишеньковий годинник - лицьову і задню сторону

by
Read Time:17 minsLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

У цьому уроці ви навчитеся малювати лицьову і задню боку кишенькових годинників з нуля. Цей урок деталізований і до кінця ви будете знати, як намалювати всі види фігур, такі як шестерінки і маленькі гайки. Ви навчитеся створювати дискретні пензлі для малювання візерунків на годиннику і дізнаєтеся, як застосувати деякі існуючі візерунки та градієнти в бібліотеці Ілюстратора для своїх цілей.

Частина 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 px або -2 px в залежності від розміру вашого овалу, щоб вийшов перший овал побільше, показаний нижче. Щоб створити маленький овал всередині, встановіть значення паралельності на -3 px.

Далі візьміть Відрізок лінії, виберіть обведення 0.5 pt і намалюйте лінію в напрямку 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 px, встановіть режим на Освітлення та знизьте Непрозорість до 60%.

Крок 16

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

Крок 17

Тепер Скопіюйте та Вставте на передній план фігуру табло і ділення, а потім за допомогою Інструмент "Масштаб", щоб зменшити їх, як показано нижче. Також Скопіюйте та Вставте одну з годинникових стрілок, зменшіть її і потім розмістіть їх на 60, 15, 30 і 45 як секундні замість годинникових. Також Скопіюйте та Вставте на задній план перші дві стрілки, посуньте їх трохи вниз, застосуєте Гаусове розмиття 1 px і знизьте Непрозорість до 20%.

Ми закінчили з першою частиною уроку. Ось як передня сторона годинника виглядає на даному етапі:

Частина 2 - Малюємо задню сторону кишенькового годинника

Крок 18

Щоб зробити задню сторону годинника, намалюйте овали, як для передньої частини, і заповніть їх таким же золотистим градієнтом, також виконайте це з Обведенням 0.5 pt як на початку. Скопіюйте та Вставте групу кілець та помістіть її позаду овалів, як зазначено. Ось контурний малюнок того, що ви будете малювати до кінця.

Крок 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 px і знизьте Непрозорість до 35%.

Крок 31

Щоб намалювати маленькі гайки, візьміть Інструмент "Еліпс" і намалюйте кілька кіл, потім за допомогою Паралельного контуру помістіть маленькі кола всередину і Прямокутником намалюйте прямокутник нагорі. Для останнього типу гайок використовуйте три кола, заповніть друге коло радіальним градієнтом в червоних тонах, як показано, і заповніть третє коло радіальним градієнтом в білих і світло-сірих тонах. Згрупуйте всі фігури для кожної гайки і створіть більше копій різних розмірів (см.ізображенія з Кроку 33).

Крок 32

Інструментом "округленими прямокутник" намалюйте прямокутник, показаний нижче, потім візьміть Інструмент Часткове виділення і посуньте точки, як показано. Заповніть золотистим градієнтом, створіть більше копій і розташуйте їх позаду деяких маленьких шестеренок.

Крок 33

На цьому етапі задня сторона кишенькового годинника виглядає так:

Крок 34

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

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

Робота майже закінчена. Зворотний бік годинника готовий і виглядає так:

Крок 35

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

Скопіюйте та Вставте на задній план всі ці фігури, змініть колір заливки на чорний, посуньте їх злегка вниз, потім відобразіть кришку по вертикалі і зробіть її плоскою. Виділіть весь шар, клацнувши на колі біля його назви і перейдіть в Ефект> Розмиття і застосуєте Гаусове розмиття 3 px, потім знизьте Непрозорість до 50% для цілого шару (див. Шар "тіні" на наступному зображенні).

Фінальне зображення

Робота зроблена! Ось фінальна картинка кишенькового годинника. Сподіваюся, цей урок був для вас корисним, і ви дізналися нові техніки.

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

One subscription.
Unlimited Downloads.
Get unlimited downloads