Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

04 июля 2016

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

Условия конкурса 
Обсуждение на форуме

Коварное Перо. Цифры - учимся чертить.

03 декабря 2008 187 918 просмотров

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

Для работы с контурами используют эти инструменты:

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

Для начала нужно запомнить следующее:

Если просто щелкать этим инструментом по холсту, то образуется ЛОМАННАЯ линия, состоящая из прямых отрезков и угловых точек (узлов).

А если нажать Левой Кнопкой Мыши (ЛКМ) и протянуть - получите кривую Безье, с возможностью настройки ее кривизны. В данном случае, узлы будут гладкими.

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

Давайте попробуем:

Включите инструмент "перо", включите режим “контур” и выполните 1-й пример (вверху). Затем нажмите клавишу Esc (чтобы закончить вычерчивание первого контура) и выполните ниже 2-й пример:

При вычерчивании  контура инструментом "перо", вы можете добавлять узлы привязки или удалять их. Для этого в процессе создания контура подведите инструмент к ранее созданному узлу, и вы увидите значок “минус” – щелкнув им на узле – можно удалить ненужную точку (Перо с минусом не разрывает контур. Для разрыва контура нужно выделить узел и нажать Delete). Чтобы добавить узел привязки – щелкните "пером" в нужном месте сегмента (возле значка перо появляется “плюс”).

В нарисованных контурах различают узлы: гладкий, угловой и узел стыка.

ГЛАДКИЙ узел – обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.
УГЛОВОЙ узел – представляет угол между двумя прямыми сегментами и не имеет настроечных балансировочных точек (их еще называют маркеры Безье). Такой узел может только перемещаться. Балансировочные точки позволяют изменять степень кривизны сегментов, соединяющихся в узловой точке, сглаживать углы контуров, точно обводить криволинейные поверхности.
Узел СТЫКА (ОСТРЫЙ узел) – используется в тех местах, когда нужно сделать резкую смену направления кривой или соединить прямолинейный сегмент и криволинейный с резким переходом.

Чтобы работать с узлами вам понадобятся инструменты редактирования и перемещения контуров:

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

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

Белой стрелкой можно изменять и сами сегменты. Если сегмент криволинейный – при его перемещении он будет изменяться (вытягиваться и/или гнуться) - см. рисунок ниже – в). Если контур прямолинейный – он будет просто перенесен. (см. рисунок ниже – г))

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

Для работы с цифрами этих знаний достаточно, а рисовать будем вот что:

Начнем с самых простых чисел – 1 и 4. Еще раз напомню, что если пером просто щелкать – будут образовываться прямые отрезки, которые складываются в ЛОМАННУЮ линию. А если нажать и протягивать указатель мыши – будут рисоваться дуги. Сначала разберемся с одиночными дугами. Дуга имеет одно свойство – она настраивается. Самое главное – не спешите, протягивая отпустить кнопку мыши, повертите, покрутите, пока не добьетесь нужного результата.

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

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

У цифр 2, 3, 7 и 5 – есть точки стыка и нужно научиться ими управлять.

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

Далее включите Белую стрелку и щелкните в узел № 3, чтобы его выделить, появятся две балансировочные точки. Включите инструмент Преобразования узлов и протяните левую балансировочную точку в указанном направлении.

Попробуйте сами нарисовать

Ну и оставшиеся цифры 8 и 0. Они обе замкнутые и гладкие и состоят из трех узлов. Во всех узлах выполняется протягивание. 1 и 3 точки накладываются друг на друга

Оставшееся преобразование – острие у восьмерки и ноль к форме яйца попробуйте привести сами.
Удачи!)

Автор: Наталия Васильева

Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (png, jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
Сергей 15 июля 2016 1

Спасибо!

creativearts 07 марта 2016 4

Спасибо за знания, очень интересно.

tagruss 07 февраля 2016

Полезно попотеть! Спасибо!

vippayne 10 января 2016 4

Спасибо

sv_93 30 ноября 2015 4

спасибо

Julijap 20 ноября 2015 5

Спасибо за урок)) очень не просто...

Dana1992 05 ноября 2015 4

Сложный инструмент... Но получилось вроде неплохо...

Витя Елсуков 08 октября 2015

Где в CS5 находится белая стрелка редактирования (редактирование контура)?

sv_93 30 ноября 2015

тут

АЛЬКИН 07 августа 2015 11

Мой любимый инструмент))) Спасибо за урок

goldegg 05 марта 2015 6

замечательный урок Спасибо

banyan 15 февраля 2015 5

спасибо

ЭляЮ 24 января 2015 7

вот еще буковки ))

ЭляЮ 23 января 2015 4

Спасибо большое, очень позновательный урок!

Golandis 08 ноября 2014 4

Спасибо за Учебник!

Lumbika 04 октября 2014

Спасибо

kedr_rus 26 июля 2014 6

Спасибо за урок.

firefish 25 июля 2014

Спасибо, хороеше объяснение

Massimiliano 04 февраля 2014

спасибо

SubjugatoR 12 января 2014

Спасибо

Kenpati 12 декабря 2013 4

Интересный урок :)

yulia765 29 ноября 2013

Спасибо большое! Оказывается все очень просто.

оля 21 ноября 2013 4

что-то получилось)

Scorpi_86 07 мая 2013 6

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

AlxSed 28 февраля 2013 8

Спасибо, очень полезный урок!

NatalyAmineva 25 февраля 2013 5

Спасибо

Ксюша Шестопалова 08 февраля 2013 3

как-то так, спасибо за урок

РОШЕНКА 23 января 2013 3

Большое спасибо за урок!

idbogdan.babitskiy 06 января 2013

спс. полезный урок!!!

zagadachia 13 декабря 2012 2

СПАСИБО! С пером стало работать удобнее.

Просто Галина 01 декабря 2012 5

С учетом второго урока по перу вот что получилось! Спасибо большое.

Авторизация


Регистрация

Наверх