Как нарисовать часы карандашом поэтапно. Учимся правильно рисовать новогодние часы

В этом уроке мы узнаем как можно быстро нарисовать секундомер (или часы) в 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%. Затем применим к контуру несколько раз эффект тени. Расположим её позади секундомера.

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

Этот урок был создан в программе Adobe Illustrator CS2 . Для других версий программы возможны небольшие изменения.

Шаг 1. Создайте металлическую форму

Сначала мы создаем форму часов. Создайте круг с помощью инструмента Эллипс (Ellipse tool). Заполните круг градиентом с параметрами, показанными ниже. Растяните градиент таким образом, чтобы светлое пятно было в верхней левой части круга.

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

Добавьте третий круг снова с центром в том же месте и снова немного меньший чем второй круг. Дайте новому кругу градиент, похожий на это:

Чтобы добавить дополнительный теневой эффект к третьему кругу создают новый круг такого же размера и применяют градиент и прозрачность:

Если эта работа для микростоков, то градиент с прозрачностью поддерживается только в EPS 10! Еще можно прочитать

Результат должен быть похожим на это:

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

Теперь Вы создали металлический каркас часов и циферблата. Давайте идти дальше к кнопкам.

Шаг 2. Кнопки

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

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

Скопируйте новый прямоугольник и затем расположите его поверх первого (CTRL+F). Продвиньте новый прямоугольник выше первого и измените его размеры, чтобы он стал шире, как на рисунке:

Чтобы смоделировать рифленую поверхность кнопки, мы сделаем много темных прямоугольников, чтобы показать тени. Создайте связку маленьких прямоугольников как показано ниже и расположите их сверху кнопки. Сделайте их всех черными и установите прозрачность в 60 %.

Если эта работа для микростоков, то прозрачность поверх градиента можно сохранить только в EPS 10, EPS 8 это не поддерживает.

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

Для микростоков можно просто подобрать цвета в градиенте черного (если Вы хотите сохранить в EPS 8), не используя прозрачность. Для EPS 10 можно применить прозрачность.

Теперь создайте два круга как показано ниже. Выберите эти два круга и сделайте составной путь (Object > Compound Path > Make). Поместите круг позади кнопки Object > Arrange > Send to Back)

Примените градиент к новому кругу. Тяните градиент из центра круга к краю.

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

Шаг 3. Циферблат, числа и детали

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

Выделив линию, щелкните по инструменту Вращение (rotate tool). Тяните точку вращения из центра линии в центр часов. Теперь вращайте линию, зажав shift и ALT . Понизьте копию линии в 180 степенях. Перетащите копию линии на противоположный край циферблата:

Нам нужно скопировать эти линии вокруг циферблата с расстоянием в 6 градусов между каждым. Выберите обе линии и откройте окно Вращение (Object > Transform > Rotate). Задайте Угол вращения Angle =6 и щелкните Copy.

Повторите этот шаг, нажимая CTRL+D, пока Вы не создали все линии.

Мы хотим выдвинуть на первый план каждую 5-ую секунду, таким образом, мы теперь изменим толщину линии. Каждая 5-ая линия должна быть более толстой — 1.3 pt., а остальные — 0.6 pt.

Мы должны создать еще больше линий на этих часах. Создайте новый слой. Создайте линию наверху циферблата (там где 12 часов), эта линия должна быть еще тоньше (0.2 pt.) и короче чем линии на предыдущем слое. Как и в предыдущем примере с первой линией, щелкните по инструменту вращения. Тяните точку вращения из центра линии в центр часов. Теперь вращайте линию, зажав shift и ALT. Переместите копию линии на противоположную сторону циферблата.

Выберите обе линии и откройте окно Вращение (Object > Transform > Rotate). Задайте Угол вращения Angle =6 и щелкните Copy. Повторите этот шаг, нажимая CTRL+D. Повторитесь, пока Вы не создали нужное количество линий.

Чтобы добавить детальности создайте два круга с центральной точкой в центре циферблата. Один круг должен проходить по краю недавно созданных линий, и другой немного ближе к центру. задайте толщину линий 0.4 pt.

Теперь пора добавить цифры. Создайте числа при использовании инструмента Type Tool и шрифта на Ваш выбор. Добавьте числа рядом с самыми толстыми линиями.

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

Измените размеры треугольника, сделав его очень узким, и подкорректируйте длину.

Добавьте маленький круг в центре часов. Заполните его темно-серым градиентом. Вы можете вращать стрелку часов с помощью инструмента Вращения Rotate tool.

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

Выделив обе окружности, в палитре Pathfinder выберите Divide. Затем разгрупируйте результат (Object > Ungroup) и удалите все лишнее:

Добавьте градиент, чтобы сделать блик, с параметрами, как на рисунке ниже:

Такой градиент с прозрачностью поддерживает только формат EPS 10.

Результат должен быть похожим на это:

Это все. Теперь у Вас есть прекрасная иконка секундомера.

Сегодня я расскажу вам, как нарисовать циферблат часов в 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.

Добрый день! Сегодня настало время урока рисования, в котором мы расскажем вам о том, как нарисовать часы! Часы, как вы знаете, бывают настенные, наручные, гигантские — установленные на архитектурных строениях, и, конечно же, мягкие. Увы, рассматривать творчество гениального Сальвадора Дали мы будем не сегодня, а часы, которые мы нарисуем, будут вполне реалистичные. Давайте начнём урок рисования и узнаем, !

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

Шаг 1

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

Шаг 2

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

Шаг 3

Поверх круга из предыдущего шага нарисуем ещё один, несколько больший в диаметре.

Шаг 4

Пользуясь разметкой из первого шага, нанесём штрихи каждого часа по всей окружность циферблата. Первыми рисуем 12, 3, 6 и 9 часов, между ними на равном расстоянии намечаем остальные.

Шаг 5

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

Шаг 6

Отлично, а теперь проставим числа около отметки каждого часа. Старайтесь, чтобы одинаковые цифры рисовались одинаково на каждом часе.

Шаг 7

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