Урок № 40. Рисование с помощью графических примитивов.

Снова юбилей! 40-й урок! Как его отметим? Хочется праздника! На празднике всегда есть что-то необычное, удивительное! В нашей школе уже сложилась традиция отмечать юбилейные даты.

Обучающийся творческий ребенок подрос, раскрепостился, чувствует себя уверенно и радостно! Глазки у него горят, ручки он потирает от удовольствия, мир его начал лелеять, и творческий малыш это ощущает! Он не боится трудностей и препятствий, главное, чтобы горел в глазках огонь! Вы это чувствуете?

А перейдем-ка на новый «Иллюстратор»! Вот иконка. Adobe Illustrator CC давно уже вышел. Но мы, люди консервативные, не торопимся переходить на новое. А оно подпирает!

Иконка нового "Иллюстратора"_Ikonka novogo "Illiustratora"

Кто-то воспримет новшество с неохотой. Знаю, как трудно! Найти в интернете программу, скачать её, установить, а потом привыкнуть к ней. Но, друзья мои, мы выбрали путь развития, значит, стоять на месте нельзя. Программой давно пользуются продвинутые стокеры, надо подтягиваться и нам! Прислушайтесь, ваш творческий ребенок согласен! Он всегда за новое. Это мы его можем затормозить, а ему все нравится, он не хочет стоять на месте! У него одно желание — идти вперед и вперед!

Новый Adobe Illustrator CC_Novy`i` Adobe Illustrator CC

Откроем новую версию Adobe Illustrator CC. Всё опять в черном цвете, но я выбираю серый. А как это сделать, мы изучали в уроке № 21. Кто забыл, загляните туда, вы легко и быстро измените цвет.

Новый документ в новом "Иллюстраторе"_Novy`i` dokument v novom "Illiustratore"

Да все знакомо, параметры мы установим, цвет выберем, черное заменим на серое, навыки неплохо и закрепить! Всё это изучали. Посмотрим на рабочую область.

Рабочая область Adobe Illustrator CC_Rabochaia oblast` Adobe Illustrator CC

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

Заглянем-ка в интернет. Что говорят об этой версии?

«Новый релиз Adobe Illustrator обладает множеством новых функций, которые, несомненно, облегчат вашу работу. Теперь нам стало проще управлять текстовыми объектами, мы можем автоматически генерировать угловую плитку для pattern brush и использовать растровые изображения как кисти. Free Transform Tool имеет новый виджет, что позволяет управлять деформацией объектов в более интуитивной манере.  Adobe Illustrator CC имеет около 15 новых функций».

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

Новый значок_Novy`i` znachok

Kuler – набор цветов, кто внимательно рассматривал палитру Swatches, тот натыкался на Kuler в образцах цвета в прежних версиях. А теперь новая иконка, новые возможности. Новый Kuler —  набор цветов, созданных профессионалами по всему миру.

Палитра Kuler_Palitra Kuler

The Kuler panel enables you to download color themes saved in your Kuler account. A valid Adobe ID is required to use this feature – Кулер-панель позволяет вам скачать цветовые темы, сохранить в вашем кулер-аккаунте. Зарегистрируйтесь в Adobe ID для использования функции.

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

Сравним панели инструментов Adobe Illustrator CS6 и Adobe Illustrator CC.

Панель инструментов Adobe Illustrator CS6 _Panel` instrumentov Adobe Illustrator CS6

Панель инструментов Adobe Illustrator CC_Panel` instrumentov Adobe Illustrator CC

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

 

Откроем наш рисунок в Adobe Illustrator CC. Внешне всё знакомо, не будем бояться!

Наш рисунок в Adobe Illustrator CC_Nash risunok v Adobe Illustrator CC

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

Мы рисуем из графических примитивов домик и изучаем палитру Layers (слои). Вот как всё смотрится в новой версии Illustrator.

Три слоя рисунка_Tri sloia risunka

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

Выделенные детали рисунка_Vy`delenny`e detali risunka

Какие замечательные версии Adobe Illustrator! Как мы оставили, так программа всё и сохранила. Чувствуете праздник? Нашему творческому ребенку никто не портит настроение! Мы всё очень чувствительные, чуть что не так, сразу переживаем. Радость исчезает, хотя внешне мы ничего не показываем. А тут прекрасно, что натворили на прошлом уроке, то и получите! Мы этого и хотели!

Итак, приступим! Раздражает крыша, она всё ещё не выровнена. Я её двигала, поэтому ровно она не ложится, как я ни использую Align (выравнивание). Это мы умеем, палитра Align (выравнивание) очень здорово помогает, но так как я свободно обходилась с деталями крыши, выровнять по низу красную и «деревянную» части не удастся. Это тоже надо знать, как бы ни хотелось сделать всё просто и быстро! Придется поработать Direct Selection Tool (A) — прямое выделение. Белая стрелка нам поможет, а ей мы тоже умеем пользоваться.

Неровности крыши_Nerovnosti kry`shi

Вовсе не идеально, неровности видны, хотя надо присматриваться.  Давайте-ка ещё сильнее увеличим и будем выравнивать вручную.

Неровности крыши_Nerovnosti kry`shi

Итак, работаем белой стрелкой Direct Selection Tool (A) — прямое выделение. Выделяю последнее «бревно». У меня увеличение на 600%

Выделенные неровности крыши_Vy`delenny`e nerovnosti kry`shi

Дальше нам всё знакомо, но есть маленькая тонкость. Можно убрать узелки белой стрелки Direct Selection Tool (A) — прямое выделение. Иногда это нужно, потому что узелки закрывают восприятие объекта, не видно, что же мы делаем. Сделать это просто! Нажимаем горячие клавиши Ctrl+H.

Убраны узелки белой стрелки_Ubrany` uzelki beloi` strelki

Вот так, будто и не выделено! Но работать будем так же. Попробуйте! Тяните части объекта, чтобы потом выровнять.

Работа с белой стрелкой_Rabota s beloi` strelkoi`

Увеличила до 1200%, чтобы лучше увидеть, что натворила.

Что делать? Опять неровно, руками сделать идеально не получается.  Но поправим другую сторону крыши, там тоже не всё нормально.

Неровности крыши_Nerovnosti kry`shi

Тут проще, подтянем торчащий желтый уголок. Всё это делаем белой стрелкой Direct Selection Tool (A) — прямое выделение. Узелки белой стрелки у нас отключены! Но ведь мы можем это и забыть! Не забываем, что мы изучаем палитру слои (Layers). Её не проведешь. Выделение у нас есть! Это сразу видно!

Палитра Layers сохраняет выделение_Palitra Layers sokhraniaet vy`delenie

Спустимся ниже по полосе прокрутки палитры Layers (слои). Вот, что у нас выделено! Программа ничего не даст забыть! От этого тоже праздник в душе! Нас так поддерживают!

Палитра  Layers сохраняет выделение_Palitra  Layers sokhraniaet vy`delenie

Итак, оттягиваем вниз кончик «бревенчатой» части. Увеличила до 1600%, чтобы лучше увидеть.

Неровности крыши_Nerovnosti kry`shi

А теперь вернем узелки белой стрелки. Надо и это знать! Как делать? Снова нажать горячие клавиши Ctrl+H. И убираем, и возвращаем узелки одинаково — Ctrl+H.

Выделенные неровности крыши_Vy`delenny`e nerovnosti kry`shi

Вот так, как в песне: «Всё вернется, всё опять вернется…» На празднике и попеть не запрещается!

Снимем выделение.

Выделения нет_Vy`deleniia net

Палитра Layers (слои) показывает это, выделение снято. Но неровности остались.  Мы знаем, как их избежать, но повторим.

Переключаемся на черную стрелку Selection Tool (V) – выделение. В палитре Layers (слои) выделяем с помощью Shift красную крышу и первое бревно. Кликнем по инструменту Shape Builder Tool (Shift+M) — создание фигур. Подведем курсор мыши к месту неровности, дождемся, когда появится «сетка», кликнем Alt.

Выделение неровностей_Vy`delenie nerovnostei`

Вот результат! Неровности на одной стороне исчезли. А увеличение я сделала на 2400%.

Неровности удалены_Nerovnosti udaleny`

Передвинемся на другой конец. Ничего себе! Программа сработала за меня! Вот это подарок на празднике! Приятно!

Неровности удалены_Nerovnosti udaleny`

Если у вас не так, сделайте все в ручную! Думаю, настроение не испортится!

Уменьшим и посмотрим!

Ну, как-то ничего, добились результата, исправили свои косяки!

Крыша выровнена_Kry`sha vy`rovnena

Знать такие мелочи надо, потому что начинающим именно они отбивают всё желание рисовать. Чуть что-то сдвинешь, а потом никак не выровняешь!

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

Создан новый слой_Sozdan novy`i` sloi`Два раза кликнем по слою и назовем его «Окна и двери»

Новое название слоя_Novoe nazvanie sloiaНажимаем ОК. Название есть, но ничего в слое нет, он пуст, начнем рисовать. Палитра Layers (слои) отражает всё точно, каждый наш шаг!

Создан новый слой_Sozdan novy`i` sloi`Уберем обводку, заливку сделаем синей, потом перекрасим, из графических примитивов возьмем Ellipse Tool (L) — инструмент «Эллипс»

Заливка, обводка инструмент эллипс_Zalivka, obvodka instrument e`llips

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

Нарисовали круг_Narisovali krugПереключимся на инструмент перо Pen Tool (P). Снимем выделение с круга. Уберем заливку, обводка пусть будет черной.

Перо, заливка и обводка_Pero, zalivka i obvodkaПроведем линию, программа нам помогает, ориентируйтесь на центр круга, который появляется при создании линии. Зажмите Shift, линия будет точной, горизонтальной.

Линия на круге_Leeniia na kruge

Опять, зажав Shift, выделяем круг. Это делаем, переключившись на черную стрелку Selection Tool (V).

Выделяем круг и линию_Vy`deliaem krug i liniiu

Ну, а дальше уже знакомый инструмент Shape Builder Tool (Shift+M) — создание фигур. Убираем с его помощью нижнюю часть круга.

Убрали лишнее_Ubrali lishnee

Снимем выделение, посмотрим, что у нас есть. Опять поможет палитра Layers (слои). Раскроем черный треугольник нового слоя «Окна и двери».

Палитра Layers отражает всё_Palitra Layers otrazhaet vsyo

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

Удаление ненужной линии_Udalenie nenuzhnoi` linii

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

Удаление ненужной точки_Udalenie nenuzhnoi` tochki

Осталось то, что нам нужно. Окно чердака.

Осталось окно чердака_Ostalos` okno cherdakaСделаем наличники у чердачного окна. Путь нам знаком ObjectPathOffset Path (Объект – путь – создать параллельный контур).

Параметры Offset_Parametry` OffsetСтавим Offset6 pt. OK. Перекрашиваем наличники в белый цвет.

Белый цвет наличников_Bely`i` tcvet nalichnikovА теперь снимем выделение. Домик немного оживился!

Домик с чердачным окном_Domik s cherdachny`m oknom

Раскроем палитру Layers (слои). Выделим само окно, придадим ему более естественный цвет, используя цвета из палитры Swatches (образцы).

Выделяем окно для изменения цвета_Vy`deliaem okno dlia izmeneniia tcveta

Мы рано или поздно в рисунок вставим солнышко, поэтому пусть наше окно будет естественным. Выбираем Gradients – Sky (градиенты – небо).

Выбираем градиенты_Vy`biraem gradienty`

Солнце мы разместим слева, поэтому и цвет выберем Sky3.

Выбор градиента_Vy`bor gradienta

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

Цвет окна выбран_TCvet okna vy`bran

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

Выравнивание с помощью Align _Vy`ravnivanie s pomoshch`iu Align Снимем выделение, объединим в один объект окно и наличник.

Объединили в одну группу окно и наличник_Ob``edinili v odnu gruppu okno i nalichnik

Объединим в одно целое и обе крыши. Надо было бы давно это сделать, но так уж получилось. Когда вы объедините объекты, при использовании Align (выравнивание), сбоя не будет. А так что-то может и сдвинуться. Попробуйте сами! Мы же учимся, всё должны пройти. Вернуть тоже легко Ctrl+Z.

Объединение в группу обеих крыш_Ob``edinenie v gruppu obeikh kry`shНу, а теперь из прямоугольника надо сделать окна, но уже устали. Посмотрим, что у нас получилось!

Изменения в рисунке_Izmeneniia v risunkeДомик стал живее, это уже не просто «сруб». Возьмем из рисунков первых уроков солнышко, вставим. Праздник! Пусть будет солнечно! Всё вы умеете делать, всё изучали! Вставляем!

Вставили солнце_Vstavili solntceНо всё же напомню. Открыли рисунок solnze.  Выбрали нужное солнышко, идем в меню Edit (редактирование) — Copy (копировать) — Paste (вставить). Но солнышко уж больно большое, уменьшим, как вам хочется и вставим там, где нужно, как вам понравится. Не забудьте нажать Shift, когда будете уменьшать, чтобы не исказить светило. Да вы всё знаете, это я на всякий случай!

Создано из графических примитивов_Sozdano iz graficheskikh primitivovУ меня так, у вас по-другому, но солнышко светит, домик стоит, всё из графических примитивов. Уходим отдыхать с радостным настроением!

Перемена! Ура!
Сохраните нарисованное, закрепите изученное!

 Следующий урок № 41. Рисование с помощью графических примитивов.


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

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

Урок № 40. Рисование с помощью графических примитивов.: 2 комментария

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

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