Створюємо екшн для ізометрії – rboom

У попередньому уроці ми розглянули процес створення ізометричної іконки будівлі за допомогою ефектів трансформації та плагіна Phantasm для швидкого фарбування різних проекцій. Сьогодні ми автоматизуємо процес, використовуючи фуункцію Action. Після цього створення ізометрії в Adobe Illustrator займе кілька секунд. Розганяємось до космічних швидкостей!

Створимо графічні стилі, використовуючи ефекти, описані в попередньому уроці. Створимо довільний об'єкт і застосуємо до нього два ефекти трансформації (Effect & Transform & Distort Transform ...), відповідні деформації лівої ізометричної площини.

Відключаємо заливку та обведення у об'єкта. Це зайві атрибути стилю.

З цього об'єкта створюємо графічний стиль, який назвемо Left.

Застосуємо до нашого об'єкта ефект Brightness/Contrast (Effect & Phantasm & Brtness / Contrast ...) і зменшимо значення Brightness. Цей ефект дозволить нам за потреби швидко затінювати всі об'єкти лівої ізометричної проекції.

З об'єкта створюємо графічний стиль, який назвемо Left shadow.

Видаляємо всі ефекти виділеного об'єкта на панелі Appearance.

Тепер застосуємо до об'єкта два ефекти трансформації (Effect & Transform & Distort Transform ...), відповідні деформації правої ізометричної площини.

З цього об'єкта створюємо графічний стиль, який назвемо Right.

Застосуємо до нашого об'єкта ефект Brightness/Contrast (Effect & Phantasm & Brtness / Contrast ...) і зменшимо значення Brightness. Цей ефект дозволить нам затінювати всі об'єкти правої ізометричної проекції.

З об'єкта створюємо графічний стиль, який назвемо Right shadow.

Видаляємо всі ефекти виділеного об'єкта на панелі Appearance. Тепер застосуємо до об'єкта два ефекти трансформації (Effect & Transform & Distort Transform ...), відповідні деформації верхньої ізометричної площини.

Застосуємо до нашого об'єкта ефект Brightness/Contrast (Effect & Phantasm & Brtness / Contrast ...) і збільшимо значення Brightness. Цей ефект дозволить нам швидко висвітлювати всі об'єкти верхньої ізометричної проекції.

З об'єкта створюємо графічний стиль, який назвемо Top.

Почнемо створення Isometric actions. Відкриваємо панель Action (Window > Actions) та створюємо новий сет, натиснувши на відповідну кнопку в панелі. Називаємо сет Isometric Actions.

Натискаємо кнопку Create New Action в панелі Actions і називаємо його Light from Left, потім натискаємо кнопку Record. Тут ми припускаємо, що світло поширюється ліворуч, а це означає, що права ізометрична проекція має бути затінена.

У процесі створення Action ми будемо використовувати плоскі проекції будиночка з попереднього уроку. Зверніть увагу на те, що елементи, що відповідають одній проекції, повинні бути згруповані.

Крім того, ліва проекція знаходиться в самому низу стопки в панелі Layers, потім йде права та верхня проекції.

Виділяємо ліву проекцію, потім натискаємо на Left style на панелі Graphic Styles, утримуючи клавіші Opt/Alt (Opt/Alt додає нові ефекти до вже існуючих атрибутів)

Як ви бачите, стиль був успішно застосований і дія записана в Action.

Переходимо Select > Next Object Above. Це призведе до виділення групи, яка відповідає правій проекції. Ця дія миттєво була записана в Action.

Застосовуємо до групи графічний стиль Right shadow, утримуючиOpt/Alt. Завдяки ефекту Phantasm Brightness/Contrast всі елементи правої проекції були затінені.

Переходимо Select > Next Object Above. Це призведе до виділення об'єкта або групи, яка відповідає верхній проекції.

Застосовуємо до об'єкта графічний стиль Top, утримуючи Opt/Alt. Завдяки ефекту Phantasm Brightness/Contrast цей об'єкт був освітлений.

Виділяємо всі об'єкти (Select & gt; Select All), потім переходимо Object & gt; Expand Appearance. На жаль, ця дія автоматично не записується в Action. Для його запису вибираємо Insert Menu Item в меню панелі Actions.

Переходимо Object > Expand Appearance ще раз.

І, нарешті, переходимо Select > Deselect. Тепер натискаємо на Stop на панелі Actions.

Перевіримо роботу Isometric action.

Потрібно менше 2 секунд, щоб створити і розфарбувати три ізометричні проекції з плоского дизайну!

Самостійно створіть Action для випадку, коли джерело світла знаходиться праворуч. На цей раз буде затінена ліва проекція (графічний стиль Left shadow).

На жаль, в останніх релізах Adobe Illustrator (CS6-CC2014) деякі параметри можуть довільно зникати в завантажених Actions після рестарту програми. Якщо це станеться, видаліть Isometric Actions з панелі Actions, а потім завантажте їх знову (select Load Actions… у спливаючому меню панелі Actions).

Тепер у вас є зручний інструмент для створення ізометрії у Adobe Illustrator за лічені секунди.