{"id":22583,"date":"2023-07-11T05:00:00","date_gmt":"2023-07-11T03:00:00","guid":{"rendered":"https:\/\/sii.pl\/blog\/?p=22583"},"modified":"2023-06-30T10:46:10","modified_gmt":"2023-06-30T08:46:10","slug":"shotcut-jak-wykorzystac-dowolne-ksztalty-jako-maski","status":"publish","type":"post","link":"https:\/\/sii.pl\/blog\/shotcut-jak-wykorzystac-dowolne-ksztalty-jako-maski\/","title":{"rendered":"Shotcut \u2013 jak wykorzysta\u0107 dowolne kszta\u0142ty jako maski?"},"content":{"rendered":"\n

Rozwijana przez Meltytech LLC aplikacja Shotcut<\/a> to rozbudowane narz\u0119dzie do monta\u017cu video dysponuj\u0105ce wieloma przydatnymi funkcjonalno\u015bciami takimi jak stabilizacja obrazu czy efekt blue box (chroma key<\/a>). Jest darmowa (licencja GPL-3.0) i dost\u0119pna dla system\u00f3w operacyjnych Windows, Linux macOS i FreeBSD.<\/p>\n\n\n\n

Shotcut od wersji 22.06.23 umo\u017cliwia wykorzystanie dowolnych kszta\u0142t\u00f3w jako maski<\/strong> za pomoc\u0105 Glaxnimate i w\u0142a\u015bnie t\u0119 funkcjonalno\u015b\u0107 zaprezentuj\u0119 w tym poradniku.<\/p>\n\n\n\n

Tworzenie nowego projektu<\/strong><\/h2>\n\n\n\n

Prac\u0119 z Shotcut zaczynamy od utworzenia nowego projektu. Po klikni\u0119ciu Plik<\/em> > Nowy<\/em> w oknie programu pojawi si\u0119 ma\u0142y formularz. Trzeba w nim okre\u015bli\u0107, w kt\u00f3rym folderze ma si\u0119 znale\u017a\u0107 nasz projekt i jak ma si\u0119 nazywa\u0107 jego podfolder. Wybieramy tak\u017ce rozdzielczo\u015b\u0107 i liczb\u0119 klatek na sekund\u0119. Wybranie opcji Auto<\/em> spowoduje, \u017ce projekt przyjmie tak\u0105 rozdzielczo\u015b\u0107 i framerate jak pierwszy klip video, kt\u00f3ry do niego dodamy. Klikni\u0119cie przycisku Start<\/em> utworzy podfolder i plik projektu z rozszerzeniem mlt<\/em>.<\/p>\n\n\n\n

Plik ma struktur\u0119 zgodn\u0105 z XML, a to oznacza, \u017ce w razie potrzeby mo\u017cna dokonywa\u0107 w nim zmian przy u\u017cyciu edytora tekstowego. Jest to przydatne, na przyk\u0142ad, gdy trzeba zmieni\u0107 \u015bcie\u017cki do wielu plik\u00f3w, z kt\u00f3rych korzysta projekt lub masowo zmieni\u0107 jaki\u015b parametr powtarzaj\u0105cy si\u0119 wiele razy.<\/p>\n\n\n\n

\"Tworzenie
<\/a>Ryc. 1 Tworzenie nowego projektu w Shotcut<\/figcaption><\/figure>\n\n\n\n

Je\u015bli pliki \u017ar\u00f3d\u0142owe skopiujemy przed ich u\u017cyciem do katalogu projektu i dodamy, przeci\u0105gaj\u0105c na obszar playlisty, to b\u0119d\u0105 one przy ponownym otwarciu projektu poszukiwane pod ich \u015bcie\u017ckami wzgl\u0119dnymi. Dodanie plik\u00f3w przez przeci\u0105gni\u0119cie prosto na obszar osi czasu spowoduje, \u017ce Shotcut b\u0119dzie ich szuka\u0142 pod ich \u015bcie\u017ck\u0105 bezwzgl\u0119dn\u0105. Warto o tym pami\u0119ta\u0107,<\/strong> je\u015bli chcemy, by projekt da\u0142o si\u0119 przenosi\u0107 mi\u0119dzy wieloma komputerami.<\/p>\n\n\n\n

Przy bardziej z\u0142o\u017conych zadaniach, gdzie konieczne jest na\u0142o\u017cenie wielu efekt\u00f3w lub zmontowanie wielu klip\u00f3w w jeden film, mo\u017cna zagnie\u017cd\u017ca\u0107 projekty w drzewie katalog\u00f3w, w taki spos\u00f3b, \u017ce plik video b\u0119d\u0105cy efektem ko\u0144cowym jednego projektu b\u0119dzie plikiem wej\u015bciowym do kolejnego, po\u0142o\u017conego wy\u017cej.<\/p>\n\n\n\n

Dodajemy wi\u0119c plik do projektu, przeci\u0105gaj\u0105c na obszar playlisty i dopiero po tym przeci\u0105gamy z playlisty na o\u015b czasu. Nast\u0119pnie klikamy prawym przyciskiem myszy na pustym fragmencie \u015bcie\u017cki video, Akcje \u015bcie\u017cek<\/em> > Dodaj \u015bcie\u017ck\u0119 video<\/em>. Nowa \u015bcie\u017cka powinna si\u0119 znajdowa\u0107 nad istniej\u0105c\u0105.<\/p>\n\n\n\n

\"Shotcut<\/a>
Ryc. 2 Shotcut w trybie edycji. Playlista\/biblioteka po lewej, podgl\u0105d po prawej, o\u015b czasu u do\u0142u<\/figcaption><\/figure>\n\n\n\n

Wyb\u00f3r metody<\/strong><\/h2>\n\n\n\n

Najprostszym przyk\u0142adem zastosowania animowanej maski o dowolnym kszta\u0142cie<\/strong> jest zas\u0142oni\u0119cie b\u0105d\u017a zniekszta\u0142cenie tablicy rejestracyjnej pojazdu widocznej na nagraniu.<\/p>\n\n\n\n

Na samym pocz\u0105tku trzeba si\u0119 zastanowi\u0107, czy chcemy ten obszar zas\u0142oni\u0107 jednolitym kolorem, czy zniekszta\u0142ci\u0107 filtrem (np. rozmy\u0107 czy zapikselowa\u0107). Tego wyboru nale\u017cy dokona\u0107 ju\u017c teraz, poniewa\u017c od niego zale\u017cy, jaki b\u0119d\u0105 kolejne kroki do wykonania.<\/p>\n\n\n\n

Oczywi\u015bcie cenzura to nie jedyne zastosowanie maski<\/strong>. Mo\u017ce te\u017c s\u0142u\u017cy\u0107 do zmiany koloru, duplikowania i przesuwania w czasie obiekt\u00f3w oraz os\u00f3b widocznych na nagraniach.<\/p>\n\n\n\n

\"Trzy<\/a>
Ryc. 3 Trzy popularne sposoby zakrywania cz\u0119\u015bci kadru: wype\u0142nienie kolorem, rozmycie gaussowskie, pikselizacja<\/figcaption><\/figure>\n\n\n\n

Wype\u0142nienie kolorem<\/strong><\/h2>\n\n\n\n

Je\u015bli zdecydujemy si\u0119 na wype\u0142nienie kolorem, klikamy Plik<\/em> > Otw\u00f3rz inny\u2026<\/em>, wybieramy pozycj\u0119 Animation<\/em> i wpisujemy czas trwania animacji \u2013 najlepiej taki sam, jak czas trwania dodanego wcze\u015bniej klipu. Parametr kolor t\u0142a powinien mie\u0107 warto\u015b\u0107 transparent<\/em>. Klikamy OK<\/em> i wybieramy, gdzie ma by\u0107 zapisana animacja. Ka\u017cda animacja zapisywana jest do osobnego pliku o rozszerzeniu rawr<\/em> i strukturze opartej na JSON.<\/p>\n\n\n\n

Nale\u017cy pami\u0119ta\u0107, \u017ce animacja po utworzeniu nie jest od razu dodawana do projektu. Trzeba przeci\u0105gn\u0105\u0107 czarny podgl\u0105d animacji z obszaru podgl\u0105du lub ikon\u0119 pliku animacji z Menad\u017cera plik\u00f3w na playlist\u0119, a stamt\u0105d na lini\u0119 czasow\u0105 (nie przeci\u0105gamy prosto na lini\u0119 czasow\u0105 z tego samego powodu, co w przypadku klipu video).<\/p>\n\n\n\n

Aby przej\u015b\u0107 do edycji animacji, zaznaczamy blok symbolizuj\u0105cy animacj\u0119 na linii czasowej, a nast\u0119pnie przycisk Edycja\u2026<\/em> w zak\u0142adce W\u0142a\u015bciwo\u015bci<\/em>.<\/p>\n\n\n\n

\"Animacja<\/a>
Ryc. 4 Animacja na g\u00f3rnej \u015bcie\u017cce, klip na dolnej<\/figcaption><\/figure>\n\n\n\n

Przy wyborze wype\u0142nienia kolorem w dalszej cz\u0119\u015bci poradnika b\u0119dziemy animowa\u0107 wektorowy wielok\u0105t zas\u0142aniaj\u0105cy klip video znajduj\u0105cy si\u0119 na \u015bcie\u017cce poni\u017cej.<\/p>\n\n\n\n

Zniekszta\u0142cenie za pomoc\u0105 filtru<\/strong><\/h2>\n\n\n\n

Je\u015bli zdecydujemy si\u0119 na zniekszta\u0142cenie, to dodany na samym pocz\u0105tku klip nale\u017cy przeci\u0105gn\u0105\u0107 drugi raz na nowo utworzon\u0105 \u015bcie\u017ck\u0119 video, w taki spos\u00f3b, by zaczyna\u0142 si\u0119 i ko\u0144czy\u0142 dok\u0142adnie w tych samych momentach, co pierwszy.<\/p>\n\n\n\n

Z duplikatu nale\u017cy usun\u0105\u0107 \u015bcie\u017ck\u0119 d\u017awi\u0119kow\u0105, klikaj\u0105c na niego prawym przyciskiem, Wi\u0119cej<\/em> > Odetnij audio<\/em>, ewentualnie wy\u0142\u0105czy\u0107 d\u017awi\u0119k dla \u015bcie\u017cki, na kt\u00f3rej on si\u0119 znajduje. Dwa na\u0142o\u017cone na siebie klipy video z d\u017awi\u0119kiem spowodowa\u0142yby, \u017ce d\u017awi\u0119k by\u0142by niepotrzebnie g\u0142o\u015bniejszy.<\/p>\n\n\n\n

Nast\u0119pnie klikamy na klip po\u0142o\u017cony wy\u017cej na linii czasu, przechodzimy do zak\u0142adki Filtry<\/em> i klikamy przycisk \u201e+<\/em>\u201d. Filtry podzielone s\u0105 na kategorie Ulubione<\/em> (znajduj\u0105 si\u0119 w niej te najcz\u0119\u015bciej u\u017cywane), Wideo<\/em>, D\u017awi\u0119k<\/em> i Czas<\/em>. Z racji du\u017cej liczby dost\u0119pnych filtr\u00f3w autorzy programu dodali wyszukiwark\u0119, dzi\u0119ki kt\u00f3rej mo\u017cna wpisa\u0107 fragment nazwy filtru, a wy\u015bwietlana lista zostanie zaw\u0119\u017cona. Wybieramy filtr o nazwie Mask: Draw (Glaxnimate),<\/em> a nast\u0119pnie klikamy przycisk New\u2026<\/em> tworz\u0105cy now\u0105 animacj\u0119 i podpinaj\u0105cy j\u0105 do filtru.<\/p>\n\n\n\n

\"Klip<\/a>
Ryc. 5 Klip z na\u0142o\u017conym filtrem na g\u00f3rnej \u015bcie\u017cce, klip bez filtru na dolnej<\/figcaption><\/figure>\n\n\n\n

Przy wyborze zniekszta\u0142cenia w dalszej cz\u0119\u015bci poradnika b\u0119dziemy animowa\u0107 wektorowy wielok\u0105t wype\u0142niony obrazem z klipu znajduj\u0105cego si\u0119 na g\u00f3rnej \u015bcie\u017cce, zas\u0142aniaj\u0105cy klip znajduj\u0105cy si\u0119 na \u015bcie\u017cce dolnej. Nale\u017cy jeszcze wybra\u0107 filtr, za pomoc\u0105 kt\u00f3rego zostanie zniekszta\u0142cony ten wyci\u0119ty fragment, na przyk\u0142ad Rozmycie: Gaussowskie<\/em> lub Mozaika<\/em>.<\/p>\n\n\n\n

Na tym etapie warto wspomnie\u0107 o kolejno\u015bci nak\u0142adania filtr\u00f3w przez Shotcut<\/strong>. S\u0105 one nak\u0142adane od g\u00f3ry do do\u0142u. Oznacza to, \u017ce je\u015bli na pocz\u0105tku listy b\u0119dzie filtr zniekszta\u0142caj\u0105cy, a po nim wycinaj\u0105cy, to zniekszta\u0142ceniu zostanie poddany ca\u0142y g\u00f3rny obraz, a nast\u0119pnie z niego zostanie wyci\u0119ty fragment. Je\u015bli na pocz\u0105tku listy b\u0119dzie filtr wycinaj\u0105cy, a po nim zniekszta\u0142caj\u0105cy, to najpierw zostanie wyci\u0119ty fragment obrazu, a nast\u0119pnie tylko ten fragment zostanie poddany zniekszta\u0142ceniu.<\/p>\n\n\n\n

W zale\u017cno\u015bci od kolejno\u015bci zastosowania filtr\u00f3w na gotowym filmie zobaczymy r\u00f3\u017cnice w wygl\u0105dzie kraw\u0119dzi zniekszta\u0142conego obszaru<\/strong> \u2013 w pierwszym przypadku b\u0119d\u0105 ostre, w drugim przypadku b\u0119d\u0105 rozmyte.<\/p>\n\n\n\n

Jak dzia\u0142a Glaxnimate?<\/strong><\/h2>\n\n\n\n

Glaxnimate jest osobnym programem skojarzonym z formatem plik\u00f3w rawr<\/em>. Umo\u017cliwia tworzenie animacji i zapisywanie ich do wielu format\u00f3w. Nie nale\u017cy jednak otwiera\u0107 animacji Glaxnimate utworzonych w Shotcut przez dwukrotne klikni\u0119cie na ich ikony w Mened\u017cerze plik\u00f3w. Nale\u017cy klikn\u0105\u0107 przycisk Edycja\u2026<\/em> w zak\u0142adce W\u0142a\u015bciwo\u015bci<\/em> programu Shotcut. Tylko wtedy Glaxnimate uruchomi si\u0119 i wy\u015bwietli video, z kt\u00f3rym powi\u0105zana jest animacja w tle obszaru roboczego.<\/p>\n\n\n\n

Glaxnimate oferuje podobne mo\u017cliwo\u015bci, jak proste programy do grafiki wektorowej \u2013 na przyk\u0142ad Inkscape. R\u00f3\u017cnica polega na tym, \u017ce wszystkie narysowane obiekty mo\u017cna animowa\u0107 za pomoc\u0105 osi czasu i klatek kluczowych.<\/strong><\/p>\n\n\n\n

\"Okno<\/a>
Ryc. 6 Okno programu Glaxnimate<\/figcaption><\/figure>\n\n\n\n

Tworzenie dowolnego wielok\u0105ta<\/strong><\/h2>\n\n\n\n

Glaxnimate umo\u017cliwia tworzenie prostych figur geometrycznych, jak r\u00f3wnie\u017c dowolnych kszta\u0142t\u00f3w. Aby utworzy\u0107 wielok\u0105t, nale\u017cy wybra\u0107 z przybornika narz\u0105dzie Draw Bezier<\/em> i klikn\u0105\u0107 w czterech rogach tablicy rejestracyjnej. Przeci\u0105gni\u0119cie zamiast klikni\u0119cia b\u0119dzie skutkowa\u0142o utworzeniem punktu kontrolnego krzywej Beziera. Krzywe s\u0105 trudniejsze w animacji i lepiej ich unika\u0107<\/strong>. Dla lepszej precyzji mo\u017cna zmieni\u0107 powi\u0119kszenie przy pomocy menu View<\/em>.<\/p>\n\n\n\n

W tym poradniku wyja\u015bniam, jak zas\u0142oni\u0107 dok\u0142adny kontur na przyk\u0142adzie tablicy rejestracyjnej. Do zas\u0142oni\u0119cia na nagraniu na przyk\u0142ad twarzy czy numeru domu w zupe\u0142no\u015bci wystarczy narz\u0119dzie do rysowania owali \u2013 Ellipse<\/em>.<\/p>\n\n\n\n

\"Rysowanie<\/a>
Ryc. 7 Rysowanie wielok\u0105ta lub krzywej Beziera<\/figcaption><\/figure>\n\n\n\n

Nowo utworzony kszta\u0142t ma domy\u015blnie kolor bia\u0142y i jest ca\u0142kowicie nieprzezroczysty. \u017beby u\u0142atwi\u0107 sobie prac\u0119, mo\u017cna zmieni\u0107 warto\u015b\u0107 parametru opacity<\/em> (przeciwie\u0144stwo przezroczysto\u015bci) na przyk\u0142ad na 40%. Po ustawieniu (nie)przezroczysto\u015bci nale\u017cy w\u0142\u0105czy\u0107 nagrywanie klatek kluczowych<\/strong>.<\/p>\n\n\n\n

Klatki kluczowe dzia\u0142aj\u0105 na podobnej zasadzie jak w Shotcut i ka\u017cdym innym programie do monta\u017cu video czy animacji. Gdy nagrywanie klatek kluczowych jest wy\u0142\u0105czone, zmieniamy parametry dla ca\u0142ego czasu trwania filmu. Gdy nagrywanie jest w\u0142\u0105czone, mo\u017cemy przemieszcza\u0107 narysowany obiekt lub zmienia\u0107 jego parametry w czasie.<\/p>\n\n\n\n

\"Przezroczysto\u015b\u0107<\/a>
Ryc. 8 Przezroczysto\u015b\u0107 i klatki kluczowe<\/figcaption><\/figure>\n\n\n\n

Animacja<\/strong><\/h2>\n\n\n\n

To najbardziej \u017cmudny etap pracy. Jest tym bardziej pracoch\u0142onny, im d\u0142u\u017csze jest nagranie. Przy w\u0142\u0105czonym nagrywaniu klatek kluczowych przesuwamy si\u0119 po linii czasowej, klikaj\u0105c co kilkana\u015bcie klatek. Po wybraniu klatki od\u015bwie\u017ca si\u0119 wy\u015bwietlany podgl\u0105d filmu. Przesuwamy narysowany wcze\u015bniej kszta\u0142t, maj\u0105c wybrane narz\u0119dzie Select<\/em> i wci\u015bni\u0119ty klawisze Shift<\/em>, tak, by zas\u0142ania\u0142 rejestracj\u0119. Je\u015bli zmienia si\u0119 perspektywa lub odleg\u0142o\u015b\u0107 do zas\u0142anianej rejestracji, to prze\u0142\u0105czamy si\u0119 na narz\u0119dzie Edit<\/em> i przesuwamy poszczeg\u00f3lne wierzcho\u0142ki wielok\u0105ta.<\/p>\n\n\n\n

W miar\u0119 post\u0119p\u00f3w na osi czasu b\u0119d\u0105 si\u0119 pojawia\u0142y kolejne klatki kluczowe. Poszczeg\u00f3lne ich parametry mo\u017cna podejrze\u0107, a nawet wprowadzi\u0107 z klawiatury, rozwijaj\u0105c drzewko znajduj\u0105ce si\u0119 na lewo od osi czasu.<\/p>\n\n\n\n

Warto pami\u0119ta\u0107, \u017ce Glaxnimate umo\u017cliwia osi\u0105gni\u0119cie wi\u0119kszej p\u0142ynno\u015bci animacji przez zmian\u0119 typu klatek kluczowych. Klikaj\u0105c prawym przyciskiem na \u017c\u00f3\u0142tym kwadracie klatki kluczowej, mo\u017cemy wybra\u0107 klat\u0119 typu:<\/p>\n\n\n\n