Урок № 27. « Есть тонкие властительные связи…» Часть III

На прошлом уроке мы изучили два нужных инструмента: Blob Brush Tool – кисть-клякса и Live Paint Bucket  (живое ведро краски). Но в изучении  окна  Recolor Artwork (Изменение цвета графики)  нисколько не продвинулись. Рыбку заменили бабочкой. Теперь  работаем над её  крылом.

Крыло бабочки_Kry`lo babochkiТаким его оставили. Раскрасили радиальным градиентом, потому что он точно показывает все области крыла. Теперь сможем поработать с этими областями. Они стали независимыми, самостоятельными объектами. По вашему усмотрению даже цвет каждому можете присвоить любой, какой понравится! Пробуем, первоклассники!  Ctrl+Z  всё вернет.

Возьмем и перекрасим разными пастельными тонами розовую часть крыла.

Выбор цвета в палитре образцы_Vy`bor tcveta v palitre obraztcy`

Вот как это у меня, вы вольны в выборе!

Крыло бабочки_Kry`lo babochkiКрыло становится более плоским и более симпатичным. «Значит, нам туда дорога!..»

Но вернем прежнее. Выделим крыло и нажмем столько раз Ctrl+Z, сколько раз меняли цвет!

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

Выбор цвета в палитре образцы_Vy`bor tcveta v palitre obraztcy`

Вы  вольны в выборе цвета!  Все же  смотрим на образец!

Выбираем цвет и смотрим на образец_Vy`biraem tcvet i smotrim na obrazetc

У меня получилось так. А вы не забыли Select > Same > Fill Color? (Выделение – одинаковое — одним цветом)? Так быстрее можно всё перекрасить.

Перекрашенное крыло и образец_Perekrashennoe kry`lo i obrazetc

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

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

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

Крыло бабочки_Kry`lo babochkiНу, как-то так. Заметили, что огрехи я прикрыла кругами и овалами. Их трудно убрать, потому что на месте удаленного кусочка получается пробел.

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

Пробел на месте удаления_Probel na meste udaleniia

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

Исправление инструментом карандаш_Ispravlenie instrumentom karandash

А то останется пустое место, это не приветствуется в векторе. Если взялись за исправление, сделайте работу добросовестно. Увидеть свои промахи можно при большом увеличении. Проверяйте себя! Это я сделала на копии. Теперь её удалю, но вот так она смотрится без выделения. Белую полосу видно хорошо, подчистить всё несложно, но у нас другие задачи.

Недоделки видны_Nedodelki vidny`

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

Объединим все детали крыла, выделив с помощью черной стрелки и нажав клавиши Ctrl+G.

Крыло бабочки_Kry`lo babochkiТеперь пойдем в Recolor Artwork (Изменение цвета графики). Ради этого было столько усилий по созданию крыла!

Вот как во вкладке Edit (редактирование) смотрится цвет нашего объекта.

Цветовой круг _TCvetovoi` krug

Тут кое-что  знакомо, доберемся, наконец, до нового!

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

Регулировка насыщенности и яркости_Regulirovka nasy`shchennosti i iarkosti

Ползунок сдвинут вправо, а выделен левый квадрат, с него и начнем. Вот и название . Show saturation and hue on wheel (Покажите насыщенность и оттенок на колесе). Ну, не колесо, а цветовой круг. Приглядитесь к «солнышку»  в квадрате, его центр белый. Это важно!

Выделена иконка насыщенности_Vy`delena ikonka nasy`shchennosti

Давайте свяжем цвета (изучали в 25 уроке) и посмотрим, как изменятся оттенки цвета. Ползунок сдвинем до конца вправо.

Регулирование насыщенности цвета_Regulirovanie nasy`shchennosti tcveta

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

Регулирование насыщенности цвета_Regulirovanie nasy`shchennosti tcveta

Ползунок я даже не довела до конца, а крыло стало темным. Но как-то ближе к образцу! Поняли, как управлять насыщенностью. Идем дальше.

Нажмем Cancel и вернем первоначальный цвет. Отменяется всё, мы ведь связывали цвета!

Переключимся на другой  квадрат с «солнышком», внутри которого черный цвет Show brightness and hue on wheel (Покажите яркость и оттенок на колесе).

Иконка изменения яркости_Ikonka izmeneniia iarkosti

Ползунок-то у этих квадратов один, он называется Adjust brightness (Приспособьте яркость). В предыдущих версиях, например, в Adobe Illustrator CS3,  было одно «солнышко».

Ползунок регулировки насыщенности и яркости_Polzunok regulirovki nasy`shchennosti i iarkosti Переключаем! Вот почему «солнышко» с черной серединой!

Регулировка яркости_Regulirovka iarkosti

Ого! Вот это яркость! Ползунок сдвинула вправо почти до конца! Сдвинем влево!

Регулировка яркости_Regulirovka iarkosti

Яркости  почти нет, всё бледное. Но как легко управлять ей! С каждой версией Adobe Illustrator значительно усовершенствуется! Нажимаем Cancel, с этими квадратиками-«солнышками» все понятно!

Остались не рассмотренными ещё три квадрата внизу слева от цветового круга.

Иконки видов цветового круга_Ikonki vidov tcvetovogo kruga

Начнем с выделенного, что находится первым слева. Display smooth color wheel (Показать гладкое цветное колесо). Мы видим цветовой круг, потому что включен этот квадрат.

Иконка гладкого цветового круга_Ikonka gladkogo tcvetovogo kruga

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

Переключимся на второй квадрат и узнаем о нем. Цветовой круг изменился!

Сегментированный цветовой круг_Segmentirovanny`i` tcvetovoi` krug

Display segmented color wheel (Покажите сегментированное цветное  колесо).

Иконка сегментированного цветового круга_Ikonka segmentirovannogo tcvetovogo kruga

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

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

Ого! Переключилась на последний третий квадрат!

Цветовые полосы рисунка_TCvetovy`e polosy` risunka

Display color bars (Покажите цветные полосы).  Вот как изменяет вкладку Edit (Редактировать) последний квадрат.

Иконка цветовых полос рисунка_Ikonka tcvetovy`kh polos risunka

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

Цвета у нас не связаны. Кликнем Link harmony colors, чтобы их связать.

Связать цвета_Sviazat` tcveta

Посмотрим, какие преображения произойдут!

Связанные цвета_Sviazanny`e tcveta

Цвета будто выделены скобками! Запомним и это!

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

Изменение цвета_Izmenenie tcveta

Я выбрала зеленый цвет. А теперь посмотрим на крыло бабочки.

Изменение цвета крыла бабочки_Izmenenie tcveta kry`la babochkiУбедились, что менять цвета и здесь легко и просто! Посмотрим библиотеку цветов.

Раскрыли библиотеку цветов_Raskry`li biblioteku tcvetov

Всё знакомо, но стоит повторить.

Выбрали цвет из библиотеки цветов_Vy`brali tcvet iz biblioteki tcvetov

Дорогие мои, пощелкайте, поищите нужный вам цвет, скоро закончим, нужно определиться, каким же будет крыло! Не смотрите на меня, выбирайте своё!

Я выбрала FoodsBeverages (Продукты – Напитки).  Сравню с образцом.

Сравнение с образцом_Sravnenie s obraztcomНу, как-то близко. А что скажут правила гармонии?

Правила гармонии_Pravila garmonii

Давайте попробуем и это!

Изменение цвета с помощью правил гармонии_Izmenenie tcveta s pomoshch`iu pravil garmonii

Нажала High Contrast 3 (Высокий Контраст 3).  Но сохранять не буду. А вы выбирайте сами!

Считайте, что окно Recolor Artwork (Изменение цвета графики) мы изучили.

Иконки переназначения цвета_Ikonki perenaznacheniia tcveta

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

Сделаем же, наконец, второе крыло бабочке. Этот путь тоже знаем, только напомню: Ctrl+C (скопировали), Ctrl+F (вставили сверху), Transform (Преобразовать) – квадратик переместили влево.

Указатель перемещения объекта_Ukazatel` peremeshcheniia ob``ekta

Раскрыли функции Transform (Преобразовать)

Функции преобразования_Funktcii preobrazovaniia

Flip Horizontal (Горизонтальный щелчок), ну, и щелкнули, крыло появилось!

Два крыла бабочки_Dva kry`la babochkiТеперь берем овал, располагаем его вертикально, работаем с градиентами.

Градиентная заливка туловища бабочки_Gradientnaia zalivka tulovishcha babochki

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

Объедините тельце и усики Ctrl+G.  Объедините и крылья!

Усы и туловище бабочки_Usy` i tulovishche babochkiА теперь вставим созданное между крыльями бабочки и отправим назад.  (Правая кнопка мыши – ArrangeSend to Back). Надо ещё и выровнять, тут поможет палитра Align.

Изображение бабочки_Izobrazhenie babochki

Вот такая бабочка! Главное, мы закончили изучение окна Recolor Artwork (Изменение цвета графики). Всё когда-нибудь кончается. «Тонкие властительные связи» помогли увидеть нам «алмаз».

Ой, пора отдохнуть. Перемена! Ура, все свободны!

Сохраните рисунок! Закрепите изученное!

 Следующий урок № 28. Алгоритм


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

Урок № 27. « Есть тонкие властительные связи…» Часть III: 2 комментария

  1. Уважаемая Елена! Огромное спасибо за уроки. Вы — замечательный учитель.Но у любого учителя есть отличники, а есть и троечники. Наверное, я из их числа.Не всё у меня получается. Переделываю по несколько раз. С крылом бабочки тоже долго мучилась. И всё-таки у меня не получилось изменить цвет, там, где у Вас слегка зеленоватый на жёлтом. У меня меняются только цвета тонких линий. которые напоминают скелет. В чём ошибка, не понимаю. Буду рада, если подскажете.

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

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

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