Урок 9. Побалуемся…

Вы удивлены, что учитель это предложил? Иногда для усвоения материала надо и побаловаться. Но в конце урока, а пока…

Сегодня  прикоснемся к основам векторной графики – кривым  Безье. Мы ими уже пользовались, так как графические примитивы  и их производные   —  кривые французского математика Пьера Безье.

Для меня кривые Безье  связаны с  историей  падения интереса к  моему первому курсу по Adobe Illustrator CS5. Я так тщательно готовилась к занятию, так много начиталась разных материалов, что распугала всех слушателей. Из 15 учащихся осталось только три. Тут поверишь словам: «Мастер просто говорит о сложном, а подмастерье — сложно о простом».  Для умения рисовать  такая  серьёзная информация не нужна, просто воспользуемся этим  открытием.

Ничего сложного мы  разбирать не будем, запомним  название и то, что любой векторный объект состоит из кривых Безье. А создаются они инструментом перо (Pen), которым и займемся.

Инструмент Перо (Pen) _ Instrument Pero (Pen)

Раскроем дополнительную панель (панель открывается, если долго удерживать левую клавишу мыши):

  • перо (Pen Tool)  непосредственно создает сами  кривые,
  • перо с плюсом + (Add Anchor Point Tool) добавит опорные точки на кривой,
  • перо с минусом – (Delete Anchor Point Tool) уберет лишние опорные точки,
  • угол (Convert Anchor Point Tool), если по умолчанию опорные точки гладкие, то мы их можем изменить, воспользовавшись  Convert Anchor Point Tool.

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

Проверим на практике. Нарисуем кривую.

Кривая_в_Иллюстраторе_Krivaya_v_Illyustratore

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

 

Снимите выделение,  нажав <Ctrl> ( временно активизируется инструмент черная стрелка (Selection Tool)) и щелкнув на свободном месте страницы.

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

Вновь выделите  линию с помощью черной стрелки (Selection Tool). Вы уже запомнили, как временно активировать этот инструмент, не прибегая к кнопке на панели инструментов? Выберите Add Anchor Point Tool (Добавить опорные точки) или нажмите на «+» на клавиатуре. (не используйте цифровую клавиатуру, лично у меня она почему-то активирует другой инструмент).

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

Добавление точек в Illustrator CS5 _ Dobavlenie tochek v Illustrator CS5Снимите выделение, а теперь вновь выделите объект с помощью черной стрелки (Selection Tool), направляющие линии (усики)  исчезли, зато отчетливо видны  поставленные  точки. Это особенность инструмента Выделение (Selection Tool), он показывает объект целиком, без опорных точек и направляющих усиков.

Кривая в Illustrator CS5 _ Krivaya v Illustrator CS5

Выберем инструмент Convert Anchor Point Tool (Конвертер опорных точек)  и щелкнем им на наших созданных точках. Они станут угловыми, и линия преобразится в ломаную.

Изменить опорную точку в Illustrator _ Izmenit' opornuyu tochku v Illustrator

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

Инструмент перо с минусом (Delete Anchor Point Tool — Удалить опорные точки), как видно из названия, удаляет лишние точки на кривой. Попробуйте сами!

Со всем, что скрывается за инструментом перо (Pen Tool),  познакомились, теперь займемся кривыми Безье.

Наш урок назывался «Побалуемся!», вот этим и займемся. Просто пощелкайте пером на нашем листе. Направляющие не появляются, и получается ломаная линия.

Ломаная линия в Illustrator CS5 _ Lomanaya liniya v Illustrator CS5

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

Бантик _ Bantik

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

Бумажный кораблик _ Bumajnyi korablik

Это просто и быстро, но нам нужны кривые.  Удалим нарисованное, выделяя черной стрелкой (Selection Tool), нажимая клавишу Delete.

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

Рисование кривой в Ilustrator _ Risovanie krivoi v Ilustrator

 

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

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

Alt в Adobe Illustrator CS5 _ Alt v Adobe Illustrator CS5

 

Попробуем ещё. Вы помните, что снимаем выделение временно активируя черную стрелку (Selection Tool) клавишей <Ctrl>, иначе наши линии будут продолжаться. Можно щелкнуть на экране пером, но останется точка, а в рисунке лишних точек  не надо.  Так делаем каждый раз. Вот и ещё один лист или глаз, как вам  нравится.

Листики в Illustrator CS5 _ Listiki v Illustrator CS5

 

А теперь дурачимся! Используем полученные сегодня знания и фантазируем! А то и просто идем за программой Illustrator CS5, куда выведет! Заполняем свободное место! Сегодня всё позволено!

Кривые в Adobe Illustrator CS5 _ Krivye v Adobe Illustrator CS5Следующий урок: Урок 10. В нашем саду листопад…  (Часть первая)

 

 

 


Эта страница была показана 70147 раза.

Пожалуйста, поделитесь, если страница оказалась полезной!
  • Добавить ВКонтакте заметку об этой странице
  • Facebook
  • Одноклассники
  • LiveJournal
  • Twitter
  • Tumblr
  • Мой Мир

Урок 9. Побалуемся…: 50 комментариев

  1. Мне очень нравятся Ваши уроки. Я пробовала изучать иллюстратор с разных сторон — по книге и видео. Но только благодаря Вам появился прогресс и соответственно — интерес. У вас приятный легкий стиль обучения. Спасибо большое!!!

    1. Уважаемая Елена! Спасибо за отзыв. Мне приятно, что мои уроки Вам помогают разбираться в программе. Я рада, что стало интересно, значит, всё получится, Программа замечательная, познать её — сделать свою жизнь наполненной открытиями и восхищением людьми, создавшими это чудо! 🙂

  2. Действительно, очень доходчиво объясняете, Елена! Спасибо Вам большое. Бывает как затуплю- затуплю… Только по вашим урокам и разберусь!

    1. Надежда, я довольна, когда людям нужны мои уроки. А если они ещё и помогают быстрее освоить программу, то настроение поднимается вверх! Успехов Вам!

  3. Спасибо большое за урок ! Такой восторг,когда кривые поддались !

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

  5. Михаил, если у вас выделен объект, то на верхней панели « Иллюстратора» синими буквами будет надпись Transform, кликните по ней, откроется окошечко, которое Вам требуется. Вы увидите размеры выделенного объекта. Если Вы только что нарисовали объект, то на панели буквами X, Y, W, H обозначены эти размеры, палитра в действии.
    Вы хотите изменить размер, введите нужные цифры, например, в окошечко W, а рядом есть изображение как бы звена цепи, подведите курсор, у него есть название Constrain Width and Height Proportions (Ограничьте пропорции ширины и высоты), кликните по нему, автоматически пропорционально изменится Ваш объект.
    Только в какой версии программы Вы работаете? Я отвечаю для Adobe Illustrator CS6. Теперь у меня такая версия, в одном из уроков я пишу, что перешла не неё. Но и в более ранних версиях должно работать!
    Палитру Transform Вы можете найти на самой верхней панели, кликнув Window. Окно раскроется, ищите его в списке. Нажмете, оно появится перед Вами.

    1. А у меня никак не получается нарисовать листочек пером. Кривые куда попало гнутся. Только не так как надо.

      1. Уважаемый Боб! Рисовать пером очень трудно, не только Вы сталкиваетесь с этим. Но как только получится, считайте, что Вас пропустили в «Иллюстратор». Все дело в тренировке, не отступайте, и маленькие открытия (только Ваши) помогут нарисовать множество листиков и других фигур! Это основной и любимый инструмент тех, кто достиг вершин в стоковой иллюстрации. Успехов! 🙂

  6. Елена, доброго времени суток!
    Огромное спасибо за уроки, и за постоянный интерактив, который держите с нами — учениками)
    Уроки очень понятны. Читать их приятно, а выполнять просто.
    Остановится не возможно. Хочется осваивать и осваивать программу.
    Как и у Вас, раньше добираясь до кривых, интерес к программе пропадал. Но суроком 9, понял, что это не так страшно)
    Во всем, что Вы пишите, чувствуется Ваша харизма и желание помочь. По-моему каждое слово отмерено. За это отдельное спасибо. Всего Вам наилучшего!

  7. Здравствуйте, Максим! Спасибо за чудесные строчки отзыва о моих уроках! Для таких учеников работать легко и приятно! Осваивайте программу, здесь много интересного, выходите на стоки и добивайтесь результата! Я буду только рада! Успехов! 🙂

  8. Небольшое дополнение: иногда есть необходимость в фигурах состоящих из сочетания кривых и прямых отрезков. Этого можно достичь если применить Convert Anchor Point Tool не к точке, а к манипулятору.

    1. Лариса, так говорят, когда душа и разум от успеха потирают радостно руки! Чувствую, что и дальше так будет! 🙂

      1. Это точно, Елена, если такой кайф от простых операций, то что уж говорить о процессе творчества))) Сначала бегло дошла до рисования рыбки, а потом вернулась и начала сначала, ведь нужно всё хорошенько запомнить. Завела конспект отдельным файлом и перепечатываю туда основные команды поурочно. Кстати, только что обнаружила, что удалять объекты можно выделив их и нажав «горячие» клавиши Ctrl+X.

  9. Лариса, очень рада, что Вам нравится заниматься по моим урокам. Ну, а когда ученики делают свои открытия, для учителя просто восторг! Не выходите из этого чудесного состояния, продолжайте учиться! У Вас получается всё просто замечательно! 🙂

  10. Жалко, что нельзя подписаться на комментарии =)
    Уроки просто класс. Такое ощущение, что Вы рядом сидите. Я то и дело пытаюсь забежать на секундочку вперёд, как тут же читаю, что Вы рекомендуете не делать то действие, которое я сделал по спешке =).
    А теперь всю ночь буду мучать листики =)))

  11. Илья, спасибо за комментарий. Я всегда радуюсь, когда вижу, что мои уроки помогают кому-то освоить программу. Я много лет проработала в школе и хорошо усвоила, что основы надо закладывать неторопливо и тщательно. Так построены все мои уроки. Мы разные. Кто-то осваивает любое дело моментально, занятия ему покажутся слишком упрощенными. Кто-то разбирается долго и скрупулезно. Эти уроки для таких учащихся. И по опыту знаю, что у последних дело пойдет лучше. Удачи Вам в изучении Adobe Illustrator! Всё получится! 🙂

  12. Елена!Спасибо за Ваши уроки.Очень доступно и понятно.Дошла до 9 урока и затупила на том как рисовать пером листик с использованием клавиши alt.Совершенно не слушаются меня кривые,но пытаюсь понять.Спасибо!

  13. Елена,у меня получился листик!Спасибо огромное!Мне очень нравятся Ваши уроки,с большим удовольствием осваиваю урок за уроком.Вот в шестьдесят лет решила научиться рисовать и так радуюсь, когда у меня получается.Еще раз огромное спасибо.

    1. Людмила, спасибо за хорошие слова! Я рада, что всё получилось. Пока собиралась ответить, Вы справились с проблемой. Это победа! А в нашем возрасте это победа очень важная! Продолжайте, все будет прекрасно! 🙂

  14. Здравствуйте, не могу понять в вашем уроке операцию. Пожалуйста подскажите. У меня перестало получатся с обзаца «А теперь будем использовать клавишу Alt. Поставьте первую точку, пусть у неё появятся направляющие, ставьте». вот поставила я точку. направляющая появилась а потом вторую куда точку ставить ? (судя по рисунку) к примеру поставила я слева точку появилась направляющая вышла кривая у которой конечная точка справа. а дальше я замыкаю перо. но тогда никаких направляющих двух как нарисовано не образуется. Очень жду вашего подробного ответа куда тыкать)

      1. Отлично, Анна,а то я уже хотела сесть за «Иллюстратор», чтобы разбираться в непонятном для Вас. Молодец! И дальше всё получится! 🙂

    1. Подскажите как вы разобрались? у меня та же проблема — при нажатии Alt мне кажется ничего не меняется и не получается как на картинке

      1. Здравствуйте, Вера! При нажатии Alt всё остается по-старому, но Вы, не отпуская кнопку мыши, подвигайте одним из «усов», а затем ставьте новую точку, повторите то же. «Усы» становятся независимыми друг от друга, Вы можете управлять создаваемой кривой. Потренируйтесь и не волнуйтесь! Всё получится! 🙂

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

    1. Вера, я рада, что всё получилось! В следующий раз Вы будете более уверенной! Всё будет удаваться!
      🙂

  16. Здравствуйте Елена! часть линии листочка становится «прозрачной» если можно так сказать. С трудом листочки нарисовала. Интуитивно начинаю понимать как работает Перо. И всё же интересно, почему на некоторых листочках, часть линии пропадает. (как будто перекрывают друг друга) Заливка белая.
    p.s.:Спасибо за уроки! это мои первые шаги в мире Иллюстратора.

    1. Здравствуйте, Александра, рада Вашим первым шагам в «Иллюстраторе»! А часть линии пропадает именно из-за заливки. Заливка должна быть перечеркнута красной чертой, если заливка есть, часто линии и пропадает.
      Успехов! Всё получится! 🙂

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

    1. Александр, приятно, что уроки оказались полезными Вам! Удачи! 🙂

  18. Я бы хотел поделиться тренажером для отработки действий с пером http://bezier.method.ac/. Нужно как можно меньше опорных точек задействовать в рисовании фигур по шаблонам. Интересная штука, на игру больше похоже, чем на тренажер.
    Спасибо вам огромное за уроки! Они подлинно уникальны — такой редкий уровень раскладывания материала по полочкам я нигде ранее не встречал, хоть и давно искал нечто подобное. Мне именно и надо, чтоб подробностей побольше, эмоциональной вовлеченности, примеров и, как вы совершенно правильно выразились, тщательной закладки основ. Терпеть не могу, когда перо чуть ли не на втором уроке давать начинают, кидая сразу на глубокое место и делая вид, что учат плавать.

    1. Здравствуйте, Пайпер! Спасибо за чудесный тренажер, думаю, им многие воспользуются, да и я с интересом им занялась! Это здорово, что Вы, изучая программу, делитесь своими находками!
      Спасибо за высокую оценку моих уроков, очень приятно! Думаю, у Вас скоро будут неплохие достижения и выход на стоки! Успехов! 🙂

    1. Таня! Всё отлично! Продолжайте в этом же духе! Творчески подходите к каждому уроку. К 30-му уроку, где пойдет разговор о выходе на стоки, у Вас будут чудесные рисунки. 🙂

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

        1. Таня! При старании и настойчивости получается всё! Творческая личность — это отлично! Уроки помогут, но их будет маловато, знайте это, а пока проходите. Всё впереди! 🙂

          1. Главное познать основы и быть уверенным пользователем иллюстратора, а дальше с уроками мне поможет знакомый веб-дизайнер. Если бы не его задания, я бы наверное и не нашла ваши уроки считая что фотошопа мне вполне достаточно. Зато теперь могу не мучить парня пока знакомлюсь с новой для меня программой, благодаря вам 🙂

  19. Таня, Вы молодец! Мне всегда нравилась и нравится в людях тяга к познанию нового. И знания находят таких людей, мир им всё дает! Всё у Вас будет отлично в «Иллюстраторе», а на стоках начнете зарабатывать и постепенно очень неплохо!

  20. не так часто оставляю комментарии, но ваши уроки великолепны! огромное спасибо за такую работу!!! Никогда не думала, что разберусь с кривыми вообще) Обязательно буду читать все дальше подробно. Очень интересно и понятно объясняете!

    1. Ксения! Спасибо за прекрасный комментарий! Я рада, что Вы во всем разобрались и хотите продолжать по моим урокам учиться! Это лучшая похвала! Удачи!

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

    1. Татьяна, мне очень радостно, что Вам нравятся мои уроки. Надеюсь, что Вы пройдете их до конца. Я не очень быстро пишу новые. Успехов! 🙂

  22. Здравствуйте, подскажите пожалуйста, почему когда я делаю кривую пеолм, она синего цвета, а потом перехожу на чёрную стрелку и моя кривая про падает

    1. Здравствуйте, Светлана! Когда Вы работаете пером, обратите внимание на обводку, если она без цвета (None), то при снятии выделения, всё с экрана исчезает. Выделите место, где рисовали, черной стрелкой, синие линии снова появятся. Поставьте у обводки черный цвет, ничего и не исчезнет при снятии выделения. Удачи! 🙂

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *