Изменение материалов для рисования / Разработка творческих решений
Также может потребоваться замена или модификация принадлежностей для рисования. «Увеличение толщины инструментов — ключевой элемент», — говорит Арвин. «Оберните карандаши пеной и лентой, чтобы уменьшить сжимающее движение рукоятки». В качестве еще одного недорогого решения Quilter рекомендует накидывать бигуди на карандаши.Специально разработанные резиновые рукоятки — не похожие на те, которые популярны в первом классе — также позволяют это сделать. Они облегчают захват карандашей и требуют меньшего сжимающего усилия. Для бумаги Веснер рекомендует шрифт с меньшими зубьями. «Художники должны использовать поверхность бумаги, на которой ровно столько зубцов, чтобы впитать восковой пигмент карандаша; слишком много текстуры означает, что потребуется гораздо больше мазков, чтобы «заполнить» пигментом. Кроме того, помогает более мягкое прикосновение с меньшим количеством полировок ». Треугольные карандаши, такие как карандаши Staedtler или Faber-Castell, и особенно большие карандаши Koh-I-Noor, легче в захвате и более эргономичны, чем их традиционные круглые аналоги.

Решения часто можно найти, просто изменив технику. Если что-то болит, найдите другой способ сделать это. «Подумайте о том, чтобы адаптировать свою технику к своим физическим способностям», — рекомендует Пасси. «Обычно есть несколько способов сделать это, и некоторые из них легче переносятся телом, чем другие». Как говорит Арвин: «Я стараюсь рисовать больше линиями, меньше тенью и меньше, чтобы защитить свои локти и запястья». Тем, у кого работа на компьютере усугубляет проблему, Арвин рекомендует менее очевидную меру для облегчения боли: «Я использую программу распознавания голоса Dragon, чтобы уменьшить количество набора текста на работе», — говорит она.Quilter также рекомендует Dragon, так как он снижает нагрузку на мышцы и суставы во время работы.

Многие художники умело и необычно вплетают превентивные / защитные меры RSI в свои творческие рутины. «Поскольку я затачиваю карандаши весь день, — говорит Фэган, — я поставил электрическую точилку за рабочим стулом на ящик на полу, так что мне приходится протягивать руку, чтобы дотянуться до нее». Квилтер предлагает: «Положите телефон через всю комнату, чтобы вам приходилось вставать, когда он звонит».

Движение и как держать карандаш

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

Шины, бандажи… и хирургия
Для многих страдающих RSI такие устройства, как скобы для запястий и налокотники, неоценимы. Однако важно помнить, что шины — это серьезные медицинские инструменты, которые могут быть вредными при неправильном использовании. Квилтер предупреждает, что использование шины во время работы может привести к обратным результатам: «Люди могут стать зависимыми от шин», — предупреждает она. «Не двигаясь, они не причиняют себе боли. Но если во время активности носить шину в состоянии покоя, в поврежденной или прилегающей ткани может возникнуть дальнейшее повреждение, такое как атрофия неиспользования или контрактура иммобилизованных тканей.«Дело не столько в том, что нужно избегать шин, — говорит она, — сколько в том, что шины нужно носить только в нужное время. Большинство шин предназначены для стабилизации тела и облегчения заживления во время отдыха, а не работы. По ее словам, проблема в том, что многие художники носят шины во время работы, и это потенциально может помешать процессу заживления. «В краткосрочной перспективе это приятно, — говорит она, — как если бы сутулился в краткосрочной перспективе. Но в долгосрочной перспективе это вредно ».

С другой стороны, «если у вас синдром запястного канала, скобы запястья — лучшее вложение, которое вы можете сделать», — говорит Коффенбергер.«Когда вы закончите рисовать, очень важно надеть их и дать отдых запястьям, даже если вы не подозреваете, что у вас есть какие-либо симптомы», — говорит Пасси. Итог: рассматривая шину, будьте осторожны. Носите шину только по рекомендации врача. Тщательно следуйте инструкциям врача, чтобы добиться наилучших результатов от ношения.

Подтяжки также могут быть эффективны при ношении в ночное время. Интересно, что сон может быть частично виноват в боли, связанной с RSI.Многие люди интенсивно и неоднократно сгибают запястья во время сна, и это может стать серьезной проблемой. Сонливость в сочетании с дневным давлением вполне может вызвать и усугубить многие из этих расстройств. Людям, подозревающим, что это может быть фактор, следует проконсультироваться с врачом по поводу ношения корсета на ночь. Коффенбергер говорит: «Лучшее, что я нашел для предотвращения или преодоления синдрома запястного канала, — это ношение запястья на ночь. Металлическая пластина не дает мне сгибать запястье во время сна.”

При тяжелом синдроме запястного канала и других формах RSI многие врачи назначают стероиды, нестероидные противовоспалительные препараты или рекомендуют корректирующую операцию. Однако многие люди, страдающие хронической болью, настороженно относятся к этим мерам: «Тот факт, что стероидные препараты или противовоспалительные препараты маскируют боль, не означает, что они помогают решить проблему. Источник боли исцеляется только с помощью отдыха и соответствующих упражнений », — говорит Пульс. Хирургическое вмешательство, стероиды и противовоспалительные препараты — это варианты, которые следует тщательно рассмотреть и оценить доверенному врачу.

Хотя последнее, что мы хотим сделать, — это отговорить кого-либо от рисования, мы надеемся, что это послужит напоминанием для всех художников, чтобы они продолжали уделять пристальное внимание знакам, которые им подает их тело. Гораздо легче предотвратить, чем вылечить повторяющуюся травму, связанную с растяжением, поэтому художникам важно заботиться о своих самых жизненно важных инструментах: о своем теле. Так что сядьте прямо, потянитесь, поддержите руки и продолжайте рисовать.

Нарисуйте выразительные позы рук из воображения!

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

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

Идея

Первый шаг — получить четкое представление о руке , которую вы собираетесь нарисовать.Не прыгайте вслепую и не начинайте рисовать. Выясните, под каким углом мы смотрим на руку. Можем ли мы увидеть тыльную сторону ладони или ладони? Какую часть фронта мы видим? Или мы смотрим на него со спины? Что делают каждый палец и большой палец? А как насчет запястья?

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

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

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

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

The Palm

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

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

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

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

Пальцы

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

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

Другой способ — это набросать линий и точек для суставов .Это может помочь определить положение и длину каждого сегмента с минимальными линиями, которые легко настроить.

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

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

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

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

В пальцах 12 сегментов, не считая большого пальца. Надо подумать о множестве цилиндров и коробок. Заманчиво пройти через них , но побороть чувство срочности.Расположите их в нужном месте, с правильными пропорциями и перспективой. По мере того, как вы работаете и исправляете свои ошибки, вы можете заметить, что ваша линия становится все темнее, темнее и темнее … Это затрудняет дальнейшую работу над деталями. Сделайте все возможное, чтобы сохранял легкость и чистоту линий на протяжении всего процесса строительства. Не строчите и не создавайте беспорядка. Продумайте рисунок.

Большой палец

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

Узнайте больше о рисовании костей руки в этом уроке:

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

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

Запястье

На поверхности запястье изгибается, чтобы заполнить промежуток между ладонью и предплечьем.Итак, хорошее место для начала — это форма костей предплечья 2 × 4. Когда есть изгиб, запястье будет переходной плоскостью. Посмотрите на Бриджмена за вдохновением при создании дизайна запястья. Вот несколько разных поз, чтобы вы могли увидеть, как ведет себя запястье. Обратите внимание, как он делает небольшой шаг вниз от предплечья к руке. Это красивый дизайн, который сделает ваш рисунок более интересным и динамичным. Вместо того, чтобы ставить кисть и предплечье на один уровень, опустите руку ниже предплечья. Этот шаг дает хороший поток через запястье.

На этом этапе у нас есть рука. Отсюда мы просто развиваем формы мышц и такие детали, как кожные складки, жир, вены и сухожилия. Если вы думаете, что до сих пор процесс был довольно скрупулезным, вы правы. Когда вы освоитесь с процессом, вы сможете пропустить некоторые шаги или просто быстро обозначить формы вместо того, чтобы строить все тщательно продуманные коробки. Дело в том, что для того, чтобы стать достаточно хорошим для этого, вы должны сначала тщательно отработать этот метод.Благодаря этому формы укоренились в вашей голове, так что вы сможете нарисовать их точные обозначения позже. Быстрое и свободное рисование — это навык, развиваемый путем медленного и осторожного рисования. Это руководство предназначено для тех, кто занимается им надолго. Студенты, которые готовы потратить время на то, чтобы стать одними из лучших. Надеюсь, это ты!

Мышцы

Основные мускульные формы рук можно разделить на три части, которые я называю Папа Медведь, Мама Медведь и Медвежонок.

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

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

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

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

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

О компании Proko

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

https://www.proko.com/

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

Другие видео из этой серии

Прочтите остальные уроки этой серии, чтобы узнать больше о рисовании костей и мускулов руки, чтобы сделать свои рисунки реалистичными.

Переуступка

Итак, давайте сделаем это. Ваше задание — проследить этот процесс и нарисовать 5 рук из воображения. Разместите их в Анатомической группе. Я мог бы раскритиковать ваш рисунок в следующем видео с критикой.

Получите набор моделей для рук

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

Хорошо, развлекайся.

Затенение и детали

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

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

Рисование и хронические боли в запястьях как художник. Как я с этим живу.

Bonjour, сегодня я хочу поговорить с вами на довольно серьезную тему: хроническая боль в запястье s как художник. Как вы, возможно, знаете из моих предыдущих постов, в этом году я занимаюсь Inktober. Это означает, что я много рисую каждый день, часы за часами.

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

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

Как началась боль в запястье?

Сегодня вы дадите мне немного времени для рассказа.

Я всегда много рисовал, даже когда мне не разрешали в старших классах. Затем, когда я пошел в художественную школу, количество рисунков, используемых в моей повседневной жизни, увеличилось , и увеличилось и увеличилось . На таком уровне, что на 4-м курсе (из пяти) я почувствовал резкую боль в правом запястье. Боль на этом не прекратилась и дошла до локтя, а затем и до плеч. Это было ужасно.

Иногда я даже не мог правильно закрыть или разжать руку.

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

В это время в начале года у меня заболело запястье.

Я собираюсь посетить различных специалистов , физиотерапевтов, остеопатов и даже иглотерапевтов.Иглотерапевт действительно помог мне, может быть, больше, чем другой, потому что ему удалось расслабить меня.

Поскольку мне было не только больно, но и было в депрессии, будет ли мне вечно больно, когда я буду рисовать? Могу ли я продолжать рисовать как профессию? Можно ли вылечить мою руку?

Было страшно!

Я закончил свой год, я закончил свой проект изо всех сил, но я закончил.

О, если вам интересно, я помещаю его здесь, он вроде старый, но, думаю, стоит смотреть:

Вы спросите меня, где здесь серебряная подкладка? Становится довольно удручающе.И да, какое-то время я был в депрессии. Я тоже на время перестал рисовать.

Через некоторое время пришел к выводу, что:

1. Мне нужно было прекратить делать анимационные фильмы
2. Мне пришлось работать по-другому
3. Мне пришлось найти новую гигиену жизни

Все три ответа было нелегко принять.

Потому что работу в анимационной индустрии найти легче, чем работать начинающим художником-фрилансером. Анимация — это тяжелая работа, но она хорошо оплачивается.Мне было очень трудно сократить рабочий процесс, потому что я всегда был трудоголиком. Я никогда не прекращаю рисовать, если я не застрял (но, честно говоря, был). Но у меня не было выбора, и я начал свой путь.

Измените свою гигиену жизни, чтобы жить с болями в запястьях.

Что это вообще значит?

Что делать, если у вас болит запястье?

Я обнаружил, что в какой-то момент боль никогда не прекращается , я пошел и прочитал статьи о причине, вроде этой, это помогло мне понять.Но в en мне удалось … Будьте готовы, это большой ответ: занимается спортом!

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

1 * Раскачивайте запястье! Сделай это сильнее

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

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

2 * Делайте перерывы!

Да не торопитесь! Это было особенно сложно, но теперь я знаю, что если однажды я почувствую, что моя рука не выдержит этого, ничего страшного, я могу остановиться прямо сейчас. Вам не нужно прислушиваться к вине.Затем я займусь чем-нибудь другим, например, напишу сообщение в блоге (да, сегодня мне очень больно, и я пропустил день Inktober, но это не имеет значения, здоровье в первую очередь, и это позволяет мне поделиться с вами этой историей!) . Не скажу достаточно, просто будь мил с собой.

3 * релакс

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

Как расслабиться?

Я дам вам найти свой путь, для меня это прогулки, катание на велосипеде, природа — самый эффективный способ для меня. Я стараюсь делать передышку хотя бы на 30 минут каждый день. Говорить с кем-нибудь о своих проблемах или просто глубоко вздохнуть.

Возможно ли быть художником с хроническими болями в запястьях?

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

Выпей чаю!

Хорошо, надеюсь, я вам чем-то помог! Я, конечно, не врач и просто советую на собственном опыте.

Подскажите в комментарии, если вы находитесь в подобной ситуации. У вас болит запястье? Как вам это удается?

Большое спасибо! До свидания!

12 Растяжка рук для художников: боль в руке и запястье

В связи с недавними событиями, первый совет, который я хочу дать (и который я уже неоднократно повторял в других публикациях здесь): потратьте немного времени на растяжку и часто делайте паузы ! Это касается не только художников, но и писателей, геймеров и тех, кто склонен работать за своим столом в течение долгих часов.

Примерно каждый час выделяйте 10–15 минут, чтобы встать, немного прогуляться по дому или офису, выпить стакан воды и вернуться. Долгие часы сидения за столом может не только вызвать у вас очень неприятный синдром запястного канала, но и испортить вашу спину, руки и мышцы кистей рук (указывая на себя здесь!).

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

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

Это не займет у вас много времени, так что теперь садитесь на свое место и приступаем!

Туннель запястья и ты, история ужасов

Если вы столкнулись с ошибкой «Художественный талант» , я уверен, что вы слышали об очень проблемном состоянии.

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

Это может привести к серьезным повреждениям вам.

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

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

Как человек, у которого в целом очень слабые руки и запястья, я могу за это поручиться.

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

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

Даже уборка дома может быть проблематичной!

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

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

Конечно, это не всегда возможно, поэтому давайте обсудим, как предотвратить боль или помочь облегчить ее!

Предотвращение боли в руке и запястье

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

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

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

Да, я смотрю на себя и всех своих коллег-художников, которые садятся, начинают комфортно принимать правильную позу, чтобы перейти в самые странные и самые сложные позы, с которыми вы можете справиться, всего через 2 секунды!

Что ты имеешь в виду, прошло 2 часа, и моя шея теперь одна с моими плечами ??

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

Питьевая вода помогает

Обильное питье тоже может очень помочь!

О, 1001 польза от питьевой воды.

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

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

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

Иногда мне кажется, что моему столу тоже нужно пить, и, позвольте мне сказать, вода не нужна!

Держите чашку чая где-нибудь, чтобы случайно не ударить по ней.

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

Теперь, прежде чем я «утоплю вас» (ха-ха…) во всех этих разговорах о воде, давайте сделаем несколько упражнений на растяжку, которые вы можете сделать перед тем, как приступить к работе.

Растяжка рук для художников

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

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

• Поза для молитвы: стоя или сидя, сложите руки вместе, как следует из названия, в позу для молитвы. Ваши локти должны касаться друг друга, а руки должны находиться на уровне вашего лица.

Сжав ладони вместе, медленно разведите локти в стороны. При этом опускайте руки до пояса или пока не почувствуете растяжение.

Удерживайте от 10 до 30 секунд и вернитесь в исходное положение. А теперь повторите это несколько раз!

• КОГОТЬ! Этот тоже довольно простой и помогает двигаться вашим пальцам.

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

Задержитесь в этом положении примерно от 10 до 30 секунд. Повторите не менее 4 раз для каждой руки, и готово!

• Подъемник Magic Finger Lift: Очень просто и быстро выполняется, а также помогает снизить нагрузку на пальцы.

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

Это упражнение вы можете сделать еще несколько повторений, 8 раз — хорошее число!

• «Все в порядке!»: Прямо как мой любимый смайлик! Это упражнение особенно хорошо, если у вас проблемы с большими пальцами.

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

Еще раз попробуйте удерживать каждое растяжение от 10 до 30 секунд.

• Вытянутая рука, удерживающая ладонь: две версии этой: ладонь вверх и ладонь вниз. Это, наверное, мое любимое упражнение, и если у вас нет времени на много упражнений, это просто необходимо!

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

Ладонь вниз: Очень похоже. Вытяните руку, но на этот раз ладонь должна быть обращена к потолку. Свободной рукой потяните пальцы на себя. Задержитесь около 15 секунд и повторите упражнение другой рукой.

Как всегда, попробуйте повторить эту растяжку не менее 4 раз.

• Сжимая мяч: Довольно понятно. Возьмите мягкий мяч и сожмите его. Задержитесь на несколько секунд, а затем отпустите. Повторите по несколько раз для каждой руки.

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

• Сожмите кулак и отпустите: Сядьте и положите руки ладонями вверх на верхнюю часть бедер. Теперь медленно сожмите руки в кулаки. Задержитесь на 10 секунд и снова разведите руки.

Повторить несколько раз!

• Переплетите пальцы: Очень просто! Переплетите пальцы и вытяните руки ладонями от себя.

Теперь поднимите их вверх, к потолку. Удерживайте примерно 10-15 секунд и отпустите. Повторите несколько раз!

Он особенно хорош как для рук, так и для рук, а также очень хорош для улучшения кровообращения.

• Орел (не совсем поза йоги): Это самое сложное упражнение по крайней мере, но все же легко выполнимое.

Скрестите правую руку над левой рукой, начиная с локтей. Продолжайте скрещивать руки, пока руки не соприкоснутся.

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

Постарайтесь продержаться около 20 секунд, а затем повторите с другой стороны.

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

Растяжки должны заставлять вас чувствовать себя лучше, а не наоборот!

Растяжка запястья для облегчения боли

Если вы уже чувствуете боль в запястье, остановитесь!

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

Боль не проходит? Иди к доктору!

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

• Вытяните руку: Аналогично растяжкам выше. На этот раз, как вариант, вы можете положить руку на стол вытянутой ладонью вниз.

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

• Выполните позу для молитвы (как и раньше, но будьте осторожны!): То же упражнение, о котором я упоминал ранее, очень хорошо снимает боль. Поскольку вы уже напряжены, постарайтесь делать это очень медленно и осторожно и почувствуйте, как боль утихает, пока вы растягиваетесь!
• Согните запястье вверх и вниз: Положите руку на стол или стол. Ладонь должна быть обращена вниз, и ваша рука должна свисать на краю стола. Вы можете свернуть полотенце и подложить под запястье.

Теперь осторожно двигайте рукой вверх и вниз. Вы также можете выполнять это упражнение ладонью вверх и делать то же движение!

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

Это действительно может помочь вам быстро поправиться.

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

Перчатка для запястного канала на помощь

Один из лучших «инструментов», которые я купил как художник, — это перчатка для запястного канала или повязка для поддержки запястья.

Мне действительно помогает, когда я начинаю работать слишком много, и мое запястье начинает болеть и все болят.

Единственным недостатком этого является то, что мне действительно нужно на какое-то время прекратить работу.

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

Это даст вам больше поддержки и облегчит боль.

Перчатка (посмотрите на Amazon) делает ее так, чтобы вы не могли свободно двигать рукой.Зато отлично снимает боль!

В качестве альтернативы есть наручная лента.

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

Хотя я никогда не пробовал и не находил это в своей стране, говорят, что это действительно спасение для художников!

Вот браслет на запястье (на Amazon) на случай, если он покажется вам более подходящим решением.

Упражнения для укрепления рук

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

• Используйте усилитель для захвата рук , как этот (усилитель для рук Yifi-Tek на Amazon ) Я знаю, что это довольно легко найти упражнение, но оно действительно работает. !

Просто приспособьтесь к своему текущему уровню силы и продолжайте сжимать.

Делайте 10 или 20 повторений за раз и увеличивайте в зависимости от вашего уровня комфорта. Мне нравятся эти специальные, так как вы можете приспособиться к своей силе, а также предлагает 2 из них в 1 упаковке, так что вы можете тренировать обе руки одновременно.

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

Помните, никогда не должно причинять вреда при выполнении этого упражнения!

• Вытяните руки: вытяните руку и кисти по прямой линии (вверх для максимального эффекта), удерживая их так долго, как только можете, с вытянутыми пальцами, затем сделайте перерыв и повторить. Это укрепит все задействованные мышцы, в том числе всю руку!

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

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

Но не переусердствуйте! Все дело в том, чтобы предотвратить повреждение, а не вызвать его!

Тренажеры для рук

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

• Усилитель захвата рук: Я не собираюсь здесь много говорить об этом, поскольку я уже говорил об этом ранее. Но, как видите, он идеально подходит для тренировки рук и усиления хватки.

Его сопротивление регулируется, поэтому вы можете использовать его с комфортом, не напрягая руки!

• Мяч для снятия стресса Friendly Swede: Это маленький мяч, который тонизирует ваши пальцы, руки и запястья!

Вы можете выполнять простые упражнения, например, зажимать их, сжимать их или даже пальцы (да, это вещь! И это помогает, посмотрите страницу на Amazon).

Они поставляются с 3 различными «пакетами прочности»: мягким, средним и твердым. Так что вы можете использовать то, что вам больше нравится. Это также поможет вам расслабиться и сосредоточиться одновременно.

Это также идеально подходит для упражнения на сжатие мяча, упомянутого выше!

• Ремешок для растяжки пальцев: Он также может работать с обычными резинками, но я настоятельно рекомендую вам приобрести одну из них, поскольку она идеально ложится в вашу руку и пальцы.

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

( Усилитель захвата рук на Amazon)

Хорошая осанка для художников

Я уже говорил об этом раньше, но важна хорошая осанка в сидячем положении! Так что всегда помните об этом, рисуя:

• Держите спину прямо. Я знаю, что это может показаться очень сложным в реализации, но это возможно! В первый раз вы всегда будете очень осознавать это, но вскоре ваша спина будет оставаться прямой, не задумываясь.
• Оставьте место на рабочем месте , чтобы вы могли свободно передвигаться. Постарайтесь не загромождать рабочее место слишком сильно, только самое необходимое!
• Не опирайтесь рукой, не тянущей руки, для отдыха головы . Скажу честно, я делаю это постоянно и всегда жалею об этом, потому что вес и напряжение, которое мы прилагаем к нашим запястьям, огромны. Это также вредно для плеч и шеи, обычно из-за этого они становятся очень жесткими.
• Держите ноги на земле .Это хороший совет как для спины, так и для ног. Если скрестить ноги или положить их под себя, даже если какое-то время это удобно, это утомляет и нарушает кровообращение. Старайтесь избегать этого как можно чаще!
• Расслабьте плечи. Вы только что вспомнили о своих плечах и о том, насколько они жесткие сейчас? Да, я тоже! Мы склонны постоянно забывать о наших плечах, и когда мы, наконец, замечаем, вся верхняя часть спины, плечи и шея становятся жесткими и остаются такими до конца дня.Давайте работать вместе, чтобы этого избежать!

Перерывы

О, мальчик, я правда придираю тебя к перерывам, не так ли? Что ж, ты это снова услышишь!

Действительно, это самое важное упражнение.

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

Вставай, погуляй немного. Выпейте воды, перекусите, посмотрите в окно и, если вы дома, погладите свою собаку, кошку, хомяка, птицу … рыбу!

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

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

Настройка рабочего пространства

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

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

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

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

Умение пользоваться инструментами также важно.

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

Затем мы слишком сильно хватаем карандаши, и наши линии также очень жесткие и напряженные.

Это не только сделает ваши рисунки менее плавными и естественными, но и утомит ваши руки и запястья.

Постарайтесь расслабиться, вам нравится рисовать, а не наоборот!

Подводя итоги

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

5 минут перед розыгрышем более чем достаточно и творите чудеса для вашего здоровья!

Затем, обратите внимание на свое положение , чтобы не напрягать и не утомлять все свое тело.

Перерывы, много перерывов!

Даже если это займет всего 10 минут, это очень поможет!

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

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

Вернуться к блогу

Создание реалистичных часов с хронографом в Sketch — Smashing Magazine

Об авторе

Visual and UI / UX Designer, автор десятков руководств по Adobe Photoshop и Sketch. Любитель эспрессо. Наблюдайте за энтузиастом. Больше о Никола ↬

Встречайте Image Optimization , новое практическое руководство Адди Османи по оптимизации и размещению высококачественных изображений в Интернете. От форматов и сжатия до доставки и обслуживания: все в одной книге , 528 страниц, .

Установить монтажную область

Первым шагом является создание нового документа с именем Autavia . Установите новый артборд с тем же именем, шириной 1400 пикселей и высотой 1600 пикселей и расположите его как 0 (X) и 0 (Y).

Чтобы упростить выравнивание всех элементов, добавим несколько рекомендаций. Сначала покажите линейки с помощью Ctrl + R . Затем добавьте вертикальную направляющую в центре монтажной области, щелкнув верхнюю линейку, и проделайте то же самое с горизонтальной направляющей на левой линейке. Нажатие Shift при наведении курсора на линейку будет привязано к 10-пиксельным шагам, что упрощает точную установку направляющих. Для правильного размещения вы также можете посмотреть на положение направляющих при наведении курсора на линейки: 700 пикселей для вертикальной направляющей и 800 пикселей для горизонтальной направляющей.

Корпус

Основание корпуса часов представляет собой простой круг. Переключитесь на инструмент Oval , нажав O на клавиатуре, и нарисуйте круг от пересечения направляющих (то есть в центре монтажной области) с диаметром 950 пикселей .

Давайте создадим проушины. Выберите инструмент Vector , нажав V на клавиатуре, и нарисуйте форму, как на изображении ниже.

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

Дублируйте ( Cmd + D ) эту форму, Отразите по горизонтали и расположите, как на изображении ниже. Удерживая нажатой клавишу Alt , наведите указатель мыши на вертикальную направляющую; Оставь это там; и с помощью клавиш со стрелками установите фигуру точно на на таком же расстоянии от центра, как и первая.Теперь измерьте расстояние от горизонтальной направляющей. Нам нужно будет расположить нижние выступы на одинаковом расстоянии от центра.

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

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

Пора придать нашему футляру немного стиля, придать ему металлический вид. Отключите Borders , затем нажмите Fill , выберите Linear Gradient и добавьте градиент. Шаги цвета можно добавить, щелкнув линию градиента прямо на форме. Свойства градиента сверху вниз:

1. # 4B4B4B
2. # 5F5F5F
3. #BEBEBE
4. #FFFFFF

00

00

00

00

00

18 # E4E4E4

# F0F0F0

# 787878

# B5B5B5

#FFFFFF

9114BFF

9114BFF

9114C4000 9114C4000 version)

Используя инструмент Vector ( V ), нарисуйте четыре треугольника над каждым выступом с внутренней стороны, чтобы добавить глубине корпуса.Для цвета используйте # 545454 и отключите границы. Используйте изображение ниже в качестве справки.

(Посмотреть увеличенную версию)

Поместим треугольники внутрь корпуса. Выберите форму корпуса и все четыре прямоугольника и нажмите Mask на верхней панели инструментов. Результат этой операции маскирования будет автоматически помещен в новую группу в списке слоев. Измените название этой группы на case .

(Просмотр увеличенной версии)

Помните копию формы нашего корпуса? Отобразите его и переместите в группу корпуса в качестве верхнего уровня.Нажмите Fill и выберите Noise Fill , установите Intensity на 15% и примените Motion Blur с Amount из 20px , чтобы создать матовую металлическую текстуру.

(Просмотр увеличенной версии)

Лицевая панель

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

Наружное кольцо с зубчатой ​​кромкой

Сначала мы создадим внешнее кольцо с зубчатой ​​кромкой.Нарисуйте круг из центра монтажной области диаметром 950 пикселей . Отключаем границы.

(Просмотр большой версии)

Чтобы создать зубчатую кромку, сначала создайте маленький треугольник, 10 пикселей на 8 пикселей , используя Треугольник из Вставка → Форма в строке меню. Щелкните значок Center Align на панели инспектора, чтобы выровнять треугольник по центру монтажной области и кругу (так как все находится в центре монтажной области), и убедитесь, что его нижняя сторона перекрывается с кругом, и поверните границ.

(Просмотр большой версии)

Нам нужны эти треугольники по кругу, и создание и вращение каждого треугольника вручную потребует очень много времени (и сложно!). К счастью для нас, на помощь пришла Rotate Copies - великолепная функция, которая может делать и то, и другое одновременно. Итак, выберите треугольник и выберите Rotate Copies from Layer → Paths в строке меню. Следующий диалог позволит вам определить, сколько дополнительных копий выбранного элемента нужно сделать.Введите 259 ; Итак, всего у нас будет 260 треугольников по кругу, который будет зубчатым краем. После того, как вы ввели это значение и подтвердили диалог, вам будут представлены все треугольники и круговой индикатор посередине.

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

(Просмотр увеличенной версии)

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

(Просмотр большой версии) (Просмотр большой версии)

Совет по повышению производительности : В качестве альтернативы вы можете выполнить этот шаг в в два прохода , что будет намного менее ресурсоемкой задачей для вашего Mac. Сначала введите 129 для дополнительных копий; Итак, всего у вас будет 130 треугольников по кругу. Переместите индикатор вниз, пока он не окажется на пересечении направляющих. Во-вторых, продублируйте ( Cmd + D ) эту форму, а затем, используя Поверните на верхней панели инструментов, поверните ее на 4 градусов.Наконец, выберите обе формы и объедините их в одну, используя Union на верхней панели инструментов.

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

(Просмотр большой версии)

Снова используйте Rotate Copies , но на этот раз нам нужно 11 дополнительных копий. Совместите круговой индикатор с пересечением направляющих.

(Просмотр большой версии)

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

Во-первых, Градиентная заливка :

1. # C6C6C6
2. #CFCFCF
3. # EFEFF2
4. # E7E7E7FF000 3

   00

   4 4 4 # D2D3D5
5. #CBCBCB
6. #CBCBCB
7. #BCBCBC

(большая версия)

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

Давайте добавим световой эффект Inner Shadows со следующими свойствами:

• Color : #FFFFFF
• Alpha : 50%
• X : 1 ; Y : 1 ; Blur : 2 ; Распространение : 1

Затем добавьте темный эффект Inner Shadows :

• Color : # 000000
• Alpha : 10%
• 1 ; Y : -1 ; Blur : 2 ; Spread : 1

Наконец примените Shadows effect:

• Color : # 000000
• Alpha : 50%
• X : Y : 0 ; Размытие : 4 ; Spread : 1

Так выглядит внешняя лицевая панель со всеми примененными стилями.

(Просмотр в большом размере)

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

(Просмотр увеличенной версии)

Черное внутреннее кольцо

Для внутреннего кольца сначала нарисуйте круг из центра с диаметром 930 пикселей .Добавьте границу Outside с толщиной из 1 и Color , установленным на # 313131 .

Затем измените Fill на Angular Gradient и настройте градиент со следующими параметрами:

1. # 303030
2. # 343434
3. # 282828
88 000 # # 2
• # 333333
• # 282828
• # 343434

(Увеличенная версия)

Чтобы добавить нежный трехмерный вид, добавьте Inner Shadows , с набором цветов для 9113 #FFFFFF на 30% альфа.Установите Blur на 4 , Spread на 2 и на позиции X и Y на 0 . Затем примените Shadows , чтобы он выглядел немного приподнятым. Установите Color на # 000000 на 50% alpha, Blur и Spread на 1 и позиции X и Y на 0 . Назовите эту форму внутренней лицевой панелью .

(Просмотр увеличенной версии)

У нас на внутреннем кольце две шкалы: минутная и часовая.Давайте сначала разберемся с минутной шкалой. Минутная шкала состоит из минутных отметок и цифр с пятиминутным интервалом. Мы будем использовать кружки для минутных отметок. Итак, нарисуйте круг диаметром 16px , установите Color на #FDFDFE и отключите границы. Отодвиньте его на 48px от внешнего края внутреннего кольца. Удерживая нажатой клавишу Alt , наведите указатель мыши на круг, оставьте его там и с помощью клавиш со стрелками измените положение формы до тех пор, пока расстояние не станет правильным.Отцентрируйте его по монтажной области и внутреннему кольцу, используя Center Align из панели Inspector.

(см. Большую версию)

Нам действительно нужно еще 59 таких меток, поэтому перейдите в Layer → Paths , выберите Rotate Copies , введите 59 в диалоговом окне, нажмите OK и выровняйте круговой индикатор. до пересечения направляющих. Переименуйте полученную фигуру в минутные метки и удалите каждую пятую метку, начиная с верхней средней.

(Просмотр увеличенной версии)

Давайте добавим минутные цифры на этих пятиминутных позициях. К сожалению, мы не можем использовать «Поворот копий» для распределения текстовых слоев, поэтому нам придется размещать их вручную. Для цифр мы будем использовать слегка закругленное семейство шрифтов Rubik от Google. Добавьте «60» вверху с размером шрифта 49, - Medium , выравниванием Center и заливкой #FDFDFE . Переместите его 20px от внешнего края внутреннего кольца и отцентрируйте его по внутреннему кольцу по горизонтали.Теперь продублируйте этот номер, нажав Cmd + D на клавиатуре, и выберите Повернуть на верхней панели инструментов. Поскольку нам нужно повернуть числа вокруг центра нашей монтажной области, щелкните и перетащите маркер перекрестия до пересечения направляющих и поверните его на 30 градусов. Продолжайте дублировать и вращать каждое число одно за другим, не отпуская выделения. Таким образом, якорь будет оставаться посередине , и вам не придется каждый раз перемещать его.

(Просмотр большой версии)

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

(Просмотр увеличенной версии)

Затем добавьте часовую шкалу над минутной шкалой. Сначала продублируйте число «60», измените размер шрифта на 26 и число на 12 и переместите его вверх с помощью клавиш со стрелками так, чтобы он находился на расстоянии 1 пиксель от внешнего края внутреннего кольца. Теперь, используя метод, описанный выше, добавьте оставшиеся цифры часов.

(Просмотр увеличенной версии)

Давайте закончим маркировку внутреннего кольца, добавив треугольник в 12-часовой позиции. Сначала удалите числа «60» и «12» из обеих шкал, выберите инструмент Треугольник из меню Insert → Shape и нарисуйте треугольник 60px на 65px . Переместите его на 5px от внешнего края внутреннего кольца и отцентрируйте его относительно внутреннего кольца по горизонтали. Для цвета используйте тот же цвет, который мы использовали для знаков и цифр - #FDFDFE - и отключите границы.

(Просмотр большой версии)

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

(Просмотр большой версии)

Выберите все слои лицевой панели и поместите их внутри группы вращающейся лицевой панели .

The Dial

Пора поработать над циферблатом. Сначала мы создадим внешнее кольцо циферблата.

Переключитесь на инструмент Oval ( O ) и создайте круг в середине монтажной области с диаметром 768 пикселей . Установите Fill на #CCCCCC и добавьте границу Outside с толщиной 4px и Color , установленным на # D9D9D9 . Также примените Inner Shadows с Color , установленным на # 000000 на 50% alpha и Blur на 10 .Назовите эту форму , внешний циферблат .

(Просмотр увеличенной версии)

Для основания циферблата нарисуйте круг в середине монтажной области с диаметром 706 пикселей , Fill , установленным на # FAFBF9 и Внешняя граница с Толщина из 4px и Color из # D9D9D9 . Добавьте Inner Shadows с Color , установленным на # 000000 с 50% альфа и 6 Blur .Дайте этой форме название внутренний циферблат .

(Просмотр увеличенной версии)

Масштаб в одну пятую секунды

Чтобы улучшить положение дел, мы добавим шкалу для одной пятой секунды, что означает, что 300 тонких отметок должны выровняться по внешнему краю циферблата. . Создайте прямоугольник с шириной 2px и высотой 18px , с Fill , установленным на # 050B05 и отключенными границами. (Отключение границ поможет избежать вращающегося пляжного мяча смерти Mac.)

Отцентрируйте прямоугольник на внутреннем циферблате по горизонтали и переместите его на 19px от внешнего края внутреннего циферблата . И снова мы воспользуемся функцией «Повернуть копии», чтобы создать масштаб. Перейдите к слою → Пути , выберите Повернуть копии , введите 299 в диалоговом окне, нажмите OK и выровняйте круговой индикатор по пересечению направляющих. Переименуйте полученную форму в в масштабе одной пятой секунды .

(Просмотр увеличенной версии)

60-секундные отметки

Далее мы добавим 60-секундные отметки. Эти отметки такие же, как отметки «одна пятая секунды», но длиннее. Итак, создайте точно такой же прямоугольник, как на предыдущем шаге, но сделайте его 36px высотой и расположите его таким же образом ( 19px от внешнего края и выровняйте по горизонтали с внутренним циферблатом ). Откройте окно Rotate Copies , введите 59 в диалоговом окне, нажмите OK и выровняйте круговой индикатор по пересечению направляющих.

(Просмотр увеличенной версии)

Нам не нужны метки на позициях часов, поэтому нам придется удалить каждую пятую метку, начиная с той, которая находится в позиции 12:00. Вы также можете использовать вращающийся безель в качестве ориентира для удаления отметки.

(Просмотр увеличенной версии)

Переименуйте полученную форму в 60 секунд отметок .

Пятиминутные отметки

Добавим минутные отметки. Создайте прямоугольник с шириной 4px и высотой 18px , с Fill , установленным на # 050B05 и отключенными границами.Отцентрируйте его по горизонтали на внутреннем циферблате и переместите на 19px от внешнего края внутреннего циферблата . Поскольку нам нужно всего 12 часовых отметок, перейдите к Rotate Copies , введите 11 в диалоговом окне, нажмите OK и совместите круговой индикатор с пересечением направляющих. Дайте этой форме название 5-минутные отметки .

(Просмотр увеличенной версии)

15-минутные отметки

Для 15-минутных отметок мы будем использовать круги.Нарисуйте круг диаметром 16 пикселей , выровняйте его по горизонтали с внутренним циферблатом и переместите на 20 пикселей от верха. Установите Fill на # E5BF8E и добавьте Shadows с Color , установленным на # 000000 при 50% альфа, Blur установлен на 2 и Spread установлен на 1. .

(Просмотр большой версии)

Используйте Rotate Copies , чтобы добавить круги в четверть часа.В конце удалите тот, который находится в позиции 12:00. Переименуйте эту форму в 15-минутные отметки .

(Просмотр большой версии)

Часовые метки

На этом этапе мы создадим часовые метки. Выберите инструмент Rectangle ( R ) и создайте прямоугольник с шириной 30px и высотой 70px с Fill , установленным на # E7E7E7 . Добавьте границу Outside с толщиной 3px и Color , установленным на #FFFFFF .Установите его на 12:00 и переместите на 43px от внешнего края внутреннего циферблата . Примените Inner Shadows с Color , установленным на # 000000 с 30% alpha и Blur из 5 и Shadows с точно таким же цветом, Blur из 2 и Spread из 1 , чтобы он выглядел немного приподнятым над внутренним циферблатом . Это будет основа часовой отметки.

(Просмотр большой версии)

Нам нужно добавить два меньших прямоугольника вверху и внизу, чтобы закончить часовую метку. Самый простой способ сделать это - продублировать ( Cmd + D ) прямоугольник, отключить границы и тени, изменить высоту на 16px и Fill на # E5BF8E и изменить Inner Shadows так что Color теперь установлен на #FFFFFF с 60% alpha, Y to 1 и Blur is 2 .

(Просмотр большой версии)

Чтобы добавить прямоугольник снизу, продублируйте прямоугольник, который мы только что создали, Отразить по вертикали , измените Заливку на # 393F3B и выровняйте его по нижней части нашей основы, выбрав оба этих прямоугольника, щелкнув правой кнопкой мыши и выбрав Align Bottom . Наконец, выберите все три прямоугольника и сгруппируйте их в группу с часовой отметкой , используя Cmd + G .

(Просмотр большой версии)

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

(Просмотр увеличенной версии)

Часовая метка в 12:00 должна быть немного другой, и она должна состоять из двух более узких часовых меток. Вот почему мы сохранили первоначальную часовую отметку группы ! Мы просто изменим существующую часовую метку, выбрав все три формы внутри группы часовой метки и изменив ширину на 20 пикселей на панели инспектора справа. Затем продублируйте эту группу, переместите ее 9px вправо с помощью клавиш со стрелками; затем выберите обе группы и поместите их в новую группу с именем 12-часовая отметка ; совместите их по горизонтали с внутренним циферблатом .Наконец, выберите все часовые отметки и поместите их в группу часов .

(Посмотреть большую версию)

Обратите внимание, что то же самое можно сделать и с символами, потому что их размер можно изменять, сохраняя при этом внутренний интервал.

Дополнительные циферблаты

Дополнительные циферблаты предоставляют информацию, которая не отображается на основном циферблате, и они являются общими чертами часов с хронографом. Хронографы используют вспомогательные циферблаты, чтобы отслеживать секунды и прошедшие минуты и часы. На этом этапе мы создадим три дополнительных циферблата: активный дополнительный циферблат секунд, 30-минутный счетчик и 12-часовой счетчик.

Активный второй дополнительный циферблат

Этот дополнительный циферблат показывает непрерывно текущие секунды. Начнем с рисования круга из центра монтажной области (т.е. пересечения направляющих) диаметром 204 пикселей . Добавьте границу Center с толщиной из 1 и Color , установленным на # 424242 . Примените Inner Shadows с Color , установленным на # 00000 на 60% alpha и Blur на 20 , чтобы он выглядел так, как будто он вставлен в основной циферблат.Назовите эту форму основание вспомогательного циферблата .

(Увеличенная версия)

Добавим маркировку. Сначала мы добавим крошечные отметки. Создайте белый прямоугольник с шириной 4px и высотой 25px и отключите границы. Выровняйте его по горизонтали с основанием вспомогательного циферблата и расположите на расстоянии 5 пикселей от верха основания вспомогательного циферблата . Используйте Rotate Copies , чтобы создать шкалу с 12 отметками. На этом дополнительном циферблате есть крошечные отметки с интервалом в пять секунд, поэтому нам нужно удалить каждую секунду отметку, начиная с верхней (с 60-секундной позиции).

(Просмотр увеличенной версии)

Затем нам нужно добавить более жирные отметки в позициях 60, 20 и 40. Создайте прямоугольник, подобный предыдущему, но сделайте его немного шире: 6 пикселей в ширину и 25 пикселей в высоту и в том же положении. Откройте Rotate Copies и создайте шкалу с тремя отметками.

(Просмотр увеличенной версии)

Добавим три оставшиеся отметки в позиции 10, 30 и 50. Создайте прямоугольник, подобный предыдущему, но сделайте его немного длиннее, 6 пикселей в ширину и 35 пикселей в высоту, и расположите его на расстоянии 5 пикселей от нижней части основания дополнительного циферблата .Откройте Rotate Copies и создайте шкалу с тремя отметками.

(Просмотр большой версии)

Теперь нам нужно добавить числа на дополнительный циферблат. Добавьте 60 вверху; в качестве шрифта снова используйте Rubik с размером шрифта 26 , толщиной Regular , выравниванием по центру и заливкой #FFFFFF . Переместите его 30px от внешнего края основания вспомогательного циферблата и отцентрируйте по горизонтали.

(Просмотр увеличенной версии)

Дублируйте этот номер.Выберите Повернуть на верхней панели инструментов, перетащите маркер перекрестия на пересечение направляющих, поверните его на 120 градусов и измените число на 20 . Но мы не хотим, чтобы число вращалось таким образом; он должен оставаться нормальным, как 60 . Для этого установите Transform на 0 на панели инспектора справа. Теперь с помощью клавиши со стрелкой переместите число от отметки влево на 6px (нажмите клавишу со стрелкой влево шесть раз).

(Просмотр большой версии)

Используя тот же метод, добавьте число 40 в позицию 40 секунд, но на этот раз переместите число 6px вправо.

(Просмотр большой версии)

Давайте добавим руку, чтобы закончить дополнительный циферблат. Сначала нарисуйте белый круг из середины монтажной области с диаметром 30 пикселей и отключенными границами. Затем нарисуйте белый прямоугольник 6px на 68px и Выровнять по горизонтали с кругом, который мы только что создали, убедившись, что они перекрываются.Выделите обе формы и выполните операцию Union , чтобы создать один объект. Добавьте Shadows с Color , установленным на # 000000 с 70% alpha, Blur , установленным на 8 и Spread из 2 , чтобы поднять руку со вспомогательного циферблата.

(Просмотр большой версии)

Создайте сверху небольшой круг диаметром 12 пикселей . Установите Fill на # A3A3A3 , отключите границы и добавьте черный Shadows с 50% alpha и Blur из 2 .Теперь продублируйте этот круг, выключите Shadows , измените Fill на # 353535 и уменьшите его до 50% . Эти два кружка представляют собой небольшой винт, удерживающий руку на месте. Сгруппируйте все формы руки и назовите эту группу hand .

(Просмотр большой версии)

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

Теперь продублируйте группу и переименуйте ее в , активный второй дополнительный циферблат , а затем переместите его в положение 9:00. С помощью клавиши со стрелкой влево переместите дополнительный циферблат влево, пока он не окажется на расстоянии 55 пикселей от левого края внутреннего циферблата . Добавьте вертикальную направляющую в центре ( 504px ) активного второго вспомогательного циферблата . Это поможет нам скорректировать положение руки. Используйте простую математическую операцию, чтобы определить, где находится центр по вертикали: диаметр вспомогательного циферблата составляет 204 , поэтому радиус составляет 102 пикселей - просто добавьте 102 пикселей к текущему положению X на панели инспектора справа.

(Просмотр большой версии)

30-минутный счетчик

Этот дополнительный циферблат используется для записи событий продолжительностью более одной минуты (и продолжительностью до 30 минут) и находится на правой стороне циферблата в положении 3:00. должность.

Мы будем использовать группу дополнительных циферблатов в качестве основы для этого, поэтому продублируйте группу дополнительных циферблатов , переименуйте ее в «30-минутный счетчик» и немного измените. Удалите крошечную шкалу отметок. Создайте новый так же, как мы делали выше, но с отметками 30 .Перейдите к этой новой шкале и удалите отметки, которые находятся в тех же положениях, что и жирные отметки, а затем измените числа на 30 , 10 и 20 . Переместите этот вспомогательный циферблат вправо, пока он не окажется на расстоянии 55 пикселей от правого края внутреннего циферблата , а затем добавьте вертикальную направляющую в центре ( 896 пикселей ). Используйте изображение ниже в качестве справки.

(Просмотр увеличенной версии)

12-часовой счетчик

Этот дополнительный циферблат используется для записи событий продолжительностью более 30 минут (до 12 часов) и находится в нижней части шкалы в позиции 6:00. .

Мы будем использовать оставшуюся группу дополнительных циферблатов для создания 12-часового счетчика. Этот счетчик имеет более мелкие отметки с получасовыми интервалами, что означает, что у нас 24 таких отметки по кругу, и более длинные отметки на часовых позициях, что означает, что по кругу их 12.

Еще раз, Rotate Copies поможет нам создать эти отметки. Для получасовых отметок используйте прямоугольник размером 4px на 15px , а для часовых отметок используйте более длинный и немного более жирный прямоугольник, 6px на 25px .Не забудьте удалить те получасовые отметки, которые находятся в том же положении, что и часовые отметки, поскольку нет необходимости иметь и то, и другое. Также добавьте маленький заголовок «Swiss T» 12px от руки, используя белый шрифт Rubik Medium с размером 10px , выравниванием по центру и интервалом Line из 10 .

Когда закончите, измените имя группы на 12-часовой счетчик , переместите его на 6:00, 55 пикселей от нижнего края внутреннего циферблата и добавьте горизонтальную направляющую в центре ( 996 пикселей ).Используйте изображение ниже в качестве справки.

(Просмотр увеличенной версии)

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

(Просмотр увеличенной версии)

Отделка циферблата

Пора нанести логотип на циферблат. Перейдите на Wikimedia Commons и загрузите логотип Tag Heuer в формате SVG.Это текущая версия логотипа; нам нужно будет немного изменить его, потому что мы воссоздаем часы из эпохи до Tag.

Откройте логотип в Sketch и удалите все, кроме красного прямоугольника с надписью Heuer. Сначала измените цвет букв на # 2E2E2E . Затем выберите прямоугольник, выключите Fill и добавьте Borders , установите Position на Outside и Color на # 2E2E2E . Измените название группы на Heuer logo .

(Просмотр увеличенной версии)

Внесите измененный логотип в наш дизайн. Переключитесь на инструмент Масштаб на верхней панели инструментов и в диалоговом окне введите 50 пикселей в поле высоты, чтобы настроить размер логотипа. Функция масштабирования автоматически рассчитает правильную ширину для любой заданной высоты. Выровняйте логотип по горизонтали с внутренним циферблатом и поместите его на расстоянии 200 пикселей от верха. Еще раз выберите прямоугольник, содержащий надпись, и установите границу Толщина на 3 .

(Просмотр увеличенной версии)

Давайте добавим название часов над логотипом. Загрузите семейство шрифтов Walkway Expand (это бесплатно), установите только шрифт «Walkway Extend Black» и введите слово «Autavia». Поместите его 3px над логотипом и выровняйте его по горизонтали с логотипом. Установите Size на 24px , интервал Character на 2 , Line на 24 и Color на # 2E2E2E (тот же, что мы использовали для логотипа).

(Просмотр большой версии)

Затем преобразуйте текстовый блок в векторные фигуры, щелкнув правой кнопкой мыши и выбрав Преобразовать в контуры . Затем немного измените букву «А», чтобы она выглядела похожей на оригинальную букву «А» в винтажных часах Heuer. Выделите получившуюся векторную фигуру, нажмите Введите , чтобы перейти в режим векторной точки, увеличьте масштаб достаточно близко (я увеличил масштаб до 800%), выберите верхнюю левую точку буквы «A» и переместите ее 1px к оставил. Затем выберите верхнюю правую точку и переместите ее вправо на 1px .После этого выберите маленький треугольник внутри буквы, добавьте одну точку в любом месте боковой линии и перетащите ее вверх, пока она не окажется на том же уровне, что и средняя точка (появится горизонтальная красная линия). Отрегулируйте положение, перетащив их немного влево и вправо внутрь, а затем отрегулируйте положение других точек, чтобы получить равномерную ширину на наклонных линиях. Используйте изображение ниже в качестве справки.

(Просмотр увеличенной версии)

Проделайте то же самое с оставшимися буквами «A».

(Просмотр увеличенной версии)

Чтобы закончить циферблат, нам нужно сделать еще одну вещь: добавить шкалу в одну пятую секунды к внешнему циферблату .Здесь помогает правильное наименование форм и групп. На панели Layers слева найдите в масштабе 1/5 секунды и скопируйте его. Найдите форму внешнего циферблата и приклейте ее. Нам нужно увеличить его, потому что он меньше, чем , внешний циферблат . Выберите элемент Масштаб и увеличьте его до 114% . Теперь он должен быть внутри , на внешнем циферблате , именно там, где мы хотим!

(Просмотр большой версии)

Примените Gaussian Blur с размером из 2px и уменьшите непрозрачность до 40%.Чтобы убедиться, что масштаб не превышает внешнего диска , выберите обе формы и выполните операцию Mask на верхней панели инструментов. Sketch автоматически поместит результат в группу. Дайте этой получившейся группе имя , внешний циферблат закончился .

Совет по производительности: Размытие по Гауссу - это процесс, требующий значительных ресурсов процессора и памяти. Я заметил, что производительность Sketch выше, если включен параметр Show Pixels . Этот параметр можно включить, перейдя в меню View → Canvas → Show Pixels или с помощью сочетания клавиш Ctrl + P .Учитывая, насколько сложна иллюстрация, периодическое сохранение и перезапуск Sketch тоже немного помогает.

(Посмотреть большую версию)

Стрелки для часов

Пришло время создать стрелки для часов. Нам нужно создать часовую стрелку, минутную стрелку и большую секундную стрелку (которая является частью секундомера).

Часовая стрелка

Начнем с часовой стрелки, потому что она физически ближе всего к циферблату. Подобно тому, как были сделаны стрелки вспомогательного циферблата, эта стрелка также будет состоять из круга и прямоугольника.Немного увеличьте масштаб и создайте круг в центре внутреннего циферблата с диаметром 58 пикселей . Затем добавьте прямоугольник, также посередине внутреннего циферблата , с размерами 30 пикселей на 246 пикселей . Прямоугольник должен находиться на расстоянии 150 пикселей от верхней части внутреннего циферблата .

(Просмотр большой версии)

Убедитесь, что прямоугольник все еще выделен. Войдите в режим редактирования формы , дважды щелкнув прямоугольник или нажав Enter .Теперь, удерживая Command , щелкните верхний сегмент, чтобы добавить точку точно посередине. Сдвиньте эту точку вверх на 20 пикселей .

(Просмотр большой версии)

Выделите обе формы (прямоугольник и круг) и объедините их с Union на верхней панели инструментов. Добавьте Заливку из # 585858 и добавьте Границы с цветом из # E4E4E4 , Позицию из Снаружи и Толщина из 2

(Просмотр большой версии)

Придадим руке трехмерный вид.Сначала добавьте заливку Linear Gradient поверх существующей заливки; используйте # 4A4A4A с 100% альфа для первой цветной точки и белый с 0% для последней точки. Приведите градиент в горизонтальное положение с помощью стрелки, указывающей влево в диалоговом окне цвета. Теперь добавьте еще одну точку, дважды щелкнув по оси градиента в диалоговом окне цвета, и переместите ее точно в середину, нажав 5 на клавиатуре. Присвойте ему 100% альфа и убедитесь, что его цвет - # 4A4A4A .Добавьте еще один справа, а также переместите его в центр, а затем 1px вправо, используя клавишу со стрелкой вправо . Измените цвет этой остановки на # 898989 с 20% альфа.

(см. Большую версию)

Затем примените белые Inner Shadows с 50% alpha и Blur из 2 . Затем примените черный Shadows с 70% alpha, Blur из 6 и Spread из 1 .

(Просмотр увеличенной версии)

Чтобы закончить часовую стрелку, нам нужно заполнить ее люминесцентным цветом, чтобы можно было проверять время в темноте. Для этого нарисуйте прямоугольник размером 16 пикселей на 100 пикселей и расположите его на расстоянии 22 пикселей от верхней части часовой стрелки. Для Fill используйте # FFE4C0 . Войдите в режим редактирования формы, выберите две нижние точки и установите для параметра Radius значение 3px . Добавьте границу Center с толщиной из 2 и установите Color на # 626262 .Добавьте Inner Shadows , чтобы он выглядел так, как будто он находится внутри руки. Для Color используйте # 000000 с 30% alpha, Blur из 3 и Spread из 3 .

(Просмотр большой версии)

Выберите все формы часовых стрелок и поместите их в группу часовая стрелка , используя Cmd + G .

Минутная стрелка

Минутная стрелка в основном такая же, как и часовая, но длиннее и с меньшим кругом.Дублируйте часовую стрелку , скройте исходный слой и назовите новую минутную стрелку . Войдите в группу, выберите круг из объединенной формы, перейдите к Layer → Transform → Scale (или Cmd + K ) и введите 80% (чтобы уменьшить его на 20% ).

(Просмотр большой версии)

Убедитесь, что объединенная форма выбрана, войдите в режим редактирования формы, выберите три верхние точки (удерживайте Shift , нажимая на точки, чтобы выбрать их все), и сдвиньте их вверх на 90 пикселей .Удерживая Shift и клавишу со стрелкой вверх , вы переместите выделение с шагом 10 пикселей.

(Просмотр большой версии)

Щелкните градиентную заливку и переместите градиент на противоположную сторону, дважды используя стрелку вправо в диалоговом окне цвета. Также отредактируйте Shadows : уменьшите альфа до 50%, установите Blur на 5 и Spread на 1 .

(Просмотр большой версии)

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

(Просмотр увеличенной версии)

Большая секундная стрелка

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

Эта рука также состоит из круга и прямоугольника, и мы создадим ее тем же способом. Скройте группу минутной стрелки и нарисуйте круг диаметром 30 пикселей в середине внутреннего циферблата . Добавьте сверху крошечный прямоугольник размером 8px на 408px и переместите две нижние векторные точки на 2px каждая, чтобы сформировать трапецию; установите его посередине и 26px от верхней части внутреннего циферблата .Используйте ту же заливку из # 404040 для круга и прямоугольника с отключенными границами.

(Просмотр большой версии)

Добавьте точку точно посередине верхнего и нижнего сегментов и сдвиньте верхний 6px вверх, а нижний 6px вниз.

(См. Большую версию)

Объедините обе формы в группу с большой секундной стрелкой , используя Union . Примените белые Inner Shadows с 40% alpha и Blur из 2 и черные Shadows с 50% alpha, Blur из 4 и Spread из 1 .

(Просмотр увеличенной версии)

Наконец, добавьте сверху винт, чтобы удерживать стрелки часов на месте. Создайте круг диаметром 14px в середине монтажной области, с заливкой из # 5F5F5F и отключенными границами. Добавьте черный эффект Shadows с 50% alpha, Blur , установленным на 2 и Spread из 1 .

(см. Большую версию)

Добавьте еще один круг сверху, на этот раз с диаметром 6 пикселей и Fill , установленным на # 4C4C4C .Добавьте границу Outside с толщиной из 1 и Color из # 888888 и примените черный эффект Inner Shadows с 50% alpha и Blur из 3 . Выделите оба круга и сгруппируйте их в группу винт .

(Просмотр большой версии)

Теперь мы можем установить время 10:08:24. Выберите большую секундную стрелку , нажмите Поверните на верхней панели инструментов, перетащите маркер перекрестия на пересечение направляющих и поверните его на 144 градусов, чтобы установить его на 24 секунды.

(Просмотр увеличенной версии)

Верните минутную стрелку обратно на сцену, открыв ее, а затем поверните на 48 градусов, как мы сделали с большой секундной стрелкой , чтобы показать 8 минут.

(Просмотр увеличенной версии)

Наконец, покажите часовую стрелку и установите ее немного после 10:00 ( -56 градусов — вращение против часовой стрелки намного проще, чем движение по всей окружности).

(Просмотр увеличенной версии)

The Crown

Пора создать заводную головку для часов.Начните с прямоугольника 78 пикселей на 162 пикселей . Выровняйте его вертикально по монтажной области, отключите границы и примените Linear Gradient со следующими параметрами, сверху вниз:

1. # 989898
2. # A5A5A5
3. # E8E8E8
# E8E8E8 # 8C8C8C
4. # 787878

(Просмотр увеличенной версии)

Войдите в режим редактирования формы, выберите две векторные точки с правой стороны прямоугольника и установите Радиус на 10 пикселей .

(Просмотр большой версии)

Удерживая Cmd , щелкните правый сегмент, чтобы добавить точку посередине. Сдвиньте эту точку вправо на 20px и дважды щелкните на ней , чтобы превратить ее в векторную точку Mirrored .

(Просмотр большой версии)

Выберите инструмент Vector ( V ) и нарисуйте линию, как на изображении ниже. Установите для границы Color значение # F0F0F0 , а для толщины установите значение 3 . Добавьте черный эффект Shadows с 20% alpha и установите Y и Blur на 2 .

(Посмотреть большую версию)

Мы будем использовать эту линию для создания зубчатых краев вокруг короны. Перейдите к Arrange → Make Grid и в диалоговом окне установите Rows to 13 , Margin to 1px and Columns to 1 , and click Make Grid . «Make Grid» распределяет выбранные слои с заранее заданным интервалом между ними.

(Просмотр увеличенной версии)

Мы заполнили верхнюю половину короны. Самый простой способ заполнить нижнюю половину — выбрать все контуры, созданные с помощью «Make Grid», сгруппировать их, Duplicate ( Cmd + D ), Flip Veretic и переместить его в нижнюю половину короны.Затем выберите обе группы и форму короны и выполните операцию Mask , чтобы ни один из созданных элементов не выходил за пределы формы короны. Назовите получившуюся группу крон .

(Просмотр увеличенной версии)

Перетащите коронку влево и поместите ее за корпус на панели «Слои».

(Посмотреть увеличенную версию)

The Pushers

Кнопки хронографа (или «толкатели») запускают, останавливают и сбрасывают функцию хронографа, не мешая часам.Давайте добавим эти кнопки сбоку на корпусе. Каждый толкатель состоит из двух прямоугольников, расположенных один над другим. Нарисуйте первый прямоугольник размером 28px на 74px , отключите границы и примените линейный градиент для заливки :

1. # 8D8D8D
2. # D3D3D3

   008A

(Просмотр увеличенной версии)

Примените черный Inner Shadows с 30% alpha и установите Y на -13 и Blur на 10 .

(Просмотр большой версии)

Нарисуйте второй прямоугольник сверху, 20 пикселей, от левого сегмента, размером 86 пикселей, на 106 пикселей, и Выровняйте по вертикали с тем, что ниже. Установите для Radius значение 14px , убедитесь, что границы отключены, и используйте Linear Gradient для заливки:

1. # 8C8C8C
2. #CACACA
3. AB 9FF11FF
4. # 707070

(Просмотр увеличенной версии)

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

(Просмотр увеличенной версии)

Отправьте их под case на панели «Слои» и поверните первый на -30 градусов, а второй на 30 градусов, с маркером перекрестия, установленным на пересечении направляющих.

(Просмотр увеличенной версии)

Ремешок

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

Добавьте прямоугольник 476px на 376px между верхними выступами и выровняйте его вертикально по монтажной области.Выберите две верхние векторные точки и установите Радиус на 60 пикселей . Затем переместите две нижние векторные точки на 10 пикселей каждая, чтобы сформировать трапецию.

(см. Большую версию)

Снимите флажок Borders , нажмите кнопку Fill , переключитесь на Linear Gradient и создайте градиент, используя следующие настройки:

1. # 636363
2. # 3B30008B
3. # 2B2B2B
4. # 000000
5. # 1F1F1F
6. # 000000

(Посмотреть увеличенное изображение)

Добавьте горизонтальный Linear Gradient , имитирующий кожу, для имитации кожи.Настройки:

1. # 0C0C0C с 40% альфа
2. # 0E0E0E с 10% альфа
3. # 2E2E2E с 80%
   018 % альфа
4. # 181818 с 10% альфа
5. # 2E2E2E с 80% альфа
6. # 0E0E0E с 10% альфа

9110C

7. C

   alpha

(увеличенная версия)

Добавьте Noise Fill сверху, с наложением Soft Light и непрозрачностью 20% , чтобы добавить тонкую текстуру.Наконец, добавьте белый Inner Shadows с 10% alpha и установите Y на 15 и Blur на 10 .

(Просмотр увеличенной версии)

Завершите ремешок, добавив контрастную строчку, которая часто встречается на ремешках. Создайте прямоугольник со скругленными углами ( U ) размером 10 пикселей на 30 пикселей с радиусом из 5 . Установите для границы Color значение # 3B3B3B , с положением Inside и толщиной из 1 .Измените заливку на # E6E6E6 .

(Просмотр большой версии)

Добавьте текстуру, используя Noise Fill сверху, с наложением Overlay и непрозрачностью 70% . Затем примените Shadows с цветом # 000000 с 50% alpha и Blur и Spread , установленным на 2 .

(Просмотр большой версии)

Используйте Make Grid , чтобы добавить стежки по вертикали.В диалоговом окне установите Rows to 7 , Margin to 2px and Columns to 1 .

(Посмотреть большую версию)

Выделите все петли, продублируйте и переместите их на правую сторону ремня.

(Просмотр увеличенной версии)

Выберите все формы, которые являются частью ремешка (петли и форма ремешка), и сгруппируйте их в группу , верхняя часть ремешка . Переместите эту группу чуть выше case на панели Layers.Чтобы создать нижний ремешок, продублируйте верхнюю группу ремешка , переверните по вертикали , переместите его между нижними выступами и измените название на нижний ремешок . Выделите и поместите все элементы часов в одну группу, autavia . Наши часы официально закончены!

(Просмотр большой версии)

Наконец, давайте добавим фон. Создайте прямоугольник того же размера, что и монтажная область, установите Fill на # 0D0F0E и вставьте его ниже группы autavia .

(Посмотреть большую версию)

Заключение

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

Следующим шагом, конечно же, будет создание вашей любимой иллюстрации.