Учимся правильно рисовать новогодние часы. Как нарисовать векторный секундомер в Adobe Illustrator (перевод)

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

• В 7:00 утра умыть свою физиономию и расчистить зубы от микробов, которые все время размножаются;
• С 9 до 17 неопределенное количество часов вкалывать на усатого дядю за еду благо родины;
• 18:00 придти домой и начать ныть, как все достало;
• 19:00 по плану пойти пожрать, посидеть вконтактике,
• 23:00 назад в койку с целью на следующий день с успехов повторить проделанное;

К тому же каким-то образом цена Ваших часов определяет, кто Вы и зачем родились. А еще такая безделушка делает вас приманкой глубокой ночью для гоп-стопа. Если у вас есть часы, то:

• Вы всегда опаздываете и знаете об этом;
• Зимой с них толку, как с самовыключающегося выключателя;
• Вас нервирует цоканье стрелок ночью;
• В Американских фильмах часами можно расплачиваться, если нет денег;
• Можно поменять их на огнетушитель;
• Потом поменять обратно, так и не поняв, что случилось;

А вот теперь берите карандаш в руки, и приступайте к делу.

Как нарисовать часы карандашом поэтапно

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

Сегодня я расскажу вам, как нарисовать циферблат часов в CorelDRAW . Подробная инструкция поможет выполнить эту задачу даже новичку. Так что вооружитесь мышкой и вперед!

1.Открываем программу, создаем новый пустой документ.

Для удобства изменяем параметры страницы.На верхней панели находим размеры нашей страницы, меняем их на 100 х 100 мм. Обратите внимание, что единицы измерения можно поставить такие, с какими вам удобнее работать. У нас сейчас стоят миллиметры.

Также вам нужен будет диспетчер объектов. Это окошко справа, в котором будет содержаться весь список ваших будущих объектов, будь то эллипсы, кривые, прямоугольники или растры (картинки).

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

2. На панели слева нажимаем кнопку «эллипс» и рисуем небольшой кружок.

Для того, чтобы кружок получился ровным, а не вытянутым, удерживаем клавишу «Ctrl».
После любого действия удобно переключаться на первую кнопку левой панели — «указатель». Теперь нам нужно поставить наш кружок в центр.

Открываем меню Упорядочить — Выровнять и распределить — Центрировать на странице (или нажимаем клавишу «P»).

3.Теперь нужно нарисовать деления, большие (где будут цифры) и маленькие.

Выбираем инструмент «прямоугольник» на левой панели и рисуем фигурку нужного размера. Потом закрашиваем его черным цветом. Палитра цветов обычно находится справа, но если у вас её там нет, то можно открыть её через меню Окно — Цветовые палитры — SMYK palette.

Большинство типографий печатают свои материалы только в палитре SMYK, поэтому приучите себя пользоваться только ей, пригодится на будущее. Итак, мы закрасили наш прямоугольник. Теперь нужно выровнять его относительно кружочка.Выделяем прямоугольник, потом нажимаем клавишу «Shift» и, удерживая ее, выделяем кружок.Открываем меню Упорядочить — Выровнять и распределить — Выровнять центры по вертикали (или нажимаем клавишу «C»).

4. Дублируем прямоугольник по кругу, чтобы нарисовать деления на циферблате.

Для этого заходим в меню Упорядочить — Преобразования — Поворот (открылось окошко с настройками). Выделяем прямоугольник, потом нажимаем на него еще раз, вокруг него появляются стрелочки, а внутри показан центр, относительно которого вращается объект. Переносим центр прямоугольника в центр кружка. Теперь переходим к открывшемуся окошку «Преобразование». В графе «Угол» пишем 30 градусов. Ставим галочку «относительно центра». В количестве дубликатов указываем 1. Нажимаем «Применить» столько раз, сколько требуется для создания циферблата.

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

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

6. Дублируем маленький прямоугольник по кругу.

Все как в пункте 4, только в поле «Угол» пишем 6 градусов. Уже получается что-то, похожее на циферблат.

7. Рисуем цифры

Теперь на левой панели инструментов выбираем «Текст». Пишем цифру 12, выбираем нужный размер и перетаскиваем её в верхнюю часть циферблата, поближе к делению.

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

8.Дублируем нашу цифру по кругу.

Как в пункте 4, под углом 30 градусов. Затем редактируем текст, то есть щелкаем два раза по цифре и пишем вместо нее другую. Сейчас получилось, что все цифры у нас идут по кругу, и внизу они получились перевернутые.

Можете оставить так, а можете и развернуть их прямо. Для этого выделяем цифру 1, нажимаем на нее еще раз, появившийся центр (сейчас он стоит в середине кружка) перетаскиваем на свое место, то есть обратно в середину цифры 1. Смотрим на панель свойств наверху экрана. В поле «Угол поворота» ставим 0. То же самое проделываем с остальными цифрами.

Осталось закончить рисунок — добавить стрелки, основу часов, выбрать подходящие цвета.
Как в пункте 2, рисуем большой круг, удерживая клавишу «Ctrl», ставим его в центр, подгоняем размер. Можете нарисовать еще один, как у меня. Внешний круг на моем рисунке имеет размер 100 х 100 мм. Закрашиваем любым цветом. Способы заливки вы можете посмотреть на левой панели под соответствующим значком (второй снизу).

Если большой круг перекрывает все наши объекты, то его нужно перенести с переднего плана на задний. Щелкаем на нем правой кнопкой, выбираем Порядок — На задний план слоя, либо перетаскиваем его в диспетчере объектов в конец списка, либо нажимаем клавиши Ctrl + End.

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

Наручные часы

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

Сначала нам нужно изобразить два круга. Один будет внутри другого. Эти круги в будущем станут циферблатом.

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

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

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

Настенные часы

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

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

Приступаем к рисованию циферблата. Для этого нам нужно добавить четыре зеленых круга и подписать на них время «12, 3, 6, 9». Рядом с каждым кружочком добавим короткую полосу.

По такому же принципу как и в предыдущем шаге добавляем розовые и желтые круги. В итоге у нас должно получится 12 разноцветных кругов.

Подписываем время в каждом круге как на картинке ниже. Теперь мы подошли к самому интересному, нам нужно нарисовать минутную и часовую стрелку. Мы решили не делать обычные прямые полосы и добавили креатива в обычную домашнюю вещь. Стрелки часов будут волнистыми! На этом рисунок можно считать законченным.

Маленькие часы

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

Рисуем корпус нашего предмета. Если вы изучали предыдущие два мастер-класса, то наверняка догадаетесь, что сначала нам нужно прорисовать две округлости.

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

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

На цепочке

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

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

В верхней и нижней части изображаем декоративные пластинки.

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

Поработаем над цифрами. Как видите, они будут римскими от 1 до 12.

Внутри работаем еще над один рядом чисел и добавляем часовую и минутную стрелку. Они будет иметь ничем не примечательный стандартный вид волоски со стрелочкой.

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

На руке

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

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

Не слишком сильно нажимайте на карандаш, потому что на следующих этапах мы будем стирать этот набросок ластиком.

Берем черный фломастер и обводим основные контуры как на фотографии ниже.

Ну и наконец, детализируем рисунок мелкими деталями!

В этом уроке мы узнаем как можно быстро нарисовать секундомер (или часы) в Illustrator"е. Урок будет особенно полезным для тех, кто рисует для .

Шаг 1. Установки

Создадим новый документ размером 600х600 пикселей. Убедитесь, что галочка выравнивания по сетке отключена. Затем включим сетку (View > Show Grid) и сделаем привязку к ней (View > Snap to Grid). В настройках выставим размер ячейки сетки в 5 пикселей (Edit > Preferences > Guides > Grid) и проставим нужные нам единицы измерения (Edit > Preferences > Unit > General).

Шаг 2. Рисуем форму

Создадим круг (L) радиусом 140 пикселей и зальем его градиентом, как показано на рисунке. Не снимая выделения перейдем на панель Вид (Appearance). Добавим обводку в 4pt и применим к ней: Обводка - внутри, прозрачность 30% Soft light. Все операции делаются в окне Вид, через нажатие на слово Обводка (Stroke) и в её свойствах.

Продублируем наш круг (Ctrl+C -> Ctrl+F). Создадим эллипс 190 x 110px без обводки и для удобства зальем его черным. Поместим его, как показано на рисунке (нижний край на одну клеточку ниже центра окружности), выделим оба объекта и через окно Обработка контуров (Pathfinder) вырежем верхний из нижнего.

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

Шаг 3. Рисуем циферблат

Создадим окружность радиусом 120px в центре нашей формы и зальем градиентом, как показано на рисунке. В панели вид применим к заливке фильтр Внутреннее свечение (Inner Glow) со значениями, показанными на рисунке. Добавим обводку в 2pt с цветами R=165 G=175 B=178 и применим к ней эффект Тень (Drop Shadow) с указанными ниже параметрами. Добавим еще одну обводку толщиной 1pt и с цветами R=135 G=145 B=148.

Продублируем обводку через ту же панель Вид и зададим ей толщину 2pt. Повторим действие, задав толщину 1pt. Инструментом Перо (Р) налисуем линию высотой в 5 пикселей и толщиной обводки в 2pt. Зададим обводке цвет R=176 G=184 B=186. Поместим линии на "60 секунд" нашего будущего циверблата. Продублируем линию и поместим её на "30 секунд". Сгруппируем (Ctrl+G) и применим трансформацию, как показано на рисунке (Ctrl+Alt+Shift+D)

Удилиним линию на "60 секндах" до 7px и зададим ей цвет обводки R=135 G=145 B=148. Продублируем её на "30 секунд", сгруппируем и трансформируем, как показано на рисунке.

Шаг 4. Рисуем стрелку

Нарисуем прямоугольник (М) размером 4 x 52px точно под отметкой "60 секунд". Инструментом Частичное выделение (А) сдвинем верхние точки на один пиксель к центру. Нарисуем окружность радиусом радиусом 1 пиксель и через панель Обработка контуров объединим стрелку с окружностью. Зальем результат цветом R=50 G=50 B=50. Через панель Вид создадим в объекте новую заливку, поставим ей белый цвет. Выставим для неё режим смешивания Soft light. Через меню Эффекты уменьшим её на 1px (Effect > Path > Offset Path)

Вновь выставим сетку в 5 пикселей. Нарисуем окружность радиусом 10 пикселей и зальем градиентом, как показано на рисунке. Добавим еще одну заливку с цветом R=241 G=236 B=232. Сместим её на -3 пикселя. Сгруппируем стрелку с получившейся "заклепкой" (Ctrl+G) и добавим тень новому объекту.

При желании стрелку можно повернуть на нужное нам время инструментом Поворот (R)

Шаг 5. Рисуем стекло

Нарисуем окружность радиусом 120 пикселей и накладем на неё белый исчезающий градиент и поместите его, как показано на рисунке. (Примечание: можно использовать непрозрачный градиент с режимом смешивание Умножение. В таком случае видимый край градиента должен быть отличен от белого цвета. это может быть особенно важно для стоков) . Задайте прозрачность заливки 65% и сместите контур на -3 пикселя.

Добавьте внутреннюю обводку толщиной 1pt. Добавьте для неё режим смешивания Soft light и прозрачность 30%. Добавьте вторую обводку. В єтот раз выставьте ей толщину 3pt, прозрачность 20% и режим смешивания Soft light.

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

Нарисуем эллипс (L) размером 70 x 20px. Залейте черным цветом и выставьте прозрачность 3%. Примените эффект Дуга (Arc), как показано на рисунке. Продублируйте эллипс, залейте белым, выставьте прозрачность 20% и измените дугу на 50%

Шаг 6. Рисуем детали

Создадим окружность радиусом 30 пикселей без заливки. Зададим ей обводку в 3pt. Переведем обводку в заливку Object > Path > Outline Stroke и зальем градиентом, как показано на рисунке.

Добавим к объекту вторую заливку, сместив её на -1 пиксель, режим смешивания Soft light. Добавим еще одну заливку и рассположим, как показано ниже.

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

Нарисуем прямоугольник (М) 10 x 20px и зальем его градиентом, как показано ниже. Применим эффект Закругление углов (Effect > Stylize > Rounded Corners) со значением 3px и развернем вид объекта (Object > Expand Appearance). Добавим радиальную заливку с прозрачностью 70%.

Снова выставим сетку в 1 пиксель. Нарисуем овал 8х2 пикселя, зальем белым с прозрачностью Soft light. Добавим два черных прямоугольника 10х4 и 10х2 с режимом смешивания Soft light и прозрачностями 15% и 30% соответственно.

Выделим кольцо с держателем и переместим на задний план (Shift + CTRL + [). Нарисуем прямоугольник 10х1, зальем его цветом R=195 G=200 B=205 и поместим на передний план (Shift + CTRL + ])

Нарисуем квадрат со стороной 10 пикселей. Зальем его градиентом и применим последовательно эффекты Закругление углов (1 пиксель) и Дуга. Затем развернем вид.

Уберем привязку к сетке (Ctrl + Shift + "). Дважды продублируем нашу фигуру, поднимем вторую копию на 1 пиксель. Вычтем между собой эти две копии, к полученному результату применим прозрачность 30% и зальем черным. Повторим операцию, только теперь поднимем одну копию на 3 пикселя и прозрачность поставим 15%

Вернем привязку к сетке (Ctrl + Shift + "). Нарисуем прямоугольник 20 x 10px , скруглим ему углы на 3 пикселя и зальем градиентом. Выровняем в предыдущей фигурой. Снимем привязку и повторим фокус с вырезанием копий (1 раз).

Вновь выделим скругленный контур, смесим его на -1 пиксель (Object > Path > Offset Path). Продублируем результат (CTRL + C > CTRL + F) и опустим на 1 пиксель. Вычтем между собой эти два объекта. Результат зальем градиентом и поставим режим Soft light. Выделим снова скругленный контур, сделаем 2 его копии, опустим одну на 1 пиксель вниз и вычетм между собой. Результат зальем черным с прозрачностью 30% и режимом Soft light.

Сгруппируем полученную кнопку и повернем её на 45 градусов. Добавим тень с параметрами, как на рисунке.

Разместим внупку на секундомере. Продублируем её и отразим горизонтально. Разместим вторую кнопку. У второй кнопки изменим немного тень. Почти готово.

Добавим на задний план фон с цветом R=56 G=147 B=160. Выделим все наши объекты и преобразуем линии в заливки, а также развернем все объекты, к которым применяли эффекты Object > Expand Appearance, Object > Path > Outline Stroke. Выделим Контур нашего секундомера, продублируем (CTRL + C > CTRL + F), зальем цветом. Добавим к контуру обводку 1pt с прозрачностью 25% и режимом Soft light. Добавим еще одну обводку 3pt с прозрачностью 15%. Затем применим к контуру несколько раз эффект тени. Расположим её позади секундомера.

Наш секундомер готов. Используя различные вариации цветов, можно получить другие очень интересные варианты.