Tworzenie migającej żarówki za pomocą wyrażeń w After Effects

W tym poradniku, pokażę ci jak wykonać efekt migania żarówki w After Effects za pomocą wyrażeń. Możesz następnie ustawić ręczne lub automatyczne miganie.

Podgląd

1. Tworzenie elementów w Photoshop

Krok 1

Otwórz Photoshop.

Krok 2

Naciśnij CTRL-N, aby stworzyć nową kompozycję. Ustaw Width i Height projektu odpowiednio na 1280 i 720.

Krok 3

Najpierw importujemy zdjęcie żarówki do kompozycji. Zmień nazwę warstwy na Bulb.

Krok 4

Po zaznaczeniu warstwy Bulb, naciśnij CTRL-J, aby ją powielić.

Krok 5

Zmień nazwę skopiowanej warstwy na Bulb Glass.

Krok 6

Ukryj warstwę Bulb. Za pomocą gumki, wymaż dolną część żarówki w warstwie Bulb Glass.

Krok 7

Włącz widoczność warstwy Bulb.

Krok 8

Naciśnij SHIFT-CTRL-N, aby stworzyć nową warstwę. Zmień nazwę tej warstwy na Slider.

Krok 9

Dodaj kształt suwaka w warstwie Slider jak pokazano na poniższym zrzucie.

Krok 10

W ten sam sposób, stwórz nową warstwę i zmień jej nazwę na Slider Button. Dodaj kształt przycisku w tej warstwie jak pokazano na poniższym zrzucie.

Krok 11

Naciśnij SHIFT-CTRL-N, aby stworzyć nową warstwę. Zmień nazwę tej warstwy na Filament.

Krok 12

Za pomocą pędzla, namaluj włókno biały kolorem.

Krok 13

Zapisz plik jako Bulb.PSD.

2. Komponowanie w After Effects

Krok 1

Otwórz After Effects

Krok 2

Naciśnij klawisze CTRL-I, aby otworzyć okno Import Files. Wybierz zapisany plik Bulb.PSD i kliknij przycisk Open.

Krok 3

Pojawi się małe okno z opcjami. W polu Import Kind wybierz Composition i kliknij OK.

Krok 4

Wszystkie elementy warstwy Bulb.PSD zostaną importowane jako kompozycja Bulb. W oknie projektu, kliknij dwukrotnie kompozycję Bulb. Wszystkie warstwy pojawią się na osi czasu.

Krok 5

Stwórz eliptyczną maskę w warstwie Background. Zwiększ wartość wygładzania maski, aby nieco przyciemnić obrys.

Krok 6

Po zaznaczeniu warstwy Bulb Glass, przejdź do Effects > Generate > Fill i nałóż efekt.

Krok 7

Jako wypełnienie wybierz jasnożółty kolor. Szklana część żarówki odpowiednio zmieni kolor.

Krok 8

Po zaznaczeniu warstwy Bulb Glass, przejdź do Effects > Sapphire Lighting > S_Glow i nałóż efekt. Zwiększ wartość Glow Width na 120 i Brightness na 2.

Krok 9

Wykonaj te same czynności dla warstwy Filament. Po zaznaczeniu warstwy Filament, przejdź do Effects > Sapphire Lighting > S_Glow i nałóż efekt. Zwiększ wartość Glow Widght na 36 i Brightness na 5.

Krok 10

Po zaznaczeniu warstwy Filament i przytrzymaniu klawisza ALT, kliknij stoper obok właściwości Brightness. Otworzy się edytor wyrażeń. Wpisz następujący kod:

y= thisComp.layer("Slider Button").transform.position[1];

yMin = 420;

yMax = 445;

linear(y,yMin,yMax,5,0)

Krok 11

Wykonaj te same czynności dla wartości Opacity w warstwie Filament. Przytrzymując klawisz ALT, kliknij stoper obok właściwości Opacity. Otworzy się edytor wyrażeń. Wpisz następujący kod:

y= thisComp.layer("Slider Button").transform.position[1];

yMin = 420;

yMax = 445;

linear(y,yMin,yMax,100,0)

Krok 12

Wykonaj te same czynności dla wartości Opacity w warstwie Bulb Glass. Przytrzymując klawisz ALT, kliknij stoper obok właściwości Opacity.  Otworzy się edytor wyrażeń. Wpisz następujący kod:

y= thisComp.layer("Slider Button").transform.position[1];

yMin = 130;

yMax = 445;

linear(y,yMin,yMax,100,0)

Krok 13

Jeśli chcesz, aby miganie było automatyczne, przytrzymując klawisz ALT, kliknij stoper obok właściwości Position w warstwie Slider Button. Otworzy się edytor wyrażeń. Wpisz następujący kod:

x = transform.position[0];

y = transform.position[1];

w = wiggle(6, 210); 

[x, w[1]];

Krok 14

Przesuń warstwę Slider Button po osi Y. Za pomocą przycisku suwaka możesz kontrolować natężenie włókna i blasku żarówki przesuwając po osi Y.

Eksperymentuj z wartościami yMin i yMax, aby uzyskać różne rezultaty.

Podsumowanie

Chociaż wymagana jest pewna znajomość matematyki i skryptów, za pomocą wyrażeń możesz wykonać wspaniałe i złożone projekty, oszczędzając przy tym mnóstwo czasu.

Zachęcam do obserwowania tego działu, ponieważ zamierzam stworzyć więcej poradników na temat wyrażeń.