Урок по Affinity Photo: Коледният ангел

Affinity Photo: Изрязване и трансформиране на крилата - "Коледният ангел" (Части 6–8/14)

Marco Kolditz
публикувано:

Изрежете мотивите в Affinity Photo – с помощта на QuickMask и кистете за рисуване успяхме да направим това при танцьорката. В частите 6–8/14 от нашия уроководител поучавате друг метод сега: Подгответе си петното перо и дайте на ангела заслужените си крила, използвайки пътеките.


Част 6: Изрязване на криле – създаване на пътека с петното перо

Залови се за втория мотив, който ти е необходим за композиране. Преди да изрежеш крилата, Марко Колдитц ще ти обясни основите на изрязването с помощта на петното перо в Affinity Photo. След работата с кистето за рисуване и QuickMask усвои втората техника за изрязване. Накрая стои избор, базиран на пътеки, който ще се доразвие в последващия урок.

Affinity Photo: Приложете молива
Научи как да приложиш петното перо в Affinity Photo основно и на конкретен пример.

Това научаваш в Част 6 на урока по Affinity Photo

  • Създаване на пътека с петното перо за подготовката на изрязване
  • Основи за инструмента петното перо и конкретни приложения
  • Обмяна на дъги и ъгли, за да се създадат закръгления и ръбове

Изрязване с петното перо – обяснението на основите

Заемаме се с крилата. За целта избрах тази снимка и я заредих във въпросното приложение. Отново можем да активираме изрязването чрез QuickMask и да изберем крилото с кистето за рисуване.

В този случай обаче предпочитам инструмента петното перо и работата с пътища, защото имаме красиви криви, които се избират добре с пътища. Вземам инструмента петното перо. Той е скрит зад тази икона и може да се стартира и с P:

Affinity Photo: Активирайте молива с бутона P или чрез икона.
Инструмента петното перо се активира с бутона P или през иконата.

Зумирам върху изображението. Когато щракна върху точка в изображението с петното перо, се появява този малък квадрат (1). В палитрата със слоеве все още нищо не се вижда специално. Когато поставя втора точка, имам две опънати точки и между тях линия (2). В палитрата за слоеве сега има кривинен слой, по същество слои на пътища. Когато слагам още опънати точки и затворя целия процес, създавам закрит път (3).

Affinity Photo: Задаване на ключови точки и затваряне на пътища
След като сложиш втора опъната точка, създаваш кривинен слой. Затвори пътищата, като ги завърнеш към първата опъната точка.

Опънатите точки са правоъгълни. За да направя закръгление, т.е. криви, трябва да щракна и плъзна до следващата опъната точка (1). По този начин постигам крива. От опънатата точка излизат малки крачета. Освен това опънатата точка вече не е правоъгълна, а кръгла.

Ако щракна и плъзна отново (2), виждам красиви криви, които преминават в другите криви. Така че няма видими ръбове, и всеки от тези опънатите точки има две крачета.

Ако искам да преместя тези отделни опънати точки, независимо дали кръгли или правоъгълни, задържам натиснат клавиша Ctrl. Съответно курсорът се променя (3) – щраквам на опънатата точка и я плъзвам. Така мога да поставя опънатите точки там, където искам.

Това важи и за крачета на такива криви. Ако щракна и плъзна крачето с натиснат клавиш Ctrl (4), мога да променям кривата. Двете крачета се движат къмедруг, така че не се образува неприятен ръб.

Affinity Photo: Рисувайте ъгли и криви с писалката.
За ъгли и криви: Едно щракване задава правоъгълни промен, натискане и плъзгане задава кръгъл опънат параметър.

Ако искам, че това да бъде крив елемент и всичко това да премине в ръб, трябва да задържа бутона Alt, щракна и плъзна (1). Така съм създал ръб. Крачетата се движат по независими пътища (2). С натиснат Ctrl мога да променя крачетата. Сега имаме една крива, един ръб и отново една крива (3). По квадрата се вижда, че тук има ръб.

Affinity Photo: Клавишни комбинации за използване на писалката при рисуване на пътища.
С Alt бутона променяте видовете точки на куката. С Ctrl можете да премествате точките на куката и ръцете.

Създаване на път с писалката

Така лесно може да работите с пътища. Чрез тази техника избираме крилото. Изтривам текущия слой с пътища. Поставям първата точка тук (квадратна точка при 1), втората на този ред, като директно влача, за да създам крива (кръгла точка при 1). Внимавам да платна кривата да бъде поставена върху крилото. Ако излиза извън крилото, задържам бутона Ctrl, кликвам върху точката и така малко коригирам.

Тук поставям третата точка (2). Писалката е нещо, с което трябва да се упражнявате малко – колкото повече работите с инструмента, толкова по-добре знаете къде трябва да кликнете в изображението. Така че не е необходимо да поставяте точка по милиметър, а по-скоро може да оставите разстояние и да работите с тези криви.

Тук виждаме, че вероятно раменето е прекалено дълго. Ето защо го коригирам, докато държа бутона Ctrl (от 2 към 3). Общо взето работя така, че пътят да бъде по-скоро в средата на крилото, отколкото извън него.

Affinity Photo: Изрязване с помощта на пенсела
Използвайте точки от куката, за да направите пътищата да следват по кривите.

Тук също правя допълнителни настройки, докато всичко не се изпълни. Така че работите стъпка по стъпка през изображението.

Affinity Photo: Изрязване с помощта на плумата.
Практиката прави майстор: Когато веднъж разберете как да кликате и влачите, знаете къде трябва да кликнете и влачите.

В следващото изображение виждаме, че имаме леко извит участък пред нас. Така че вероятно е достатъчно да поставим следващата точка на горе. Кликвам и влача – и отново имаме крива, но тя не следва кривата на крилото ни. И така аз също коригирам това, като удължавам рамото.

Както казах, трябва да си отделим време, докато дословно разберем техниката. Инструментът писалка- е много препоръчителен, когато трябва да изолирате обекти като чаши или технически устройства. При обекти с криви и дори прави линии работата с пътища е по-ефективна от например изолацията с Бърза маска.

Affinity Photo: Изрязване с помощта на оловната химикалка.
Дълги участъци могат да се превключат с писалката.

Сега преминаваме в по-сложна област. Тук имаме едно закривяване и след това ръб. Поставям точката и коригирам кривата (от 1 към 2).

Когато поставям следващата точка и влача, вече имаме крива (3), но и тук отдолу също (стрелка при 3). За да запазваме ръба, натискам бутона Alt, кликвам върху точката и влача. Така превръщам кръглата точка отново в ъглата (4). С натискане на бутона Ctrl движа рамата независимо една от друга.

Горе имаме област, в която крилото не е непрекъснато (5). Това можем да коригираме по-късно с маска.

Съчетаване на ъглови и кръгли опорни точки в Affinity Photo.
Комбинирайте правоъгълни и кръгли точки от куката, за да се справите с такива извити елементи.

По този начин можете да работите през изображението. Хубавото е, че с един път ще постигнете много фини контури, което означава, че нещата не са толкова пикселирани или неравни, както могат да бъдат, ако работите с Мазало на платно- инструмента например.

Affinity Photo: Изрязване с помощта на писалка
Точка по точка, използвайки писалката, работите през изображението.

Текущият резултат: Избрах целия крило с помощта на инструмента Молив за рисуване-.

Affinity Photo: Изрязване с писалката - пълна пътека около обекта.
Резултатът: Контура на крилото бе изцяло изрисуван с път.

Създаване на път с Молива за рисуване – Обобщение Част 6

  • С Молива за рисуване създавате равнина на криви върху основата на пътища.
  • Моливът за рисуване е препоръчителен за обекти с прави и криви ръбове.
  • Активирате Молива за рисуване чрез икона или с бърз път P.
  • С едно щракване задавате ъглова точка за ъгли.
  • Чрез щракване и влачене създавате кръгла точка за криви.
  • Поставените точки захващате и премествате с натискане на клавиша Ctrl-.
  • С клавиша Alt- преобразувате кръгла точка в ъглова точка.
  • Накрая важи: Практика прави майстора! Изпробвайте се с Молива за рисуване на различни форми.

Част 7: Изрязване на крило, създаване на маска и включване на резци

Сега трябва да изрежете крилата след балерината. Пътя може да преобразите както чрез функцията Маска така и чрез Избор. Как да постъпите, ще научите в седмото урокче от Коледната серия. Докато това правите, проправяте няколко резца по ръбовете на крилата, така че в крайна сметка резултатът е изцяло изрязан и все още по-реалистичен, защото действително износен мотив.

Affinity Photo: От пътя към изрязания обект, постижимо чрез маската и избора.
Пътят е там – но как стигате до изрязването? Двата начина са възможни: чрез маска и избор

Това научавате в Част 7 на Уроците по Affinity Photo

  • Как да създадете маска от път
  • Създаване на пътеви и пикселни маски
  • Молив за рисуване – Функции Избор и Маска
  • Направете допълнителни оптимизации с Четката преди да се приложите
  • Сливане на видимите слоеве в Affinity Photo

Създаване на маска от път

След като създадохме пътя за крилото в предходния урок, сега в палитрата със слоеве имаме изображението като заднина и равнината на кривите, т.е. нашия пътов слой. Как можем да превърнем това в маска? – Има два начина …

При активиран пътов слой (1) с изображението под него, което искам да маскирам, щраквам върху Маска (2). Вече съм маскирал и избрал крилото. Останалото е прозрачно (3). В палитрата със слоевете има изображението с маска (4) – с пътовата маска, която все още може да се променя.

Сега не мога да взема инструмента Четката- и да боядисвам с черен преден план, за да направя този район прозрачен – това не работи, защото имаме пътова маска. Но ако избера нашия заден слой (4) и щракна върху иконата на маската (5), мога да създам нова маска (6). Тази маска отново мога да щракна и да я пусна върху задния слой (7). Сега имам пикселна и пътова маска (8).

Affinity Photo: Стъпка по стъпка: Създаване на маска за път и пиксели
Така създавате стъпка по стъпка пътова и пикселна маска.

Един съвет: Можете да активирате функцията Настройки за помощника, за автоматично прилагане на маска върху избрания слой. Обикновено аз не ползвам помощника, защото от една страна носи предимства, а от друга, понякога и недостатъци.

Активиране на помощника в Affinity Photo.
Съвет: В някои случаи е полезно да активирате помощника.

Показвам ти какво означава, когато е активиран: Повторно активирам задния план (1), кликвам върху този символ за маска (2). В този случай програмата Affinity Photo разбира, че искам да приложа маска върху този слой (3). Така че помощникът е полезен. Но има сцени, където помощникът действа и прави неща, които по същество не са планирани. Затова го бях деактивирал.

Affinity Photo: Създаване на маска с активиран помощник.
Създаване на маска с активиран помощник

Имаме пътева маска и пикселна маска. Когато активирам пикселната маска (1) и инструмента Мазало- (2) с черен преден цвят (3), мога да маля транспарентни области (4).

Така можем да работим с комбинация от пътева маска и пикселна маска. Променяме пътевата маска с инструмента Маркер за път - пикселната маска с Мазалото.

Affinity Photo: Продължете да редактирате изолирания обект върху маската.
На пикселната маска може да настроите вашата изкройка по желание.

Създаване на избор от път

Ако искате да работите само с пикселна маска, постъпете по следния начин: Отново имаме нашия оригинален фон и слоя с кривата. Инструментът Маркер за път е активен (1). Намирам се върху слоя с кривата (2). Този път избирам Избор (3). Така преобразуваме пътя в пикселен избор (4).

Affinity Photo: Създаване на избор за открояване от един път.
Втората възможност: Създайте избор на път.

С помощта на избора можем да създадем пикселна маска. За целта активирам фона (1), също и настройките на помощника (2), и кликвам върху маската (3), така че на избрания слой се добавя пикселна маска (4). С Ctrl+D отмятам текущия избор.

Affinity Photo: Създаване на пикселова маска
Създаването на пикселна маска

Редактиране на маската на крилото

Можем също да редактираме и оптимизираме маската. За целта увеличавам изображението. Приспособявам краищата. В момента всичко е изключително гладко. Вземам Мазалото (1) с черен преден цвят (2) и маля върху маската (3), за да внеса малко кербове, които в крайна сметка дават по-реалистичен ефект (4).

Affinity Photo: Изрязване - детайлна работа върху контурите на обекта.
Едно успешно сглобяване се състои от такива детайли: Работете малко с кербове.

Продължавам да работя около целия избор. Тъй като работя с графичен таблет, мога да варирам дебелината на четката с писалката, като натискам по различен начин.

Affinity Photo: Изрязване - Детайлна работа върху контурите на обекта.
С помощта на Мазалото можете лесно да внесете кербове.

Областите можем напълно да пренебрегнем, тъй като те по-късно ще бъдат зад модела:

Affinity Photo: Изрязване - Детайлна работа върху контурите на обекта.
Тези области по-късно ще бъдат зад танцьорката и затова не трябва да се обръща внимание на тях.

Сливане на видимите слоеве

Можем да поставим този слой, изображението с маската, в нашето сглобяване. Искам обаче да ти покажа как се създава отделен слой, където само това крило е, напълно без маска. За целта избираш текущия слой (1) и отиваш под Слой на Заедно сливам видимите (2). Алтернативно това може да стане с Ctrl+Alt+Shift+E. Така долните слоеве се сливат заедно (3).

Affinity Photo: Обединяване на видимите слоеве
Сливане на видими слоеве в Affinity Photo

Така аз се представих крилото на едина отделна равнина пред прозрачен фон, напълно без маска. И сега можем да го поставим в композирането.

Affinity Photo: Резултат от изчистеното крило.
Чудесно! След танцьорката вече освободихме крилата за нашето композиране.

Създаване на маски в Affinity Photo - Резюме част 7

  • За създаване на маска от път имаше функциите Маска и Избор в Панела за писалка.
  • Маските от пиксели можеш да редактираш по-натам след това с Четка за боя.
  • Използвай асистента при нужда.
  • Видимите равни можеш да обединиш с Ctrl+Alt+Shift+E.

Част 8: Поставяне и трансформиране на крилата

Крилото и свързаните с него елементи освободихме в предишните части на урока. Сега трябва да комбинираме мотивите. Научете какво трябва да внимавате при Поставяне на изображение в друго и как да трансформирате елементите. Използвайте завъртане, хоризонтално оглаждане и пропорционално / непропорционално уголемяване и намаляване, за да накарате ангела да лети.

Позициониране и трансформиране на крилата на ангела.
В тази част от урока по Affinity Photo най-накрая даваме на ангела неговите крила.

Това научавате в Част 8 от урока по Affinity Photo

  • Как да вмъкнете изображения в други и на какво да обърнете внимание
  • Промяна на размера на документа и размера на платното
  • Поставяне и трансформиране на мотиви: хоризонтално оглаждане, местене, завъртане, (пропорционално) увеличаване и намаляване

Копиране на изображение от файл и поставяне в друг файл

Освободихме крилото и го поставяме зад Коледния ангел. Затова отворих файловете с крилото (1) и Коледния ангел (2). В Панела с равни виждаме крилото, което е на пикселна равнина (3).

Бих искал да маркирам това и да го плъзна в другия файл, но това не работи в Affinity Photo (Версия 1.6). Също така не мога просто да кликна върху крилото и да го плъзна в другия файл. Трябва да изберем друг път, чрез Копиране и Поставяне: Избирам равнината, която искам да копирам и натискам Ctrl+C за копиране. Превключвам към другия файл.

Affinity Photo: Копиране на обекти от един документ в другия
Изберете крилото и натиснете Сtrl+C, за да го копирате.

Сега мога да натисна Ctrl+V, за да поставя крилото. Но трябва да внимаваме: В Панела с равни групата в момента не е избрана (1). Ако просто натисна Ctrl+V, нищо не се случва. Къде е крилото? То е било поставено някъде в групата (2).

Изтривам равнината, затварям групата и този път се уверявам, че групата е активирана (3). Сега, когато натисна Ctrl+V, копираният съдържание ще бъде поставен над или под предишно избраната група или равнина (4). Точно това искахме да постигнем.

Прилепете мотив в изображение
Винаги внимавайте кое елемент е избран в панела с равни при поставяне на мотив.

Промяна на размера на документа и на платното

Сега трябва да се уверим, че крилото е зад нашия Коледен ангел. Това обикновено се постига лесно, като сложим равнината под равнината на "танцьорката".

Виждаме обаче в нашия документ, че няма много свободно пространство. Първо трябва да си го осигурим. Трябва да увеличим документа или, както се казва в Affinity, да увеличим платното. Това става чрез Документ, където има две опции: Промяна на размера на документа… (1) и Промяна на размера на платното… (2).

Къде е разликата? С Промяна на размер на документа (3) изображението се увеличава или намалява, което значи, че пикселите в изображението се преизчисляват и съответно се уголемяват или намаляват. В този случай това не ни трябва.

Вместо това избираме Промяна на размера на платното (4). Сега мога да дефинирам каква трябва да бъде големината на платното или документа. Избирам средата като анкер (5), така че изображението да бъде уголемено от средата навътре. Установявам размера на 8 000 px (6). Чрез символа на катинарчето другата стойност се корегира пропорционално. Следователно отключвам катинарчето (7) и въвеждам също 8 000 px за втората стойност. Това потвърждавам с Промяна на размера.

Affinity Photo: Промяна на функциите за размера на документа и на размера на платното.
Функциите Промяна на размера на документа и Промяна на размера на платното

Забележка: Проблем с показа в Affinity Photo

Не се чудете за тази черта (1), това е проблем с изобразяването. Когато увеличите изображението, тя изчезва (2). Очевидно проблем с показването в Affinity Photo (Версия 1.6) – когато запазите изображението, чертата не е включена, тъй като по същество тя не съществува.

Affinity Photo: Грешка в показването във версия 1.6
Проблем с показването: Версия 1.6 на Affinity Photo показва линии, които фактически не съществуват.

Поставяне на криле зад статуята

Преименувам пикселовия слой на "Дясно крило" (1). Също така създавам нова група: Активиран е слоя и кликвам на символа на папка (2) или натискам Ctrl+G. Преименувам групата на "Крила" (3). Сега премествам групата най-отдолу (4), за да поставя крилете зад статуята (5).

Поставете крилата зад ангела.
Както винаги, преименуйте слоевете си и групите, за да намерите бързо нещата.

Хоризонтално обръщане на крилете

Дупликирам крилото. Избирам "Дясно крило" и натискам Ctrl+J (1). Преименувам копието на "Ляво крило" (2). Премествам го наляво (3), след което го обръщам: Щраквам с десния бутон на мишката върху крилото и избирам Преобразуване>Хоризонтално обръщане (4). Така крилото е обърнато (5).

Affinity Photo: Преобразуване на мотиви и тяхно огледално отражение по вертикала и хоризонтала.
Чрез десен клик можеш да завъртиш мотива под Преобразуване както вертикално, така и хоризонтално.

Преместване и завъртане на мотивите

Нека първо се погрижим за дясното крило: Когато го кликнете, можете да го преместите (1).

За въртене премествам курсора на мишката горе в ъгъла (2). Не директно върху точката за закотване, а малко по-навън, тогава се появява двойната стрелка. Чрез кликане и влачене крилото се завърта.

Affinity Photo: Завъртете мотива.
Кликвай и влачи мотива, за да го преместиш. Въртенето става чрез влачене близо до дръжката на ъгъла на мотива.

Обаче, ако кликнете върху една от точките за закотване (1) и влачите, размерът се променя пропорционално (2 и 3). Ако не искате да увеличавате или намалявате пропорционално (4), докато влачите точката за закотване, натиснете клавиша Shift- по време на влаченето.

Affinity Photo: Преобразуване на мотиви с пропорционални и непропорционални трансформации.
Чрез влачене на дръжките можеш да увеличиш и намалиш мотивите пропорционално. Ако натиснеш Shift, промяната на размера не е пропорционална.

Сега позиционирам крилото по начина, по който искам, като го завъртя и малко го разтегна. Тук отдолу трябва да внимавам, че свободната зона не е видима (1). Крилото също не трябва да започва отзад врата (2). Така ми харесва (3).

Affinity Photo: Приспособяване на крилото към ангела.
Приспособяване на дясното крило

За лявото крило: Завъртя го по-силно, така че двете крила да следват ръцете. Също така настройвам големината, понякога работя непропорционално. Крилото трябва да започне около коляното (1) и също отзад на рамото (2).

Сродство Фото: Приспособяване на крилото към ангела.
Първоначално приспособяване на лявото крило

При по-ниско увеличение става очевидно, че дясното крило изглежда малко по-голямо от лявото (1). Трябва да отиде назад малко дясното и лявото повече настрани. Ще го коригирам отново (2).

Снимка за редактиране: Приспособяване на крилете на ангела
Отново приспособяване на лявото крило

Така че двете крила са заредени зад статуята.

Affinity Photo: Резултат - ангел и крилата му, изолирани в една композиция на изображението.
Резултат: Сега коледният ангел най-накрая може да излети!

Позициониране и трансформиране на мотивите в Affinity Photo - Обобщение Част 8

  • Вграждайте изображения в други чрез копиране и поставяне с Ctrl+C и Ctrl+V.
  • При поставяне проверете кой елемент в палитрата със слоеве е избран.
  • Използвайте размера на документа, за да приспособите размера на изображението си.
  • Използвайте размера на платното, за да приспособите наличната работна площ.
  • С десен бутон може да обърнете изображение хоризонтално или вертикално под Трансформация.
  • Мотивите премествате, като ги кликнете и влачите.
  • Използвайте трансформации като огледално отражение, завъртане и (пропорционално) уголемяване и намаляване, за да приспособите елементите на изображението по желание.
  • Като кликнете върху дръжката на мотива, можете да го уголемите и намалите пропорционално. Докато държите натисната клавиша Shift-, превключвате към промяна на размера, която не е пропорционална.

> Към предходните части 4 и 5

> Към следващите части 9 и 10

Пробвайте TutKit.com безплатно и без задължение.

Съдържанието на публикацията се основава на видео урок на треньора ни Марко Колдиц:

Публикувано на на Marco Kolditz
Публикувано на:
От Marco Kolditz
Марко Колдиц работи като цифров художник, редактор и видеотреньор в Мюнхен под името MEER DER IDEEN. Той също така управлява едноименното си блогмагазин и YouTube канал. Освен видеообучения за PSD-Tutorials, Марко Колдиц вече е публикувал множество видеоуроци за Adobe Photoshop и Adobe Illustrator, както и статии за креативни композиции в Photoshop за други специализирани списания като DigitalPHOTO.
Обратно към прегледа