Вирізання мотивів в Affinity Photo - з допомогою швидкого масиву та пензля це вдалося з танцівницею. У частинах 6-8/14 нашої серії уроків тепер ви навчитеся ще одному методу: піднімайтеся до ручки та додайте ангелові його заслужені крила за допомогою шляхів.
Частина 6: Вирізання крил - створення шляху з допомогою руки
Ризикуйте другим мотивом, який потрібно для композиції. Перш ніж ви виріжете крила, Марко Колдіц пояснить вам, як ви приступаєте до операції режиму карантину з допомогою ручного інструменту в Affinity Photo . Після роботи з пензлем та швидким масивом ви навчитеся другому методу вирізання. В кінці вас чекає вибіркова область, яка буде вдосконалена в наступному уроці.
Що ви вивчите в частині 6 уроків з Affinity Photo
- Створення шляху за допомогою ручки для підготовки до вирізання
- Основи ручного інструменту та його конкретне застосування
- Заміна вузлів для створення кривих та кутів
Вирізання за допомогою ручки - пояснення основ
Давайте подбаємо про крила. Для цього я вибрав це зображення та завантажив його на фоновий шар в Affinity Photo. Ми могли б знову активувати режим вирізання за допомогою швидкого масиву та вибрати крило за допомогою пензля.
У цьому випадку я віддаю перевагу ручному інструменту або роботі з шляхами, оскільки у нас тут є чудові криві, які добре обираються за допомогою шляхів. Я беру ручку. Вона прихована під цим піктограмою та також може керуватися за допомогою P:
Я збільшую зображення. Коли я клацаю на зображенні з ручкою, з'являється цей малий прямокутник (1). У палітрі шарів нічого особливого не видно. Якщо я встановлю другу точку, у мене є дві опорні точки і між ними лінія (2). Тепер у палітрі шарів є Ebene Kurven, тобто, в принципі, Шар- Шар.
Опорні точки мають прямокутну форму. Якщо я бажаю закруглення, тобто криві, мені потрібно клацнути та перетягнути наступну опорну точку (1). Так я можу отримати криву.Із опорної точки виходять маленькі ручки. Крім того, опорна точка вже не є квадратною, вона кругла.
Клацаючи та перетягуючи ще раз (2), ви побачите гарні криві, які переходять в інші криві. Таким чином, ви не бачите граней, і кожна з цих опорних точок має дві ручки.
Якщо мені потрібно перемістити ці окремі опорні точки, незалежно від того, чи вони круглі, чи з кутовими, я натискаюклавішу Strg-.С відповідно зміниться курсор миші (3). Я клацаю на опорну точку і тягну. Так я можу поставити опорні точки туди, де я хочу.
Це також стосується ручок для таких кривих. Коли я клацаю на ручку з натиснутою клавішею Стрг і тягну (4), я можу змінити криву. Обидва кінці рухаються один до одного, щоб не створювалася неприємна грань.
Якщо я хочу, щоб це була крива, а все це переходило в край, мені потрібно утримувати клавішу Alt-, клацнутий перетягнути (1). Так я створив різець. Ручки рухаються незалежно один від одного (2). З затиснутою клавішею Strg- я можу налаштувати ручки. Тепер у нас є крива, ріжуча та знову крива (3). На прямокутнику можна бачити, що тут є ріжуче.
Створення шляху за допомогою олівця
Отже, ви можете легко працювати з шляхами. За допомогою цієї техніки ми обираємо крило. Я видаляю попередній шар шляху. Тут я встановлюю першу точку опори (квадратна точка під 1), другий встановлюю в це місце, притягуючи безпосередньо для створення кривої (кругла точка під 1). При цьому я стежу, щоб крива була розміщена вздовж крила. Якщо вона кочується за межі крила, утримуючи натиснутою клавішу Ctrl-, клікаю на точку опори, і можу слід задимити її трохи.
Тут я встановлюю третю точку опори (2). З олівцем трохи потрібно попрактикуватись – чим більше ви працювали з інструментом, тим краще ви знаєте, куди клацнути на зображенні. Тому вам не потрібно встановлювати точку опори міліметр за міліметром, а можете залишити більше вільного простору і працювати більше з цими кривими.
Тут ми бачимо, що, ймовірно, плече занадто довге. Тому я виправляю це, утримуючи клавішу Ctrl- (від 2 до 3). Загалом я працюю так, що маршрут знаходиться трохи всередині крила, а не ззовні.
Тут я також вношу додаткові налаштування, доки все не вийде. Так ви крок за кроком працюєте зображенням.
В наступному зображенні ми бачимо, що маємо трохи зігнуту ділянку. Тому, ймовірно, нас влаштує, якщо ми встановимо наступну точку опори високо вгорі. Я клікаю і тягну – і знову у нас є крива, хоча ця не слідує кривій нашого крила. Тому я також виправляю це, продовжуючи плече.
Як я вже сказав, тут потрібно витратити час, поки ви буквально не зрозумієте, куди клацати. Інструмент олівець- дуже рекомендований, коли вам потрібно виокремити об'єкти, які, наприклад, мають скло або технічні пристрої. При роботі з об'єктами з кривими та прямими лініями робота з шляхами просто ефективніша, ніж, наприклад, виокремлення з використанням QuickMaske.
Тепер ми переходимо до складнішої області. Тут маємо закруглення, а потім грань. Я встановлюю точку опори і коригую криву (від 1 до 2).
Якщо тепер я встановлюю наступну точку опори і тягну, ми маємо правильну криву (3), але також тут знизу (стрілка під 3). Щоб зберегти грань, утримуючи клавішу Alt-, клікаючи на точку опори і тягну. Таким чином я з раундуватої точки опори зробив кутову (4). Клацаючи по одній клавіші Ctrl-, я відокремлюю плечі вільно від одного до іншого.
Вгорі ми маємо область, де крило не є неперервним (5). Це можна буде виправити пізніше за допомогою маски.
Таким чином ви працюєте зображенням. Гарне в тому, що зі шляхом ми отримуємо дуже точні контури, тобто не такі піксельні або нерівні області, які можуть виникнути, якщо, наприклад, ми працювали б із Кисть-заливка.
Поточні результати: Я вибрав весь крило за допомогою інструменту ручка-.
Створення шляху з допомогою ручки – Підсумок частина 6
- За допомогою ручки ви створюєте площу з кривими на основі шляхів.
- Рекомендовано використовувати ручку для об'єктів з прямими і кривими краями.
- Ви активуєте ручку через значок або за допомогою швидкого доступу P.
- Одним натисканням ви створюєте кутову точку як вугли для кутів.
- Клацанням і тягненням створюєте круглу точку для кривих.
- Ви переміщуєте встановлені точки (і стрічки) з натисканням клавіші Ctrl-.
- З клавішою Alt-ви перетворюєте кругову точку у кутову.
- Наостанок, пам'ятайте: практика робить майстра! Спробуйте використовувати ручку для різних форм.
Частина 7: Виділення крила, створення маски та виконання керувань
Тепер необхідно вирізати крила після танцівниці. Шлях можна перетворити або за допомогою функції Маска або через Вибір. Як діяти далі, ви дізнаєтеся в сьомому уроці різдвяної серії. Тимчасом ви також підшліфуєте деякі керування в краях крил, щоб в кінці мати повністю вирізаний вигляд і ще більш реалістичний, оскільки він частково виглядає стертим.
Що ви дізнаєтеся в частині 7 уроку по Affinity Photo
- Як створити маску з шляху
- Створення піксельних масок і шляхових масок
- Ручка – Функції Вибір і Маска
- Виконайте додаткові оптимізації за допомогою Щітки для малювання
- Об'єднуйте видимі шари в Affinity Photo
Створення маски з шляху
Після того, як ми створили шлях для крила на попередньому уроці, тепер у палітрі шарів є зображення як фоновий шар і крива площа, тобто наш шар шляху. Як ми можемо зробити з нього маску? – Існують два шляхи ...
При активному шарі з кривою точкою (1) знизу малюнка, який я хочу вирізати, клацаю на Маска (2). І вже я вирізав та вибрав крило. Решта прозора (3). У палітрі шарів є зображення з маскою (4) – з маскою шляху, яку можна змінювати.
Тепер не можна взяти інструмент Щітка- та пофарбувати чорним фоновий колір, щоб зробити цю область прозорою – це не працює, оскільки у нас є маска шляху. Однак, якщо я виберу наш фоновий шар (4 вибрати) і клацну на значок маски (5), я можу створити нову маску (6). Її можна знову клацнути та перетягнути на фоновий шар (7). Тепер у мене є піксельна маска і маска шляху (8).
Підказка: Ви можете активувати кнопку Налаштування помічника, щоб автоматично застосовувалась маска для обраного шару. Зазвичай я вимикаю помічника, оскільки він, з одного боку, дає переваги, але з іншого боку, іноді має недоліки.
Я покажу тобі, що це означає, коли він активований: я знову активую фоновий шар (1), клікну на цю іконку маски (2). В цьому випадку Affinity Photo розуміє, що я хочу застосувати маску до цього шару (3). Ось де корисний помічник. Проте іноді помічник робить речі, які насправді не були сплановані. Тому я його деактивував.
Отже, у нас є шляхова маска та піксельна маска. Якщо я активую піксельну маску (1) і інструмент кисть для малювання (2) з чорним фоновим кольором (3), я можу малювати прозорі області (4).
Ми можемо працювати так з комбінацією шляхової маски та піксельної маски. Шляхову маску змінюємо за допомогою інструменту ручка для малювання -, піксельну маску - інструментом кисти для малювання.
Створення виділення з шляху
Якщо ви хочете працювати лише з піксельною маскою, дійте наступним чином: у нас знову є наш початковий фон та шар кривих. Інструмент ручка для малювання - активована (1). Я знаходжусь на шарі кривих (2). Цього разу я вибираю виділення (3). Таким чином, ми перетворили шлях в піксельне виділення (4).
За допомогою виділення ми можемо створити піксельну маску. Для цього активую фон (1), також налаштування помічників теж (2), та клікаю на маску (3), щоб до вибраного шару додати піксельну маску (4). За допомогою Ctrl+D скасовую поточне виділення.
Редагування маски крила
Маску ми можемо далі редагувати і оптимізувати. Я збільшую зображення. Я відкориговую краї областей. Зараз все дуже гладенько. Я беру кисть для малювання (1) із чорним фоновим кольором (2) та малюю на масці (3), щоб внести дрібні нерівності, які в кінці дають більш реалістичний ефект (4).
Я працюю навколо всього виділення. Оскільки я працюю з графічним планшетом, я можу змінювати товщину кисті канцелярським натисканням.
Ці області ми можемо ігнорувати, оскільки вони пізніше будуть знаходитися позаду моделі:
Об'єднання видимих шарів
Ми могли б помістити цей шар, зображення з маскою, у наш композит. Проте я хочу показати вам, як створити окремий шар, на якому є тільки це крило, без маски. Для цього вибираєте поточний шар (1) та йдете в меню Шар -> Об'єднати жидки. (2). В іншому ви можете натиснути Ctrl+Alt+Shift+E. Таким чином, нижні шари об'єднуються разом (3).
З цим я маю крило на окремому рівні на прозорому тлі, абсолютно без маски. І тепер ми можемо помістити його в монтажі.
Створення масок в Affinity Photo - Огляд частини 7
- Щоб створити маску з шляху, у інструменті ручки доступні функції Маскування і Вибір.
- Піксельні маски можна подальше редагувати за допомогою інструменту пензлик.
- За потреби скористайтеся асистентом.
- Видимі шари можна об'єднати за допомогою Ctrl+Alt+Shift+E.
Частина 8: Позиціонування та трансформація крил
Ми вирізали Різдвяного ангела та відповідне крило у попередніх частинах посібника. Тепер настав час поєднати мотиви. Дізнайтеся, на що потрібно звернути увагу під час вставлення одного зображення в інше і як ви можете трансформувати елементи. Ви використовуєте обертання, горизонтальне відображення та пропорційне або непропорційне збільшення та зменшення, щоб дати ангелові змогу літати.
Що ви дізнаєтеся у частині 8 посібника з Affinity Photo
- Як вставляти зображення в інші зображення та на що слід звернути увагу
- Зміна розміру документа та розмір полотна
- Позиціонування та трансформація мотивів: горизонтальне відображення, зміщення, обертання, (пропорційне) збільшення та зменшення
Копіювання зображення з файлу та вставлення його в інший файл
Ми вирізали крило та розмістили його зараз за Різдвяним ангелом. Для цього я відкрив файл з крилом (1) та Різдвяним ангелом (2). На панелі шарів ми бачимо вирізане крило, яке знаходиться на піксельному шарі (3).
Я б хотів вибрати його та перетягнути в інший файл, але це не працює в Affinity Photo (версія 1.6). Також я не можу просто клікнути на крило та перетягнути його в інший файл. Нам доведеться обрати інший шлях, через Копіювання та Вставлення: Я обираю шар для копіювання та натискаю Ctrl+C для копіювання. Потім переходжу до іншого файлу.
Тепер я можу натиснути Ctrl+V, щоб вставити крило. Але ми повинні врахувати: В панелі шарів зараз не вибрана група (1). Якщо я просто натисну Ctrl+V, нічого не відбудеться. Де знаходиться крило? Воно розміщене всередині групи десь (2).
Я видаляю шар, закриваю групу та переконуюсь, що цього разу група активована (3). Якщо зараз я натисну Ctrl+V, скопійоване вміст розміститься вище вибраної групи або шару (4). Саме цього ми хотіли досягти.
Зміна розміру документа та розміру полотна
Тепер ми повинні гарантувати, що крило знаходиться за нашим Різдвяним ангелом. Це зазвичай робиться просто, розмістивши шар під шаром "Танцівниця".
Але ми бачимо у нашому документі, що доступного місця надто мало. Нам треба спочатку його знайти. Ми повинні збільшити документ або, як кажуть в Affinity, збільшити полотно. Це можна зробити через Документ, де є дві опції: Змінити розмір документа… (1) та Змінити розмір полотна… (2).
Де різниця? За допомогою зміни розміру документа (3) зображення збільшується або зменшується, то є, пікселі на зображенні перераховуються і вміст таким чином збільшується або зменшується. Ми цього не хочемо в цьому випадку.
Замість цього ми обираємо зміну розміру полотна (4). Тепер я можу визначити, яким повинен бути розмір полотна або документу. Я вибираю центр як якір (5), щоб зображення збільшувалося з середини. Я встановлюю розмір на 8 000 пікселів (6). За допомогою символу замка інший значення пропорційно адаптується. Отже, я відкриваю символ замка (7) і так само ввожу 8 000 пікселів для другого значення. Це підтверджую з змінити розмір.
Примітка: Помилки відображення в Affinity Photo
Не дивуйтеся цієї лінії (1), це помилка відображення. Якщо я збільшу в зображення, вона зникне (2). Це, очевидно, проблема відображення в Affinity Photo (Версія 1.6) - коли зображення зберігається, ця лінія не зберігається, оскільки фактично її немає.
Розмістити крила за скульптурою
Я перейменовую шар пікселів на "Праве крило" (1). Для цього я також створюю нову групу: Шар активований, і я клікаю на символ папки (2) або натискаю Ctrl+G. Групу я перейменовую у "Крила" (3). Тепер я перетягую групу аж вниз (4), щоб розмістити крило за скульптурою (5).
Горизонтальне відображення крил
Я дублюю крило. Для цього вибираю "Праве крило" і натискаю Ctrl+J (1). Копію я перейменовую у "Ліве крило" (2). Його я перетягую наліво (3), потім відображую: Клацаю правою кнопкою миші на крило і обираю Трансформувати>Горизонтальне відображення (4). Тепер крило відображене (5).
Рухати та обертати мотиви
Давайте спочатку дізнаємося про праве крило: Якщо я на нього натисну, я можу його переміщати (1).
Для обертання я переміщаю курсор миші до верхнього кута (2). Не безпосередньо на точку якоря, а трохи далі на зовнішній стороні, тоді з'явиться подвійна стрілка. Перетягуючи клікаючи, повертається крило.
Якщо ж я клікаю на одну з контрольних точок (1) і перетягую, розмір змінюється пропорційно (2 та 3). Якщо ви не хочете збільшувати або зменшувати пропорційно (4), тримайте натиснутою клавішу Shift-під час перетягування контрольної точки.
Тепер я розміщую крило так, як я хочу, обертаю його і трохи розтягую. Тут знизу я повинен враховувати, що вільна область не видно (1). Також крило не повинно починатися ззаду від шиї (2). Мені до вподоби це (3).
До лівого крила: Я посилюю його обертання, щоб обидва крила слідували за руками. Тут я також встановлюю розмір, іноді працюю не пропорційно. Крило має бути приблизно на рівні коліна (1) і також за плечем (2).
Зменшивши масштаб, помітно, що праве крило виглядає трохи більшим, ніж ліве (1). При цьому праве має трохи відійти назад, а ліве - більше в бік. Я ще раз це виправлюю (2).
Таким чином, ми розмістили обидва крила за статуею.
Розміщення та трансформація мотивів в Affinity Photo – Підсумок Частина 8
- Додавайте зображення в інші за допомогою копіювання та вставки з Strg+C і Strg+V.
- Під час вставлення оберіть елемент у палітрі шарів.
- Використовуйте Розмір документа, щоб змінити розмір свого зображення.
- Використовуйте Розмір полотна, щоб налаштувати доступну робочу область.
- ПКМ на зображенні дозволить обернути його горизонтально або вертикально Трансформувати.
- Переміщуйте мотиви, клацаючи на них і перетягуючи.
- Використовуйте трансформації, такі як дзеркальне відображення, обертання та (пропорційне) збільшення та зменшення, щоб візуальні елементи відповідали вашим потребам.
- Натиснувши на обмежувач мотиву, ви можете змінювати його розмір пропорційно. Натискаючи при цьому клавішу Shift-, переключайтеся на розмір без пропорцій.
Вміст пости базується на відео-посібнику нашого тренера Марко Кольдіц: