Сичікова Я.О., Ковачов С.С.

Бердянський державний педагогічний університет

Виготовлення полігональної моделі за допомогою програми Adobe Illustrator

 

Операція (з фото супровідом)

ІКТ

1.

Запускаємо програму Adobe Illustrator та відкриваємо обране зображення папуги, з яким ми будемо працювати.

Важливо! Бажано використовувати зображення високої роздільної здатності. Це заощадить наш час та повисить рівень якості майбутнього виробу.

 

Adobe

Illustrator

 

1.jpg

2.jpg

 

2.

Налаштовуємо панель вибору кольорів таким чином.

Adobe

Illustrator

 

3.jpg

 

 

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

 

3.

Вибираємо інструмент Перо (Pen Tool) на панелі інструментів.

Adobe

Illustrator

 

4.jpg

 

4.

Створіть новий шар поверх нашого зображення натиснувши на іконку нижче.

Новий шар потрібно робити для того, щоб по закінченню роботи нам було простіше працювати зі структурою.

 

 

2 (a).jpg

 

5.

Починаємо виділяти на зображенні ділянки. Починати рекомендовано з ока та плавно переходити до тулуба.

Важливо! Виділяти потрібно виключно трикутники полігонами.

Adobe

Illustrator

 

5.jpg

 

 

Після того, як ви зробили перший трикутник та замкнули його в опорній точці потрібно робити другий трикутник. Почати будувати новий трикутник можна безпосередньо на самій лінії або на одній з вершин трикутник, тобто з однієї з існуючих точок. Рекомендовано завжди робити новий трикутник з точки. Структура виконано з точок виглядиме симетричніше, але інколи краще зробити з лінії.

Якщо починаєте робити новий трикутник з точки, то при наводці на точку ви побачите значок пера з мінусом “-”, а нам потрібен значок плюса +. В випадку з мінусом точка видалиться. Тому перед тим, як натиснути на точку потрібно зажати клавішу Shiftна клавіатурі.

 

6.

Продовжуємо робити нові трикутні полігони доки не обмалюємо усього папугу.

Adobe

Illustrator

 

6.jpg

7.jpg

8.jpg

9.jpg

10.jpg

 

7.

Коли робота над складанням полігональної структури “скелету” папуги буде закінчено нам потрібно сгрупувати усі полігони в одну структуру. Для цього треба взяти інструмент Пряме виділення (A)

Adobe

Illustrator

 

12.jpg

 

 

та обвести всі полігони. Після чого правою кнопкою миші кликнути по виділенню та нажати сгрупувати.

Далі нам потрібно змінити білий колір в панелі виділення на чорний. Для цього два рази кликніть на нижній квадрат та виставте чорний колір (#000000).

Adobe

Illustrator

 

13.jpg

 

 

Це потрібно робити для того, щоб виправити недоліки, яки імовірніше усього будуть в нашій структурі.

Бачимо результат.

Adobe

Illustrator

 

11.jpg

 

8.

Вбираємо значок ока навпроти нашого слоя з растровим зображенням папуги.

Adobe

Illustrator

 

14.jpg

 

 

Маємо результат.

 

 

15.jpg

 

9.

У звязку з багатою кількістю полігонів в процесі побудови структури у нас імовірніше усього будуть в деяких місцях нестикування між точками. Щоб виправити цей недолік потрібно приблизити наше зображення та знайти нестикування точок.

Важливо. Якщо у вас зовсім нема нестикувань, то ви дуже добре попрацювали.

Adobe

Illustrator

 

16.jpg

 

 

Знову беремо інструмент Пряме виділення та обводимо усі грані нестикування.

Adobe

Illustrator

 

17.jpg

 

 

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

 

 

18.jpg

 

 

19.jpg

 

 

Важливо знайти всі нестикування та виправити їх.

Adobe

Illustrator

10.

На даному етапі ми переходимо до другої нашої програми. Запускаємо Adobe Photoshop.

Відкриваємо растровий оригінал нашого папуги.

Adobe

Illustrator,

Adobe Photoshop

 

20.jpg

21.jpg

 

11.

Переходимо до Adobe Illustratora та виділяємо усі наші полігони.

Adobe

Illustrator

 

22.jpg

 

12.

Нам треба скопіювати всю структуру. Для цього в меню вибираємо Редагувати – Скопіювати”, або просто використувуємо знайому комбінацію клавіш Ctrl + c”.

Adobe

Illustrator

13.

Повертаємось до Adobe Photoshopa та вставляємо скопійовану структуру поверх нашого растрового зображення командою Редагувати - Вставити (Ctrl + v).

У нас появиться нове віконце, на якому треба вибрати Контур (Path)

Adobe Photoshop

 

23.jpg

 

 

Тепер ми маємо наш растровий оригінал та полігональну структуру у Adobe Photoshopі.

Adobe Photoshop

 

25.jpg

 

14.

Зроблена в Illustratorі полігональна структура та переведена у Photoshopі до контурного формату, дає змогу пропорційне збільшувати її до любих розмірів. Цією особливістю ми і скористаємось.

Так як нам потрібно буде друкувати нашу роботу на форматі А3, то для того, щоб вихідне зображення було високої якості, нам потрібно змінити розмір зображення.

Для цього йдемо в основному меню Зображення – Розмір зображення (Image – Image Size)

Adobe Photoshop

 

26.jpg

 

 

В зявившомуся віконці виставляємо потрібні параметри.

Важливо! Формат паперу А3 має розмір 297 * 420мм. В нашому випадку зображення не пропорційне цьому формату, тому на даному етапі ми виставимо розмір по висоті, а ширину відредагуємо після закінчення роботи над структурою папуги.

Adobe Photoshop

 

27.jpg

 

 

В результаті ми маємо растрове велике неякісне зображення папуги, але контур полігональної структури пропорційно збільшився і ми маємо можливість працювати далі.

Adobe Photoshop

 

28.jpg

 

15.

Настала черга замалювати наші полігони. Для того, щоб суттєво упростити цей процес ми збережимо виконану операцію над першим полігоном і далі нажаттям однієї клавіши зможемо повторювати низку операцій.

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

Adobe Photoshop

 

29.jpg

 

 

Тепер потрібно клацнути в любому місці під шаром з картинкою, для того, щоб зняти з нього виділення.

Adobe Photoshop

 

31.jpg

 

 

Переходимо до панелі з операціями (Actions). Якщо у вас його немає, то натисніть Alt + F9.

Adobe Photoshop

 

32.jpg

 

 

Спершу натискуємо на іконку з папкою, даємо їй будь-яку назву на натискуємо OK”.

Далі натискуємо на іконку з листом. У з’явившемуся віконці вибираємо “гарячу” клавішу(у нашому випадку це F5) та натискуємо “Записати” (Record).

Adobe Photoshop

 

32.jpg

33.jpg

 

 

Повертаємось до панелі з шарами та натискаємо на наш єдиний шар. Далі йдемо до панелі з контурами та натискаємо на наш контур.

Adobe Photoshop

 

34.jpg

35.jpg

 

 

Знову вертаємось на панель зі шарамита вибираємо інструмент “Виділення контура” (Path Selection Tool). Після чого натискуємо всередині будь-якого з полігонів.

Adobe Photoshop

 

36.jpg

37.jpg

 

 

Правою кнопкою миші натискуємо по виділеному контуру та вибираємо команду виділити область. В зявившемуся вікні натискуємо ОК.

Adobe Photoshop

 

38.jpg

39.jpg

 

 

Бачимо наше виділення.

 

 

40.jpg

 

 

Нарешті наступив закрашувальний етап. Щоб закрасити виділену область в середній колір палітри полігони потрібно застосувати фільтр “Фільтр – Розмиття – Середнє” (FilterBlurAverage)

Adobe Photoshop

 

41.jpg

 

 

Бачимо результат. Натискуємо англійську клавішу “M” та кликаємо в любому місті на зображенні поза контуром, щоб зняти з нього виділення.

Adobe Photoshop

 

42.jpg

 

 

Знову переходимо в панель з контурами та натискуємо на наш контур.

Щоб завершити операцію натисність іконку Стоп.

Adobe Photoshop

 

43.jpg

 

 

Наша операція завершена. Тепер беремо інструмент виділення контура.

Adobe Photoshop

 

36.jpg

 

 

Клікаємо в кожному з полігонів та натискуємо на нашу “гарячу” клавішу для того, щоб спрацювала наша записана операція (F5).

Adobe Photoshop

 

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

Adobe Photoshop

 

44.jpg

 

 

Тепер нам потрібно відділити нашого папугу від фона. Для цього йдемо в панель з контурами, зажимаємо клавішу Ctrlта натискуємо на контур лівою кнопкою миші. Переходимо до панелі з шарами та натискуємо на наш шар з зображенням та застосовуємо команду “Вибрати – Інверсія” (SelectInverse), натискуємо клавішу “Delete”.

Маємо результат. 

Adobe Photoshop

 

45.jpg

 

 

Все, що нам залишилось зробити, щоб мати повноцінний печатний малюнок це - настроїти розмір зображення та змінити кольорову схему із RGB на CMYK.

Щоб настроїти розмір йдемо в команду Зображення – Розмір Полотна (ImageCanvas Size).

Adobe Photoshop

 

46.jpg

 

 

В звявившемуся вікні змінюємо ширину (Width) зображення до 297мм та натискуємо “ОК”.

Adobe Photoshop

 

47.jpg

Adobe Photoshop

 

Для того, щоб змінити кольорову схему використовуємо команду “Зображення – Режим – Колір CMYK” (ImageModeCMYK color).

Adobe Photoshop

 

48.jpg

49.jpg

 

 

Наша робота готова! Залишилося тільки зберегти наше зображення у форматі .jpeg та скинути готовий ескіз на USB носій.

Примітка. Через те, що ми змінили кольорову схему, контрастність кольорів та їх насиченість декілько впала, тому я власноруч збільшив ці обидва параметри.

Adobe Photoshop