пятница, 2 октября 2009 г.

День 5. Рисуем с помощью инструмента “Перо” (Pen Tool)

День 5. Рисуем с помощью инструмента “Перо” (Pen Tool)

Инструмент Контур(Path Tool) один из самых сложных для изучения инструментов в Adobe Illustrator. Обычно уходят недели на его изучение и новички всегда сталкиваются с трудностями, когда пытаются понять, как он работает.

Рисуем прямые линии

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



Закрываем контур

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



Рисуем изогнутую линию

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



Меняем направление контура

Кликните и переместите направляющие, чтобы создать плавную опорную точку. Не отпуская клавишу мыши, нажмите Alt и переместите направляющие, чтобы изменить направление контура.



Рисуем круговой контур

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



Добавляем опорные точки

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



Удаляем опорные точки

Чтобы убрать точку, подведите инструмент “Перо” к узлу. Появится значок минуса рядом с пером. Кликните на узловую точку, чтобы удалить ее.



Преобразовываем опорные точки

Чтобы преобразовать плавную опорную точку в остроконечную, подведите курсор инструмента “Перо” и нажмите Alt, курсор изменит вид на стрелку. Кликните на плавной опорной точке, чтобы преобразовать ее в обычную точку. Кликните и перетащите опорную точку, чтобы снова сделать ее плавной.



Перемещаем опорные точки

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



Изменяем направление опорных точек

С помощью инструмента “Перо”, Вы можете быстро изменить направления узловых точек. Удерживайте Ctrl чтобы быстро изменить инструмент “Перо” на инструмент “Прямого выделения”. Выберите узловую точку, которую Вы хотите отредактировать.
Появится направляющая узловой точки. Отпустите Ctrl и нажмите и удерживайте Alt чтобы изменить инструмент на “Преобразование опорных точек” (Convert Anchor Tool)
Кликните и перемещайте направляющие, чтобы изменить их положение.



Рисуем старинный ключ

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




Результат.



Советы по использованию инструмента “Перо”

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

Дополнительные упражнения для инструмента “Перо”

Вот несколько упражнений для отрисовки инструментом “Перо”. Сохраните эти рисунки на Рабочий стол и помеcтите в Illustrator используя меню Файл>Поместить (File>Place). Выберите изображение и не забудьте отметить галочку Шаблон (Template) . Изображение будет помещено в файл и заблокировано. Теперь Вы можете начинать практиковаться и самое главное - не сдавайтесь!




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

Следующий урок: День 8. Использование кистей

40 комментариев:

Volos_86 комментирует...

это уже сложнее на выходных сяду работать
ЗЫ перо ненавижу еще с фотошопа надеюсь изучу его наконец

Anna Volkova комментирует...

Я, работая в фотошопе, освоить перо так и не смогла...А в Иллюстраторе как то легко пошло:) Его очень удобно использовать для обрисовки эскиза или фото...

Unknown комментирует...

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

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

marovaki комментирует...

Еслия правильнопонял скринтоны это стилизованные наложения поверх рисунка для придания эффекта растра) Особенно в случае ч/б комиксов)
Вот что нашел по этой теме:
http://www.drawmanga.ru/tutors-processing/screentones.shtm
http://www.drawmanga.ru/forum/index.php?showtopic=5139
http://www.manga.ru/screentones.html
http://www.diary.ru/~AGEHAchou/p47625089.htm
Вот отличный портал по рисованию.
http://pointart.ru/
Вообще тема интересная думаю напишу отдельный пост по ней.

Volos_86 комментирует...

работал в кореле - редкостное говно, а сел за илюстратор, почти всё родное )))) за что и люблю Адобе

Unknown комментирует...

Мороваки Спасибо за ответ! (и коллекцию скринтнов ^^)
Буду ждать статьи!!! если напишете буду ОЧЕНЬ рада. =)
еще бы терпения мне это все "заливать". (проще штриховкий сделать, мне так кажется)))

Volos 86
"его надо правельно готовить...")
ой я не адепт никакой проги))) сейчас на компе только довожу до "нормы". )))

Alekks-all комментирует...

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

RaStock комментирует...

Отличные уроки. Штудирую. Надеюсь, наконец освою векторный редактор. С "Корелом" сколько раз завязывался, да всё никак. Спасибо.
п.с. По-моему для создания новой фигуры удобнее "Enter" нажимать, чем переключаться на другой инструмент и обратно. Не сочтите за ученическую дерзость. =)

Unknown комментирует...

У меня возникла проблема с пером в Illustrator CS4. При нажатии Shift следующая точка ставиться не под прямым углом (90 градусов) к первой точке, а с небольшим отклонением (примерно пару градусов). Как мне исправить это?

P.S. Если зажать Shift и рисовать инструментом "кисть", то линия будет под углом 90 градусов.

Anna Volkova комментирует...

Даже не знаю что и посоветовать. Я попробовала, у меня все как надо: либо 90 градусов по горизонтали или вертикали, либо 45 по диагонали.

Может это у Вас в программе какой-то глюк? Не думаю, что это очень страшно! Я вот уже больше двух лет рисую в Иллюстраторе, а эту фишку с зажатым Shift попробовала только сейчас:) Думаю и дальше буду нечасто ей пользоваться.

Unknown комментирует...

Anna Volkova, спасибо что отреагировали на мою проблему.
К счастью, я уже разобрался сам. Нужно изменить параметр "Constrain Angle" в Edit -> Preferences -> General на 0 градусов. У меня почему-то он был равен 3 градусам.

Anna Volkova комментирует...

Ну вот, все просто оказалось:)
Как я сама не догадалась...

Pantera комментирует...

У меня слово "мед" ассоциируется с куском хлеба с маслом и сверху МЕД.Люблю такое сочетание. Но тут такие интересные рецепты, да еще и лечебные!Возьму на заметочку.Я тоже худею.Но мне до Ваших начальных кг- только мечтать, да и то не стоит. Искала что-нибудь по оформлению блога и так попала к Вам.Заходите в гости, буду рада. buy viagra

Unknown комментирует...

А как сделать это ключик симметричным? Просто подгонять направляющие? Или есть какой-то "автоматизированный" механизм? =)

Anna Volkova комментирует...

В данном случае все сделано "на глазок", но можно подгонять и по сетке (View > Show Grid). Так легче :)

Unknown комментирует...

Ясно, спасибо =)

Alisa комментирует...

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

Alisa комментирует...

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

Anna Volkova комментирует...

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

Alisa комментирует...

все это делаю.. не получается сделать именно так,как у вас на рисунке..

Anna Volkova комментирует...

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

Ogle комментирует...

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

Anna Volkova комментирует...

Ogle, хвастайтесь на "Записках микростокового иллюстратора". Там я слежу за всеми комментариями :)

Ogle комментирует...

Здравствуйте, Anna Volkova! Хотел только сказать, что ваши уроки чертовски полезны. Все эти маленькие хитрости, магические кнопки). Я восхищен), словно заново учусь рисовать. Вчера вот научился создавать плавные опорные точки, сегодня менять направление контура. Итог-забавный мультяшный мышь, вернее его абрис. В общем, чувствую себя всемогущим повелителем пера. Спасибо за это чувство:). Viva интернет!
P.S. Теперь размышляю над такой делемой: переходить к следующему уроку или еще попрактиковаться с пером. Принцип его, я думаю, усвоил?!
P.P.S. Надеюсь мой comment не занял слишком много места.

Anna Volkova комментирует...

Ogle, идите дальше! У вас еще будет не мало возможностей попрактиковаться с пером. Оно участвует в создании практически каждой иллюстрации в Иллюстраторе, так сказать - основной инструмент :)

Ogle комментирует...

Хорошо! До встречи на следующей странице:)!
P.S. Оставил для вас комментарий в графе "Об авторе". Везде уже успел наследить)

Alex комментирует...

я изучаю уже 10 урок, но у меня небольшая проблема, которая вылезла из этого урока.
Я захотела нарисовать свою первую иллюстрацию, положила на фон свой эскиз как в уроке(Файл>Поместить (File>Place). теперь не могу её убрать, уменьшить и достать.=( Ай нид хелп.

Анатолий комментирует...

Позвольте вопрос?
Когда делаешь пером линию(рисунок), то точки ставятся последовательно, одна за другой. А я видел другой способ.

Поставили последнюю точку и, перед продолжением переключились на инструмент "частичное выделение", затем обратно на перо и ставим точку по рисунку дальше. Потом, возвращаясь обратно, соединяем эту точку с нашей последней.
Линия, их соединяющая, получилась ровная.
Переходим на инструмент преобраз. опор. точки и направляющими последней точки изменяем линию как надо.
Какой из этих способов лучше и почему. Я это видел у профессионала.
Но не понял суть.
Спасибо!

Anna Volkova комментирует...

Анатолий, я думаю тут суть не в том, что лучше - оба способа хороши. Тут скорее вопрос в том, как удобнее. Мне, например, удобнее ставить точки последовательно. А вам?

Анатолий комментирует...

Я пока не определился. Но пока склоняюсь к описанному мною способу.

Анонимный комментирует...

С радостью учусь у вас, СПАСИБО! Скажите пожалуйста, когда обрисовываю эти силуэты, они начинают пропадать по частям, это нормально или что-то так?

Anna Volkova комментирует...

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

Анонимный комментирует...

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

Анонимный комментирует...

Не знаю, есть ли тут ещё кто живой, но всё же)) Взялась учиться по вашим урокам и застряла с пером. Не появляются направляющие с помощью которых можно менять форму линии, куда я только не кликала!У меня CS5, что делать и где их найти, помогите советом, пожалуйста

Anna Volkova комментирует...

Посмотрите в глобальных настройках иллюстратора Edit -> Preferences

Может какая галочка не стоит.

Unknown комментирует...
Этот комментарий был удален автором.
Unknown комментирует...

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

Unknown комментирует...

Отрисовку поняла. В принципе, все так же, как и в фотошоп. Теперь вопрос- как дальше действовать? У меня контур на шаблоне остается. Нужно его как то вынести отдельно и сохранить или что - то еще?

Unknown комментирует...
Этот комментарий был удален автором.
Unknown комментирует...

Один из любимых инструментов