Wycinanie motywów w programie Affinity Photo - przy pomocy Maska szybka oraz Pędzla udało się to z tancerką. W częściach 6-8/14 naszego cyklu samouczków poznasz teraz inną metodę: przełącz się na narzędzie Ołówek i dodaj skrzydła aniołowi, korzystając z ścieżek.
Część 6: Wycinanie skrzydeł - tworzenie ścieżki przy użyciu ołówka
Zajmij się drugim motywem, który będzie potrzebny do komponowania. Zanim rozpoczniesz wycinanie skrzydeł, Marco Kolditz wytłumaczy Ci, jak podstawowo zabrać się za Wycinanie przy użyciu narzędzia Ołówek w programie Affinity Photo. Po użyciu Pędzla i Maski szybkiej przyswoisz sobie drugą technikę wycinania. W końcu otrzymasz wybraną na podstawie ścieżki, która zostanie dopracowana w następnym samouczku.

To czego dowiesz się w części 6 samouczka Affinity Photo
- Stworzenie ścieżki z pomocą Ołówka w przygotowaniu do wycinania
- Podstawy narzędzia Ołówek i konkretna aplikacja
- Zamiana punktów kotwicznych dla tworzenia zakrzywień i krawędzi
Wycinanie za pomocą narzędzia Ołówek - omówienie podstawowe
Zajmiemy się teraz skrzydłami. Wybrałem to zdjęcie i załadowałem je do warstwy tła w programie Affinity Photo. Ponownie możemy aktywować Wycinanie przez użycie Maski szybkiej i wybór skrzydła za pomocą narzędzia Pędzla.
W tym przypadku jednak wolę korzystać z Narzędzia Ołówek i pracy ze ścieżkami, ponieważ mamy tutaj ładne zakręty, które dobrze nadają się do wyboru za pomocą ścieżek. Wybieram narzędzie Ołówek. Można je znaleźć pod tym ikonem i uruchomić je także klawiszem P:

Oddalam się od zdjęcia. Gdy kliknę punkt w obrazie za pomocą Ołówka, pojawia się ten mały prostokąt (1). W oknie warstw nic szczególnego nie widać. Gdy postawię drugi punkt, mam dwa punkty kotwiczne i pomiędzy nimi linię (2). W oknie warstw pojawi się teraz warstwa krzywej, czyli podstawowo warstwa ścieżki. Gdy dodam kolejne punkty kotwiczne i zakończę operację, uzyskuję zamkniętą ścieżkę (3).

Punkty kotwiczne są kanciaste. Aby uzyskać Zakrąglanie, czyli zakręty, muszę kliknąć i przeciągnąć do następnego punktu kotwicznego (1). W ten sposób uzyskuję krzywą. Z punktu kotwicznego wychodzą małe rączki. Ponadto punkt kotwiczy nie jest już prostokątny, lecz okrągły.
Klikając i przeciągając ponownie (2), widać ładne zakręty przechodzące w inne zakręty. Nie widać więc krawędzi, a każdy z tych punktów kotwicznych ma dwie rączki.
Jeśli chcę przesunąć poszczególne punkty kotwiczne, niezależne od tego, czy są okrągłe czy kanciaste, muszę trzymać wciśnięty klawisz Ctrl-. Kursor myszy zmienia się odpowiednio (3) - klikam w punkt kotwiczy i przesuwam. Dzięki temu mogę umieścić punkty kotwiczne tam, gdzie chcę.
Dotyczy to również rączek przy takich krzywych. Jeśli kliknę na rączkę z wciśniętym klawiszem Ctrl i przesunę (4), mogę zmienić kształt krzywej. Obydwa końce rączek zbliżają się do siebie, więc nie powstaje nieestetyczna krawędź.

Jeśli chcę, aby to była zakręta i aby wszystko przechodziło w krawędź, muszę trzymać wciśnięty klawisz Alt-, kliknąć i przeciągnąć (1). W ten sposób tworzę krawędź. Rączki poruszają się niezależnie od siebie (2). Trzymając wciśnięty klawisz Ctrl- mogę dostosować rączki. Teraz mamy krzywą, krawędź i znowu krzywą (3). Na prostokącie widać, że tu jest krawędź.

Tworzenie ścieżki za pomocą narzędzia Załamania
Tak można łatwo pracować z trasami. Korzystając z tej techniki, zaznaczamy skrzydło. Usuwam dotychczasową warstwę ścieżki. Pierwszy punkt kotwicy ustawiam tutaj (kwadratowy punkt przy 1), drugi w tym miejscu, ciągnąc prosto, aby utworzyć krzywą (zaokrąglony punkt przy 1). Dbam o to, aby krzywa była położona wzdłuż skrzydła. Jeśli wychodzi poza skrzydło, trzymając wciśnięty klawisz Strg-, klikam w punkt kotwicy i mogę go lekko skorygować.
Tu stawiam trzeci punkt kotwicy (2). Z narzędziem Załamania trzeba trochę poćwiczyć – im więcej pracowało się tym narzędziem, tym łatwiej wiedzieć, gdzie kliknąć na obrazie. Nie trzeba więc ustawiać punktu kotwicy milimetr po milimetrze, ale można zostawić więcej odstępu i raczej pracować z tymi krzywymi.
Tutaj widzimy, że ramię jest prawdopodobnie za długie. Dlatego poprawiam to przy trzymaniu wciśniętego klawisza Strg- (od 2 do 3). Ogólnie pracuję tak, aby ścieżka była raczej trochę wewnątrz skrzydła niż na zewnątrz.

Tutaj również dokonuję dalszych dostosowań, dopóki wszystko nie będzie pasować. Tak krok po kroku pracuje się przez obraz.

Na następnym obrazie widzimy, że mamy przed sobą lekko zakrzywioną trasę. Dlatego prawdopodobnie wystarczy, gdy ustawimy następny punkt kotwicy wysoko. Klikam i ciągnę – i znowu mamy krzywą, jednak nie podąża za krzywą naszego skrzydła. Dlatego dostosowuję to, przedłużając ramię.
Jak już wspomniałem, trzeba poświęcić czas, aby dosłownie opanować sztukę. Narzędzie Załamania-Tworzenia jest bardzo zalecane, gdy trzeba uwalniać obiekty takie jak szklanki czy urządzenia techniczne. Przy obiektach z krzywiznami, a także prostymi, praca z trasami jest po prostu bardziej efektywna niż na przykład uwalnianie za pomocą narzędzia Szybkiego Maskowania.

Teraz docieramy do bardziej skomplikowanego obszaru. Mamy tutaj zaokrąglenie, a następnie krawędź. Ustawiam punkt kotwicy i dopasowuję krzywą (z 1 do 2).
Jeśli teraz ustawiam następny punkt kotwicy i ciągnę, mamy co prawda krzywą (3), ale także tutaj na dole (strzałka przy 3). Aby zachować krawędź, trzymając klawisz Alt-, klikam na punkt kotwicy i ciągnę. Tak zmieniłem zaokrąglony punkt kotwicy znowu w prostokątny (4). Trzymając wciśnięty klawisz Strg-, przesuwam ramiona niezależnie od siebie.
Na górze mamy obszar, w którym skrzydło nie jest ciągłe (5). To można później skorygować za pomocą maski.

Tak pracując nad obrazem, osiąga się bardzo delikatne kontury za pomocą ścieżki, czyli nie tak pikselowe ani nierówne obszary, jakie mogłyby się pojawić, gdybyśmy na przykład pracowali narzędziem pędzel-.

Aktualne wyniki: Wybrałem całe skrzydło za pomocą narzędzia Ołówek-.

Utworzenie ścieżki za pomocą ołówka – Podsumowanie części 6
- Z narzędziem Ołówek tworzysz warstwę krzywych na podstawie ścieżek.
- Narzędzie Ołówek jest zalecane do obiektów o prostych i zakrzywionych krawędziach.
- Aktywujesz narzędzie Ołówek za pomocą ikony lub skrótu P.
- Klikając, ustawiasz punkt zakotwiczenia na rogu.
- Poprzez klikanie i przeciąganie tworzysz punkt zakotwiczenia na krzywe.
- Ustawione punkty zakotwiczenia (i ich rączki) przesuwasz, przytrzymując klawisz Ctrl-.
- Z klawiszem Alt- zamieniasz punkt zakotwiczenia na krzywą w punkt na rogu.
- Nareszcie, ważne: Praktyka czyni mistrza! Wypróbuj narzędzie Ołówek na różnych kształtach.
Część 7: Wycinanie skrzydeł, tworzenie maski i wycinanie wgłębień
Teraz należy wyciąć skrzydła po tancerce. Ścieżkę możesz przekształcić albo przez funkcję Maska lub przez Wybór. Jak postępować, dowiesz się w siódmym tutorialu z serii bożonarodzeniowej. Dodatkowo, wygładź kilka wgłębień w krawędziach skrzydeł, aby na końcu powstało w pełni wycięte i jeszcze bardziej realistyczne, ponieważ częściowo zniszczone zdjęcie.

To nauczysz się w części 7 poradnika Affinity Photo
- Jak utworzyć maskę z ścieżki
- Tworzenie masek z pikseli i ścieżek
- Ołówek – Funkcje Wybór i Maska
- Dokonywanie dalszych optymalizacji za pomocą narzędzia Pędzel
- Łączenie widocznych warstw w Affinity Photo
Utwórz maskę z ścieżki
Po utworzeniu ścieżki skrzydła w poprzednim tutorialu, na panelu warstw znajduje się teraz obraz jako warstwa tła oraz warstwa krzywych, czyli nasza warstwa ścieżki. Jak możemy z tego zrobić maskę? – Są dwie drogi …
Gdy jest aktywna warstwa krzywych (1) z pod spodem obrazem, który chcę maskować, klikam na Maska (2). Już mam skrzydło odlane maskę i zaznaczone. Reszta jest przezroczysta (3). Na panelu warstw znajduje się obraz z maską (4) – z maską ścieżki, którą można wciąż modyfikować.
Teraz nie mogę użyć narzędzia Pędzel-, aby narysować ten obszar na przezroczystość – to nie działa, ponieważ mamy maskę ścieżki. Jednak gdy wybieramy warstwę tła (4 wybierz) i klikamy na symbolu masek (5), możemy utworzyć nową maskę (6). Możemy znów na nią kliknąć i przeciągnąć na obraz tła (7). Teraz mam maskę pikseli i maskę ścieżki (8).

Wskazówka: Możesz aktywować przyciskiem Ustawienia asystenta, aby maska została automatycznie zastosowana do wybranej warstwy. Zazwyczaj mam asystenta wyłączonego, ponieważ z jednej strony przynosi korzyści, ale z drugiej strony czasami powoduje problemy.

Pokażę ci, co to znaczy, gdy jest aktywowany: Ponownie aktywuję warstwę tła (1), kliknij ten symbol maski (2). W tym przypadku Affinity Photo wie, że chcę zastosować maskę na tę warstwę (3). Asystent jest tu więc praktyczny. Ale czasami zdarzają się sytuacje, gdy asystent działa i robi rzeczy, których tak naprawdę nie planowaliśmy. Dlatego też go wyłączyłem.

Mamy więc maskę ścieżki i maskę pikselową. Jeśli aktywuję maskę pikselową (1) oraz narzędzie pędzel-malarski (2) przy czarnym kolorze pierwszego planu (3), mogę malować transparentne obszary (4).
Możemy więc pracować z kombinacją maski ścieżki i maski pikselowej. Maskę ścieżki zmieniamy za pomocą narzędzia piórko-ścieżka - maskę pikselową za pomocą pędzla.

Utworzenie z ścieżki zaznaczenia
Jeśli chcesz pracować tylko z maską pikselową, postępujesz w ten sposób: Powracamy do naszego pierwotnego tła i warstwy krzywych. Narzędzie piórko-ścieżka jest aktywne (1). Jestem na warstwie krzywych (2). Tym razem wybieram opcję Zaznaczenie (3). W ten sposób przekształcamy ścieżkę w zaznaczenie pikselowe (4).

Z uzyskanego zaznaczenia możemy utworzyć maskę pikselową. Aktywuję zatem tło (1), również ustawienia asystenta (2), i klikam na maskę (3), dzięki czemu do wybranej warstwy dodana zostaje maska pikselowa (4). Za pomocą Ctrl+D odznaczam bieżące zaznaczenie.

Edycja maski skrzydła
Maskę możemy dalej modyfikować i optymalizować. W tym celu powiększam obraz. Dopasowuję obszary brzegowe. Aktualnie wszystko jest płynne jak węgorz. Biorę pędzel (1) z czarnym kolorem pierwszego planu (2) i maluję na masce (3), aby dodać małe wgniecenia, które na końcu dają bardziej realistyczny efekt (4).

Tak pracuję wokół całego zaznaczenia. Ponieważ używam tabletu graficznego, mogę zmieniać grubość pędzla za pomocą piórka, naciskając różnie.

Obszary te można całkowicie zignorować, ponieważ znajdą się one później za modelem:

Łączenie widocznych warstw
Możemy umieścić tę warstwę, obraz z maską, w naszym komponowaniu. Chciałbym jednak pokazać ci, jak utworzyć osobną warstwę, na której znajduje się tylko to skrzydło, zupełnie bez maski. Wybierasz zatem aktualną warstwę (1) i idziesz do Warstwa na Łączenie widocznych (2). Alternatywnie można to zrobić za pomocą Ctrl+Alt+Shift+E. W ten sposób wszystkie leżące poniżej warstwy zostaną połączone w jedną (3).

W ten sposób oddzieliłam skrzydła na osobnej warstwie na przezroczystym tle, bez użycia maski. Teraz możemy umieścić je w komponowaniu.

Tworzenie masek w Affinity Photo - Podsumowanie części 7
- Aby utworzyć maskę z trasy, w Narzędziu pióra dostępne są funkcje Maska i Wybór.
- Maski pikselowe można dalej edytować za pomocą Pędzla.
- W razie potrzeby skorzystaj z asystenta.
- Widoczne warstwy można połączyć za pomocą Ctrl+Alt+Shift+E.
Część 8: Pozycjonowanie i transformacja skrzydeł
W poprzednich częściach samouczka uwolniliśmy anioła bożonarodzeniowego wraz ze skrzydłami. Teraz musimy połączyć motywy ze sobą. Dowiedz się, na co powinieneś zwrócić uwagę podczas Wklejania obrazu do innego oraz jak możesz Transformować elementy. Użyj obrotu, poziomego odbicia i proporcjonalnego lub nieproporcjonalnego powiększania i pomniejszania, aby pozwolić aniołowi latać.

To czego się nauczysz w części 8 samouczka Affinity Photo
- Jak wklejać obrazy do innych oraz na co zwracać uwagę
- Zmiana Rozmiaru dokumentu i Rozmiaru płótna
- Pozycjonowanie i transformacja motywów: poziome odbijanie, przesuwanie, obracanie, (proporcjonalne) powiększanie i pomniejszanie
Kopiuj obraz z pliku i wklej go do innego pliku
Odciniliśmy skrzydło i umieszczamy je teraz za aniołem bożonarodzeniowym. Otworzyłem pliki z skrzydłem (1) i aniołem bożonarodzeniowym (2). W Palecie Warstw widzimy odcięte skrzydło, które znajduje się na warstwie pikseli (3).
Chciałbym je zaznaczyć i przeciągnąć do innego pliku, co jednak nie działa w Affinity Photo (Wersja 1.6). Nie mogę również po prostu kliknąć skrzydła i przeciągnąć go do innego pliku. Musimy zatem wybrać inny sposób, poprzez Kopiuj i Wklej: Wybieram warstwę do skopiowania i naciskam Ctrl+C aby skopiować. Przechodzę do innego pliku.

Teraz mogę nacisnąć Strg+V, aby wkleić skrzydło. Musimy jednak uważać: W Palecie Warstw grupa nie jest aktualnie wybrana (1). Jeśli teraz po prostu nacisnę Strg+V, nic się nie stanie. Gdzie jest skrzydło? Zostało umieszczone wewnątrz grupy gdzieś (2).
Usuwam warstwę, zamykam grupę i tym razem upewniam się, że grupa jest aktywowana (3). Gdy teraz nacisnę Strg+V, skopiowana zawartość zostanie umieszczona powyżej wcześniej zaznaczonej grupy lub warstwy (4). Dokładnie tego chcieliśmy osiągnąć.

Zmiana rozmiaru dokumentu i rozmiaru płótna
Teraz musimy upewnić się, że skrzydło znajduje się za naszym aniołem bożonarodzeniowym. Zazwyczaj jest to bardzo proste, umieszczając warstwę poniżej warstwy „Tancerki”.
Jednak widzimy w naszym dokumencie, że nie ma zbyt dużo miejsca. Musimy to najpierw uzyskać. Musimy powiększyć dokument lub, jak to się nazywa w Affinity, powiększyć płótno. Można to zrobić poprzez Dokument, gdzie są dwie opcje: Zmiana Rozmiaru Dokumentu… (1) i Zmiana Rozmiaru Płótna… (2).
Jaka jest różnica? Z Zmiana rozmiaru dokumentu (3) można powiększyć lub zmniejszyć obraz, oznacza to, że piksele na obrazie zostaną przeliczone, a treści zostaną powiększone lub pomniejszone. W tym przypadku nie chcemy tego robić.
Zamiast tego wybieramy Zmianę rozmiaru płótna (4). Teraz mogę określić, jak duże ma być płótno lub dokument. Jako kotwicę wybieram środek (5), aby obraz był powiększany od środka. Ustawiam rozmiar na 8 000 px (6). Dzięki symbolowi blokady druga wartość zostanie proporcjonalnie dostosowana. Dlatego odblokowuję symbol blokady (7) i wpisuję również 8 000 px jako drugą wartość. Potwierdzam to poprzez Zmianę rozmiaru.

Uwaga: Błąd wyświetlania w Affinity Photo
Nie martw się tym paskiem (1), to błąd wyświetlania. Kiedy przybliżę obraz, zniknie (2). Wyraźnie występuje tu problem z wyświetlaniem w Affinity Photo (wersja 1.6) – po zapisaniu obrazu pasek nie zostanie zapisany, ponieważ w rzeczywistości nie istnieje.

Umieszczenie skrzydeł za posągiem
Nazwę warstwę pikseli na "Skrzydła prawe" (1). Tworzę również nową grupę: warstwa jest zaznaczona, klikam na symbol katalogu (2) lub naciskam Ctrl+G. Nazwę grupy zmieniam na "Skrzydła" (3). Teraz przeciągam grupę na sam dół (4), aby umieścić skrzydła za posągiem (5).

Odbicie poziome skrzydeł
Podwajam skrzydła. Wybieram "Skrzydła prawe" i naciskam Ctrl+J (1). Kopię nazwę na "Skrzydła lewe" (2). Przeciągam je w lewo (3), a następnie je odbijam: klikam prawym przyciskiem myszy na skrzydło i wybieram Transformuj>Odbicie poziome (4). W ten sposób skrzydło jest odbite (5).

Poruszanie i obracanie motywów
Zajmijmy się najpierw prawym skrzydłem: Po kliknięciu mogę je przesuwać (1).
Do obracania przesuwam wskaźnik myszy na górne rogi (2). Nie bezpośrednio na punkt kotwiczenia, a nieco dalej na zewnątrz, wtedy pojawi się podwójna strzałka. Przesuwając ten element można go obracać.

Z kolei klikając na jeden z punktów kotwiczenia (1) i przesuwając, proporcjonalnie zmieniam rozmiar (2 i 3). Jeśli nie chcesz zmieniać rozmiaru proporcjonalnie (4), przy przeciąganiu punktu kotwiczenia naciśnij klawisz Shift.

Teraz pozycjonuję skrzydło, tak jak mi odpowiada, obracam je i nieco rozciągam. Tu na dole muszę uważać, aby nie było widać wolnej przestrzeni (1). Skrzydło nie powinno także zaczynać się za szyją (2). Tak to mi się podoba (3).

Do lewego skrzydła: Obracam je silniej, tak aby oba skrzydła podążały za ramionami. Tutaj też dopasowuję rozmiar, czasami pracuję nieproporcjonalnie. Skrzydło powinno zaczynać się około kolana (1) i również za plecami (2).

Przy mniejszym przybliżeniu widać, że prawe skrzydło wydaje się trochę większe niż lewe (1). Prawe powinno iść nieco do tyłu, a lewe raczej na bok. To jeszcze dostosuję (2).

W ten sposób umieściliśmy oba skrzydła za statuą.

Umieszczanie i transformowanie motywów w Affinity Photo – Podsumowanie części 8
- Wstawiaj obrazy do innych poprzez kopiowanie i wklejanie za pomocą Ctrl+C i Ctrl+V.
- Podczas wklejania zwracaj uwagę, które element jest zaznaczony na palecie warstw.
- Wykorzystaj rozmiar dokumentu, aby dopasować rozmiar obrazu.
- Wykorzystaj rozmiar płótna, aby dostosować dostępną powierzchnię roboczą.
- Klikając prawym przyciskiem myszy na obrazie, możesz odwracać go poziomo lub pionowo.
- Przesuwaj motywy, klikając na nie i przeciągając.
- Wykorzystuj transformacje, takie jak odbicie lustrzane, rotacja oraz (proporcjonalne) powiększanie i pomniejszanie, aby dostosować elementy obrazu zgodnie z życzeniem.
- Klikając na uchwyt motywu, możesz proporcjonalnie go powiększyć i pomniejszyć. Przytrzymując klawisz Shift-, przejdziesz do zmiany rozmiaru nieproporcjonalnie.
> Do wcześniejszych części 4 i 5

Zawartość wpisu opiera się na podręcznym filmiku naszego trenera Marco Kolditza: