Pierwszą rzeczą, którą zrobimy przed rysowaniem, jest zmiana obszaru roboczego na Paint.

Pojawiły się panele Farby, Pędzle i Warstwa. Panel Farba służy do ustawiania parametrów malowania. Rozmiar i twardość pędzla dobierzemy w panelu Pędzle. Ponieważ nie możesz rysować bezpośrednio w panelu Kompozycja, użyjemy do tego panelu Warstwa. Najlepiej malować w 100% skali. Aby to zrobić, użyj elementu Maksymalizuj ramkę / Przywróć rozmiar ramki w bocznym menu panelu lub podczas najechania kursorem na panel naciśnij klawisz<~> na klawiaturze.
Utwórz jednolitą białą warstwę. To będzie nasze płótno, na którym będziemy ćwiczyć. Wybierz narzędzie Pędzel. Narysujmy na przykład mały kubek.

Ten efekt oznacza, że \u200b\u200bnaniesiliśmy malowanie na tę warstwę. Narysowany element jest wyświetlany we właściwościach warstwy jako podwarstwa Pędzla 1. Narysuj płatki i łodygę do naszego koła, tak aby otrzymać kwiatek.

Przyjrzyjmy się właściwościom warstwy.

Jak widać, mamy oddzielną podwarstwę dla każdego elementu rysunku. Jeśli wybierzemy jedną z warstw i coś narysujemy, nowy element zastąpi zaznaczony. Jest to przydatne, jeśli próbujesz narysować coś konkretnego. Możesz nadać nazwę każdemu elementowi, aby uniknąć nieporozumień. Wybierz element, naciśnij klawisz Enter, wprowadź nową nazwę i ponownie naciśnij klawisz Enter.

Pierwszą właściwością efektu farby, którą widzimy, jest farba przezroczysta. Jest wspólne dla wszystkich elementów. Jeśli ustawisz go w pozycji „Włącz”, warstwa tła zniknie i pozostanie tylko tło w postaci komórek szachownicy (jeśli ich nie masz, kliknij przełącznik Przełącz siatkę przezroczystości, jest on dostępny zarówno w panelu Kompozycja, jak i w panelu Warstwa).

Teraz rozwińmy jeden z elementów. Tutaj widzimy dwie grupy właściwości: Transform (właściwości transformacji), Opcje obrysu (właściwości rysunku), a także animowaną właściwość Path (kształt). Rozwiń grupę Opcje Stoke. Jeśli chcesz dopasować parametry rysowania dla już narysowanego elementu, powinieneś to zrobić tutaj, w panelu Paint ustawiasz parametry tylko dla kolejnych elementów rysunku.

Animujmy właściwość Start. Przenieś linię edycyjną do 2-sekundowej pozycji i kliknij ikonę stopera. Utworzono pierwszy klucz. Naciśnij klawisz Home, aby utworzyć drugi klawisz. Ale zmień jego wartość na 100%. Podgląd w okienku podglądu kompozycji. Element jest rysowany stopniowo, ale w przeciwnym kierunku. Aby rysował tak, jak go narysowałeś, sam animuj właściwość End (pamiętaj, aby anulować animację właściwości Start).
W grupie Stoke Options możemy zmienić kolor pędzla (Kolor), średnicę (Średnica), twardość (Twardość), okrągłość (Okrągłość), odstępy (rozstawy), krycie (Krycie) oraz przepływ (Przepływ). Jak widać, wszystkie te właściwości można animować. Teraz, zmieniając kolor każdego elementu, pokolorujmy nasz kwiatek.

Kolejnym narzędziem do rysowania jest Gumka. Po wybraniu tej pozycji w panelu Maluj dostępna jest opcja Wymaż, która ustawia obiekt do usunięcia.

Gumki można użyć nie tylko do wymazania narysowanych elementów, ale także do usunięcia tła.
Na koniec chciałbym opisać sposób narysowania idealnie prostej linii. Do tego potrzebujemy linijki. Wykonaj polecenie menu Widok-\u003e Pokaż linijki. W panelu Warstwy pojawiły się dwie skale: w pionie i w poziomie.
Teraz przesuwamy kursor na jedną z linijki. Kursor powinien zmienić się w dwukierunkową strzałkę. Przytrzymaj lewy przycisk myszy i przesuń kursor w miejsce, w którym chcesz umieścić linię.

Być może wiesz, że mamy kilka projektów w różnych niszach, z których jednym jest projekt VideoSmile.ru. Jest poświęcony tematyce wideo (montaż, efekty specjalne, 3D itp.) I jest rozwijany przez nasz zespół od 2011 roku.

Wiem, że wśród moich odbiorców są osoby, które są zainteresowane tym kierunkiem, dlatego poprosiłem gości z VideoSmile o przygotowanie dla moich subskrybentów serii lekcji na temat najpopularniejszego programu do obróbki wideo - Adobe After Effects. To rodzaj „Photoshopa” w świecie wideo.

Zdecydowaliśmy, że powinny to być lekcje praktyczne, po przestudiowaniu, które osoba może wykonać przydatne elementy animowane do swoich filmów. Taka seria tutoriali została pomyślnie stworzona i dziś mam przyjemność Państwu ją przedstawić.

Przedstawiamy After Effects

Pierwszy film przedstawia możliwości programu After Effects i przedstawia lokalizację, w której można go pobrać.

Stworzenie 4 efektownych wygaszaczy ekranu. Część 1

Podczas tej lekcji zapoznasz się z interfejsem programu, skonfigurujesz obszar roboczy, przestudiujesz główne panele programu. Również tutaj stworzysz swój projekt i pierwszą kompozycję w ramach tego projektu.

Stworzenie 4 efektownych wygaszaczy ekranu. Część 2

W tym miejscu będziesz kontynuować tworzenie kilku odmian ekranu startowego i poznasz kilka ważniejszych narzędzi After Effects.

Przejścia i wycięcia

W tym filmie dowiesz się, jak wykonywać wysokiej jakości przejścia od wygaszacza ekranu startowego do samego wideo, a także wdrożyć kilka przerw, które będą przydatne podczas edycji. Ponadto dowiesz się, jak korzystać ze standardowych przejść dostępnych w programie After Effects.

Dolne trzecie i umiera

Najprawdopodobniej zauważyłeś, że w różnych filmach z udziałem ludzi pojawiają się animowane matryce, na których wyświetlane jest imię i nazwisko osoby, a także nazwa jej firmy i rodzaj działalności. Te płytki można łatwo utworzyć w programie After Effects, aw tym samouczku nauczysz się, jak zrobić je samodzielnie.

Animowane elementy tekstowe

W ostatniej lekcji tego mini-kursu dowiesz się, jak tworzyć animowane bloki tekstowe, za pomocą których możesz dodawać ważne informacje tekstowe do swoich filmów.

Czasami konieczne jest narysowanie czegoś na pliku wideo, na przykład po to, aby stworzyć zabawny film lub dla poważnego projektu. W tym małym „podręczniku” o tym wam opowiem.

A więc zacznijmy:

1. Utwórz nową kompozycję (jeśli nie znasz podstaw działania robotów w Adobe After Effects, możesz przeczytać o tworzeniu nowej kompozycji).

2. „Przeciągnij” do okna projektu programu Adobe After Effects, a następnie do samej kompozycji wideo, na którym będziemy rysować (w tym przypadku jest to Nature.mp4):

3. Teraz dwukrotnie klikamy na warstwę pliku wideo i przechodzimy do okna tej osobnej warstwy (w tym przypadku jest to Layer: Nature.mp4), gdzie narysujemy:

4. Kiedy przeszliśmy do powyższego okna, po prostu wybierz narzędzie Pędzel (Ctrl + B). Również w prawym dolnym rogu widzimy pasek narzędzi Paint, w którym można dostosować wiele różnych parametrów.rysunek:

5. Teraz możesz spróbować coś narysować. Pośpiesznie narysowałem sękate drzewo :)

Chciałbym zwrócić uwagę na fakt, że każda oddzielna linia rysunku jest tworzona na nowej„Podwarstwa” wewnątrz warstwy pliku wideo. Możesz być elastycznydostosuj każdą warstwę (Pędzel 1, Pędzel 2… Pędzel n) ustawiając np. czas pojawienia się każdej części obrazu, a także wiele innych parametrów.Aby to zrobić, należy rozwinąć warstwę pliku wideo \u003d\u003e Efekty \u003d\u003e Maluj.

Generalnie opisałem proces rysowania w programie Adobe After Effects, wtedy wszystko zależy od Twojej wyobraźni. Przy okazji, jeśli są problemy z zapisaniem (renderowaniem) gotowego wideo w Adobe After Effects, to polecam zapoznać się z to materiał.

Studiuję AE od sierpnia 2016 roku i oprócz ilustracji zacząłem zajmować się projektowaniem ruchu.

Przygotowałem tutorial na blogu z prostą animacją kształtów i linii. Ta lekcja jest przeznaczona dla tych, którzy są już mniej lub bardziej obeznani z After Effects, więc jeśli wydaje ci się to trudne, polecam przejrzenie podstawowych samouczków w sieci. Na przykład ten mini kurs: Kurs wprowadzający Illustrator + After Effects.

Niedawno skończyłem i rozłożyłem projekt z animowanymi objaśnieniami, aw moim samouczku opowiem Ci, jak to zrobiłem na najprostszym przykładzie.

1. Utwórz plik wektorowy ze zdjęciem w programie Adobe Illustrator. Mamy wezwanie. Nie wszystkie linie są wypełnione, tylko pociągnięcia. Zrób tak, jak na obrazku, aby animacja była wyraźniejsza. Zapisz plik w formacie ai format.

2. Importuj do After Effects. Jest kilka sposobów. Kliknij dwukrotnie w oknie Projekt i wybierz plik w oknie rozwijanym. Lub za pomocą eksploratora - wybierz plik i przeciągnij go do okna Projekt... Możesz także Menu Plik\u003e importuj\u003e pliki wybierz nasz plik. Uwaga! Powinien stać nagranie w terenie Importuj jako i nie stawiamy żadnych znaczników wyboru.

3. Utwórz nową kompozycję w After Effects. CTRL + N lub przez menu Kompozycja\u003e Nowa kompozycja... Ustalamy ustawienia - piszemy nazwę, mamy 30 klatek (klatek na sekundę) i 15 sekund (Czas trwania) czas trwania animacji, ustalamy też wielkość samej kompozycji 1920x1080. Kliknij OK.

4. Przeciągnij i upuść zaimportowany plik wektorowy z okna Projekt na linia czasu - dolna część obszaru roboczego, w której faktycznie będziemy animować nasze linie.

5. Wybierz warstwę pliku. Przejdź do menu Efekt\u003e Generuj\u003e Wypełnij.

Wybierz kolor biały.

6. Warstwa jest zaznaczona. Następnie kliknij drugą ikonę Rasteryzuj obok nazwy warstwy (jeśli nie są widoczne żadne ikony, na dole osi czasu znajduje się Przełącz przełączniki / tryby - kliknij, a widok warstwy zmieni się - po prawej stronie pojawią się ikony).

Teraz nasze linie są dobrze widoczne. Musisz ich zapytać Skala skala. Możesz rozszerzyć warstwę w parametrach Przekształć\u003e Skaluj wprowadź wartość, ustawiam 450 na 450. Lub klawisz skrótu S - natychmiast wyświetla tylko jedną skalę wszystkich parametrów transformacji obiektu. Klawisze skrótu są dostępne dla wszystkich funkcji i jest to bardzo wygodne. Tak, każdą warstwę lub obiekt można przekształcić i te ustawienia są w każdej warstwie.

7. Następnie umieścimy nasze objaśnienie w środku. Jak w programie Illustrator: pierwszy wybór strzałek Narzędzie wyboru (V), a następnie przesuń obiekt.

8. Wybierz naszą warstwę, przejdź do menu Warstwa\u003e Utwórz kształty z warstwy wektorowej.

A po tej akcji będziemy mieli 2 warstwy. Możemy usunąć naszą pierwszą oryginalną warstwę wektorową. Wybierz i klucz USUNĄĆ... Nie zapomnijmy o zapisaniu projektu - Ctrl + Shift + S... Wskazówka - okresowo naciskaj magię Ctrl + S.

9. Teraz musimy podzielić jedną warstwę na kilka - w końcu mamy kilka linii. Możesz to zrobić ręcznie, ale jest to długie i nudne. Lepiej jest pobrać i zainstalować darmowy skrypt ZI_ExplodeShapesLayers (ulepszona nowa wersja). Wybierz warstwę i postępuj jak w programie Illustrator Plik\u003e Skrypty... naciśnij przycisk Eksplodować!

Wszystkie warstwy zostały zerwane osobno i możesz ponownie usunąć naszą oryginalną warstwę, okazuje się, że jest najniższa. I musiałby ręcznie skopiować (kopiowanie warstwy - CTRL + D) warstwę tyle razy, ile jest podwarstw - linii, a następnie usuń niepotrzebne podwarstwy z nowej skopiowanej warstwy i zmień nazwę.

Aby uzyskać więcej informacji, kto nie znalazł lub nie chciał pobrać skryptu:
Mamy 4 podwarstwy, więc potrzebujemy jeszcze 3 kopii, robimy je. Następnie usuń grupy 2,3,4 z pierwszej warstwy. A potem przez analogię. Następnie zmień nazwę - wybierz warstwę - ENTER - wprowadź nową nazwę - ENTER lub kliknij w puste miejsce. Powinieneś otrzymać 4 warstwy z oddzielnymi liniami.

10. Warstwy można ułożyć w kolejności animacji - najpierw koło, potem linie, potem kwadrat. Lub możesz zostawić to, jak chcesz. Cóż, wszystkie przygotowania dobiegły końca. A teraz zabawna część - animacja wektorowa. Zacznijmy od koła - znacznika odwołania.

Przy okazji wskazówki! Zoom in - możesz usuwać obiekty w oknie kompozycji za pomocą kółka myszy (nie działa tu zwykły ctrl + -, a ctrl 0 też) lub wybierając skalę w oknie Kompozycja - wyskakujące okienko współczynnika powiększenia (tam są liczby z procentami i strzałką w dół). I możesz poruszać się po oknie spacją - tą samą ręką (jak w żyrandolu). Podczas animowania obiektu zwróć też uwagę na środkowy punkt kontrolny. Punkt zakotwiczenia... Musi znajdować się w środku obiektu, w przeciwnym razie animacja nastąpi z miejsca, w którym leży punkt, aw tym przypadku potrzebujemy jej ze środka. Jak naprawić - naciśnij klawisz skrótu Yi pociągnij za punkt, umieść we właściwym miejscu. Dobrze chodźmy.

11. Animacja okręgu. Animujemy Skala.
Możesz solo na warstwie, wtedy tylko koło będzie widoczne (ikona kółka lub kropki). Następnie odkładamy klawisze - to będzie nasza animacja. Przesuń wskaźnik czasu (ta linia z niebieską końcówką - Wskaźnik aktualnego czasu) przez 0 sekund 15 klatek i przyłożyć klawisz - kliknij stoper obok Skala, zostawiamy wartość (mam 450).

Przenieś go na początek kompozycji do zera - i zmień wartość na zero (natychmiast wbij wartość rozmiaru i automatycznie dodaj nowy klucz). Następnie przechodzimy do przodu o 3 sekundy - 450, o 3 sekundy 15 klatek - 300, po kolejnych 5 klatkach - będzie to 3 sekundy 20 klatek - 450 i znowu powtarzamy po 6 sekundach, 6,15 i 6,20 - ustawiamy te same wartości - 450/300/450. Ponadto, również po 9 i 12 sekundach w przybliżeniu w tej samej odległości. A teraz wygaszamy na końcu kompozycji - 14 sekund 15 klatek - 450, przy 15 sekundach na samym końcu - 0. Następnie wciśnij F9 - spłaszcz klawisze.

Możesz dodać klucz w inny sposób - kliknij w diament obok stopera, a następnie zmień wartość). Możesz poruszać się po osi czasu za pomocą klawiszy STRONA W GÓRĘ i PAGE ON... Ostrożnie przesuwaj wskaźnik! Nie przesuwaj samej warstwy! Jeśli cokolwiek CTRL + Z pomóc Ci.

No cóż, teraz nasz krąg ożył - pojawia się na początku, w trakcie płynnie miga i płynnie gaśnie na końcu kompozycji. Aby wyświetlić, naciśnij zero 0 i aby zakończyć przeglądanie również zero 0.

12. Animacja linii głównej.
Wybierz następną warstwę z główną linią. Naciśnij dwukrotnie U a cała zawartość warstwy jest rozszerzana. Używane, gdy trzeba otworzyć te podwarstwy, które zostały zmienione. Bardzo wygodnie. Blisko - jeszcze raz U... W trakcie pracy sam wszystko zrozumiesz. Następnie wybierz podwarstwę Grupa 3 - Dodaj - Przytnij ścieżkę.

Rozszerzenie parametrów Przytnij ścieżkę i ustaw wartość y KONIEC... Stawiam na 75%. Ten wskaźnik odpowiada za to, w jakim procencie linia zostanie wyświetlona w animacji: 100% - całkowicie, 0% - odpowiednio linia nie zostanie wyświetlona. Optymalnie około 50 do 95%. Wskaźnik znajduje się na początku kompozycji. Następnie animujmy. Zacisk ALT i kliknij parametr stoper Offsetowy (tuż pod Koniec) i wprowadź wyrażenie w wyświetlonym wierszu - czas * n (gdzie n to liczba reprezentująca liczbę obrotów lub prędkość animacji).

Zagraj w kompozycję (zero) i zobacz, co się stanie. Możesz zmienić wartość KONIEC i porównaj animację bez zmiany wyrażenia. W ten sposób osiągnij najciekawszy i optymalny wynik. Teraz dodajmy również zanikanie i zanikanie. Możesz to zrobić z przejrzystością. Nieprzezroczystość... Wybierz warstwę - naciśnij klawisz T i po 1 sekundzie ustaw wartość na 100, zero na początku kompozycji - 0. Następnie przejdź przez 14 sekund - 100 i ustaw 0 na końcu kompozycji. F9 - wygładzanie. Nawiasem mówiąc, aby zaznaczyć wszystkie klawisze naraz, możesz je ostrożnie zaznaczyć myszą i nacisnąć F9 lub najłatwiej jest wybrać sam parametr Nieprzezroczystość a wszystkie klawisze zostaną podświetlone jednocześnie.

13. Animacja drugiej linii.
Teraz nauczmy się pracować z ustawieniami samej linii. Zróbmy prostą przerywaną linię ze zwykłej i animujmy ją. Dwa razy U na warstwie liniowej znajdujemy Udar mózgu i pokaż jego wartości, klikając strzałkę. Znajdź parametr Kreski i kliknij znak plus + dwa razy. Pojawią się wartości Dziarskość (liczba punktów), Luka (odległość między punktami), Offsetowy (animuj punkty). Wprowadźmy wartości 5 i 5. Teraz znowu ALT + kliknij stoper na parametrze Offsetowy i przedstawić czas * n (Mam wartość 35).

Teraz wybierzmy Zawartość - Dodaj - Przytnij ścieżkę i przez 1 sekundę Koniec klawisz to 100, zero 0, 14 sekund 100 i koniec 0. I wybierz klawisze i płynnie F9.

14. Animacja kwadratu. Obrót.
Wybierz warstwę kwadratową, skrót klawiszowy R (obrót)... Atrakcja obrót i ALT + kliknij stoper. W wierszu wejściowym wyrażenia napisz czas * n (Mam wartość 250). Klawiszy można też używać ręcznie - na początku jest klawisz z zerowymi wartościami początkowymi, a na końcu klawisza (wprowadź liczbę obrotów 0x i stopnie +0,0), powiedzmy 8 obrotów i 360 stopni. Wyrażenia znacznie ułatwiają i zwiększają automatyzację. Cóż, analogicznie, dodaj przezroczystość na początku pojawienia się (na 1 sekundę 100 i na zero 0) i na końcu zaniku (na 14 sekund 100 i na końcu 0) i F9... Albo tworzymy wygląd i znikamy Przytnij ścieżkę.

Wszystko! Animacja jest gotowa! Nasze wezwanie ożyło! Teraz oszczędzamy. Renderujemy.
Naciśnij klawisze skrótu CTRL + M (lub przejdź do menu).

Kliknij obok Moduł wyjściowy po prawej stronie strzałki i wybierz format ode mnie MOV + PNG + ALFA (lub MOV + PNG). I pchaj Renderowanie, czekamy, aż renderowanie jest w toku. Następnie patrzymy na wynik. Wideo zostanie zapisane w tym samym folderze co twój projekt.

Oksana Shilova specjalnie dla bloga

Zapisz się do naszego newslettera, aby nie przegapić niczego nowego: